diff --git a/.github/workflows/build-image.yml b/.github/workflows/build-image.yml
index 2a384bcc..c949c4c0 100644
--- a/.github/workflows/build-image.yml
+++ b/.github/workflows/build-image.yml
@@ -2,7 +2,7 @@ name: build-image
 on:
   push:
     branches:
-      - main
+      - 2.x
 jobs:
   build-docker-image:
     name: Build docker image
@@ -30,4 +30,3 @@ jobs:
             RELEASE_VERSION=2.0.0
           tags: |
             docker.io/gsmlg/phx-wc-storybook:v2
-            docker.io/gsmlg/phx-wc-storybook:latest
diff --git a/.github/workflows/test-and-release.yml b/.github/workflows/test-and-release.yml
index 0c74302f..9d2436b3 100644
--- a/.github/workflows/test-and-release.yml
+++ b/.github/workflows/test-and-release.yml
@@ -2,13 +2,12 @@ name: test-and-release
 on:
   push:
     branches:
-      - '+([0-9])?(.{+([0-9]),x}).x'
+      - 2.x
       - main
       - alpha
       - beta
       - next
       - next-major
-      - umbrella
 jobs:
   tests:
     name: Run tests (Elixir ${{matrix.elixir}}, OTP ${{matrix.otp}})
diff --git a/apps/phoenix_webcomponent/.releaserc.yaml b/apps/phoenix_webcomponent/.releaserc.yaml
index c34aacf9..073f53c1 100644
--- a/apps/phoenix_webcomponent/.releaserc.yaml
+++ b/apps/phoenix_webcomponent/.releaserc.yaml
@@ -1,9 +1,10 @@
 repositoryUrl: https://github.com/gsmlg-dev/phoenix_webcomponent.git
 branches:
+  - +([0-9])?(.{+([0-9]),x}).x
+  - {name: '2.x', range: '2.x.x'}
   - main
   - next
   - next-major
-  - {name: 'umbrella', prerelease: true}
   - {name: 'beta', prerelease: true}
   - {name: 'alpha', prerelease: true}
 plugins:
diff --git a/apps/phoenix_webcomponent/CHANGELOG.md b/apps/phoenix_webcomponent/CHANGELOG.md
index abb17e43..af17888b 100644
--- a/apps/phoenix_webcomponent/CHANGELOG.md
+++ b/apps/phoenix_webcomponent/CHANGELOG.md
@@ -1,3 +1,118 @@
+# [2.7.0](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.6.0...v2.7.0) (2023-02-17)
+
+
+### Bug Fixes
+
+* Fix build yew icons. ([76f2972](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/76f2972c267ca03cc831fc18c4a07a942777f875))
+* Fix build yew icons. ([29d5ff5](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/29d5ff582947cc666228538f6e3951a9800f5d33))
+* Fix format. ([4ac5cc4](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/4ac5cc4d1db2b3fa1698508e12dc090fc843757a))
+* Fix import. ([a42689e](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/a42689e7e46e355a506680efcf9ba3d8cca35ba3))
+* Fix left_menu storybook. ([87fd7ac](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/87fd7aca9e0c098f6dbe9d80e7225741f23d7b2f))
+* Format class to array. ([b3b29bf](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/b3b29bf5e4f5ff985bedf10975c153d20d4bd7b0))
+* Optimize menu. ([9864d5e](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/9864d5ed7262678c3de22aa19e82b9e16180e6c9))
+* Use macro. ([87f2554](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/87f25548b2df510536bea5edd2828881719d5375))
+
+
+### Features
+
+* Add wc_modal. ([2b2a951](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/2b2a95107e9c55066084694bab7695cbc98ad8dc))
+* Refactor left_menu. ([575fa11](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/575fa111d6ad4f513ad8ce5730d75eb20293353e))
+
+# [2.6.0](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.5.4...v2.6.0) (2022-12-08)
+
+
+### Features
+
+* Add bootstrap icons. ([21d76e1](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/21d76e18b91d075ded072067a12d123b2050a8da))
+
+## [2.5.4](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.5.3...v2.5.4) (2022-12-06)
+
+
+### Bug Fixes
+
+* Use local icon instead. ([a623091](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/a623091b9f405d401e367935a3e657b72452f228))
+
+## [2.5.3](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.5.2...v2.5.3) (2022-12-05)
+
+
+### Bug Fixes
+
+* Fix exports at package.json and docs of table. ([836d2b1](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/836d2b12803c5e2d3e3152e744f761e5aaa38fd7))
+
+## [2.5.2](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.5.1...v2.5.2) (2022-12-04)
+
+
+### Bug Fixes
+
+* Add exports in package.json. ([c2b4df1](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/c2b4df1db019c4d7f0c1d12eb6c5e527d038c570))
+* Fix default value. ([f14a0c7](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/f14a0c75055be67fd24733f82f9606f1ee7364ac))
+* Fix test. ([4d1a56e](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/4d1a56e2a6d6f054580f69c089f31c00cef5c705))
+
+## [2.5.1](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.5.0...v2.5.1) (2022-12-03)
+
+
+### Bug Fixes
+
+* Add color attribute to wc_mdi. ([00ad870](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/00ad87073ae5fbb159d55438a08adffcd9fdfb18))
+* Fix test. ([8490170](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/8490170d7becea97061c8842e6274c1dc9174cc0))
+
+# [2.5.0](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.4.0...v2.5.0) (2022-12-03)
+
+
+### Features
+
+* Add material design icons community version. ([2ee18ad](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/2ee18adbeee0c2cb164f6177752af6e586b2349f))
+
+# [2.4.0](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.6...v2.4.0) (2022-12-01)
+
+
+### Features
+
+* Add new appbar wc_simple_appbar. ([4101601](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/4101601b24f09e9f4133f8c07f423a632025a641))
+
+## [2.3.6](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.5...v2.3.6) (2022-11-30)
+
+
+### Bug Fixes
+
+* Fix @gsmlg/lit. ([ababf12](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/ababf129ca57883ed51f3cc87b19885dbf7718ad))
+
+## [2.3.5](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.4...v2.3.5) (2022-11-30)
+
+
+### Bug Fixes
+
+* Update @gsmlg/lit. ([5fb7a17](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/5fb7a170f4faad16d58b17df1d176a2d07466a6d))
+
+## [2.3.4](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.3...v2.3.4) (2022-11-29)
+
+
+### Bug Fixes
+
+* Update @gsmlg/lit version. ([311f257](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/311f257f6bfc54f399d06c0b4bd0eabae12c8a11))
+
+## [2.3.3](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.2...v2.3.3) (2022-11-23)
+
+
+### Bug Fixes
+
+* Add new link storybbok. ([2234b3d](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/2234b3dbe84e0c99b48507a6c92c6acd3a1ae2ab))
+* Fix format. ([476dd84](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/476dd84ae6b1301e361457a2867ff9a2068d0271))
+
+## [2.3.2](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.1...v2.3.2) (2022-11-15)
+
+
+### Bug Fixes
+
+* Fix linke style. ([38d2dbf](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/38d2dbfde433f647dbd741ab215f438767401b35))
+
+## [2.3.1](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.3.0...v2.3.1) (2022-11-15)
+
+
+### Bug Fixes
+
+* Remove elixir 1.11. ([3e59cbc](https://github.com/gsmlg-dev/phoenix_webcomponent/commit/3e59cbc8e0c24e7713228ccf20899e6bd7371512))
+
 ## [2.2.3](https://github.com/gsmlg-dev/phoenix_webcomponent/compare/v2.2.2...v2.2.3) (2022-10-14)
 
 
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/gen_icon.ex b/apps/phoenix_webcomponent/lib/mix/tasks/gen_icon.ex
new file mode 100644
index 00000000..eb4e8312
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/gen_icon.ex
@@ -0,0 +1,26 @@
+defmodule Mix.Tasks.PhxWc.GenIcons do
+  # Generate Material Design Icons
+  # try to define with macro, it's too slow
+
+  @moduledoc """
+  Generate Phoenix.WebComponent.MaterialDesignIcons fron 7000+ svg files
+  """
+  use Mix.Task
+
+  @shortdoc "Generate Phoenix.WebComponent.MaterialDesignIcons.ex file"
+  def run(_) do
+    Mix.Task.run("app.start")
+
+    icons =
+      File.ls!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg"))
+      |> Enum.filter(&String.ends_with?(&1, ".svg"))
+      |> Enum.map(&String.trim(&1, ".svg"))
+
+    quoted = EEx.compile_file("#{__DIR__}/material_design_icons.eex")
+    {result, _bindings} = Code.eval_quoted(quoted, icons: icons)
+
+    fl = Path.expand("../../phoenix_webcomponent/material_design_icons.ex", __DIR__)
+
+    File.write!(fl, result)
+  end
+end
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/gen_rs_icon.ex b/apps/phoenix_webcomponent/lib/mix/tasks/gen_rs_icon.ex
new file mode 100644
index 00000000..b084338d
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/gen_rs_icon.ex
@@ -0,0 +1,123 @@
+defmodule Mix.Tasks.PhxWc.GenRsIcons do
+  # Generate Material Design Icons and Bootstrap Icons to yew components
+
+  @moduledoc """
+  Generate mdi.rs or bsi.rs fron svg files.
+  """
+  use Mix.Task
+
+  @shortdoc "Generate mdi.rs or bsi.rs file"
+  def run(["mdi"]) do
+    Mix.Task.run("app.start")
+
+    ns = "MD"
+
+    icons =
+      File.ls!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg"))
+      |> Enum.filter(&String.ends_with?(&1, ".svg"))
+      |> Enum.map(&String.trim(&1, ".svg"))
+
+    icon_names =
+      icons
+      |> Enum.map(fn name ->
+        name |> String.split("-") |> Enum.map(&String.capitalize/1) |> Enum.join("")
+      end)
+
+    wd = Path.expand("../../../mdi", __DIR__)
+    File.mkdir_p!(wd)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_mod.eex")
+    {result, _bindings} = Code.eval_quoted(quoted, icons: icons, icon_names: icon_names, ns: ns)
+    fl = "#{wd}/mod.rs"
+    File.write!(fl, result)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_props.eex")
+    {result, _bindings} = Code.eval_quoted(quoted, ns: ns)
+    fl = "#{wd}/props.rs"
+    File.write!(fl, result)
+
+    icons
+    |> Enum.each(fn name ->
+      inner =
+        File.read!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg/#{name}.svg"))
+        |> String.replace(~r/<svg[^>]+>/, "")
+        |> String.replace("</svg>", "")
+        |> String.trim()
+
+      quoted = EEx.compile_file("#{__DIR__}/yew_icon_item.eex")
+
+      {result, _bindings} =
+        Code.eval_quoted(quoted, ns: ns, name: name, inner: inner, vb: "0 0 24 24")
+
+      fl = "#{wd}/icon_#{name |> String.replace("-", "_")}.rs"
+      File.write!(fl, result)
+    end)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_names.eex")
+
+    {result, _bindings} =
+      Code.eval_quoted(quoted, icons: icons, icon_names: icon_names, ns: ns, mod_name: "mdi")
+
+    fl = "#{wd}/mdi_names.rs"
+    File.write!(fl, result)
+  end
+
+  def run(["bsi"]) do
+    Mix.Task.run("app.start")
+
+    ns = "BS"
+
+    icons =
+      File.ls!(Application.app_dir(:phoenix_webcomponent, "priv/bsi/svg"))
+      |> Enum.filter(&String.ends_with?(&1, ".svg"))
+      |> Enum.map(&String.trim(&1, ".svg"))
+
+    icon_names =
+      icons
+      |> Enum.map(fn name ->
+        name |> String.split("-") |> Enum.map(&String.capitalize/1) |> Enum.join("")
+      end)
+
+    wd = Path.expand("../../../bsi", __DIR__)
+    File.mkdir_p!(wd)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_mod.eex")
+    {result, _bindings} = Code.eval_quoted(quoted, icons: icons, icon_names: icon_names, ns: ns)
+    fl = "#{wd}/mod.rs"
+    File.write!(fl, result)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_props.eex")
+    {result, _bindings} = Code.eval_quoted(quoted, ns: ns)
+    fl = "#{wd}/props.rs"
+    File.write!(fl, result)
+
+    icons
+    |> Enum.each(fn name ->
+      inner =
+        File.read!(Application.app_dir(:phoenix_webcomponent, "priv/bsi/svg/#{name}.svg"))
+        |> String.replace(~r/<svg[^>]+>/, "")
+        |> String.replace("</svg>", "")
+        |> String.trim()
+
+      quoted = EEx.compile_file("#{__DIR__}/yew_icon_item.eex")
+
+      {result, _bindings} =
+        Code.eval_quoted(quoted, ns: ns, name: name, inner: inner, vb: "0 0 16 16")
+
+      fl = "#{wd}/icon_#{name |> String.replace("-", "_")}.rs"
+      File.write!(fl, result)
+    end)
+
+    quoted = EEx.compile_file("#{__DIR__}/yew_icon_names.eex")
+
+    {result, _bindings} =
+      Code.eval_quoted(quoted, icons: icons, icon_names: icon_names, ns: ns, mod_name: "bsi")
+
+    fl = "#{wd}/bsi_names.rs"
+    File.write!(fl, result)
+  end
+
+  def run(_) do
+    IO.puts("Use `mix phx_wc.gen_rs_icons bsi` or `mix phx_wc.gen_rs_icons mdi`")
+  end
+end
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/material_design_icons.eex b/apps/phoenix_webcomponent/lib/mix/tasks/material_design_icons.eex
new file mode 100644
index 00000000..65fd60b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/material_design_icons.eex
@@ -0,0 +1,28 @@
+defmodule Phoenix.WebComponent.MaterialDesignIcons do
+  @moduledoc """
+  Render 7000+ Material Design Icons
+  """
+  use Phoenix.WebComponent, :html
+
+  # alias Phoenix.LiveView.JS
+
+  @icons ~W(<%= icons |> Enum.join(" ") %>)
+
+  @spec icons() :: [String.t()]
+  def icons(), do: @icons
+
+  <%= for name <- icons do %>
+  def <%= String.replace(name, "-", "_") %>(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> false end)
+      |> assign_new(:class, fn -> false end)
+
+    ~H"""
+    <svg xmlns="http://www.w3.org/2000/svg" id={@id} class={@class} viewBox="0 0 24 24">
+      <%= File.read!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg/#{name}.svg")) |> String.replace(~r/<svg[^>]+>/, "") |> String.replace("</svg>", "") %>
+    </svg>
+    """
+  end
+  <% end %>
+end
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_item.eex b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_item.eex
new file mode 100644
index 00000000..3b9249c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_item.eex
@@ -0,0 +1,15 @@
+#![allow(non_camel_case_types)]
+
+use yew::prelude::*;
+use super::props::IconProps;
+
+#[function_component(<%= ns %>_<%= name |> String.split("-") |> Enum.map(&String.capitalize/1) |> Enum.join("") %>)]
+pub fn r#icon_<%= String.replace(name, "-", "_") %>(props: &IconProps) -> Html {
+  let owned_props = props.clone();
+
+  html! {
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="<%= vb %>" id={owned_props.id} class={owned_props.class} width={owned_props.size} fill={owned_props.color} style={owned_props.style}>
+      <%= inner %>
+    </svg>
+  }
+}
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_mod.eex b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_mod.eex
new file mode 100644
index 00000000..05c45a89
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_mod.eex
@@ -0,0 +1,6 @@
+pub mod props;
+pub use self::props::IconProps;
+
+<%= for {name, idx} <- Enum.with_index(icons) do %>pub mod icon_<%= name |> String.replace("-", "_") %>;
+pub use self::icon_<%= name |> String.replace("-", "_") %>::<%= ns %>_<%= Enum.at(icon_names, idx) %>;
+<% end %>
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_names.eex b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_names.eex
new file mode 100644
index 00000000..8916da01
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_names.eex
@@ -0,0 +1,22 @@
+use yew::prelude::*;
+
+use super::<%= mod_name %>::IconProps;
+
+<%= for name <- icon_names do %>use super::<%= mod_name %>::<%= ns %>_<%= name %>;
+<% end %>
+
+pub const NAMES: [&str; <%= icon_names |> length() %>] = [
+<%= for name <- icon_names do %>  "<%= name %>",
+<% end %>
+];
+
+#[function_component(<%= ns %>Icon)]
+pub fn icon(props: &IconProps) -> Html {
+  let owned_props = props.clone();
+  match owned_props.name {
+<%= for name <- icon_names do %>    implicit_clone::unsync::IString::Static("<%= name %>") => html! {
+      <<%= ns %>_<%= name %> ..owned_props />
+    },
+<% end %>    _ => html! {},
+  }
+}
diff --git a/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_props.eex b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_props.eex
new file mode 100644
index 00000000..8a5a2325
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/mix/tasks/yew_icon_props.eex
@@ -0,0 +1,18 @@
+use yew::prelude::*;
+
+#[derive(Properties, Clone, PartialEq)]
+pub struct IconProps {
+    #[prop_or_default]
+    pub id: AttrValue,
+    /// CSS classes to add to the anchor element (optional).
+    #[prop_or_default]
+    pub class: Classes,
+    #[prop_or(AttrValue::from("1em"))]
+    pub size: AttrValue,
+    #[prop_or(AttrValue::from("currentColor"))]
+    pub color: AttrValue,
+    #[prop_or_default]
+    pub style: AttrValue,
+    #[prop_or_default]
+    pub name: AttrValue,
+}
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent.ex
index 3e3c8270..91ce5b58 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent.ex
@@ -2,12 +2,7 @@ defmodule Phoenix.WebComponent do
   @moduledoc """
   Provides a suit of html custom component for phoenix.
 
-  This library provides three main functionalities:
-
-    * Enhance form helper with manterial web componet
-    * Enhance link helper with manterial web componet
-    * Markdown render helper with `@gsmlg/lit/remark-element`
-    * TopAppBar render top app bar with custom element.
+  This library add a list of phoneix component.
 
   ## Form helper
 
@@ -46,11 +41,14 @@ defmodule Phoenix.WebComponent do
 
   def alias do
     quote do
+      alias Phoenix.WebComponent.Link
       alias Phoenix.WebComponent.Actionbar
       alias Phoenix.WebComponent.Appbar
+      alias Phoenix.WebComponent.Breadcrumb
       alias Phoenix.WebComponent.Card
       alias Phoenix.WebComponent.LeftMenu
       alias Phoenix.WebComponent.Markdown
+      alias Phoenix.WebComponent.Modal
       alias Phoenix.WebComponent.Pagination
       alias Phoenix.WebComponent.Table
     end
@@ -68,20 +66,28 @@ defmodule Phoenix.WebComponent do
 
   defp components do
     quote do
+      import Phoenix.WebComponent.Link
       import Phoenix.WebComponent.Actionbar
       import Phoenix.WebComponent.Appbar
+      import Phoenix.WebComponent.Breadcrumb
       import Phoenix.WebComponent.Card
       import Phoenix.WebComponent.LeftMenu
       import Phoenix.WebComponent.Markdown
+      import Phoenix.WebComponent.Modal
       import Phoenix.WebComponent.Pagination
       import Phoenix.WebComponent.Table
+      import Phoenix.WebComponent.Icons
     end
   end
 
   @doc """
   Import helpers for internal usage.
 
-  Support:
+  ## Support:
+
+  - `use Phoenix.WebComponent`
+
+  ### Internal use Only
 
   - `use Phoenix.WebComponent, :component`
   - `use Phoenix.WebComponent, :live_component`
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/actionbar.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/actionbar.ex
index cff7b640..4f1f4ba6 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/actionbar.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/actionbar.ex
@@ -6,19 +6,65 @@ defmodule Phoenix.WebComponent.Actionbar do
 
   @doc """
   Generates a actionbar.
+
   ## Examples
-  ## Options
+
+  ```heex
+  <.wc_actionbar class="shadow">
+    <:left>
+      Star Wars
+    </:left>
+    <:right>
+      <button>action</button>
+    </:right>
+  </.wc_actionbar>
+  ```
+
   """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  slot(:left,
+    required: false,
+    doc: """
+    Left part of action bar.
+    """
+  )
+
+  slot(:right,
+    required: false,
+    doc: """
+    Right part of action bar.
+    """
+  )
+
   def wc_actionbar(assigns) do
     assigns =
       assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
       |> assign_new(:left, fn -> [] end)
       |> assign_new(:right, fn -> [] end)
 
     ~H"""
-    <div id={@id} class={"w-full h-16 px-4 flex justify-between items-center #{@class}"}>
+    <div
+      id={@id}
+      class={[
+        "w-full h-16 px-4",
+        "flex justify-between items-center",
+        @class,
+      ]}
+    >
       <div classs="flex justify-start items-center">
         <%= render_slot(@left) %>
       </div>
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/appbar.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/appbar.ex
index 10718e96..ed6e4cee 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/appbar.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/appbar.ex
@@ -5,30 +5,78 @@ defmodule Phoenix.WebComponent.Appbar do
   """
   use Phoenix.WebComponent, :html
 
+  import Phoenix.WebComponent.Link
+  import Phoenix.WebComponent.Icons
+
   @doc """
   Generates a html customElement appbar.
 
-  ## Attributes
+  ## Example
 
-  - `title` binary
-  example: "App Title"
-  - `menus` List
-  example: [ %{ label: "Menu Name", to: ~p"/menu-url" } ]
+      <.wc_appbar
+        title={"Phoenix WebComponent"}
+        menus={[
+          %{ label: "Component Storybook", to: Routes.live_storybook_path(@conn, :root) }
+        ]}
+      >
+        <:logo>
+          <logo-gsmlg-dev />
+        </:logo>
+        <:user_profile>
+          (^_^)
+        </:user_profile>
+      </.wc_appbar>
 
-  ## Slots
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
 
-  - `logo`
-  - `user_profile`
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:title, :string,
+    default: "",
+    doc: """
+    Appbar title.
+    """
+  )
+
+  attr(:menus, :list,
+    default: [],
+    doc: """
+    Appbar menus
+
+    example: [ %{ label: "Menu Name", to: ~p"/menu-url" } ]
+    """
+  )
+
+  slot(:logo,
+    required: false,
+    doc: """
+    Appbar Logo.
+    """
+  )
+
+  slot(:user_profile,
+    required: false,
+    doc: """
+    Appbar right side user_profile.
+    """
+  )
 
-  """
   def wc_appbar(assigns) do
     assigns =
       assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
       |> assign_new(:logo, fn -> [] end)
-      |> assign_new(:title, fn -> "GSMLG Title" end)
-      |> assign_new(:menus, fn -> [] end)
       |> assign_new(:user_profile, fn -> [] end)
 
     ~H"""
@@ -37,12 +85,12 @@ defmodule Phoenix.WebComponent.Appbar do
         <%= render_slot(@logo) %>
       </nav>
       <%= for menu <- @menus do %>
-        <.link
+        <.wc_link
           navigate={menu.to}
           slot="nav"
         >
           <%= menu.label %>
-        </.link>
+        </.wc_link>
       <% end %>
       <span slot="user">
         <%= render_slot(@user_profile) %>
@@ -50,4 +98,136 @@ defmodule Phoenix.WebComponent.Appbar do
     </app-bar>
     """
   end
+
+  @doc """
+  Generates an simple html appbar.
+
+  ## Example
+
+      <.wc_simple_appbar
+        title={"Phoenix WebComponent"}
+        menus={[
+          %{ label: "Component Storybook", to: Routes.live_storybook_path(@conn, :root) }
+        ]}
+      >
+        <:logo>
+          <logo-gsmlg-dev />
+        </:logo>
+        <:user_profile>
+          (^_^)
+        </:user_profile>
+      </.wc_simple_appbar>
+
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:title, :string,
+    default: "",
+    doc: """
+    Appbar title.
+    """
+  )
+
+  attr(:menus, :list,
+    default: [],
+    doc: """
+    Appbar menus
+
+    example: [ %{ label: "Menu Name", to: ~p"/menu-url" } ]
+    """
+  )
+
+  slot(:logo,
+    required: false,
+    doc: """
+    Appbar Logo.
+    """
+  )
+
+  slot(:user_profile,
+    required: false,
+    doc: """
+    Appbar right side user_profile.
+    """
+  )
+
+  def wc_simple_appbar(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:logo, fn -> [] end)
+      |> assign_new(:home, fn -> false end)
+      |> assign_new(:user_profile, fn -> [] end)
+
+    ~H"""
+    <header
+      id={@id}
+      class={[
+        "h-14 w-screen bg-sky-900 text-white text-xl",
+        "flex items-center justify-center relative",
+        @class
+      ]}
+    >
+      <div class="container h-full flex items-center justify-between select-none">
+        <div class="flex flex-row items-center justify-start">
+          <%= render_slot(@logo) %>
+          <h1 class="select-none text-blod hidden lg:inline-flex">
+            <%= @title %>
+          </h1>
+          <nav class="text-fuchsia-200 mx-12 hidden md:flex flex-row items-center gap-4">
+            <%= for menu <- @menus do %>
+            <a
+              class="rounded-lg bg-cyan-600 hover:bg-cyan-400 py-2 px-6 text-lg font-semibold leading-6 text-center text-white active:text-white/80"
+              href={menu.to}
+            ><%= menu.label %></a>
+            <% end %>
+          </nav>
+        </div>
+        <div class="flex flex-row items-center justify-end">
+          <div
+            class="hidden md:inline-flex"
+          ><%= render_slot(@user_profile) %></div>
+          <button
+            class={[
+              "inline-flex justify-center items-center",
+              "md:hidden w-10 h-10",
+            ]}
+            onclick="document.getElementById('header-md-menu').classList.toggle('hidden')"
+          >
+            <.wc_mdi name="menu" class="w-8 h-8" />
+          </button>
+        </div>
+      </div>
+      <div id="header-md-menu" class="absolute z-50 top-14 w-full bg-sky-900 flex flex-col md:hidden hidden">
+        <%= for menu <- @menus do %>
+        <a
+          class={[
+            "w-full py-2 px-6",
+            "bg-cyan-600 hover:bg-cyan-400",
+            "font-semibold leading-6",
+            "text-lg text-center text-white active:text-white/80",
+          ]}
+          href={menu.to}
+        ><%= menu.label %></a>
+        <% end %>
+        <hr />
+        <div
+          class="w-full my-2 text-center flex flex-col justify-start items-center"
+        ><%= render_slot(@user_profile) %></div>
+      </div>
+    </header>
+    """
+  end
 end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/breadcrumb.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/breadcrumb.ex
new file mode 100644
index 00000000..8a1c615a
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/breadcrumb.ex
@@ -0,0 +1,79 @@
+defmodule Phoenix.WebComponent.Breadcrumb do
+  @moduledoc """
+  render appbar
+
+  """
+  use Phoenix.WebComponent, :html
+
+  @doc """
+  Generates webcomponent breadcrumb
+  ## Example
+      <.wc_breadcrumb>
+        <:crumb>Menu1</:crumb>
+        <:crumb>Menu2</:crumb>
+      </.wc_breadcrumb>
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  slot(:icon,
+    required: false,
+    doc: """
+    Render Icon
+    """
+  )
+
+  slot(:crumb,
+    required: true,
+    doc: """
+    Render menu
+    """
+  ) do
+    attr(:id, :any)
+    attr(:class, :string)
+    attr(:to, :string)
+  end
+
+  def wc_breadcrumb(assigns) do
+    assigns =
+      assigns
+      |> assign_new(:id, fn -> false end)
+      |> assign_new(:class, fn -> "" end)
+
+    ~H"""
+    <div id={@id} class={[
+      "flex flex-row justify-start items-center gap-2",
+      "w-full px-4",
+      @class,
+    ]}>
+      <%= if length(@icon) > 0 do %>
+      <%= render_slot(@icon) %>
+      <% else %>
+      <Phoenix.WebComponent.Icons.wc_mdi name="home" class="w-4 h-4" />
+      <% end %>
+      <%= for {crumb, i} <- Enum.with_index(@crumb) do %>
+      <span class="flex flex-row">
+        <%= render_slot(crumb) %>
+      </span>
+      <%= if i + 1 < length(@crumb) do %>
+      <span class="flex flex-row">
+        /
+      </span>
+      <% end %>
+      <% end %>
+    </div>
+    """
+  end
+end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/card.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/card.ex
index d8948a72..26729d43 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/card.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/card.ex
@@ -8,21 +8,67 @@ defmodule Phoenix.WebComponent.Card do
 
   @doc """
   Generates card
+
+  ## Example
+
+      <.wc_card>
+        <:title>
+        Star Wars
+        </:title>
+        Star Wars is an American epic space opera multimedia
+        franchise created by George Lucas,
+        which began with the eponymous 1977 film and
+        quickly became a worldwide pop-culture phenomenon.
+      </.wc_card>
+
   """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  slot(:title,
+    required: false,
+    doc: """
+    Render a card title.
+    """
+  )
+
   def wc_card(assigns) do
     assigns =
       assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
       |> assign_new(:title, fn -> nil end)
 
     ~H"""
-    <div id={@id} class={"bg-white w-fit h-fit m-4 p-6 flex flex-col shadow #{@class}"}>
-      <%= unless is_nil(@title) do %>
-      <div class="w-full text-xl flex flex-row justify-start items-center h-10 mb-4">
-        <%= render_slot(@title) %>
+    <div
+      id={@id}
+      class={[
+        "m-4 p-6 flex flex-col",
+        "bg-white shadow",
+        @class
+      ]}
+    >
+      <div
+        :for={{title, _i} <- Enum.with_index(@title)}
+        class={[
+          "w-full text-xl",
+          "flex flex-row justify-start items-center",
+          "h-10 mb-4",
+          Map.get(title, :class, ""),
+        ]}
+      >
+        <%= render_slot(title) %>
       </div>
-      <% end %>
       <%= render_slot(@inner_block) %>
     </div>
     """
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/icons.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/icons.ex
new file mode 100644
index 00000000..1ae9258c
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/icons.ex
@@ -0,0 +1,159 @@
+defmodule Phoenix.WebComponent.Icons do
+  @moduledoc """
+  Render 7000+ Material Design Icons
+  """
+  use Phoenix.WebComponent, :html
+
+  # alias Phoenix.LiveView.JS
+
+  @md_icons File.ls!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg"))
+            |> Enum.filter(&String.ends_with?(&1, ".svg"))
+            |> Enum.map(&String.trim(&1, ".svg"))
+            |> Enum.sort(:asc)
+
+  @doc """
+  Return all names of available Material Design Icons.
+  Can be found at [Material Design Icons](https://phoenix-webcomponent.gsmlg.org/mdi)
+
+      > Phoenix.WebComponent.Icons.mdi_icons()
+        #=> [
+        #=>   "abacus.svg",
+        #=>   "abjad-arabic.svg",
+        #=>   ...
+        #=> ]
+  """
+  @spec mdi_icons() :: [String.t()]
+  def mdi_icons(), do: @md_icons
+
+  @doc """
+  Render Material Design Icons
+
+  ## Examples
+
+      <.wc_mdi name="abacus" id="mdi-abjad-arabic" class="w-16 h-16" />
+      #=> <svg xmlns="http://www.w3.org/2000/svg" id="mdi-abjad-arabic" class="w-16 h-16" fill="currentcolor" viewBox="0 0 24 24"><path d="M12 4C10.08 4 8.5 5.58 8.5 7.5C8.5 8.43 8.88 9.28 9.5 9.91C7.97 10.91 7 12.62 7 14.5C7 17.53 9.47 20 12.5 20C14.26 20 16 19.54 17.5 18.66L16.5 16.93C15.28 17.63 13.9 18 12.5 18C10.56 18 9 16.45 9 14.5C9 12.91 10.06 11.53 11.59 11.12L16.8 9.72L16.28 7.79L11.83 9C11.08 8.9 10.5 8.28 10.5 7.5C10.5 6.66 11.16 6 12 6C12.26 6 12.5 6.07 12.75 6.2L13.75 4.47C13.22 4.16 12.61 4 12 4Z" /></svg>
+
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:name, :string,
+    required: true,
+    doc: """
+    material icon name, avaliable names are return value of `mdi_icons()`.
+    """
+  )
+
+  attr(:color, :string,
+    default: "currentcolor",
+    doc: """
+    icon color
+    """
+  )
+
+  def wc_mdi(assigns) do
+    name = assigns.name
+
+    inner_svg =
+      File.read!(Application.app_dir(:phoenix_webcomponent, "priv/mdi/svg/#{name}.svg"))
+      |> String.replace(~r/<svg[^>]+>/, "")
+      |> String.replace("</svg>", "")
+
+    assigns = assigns |> assign(:inner_svg, inner_svg)
+
+    ~H"""
+    <svg xmlns="http://www.w3.org/2000/svg" id={@id} class={@class} fill={@color} viewBox="0 0 24 24">
+      <%= raw(@inner_svg) %>
+    </svg>
+    """
+  end
+
+  @bs_icons File.ls!(Application.app_dir(:phoenix_webcomponent, "priv/bsi/svg"))
+            |> Enum.filter(&String.ends_with?(&1, ".svg"))
+            |> Enum.map(&String.trim(&1, ".svg"))
+            |> Enum.sort(:asc)
+
+  @doc """
+  Return all names of available Bootstrap Icons.
+  Can be found at [Bootstrap Icons](https://phoenix-webcomponent.gsmlg.org/bsi)
+
+      > Phoenix.WebComponent.Icons.bsi_icons()
+        #=> [
+          "0-circle-fill.svg",
+          "0-circle.svg",
+          ...
+        ]
+  """
+  @spec bsi_icons() :: [String.t()]
+  def bsi_icons(), do: @bs_icons
+
+  @doc """
+  Render Bootstrap Icons
+
+  ## Examples
+
+      <.wc_bsi name="0-circle" class="w-16 h-16" />
+      #=> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-16 h-16" viewBox="0 0 16 16">
+      #=>   <path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
+      #=>   <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
+      #=> </svg>
+
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:name, :string,
+    required: true,
+    doc: """
+    bootstrap icon name, avaliable names are return value of `bsi_icons()`.
+    """
+  )
+
+  attr(:color, :string,
+    default: "currentcolor",
+    doc: """
+    icon color
+    """
+  )
+
+  def wc_bsi(assigns) do
+    name = assigns.name
+
+    inner_svg =
+      File.read!(Application.app_dir(:phoenix_webcomponent, "priv/bsi/svg/#{name}.svg"))
+      |> String.replace(~r/<svg[^>]+>/, "")
+      |> String.replace("</svg>", "")
+
+    assigns = assigns |> assign(:inner_svg, inner_svg)
+
+    ~H"""
+    <svg xmlns="http://www.w3.org/2000/svg" id={@id} class={@class} fill={@color} viewBox="0 0 16 16">
+      <%= raw(@inner_svg) %>
+    </svg>
+    """
+  end
+end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/left_menu.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/left_menu.ex
index 72dbd30b..52bf2be8 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/left_menu.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/left_menu.ex
@@ -6,39 +6,177 @@ defmodule Phoenix.WebComponent.LeftMenu do
 
   @doc """
   Generates left menu
+  ## Example
+      <.wc_left_menu
+        class="w-[200px] bg-[rgba(255,255,255,.7)] text-[14px]"
+        active="actionbar"
+      >
+        <:title class="text-[#A1A7C4]">Phx WebComponents</:title>
+        <:menu>actionbar</:menu>
+        <:menu>appbar</:menu>
+      </.wc_left_menu>
   """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:active, :string,
+    default: "",
+    doc: """
+    actvie menu id
+    """
+  )
+
+  slot(:title,
+    required: false,
+    doc: """
+    Render menu title.
+    """
+  ) do
+    attr(:class, :string)
+  end
+
+  slot(:menu,
+    required: false,
+    doc: """
+    Render menu
+    """
+  )
+
   def wc_left_menu(assigns) do
+    ~H"""
+    <nav
+      id={@id}
+      class={[
+        "flex flex-col justify-start items-start",
+        "h-full pt-4",
+        @class,
+      ]}
+    >
+    <%= if length(@title) > 0 do %>
+      <div
+        :for={{title, _i} <- Enum.with_index(@title)}
+        class={[
+          "flex flex-row justify-start items-center",
+          "px-10 py-4 w-full",
+          Map.get(title, :class, ""),
+        ]}
+      >
+        <%= render_slot(title) %>
+      </div>
+    <% end %>
+      <div
+        :for={{m, _i} <- Enum.with_index(@menu)}
+        class="flex flex-col justify-start items-start w-full"
+      >
+        <%= render_slot(m) %>
+      </div>
+    </nav>
+    """
+  end
+
+  @doc """
+  Generates left menu Group
+  ## Example
+      <.wc_left_menu_group active={"mdi"}>
+        <:title>Icons</:title>
+        <:menu id="mdi" to={~p"/icons/mdi"}>MD Icon</:menu>
+        <:menu id="bsi" to={~p"/icons/bsi"}>BS Icon</:menu>
+      </.wc_left_menu_group>
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:active, :string,
+    default: "",
+    doc: """
+    actvie menu id
+    """
+  )
+
+  slot(:title,
+    required: true,
+    doc: """
+    Render menu title.
+    """
+  ) do
+    attr(:class, :string)
+  end
+
+  slot(:menu,
+    required: false,
+    doc: """
+    Render menu
+    """
+  ) do
+    attr(:id, :string)
+    attr(:class, :string)
+    attr(:to, :string)
+  end
+
+  def wc_left_menu_group(assigns) do
     assigns =
       assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
-      |> assign_new(:active, fn -> false end)
-      |> assign_new(:menus, fn -> [] end)
       |> assign_new(:title, fn -> nil end)
 
     ~H"""
-    <nav id={@id} class={"flex flex-col justify-start items-start bg-white h-full pt-4 shadow-sm z-10 #{@class}"}>
-    <%= unless is_nil(@title) do %>
-      <div class="w-full text-xl flex flex-col justify-center items-center mb-4">
+    <div
+      id={@id}
+      class={[
+        "flex flex-col justify-start items-start",
+        "w-full",
+        @class,
+      ]}
+    >
+      <div
+        :for={{title, _i} <- Enum.with_index(@title)}
+        class={[
+          "px-10 py-4 w-full",
+          Map.get(title, :class, ""),
+        ]}
+      >
         <%= render_slot(@title) %>
       </div>
-    <% end %>
-    <%= for {group, subMenu} <- @menus do %>
-      <div class="flex flex-col justify-start items-start w-full">
-        <div class="text-slate-400 px-10 py-4 w-full"><%= group %></div>
-        <div class="text-slate-800 px-4 w-full">
-        <%= for {id, menu, url} <- subMenu do %>
-          <.link
-            navigate={url}
-            class={"px-6 py-4 rounded-lg w-full flex flex-row justify-start items-center hover:text-blue-600 cursor-pointer" <> if(@active == id, do: " bg-blue-600 text-white hover:text-slate-300", else: "")}
-          >
-            <span data-menu-id={id} class="indent-2.5"><%= menu %></span>
-          </.link>
-        <% end %>
-        </div>
+      <div class="text-slate-800 px-4 w-full">
+        <.link
+          :for={{m, _i} <- Enum.with_index(@menu)}
+          class={[
+            "flex flex-row justify-start items-center",
+            "px-6 py-4 rounded-lg w-full cursor-pointer",
+            if(Map.get(m, :id, "") == @active, do: " bg-blue-100 text-blue-500 hover:text-blue-600", else: "hover:text-blue-600 "),
+            Map.get(m, :class, "")
+          ]}
+          navigate={Map.get(m, :to, "")}
+        >
+          <span class="indent-2.5 flex flex-row justify-start items-center">
+            <%= render_slot(m) %>
+          </span>
+        </.link>
       </div>
-    <% end %>
-    </nav>
+    </div>
     """
   end
 end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/link.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/link.ex
new file mode 100644
index 00000000..0511b36d
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/link.ex
@@ -0,0 +1,189 @@
+defmodule Phoenix.WebComponent.Link do
+  @moduledoc """
+  render appbar
+
+  """
+  use Phoenix.WebComponent, :html
+
+  @doc """
+  Generates a link for live and href navigation.
+  [INSERT LVATTRDOCS]
+  ## Examples
+  ```heex
+  <.wc_link href="/">Regular anchor link</.wc_link>
+  ```
+  ```heex
+  <.wc_link navigate={Routes.page_path(@socket, :index)} class="underline">home</.wc_link>
+  ```
+  ```heex
+  <.wc_link navigate={Routes.live_path(@socket, MyLive, dir: :asc)} replace={false}>
+    Sort By Price
+  </.wc_link>
+  ```
+  ```heex
+  <.wc_link patch={Routes.page_path(@socket, :index, :details)}>view details</.wc_link>
+  ```
+  ```heex
+  <.wc_link href={URI.parse("https://elixir-lang.org")}>hello</.wc_link>
+  ```
+  ```heex
+  <.wc_link href="/the_world" method={:delete} data-confirm="Really?">delete</.wc_link>
+  ```
+  ## JavaScript dependency
+  In order to support links where `:method` is not `:get` or use the above data attributes,
+  `Phoenix.HTML` relies on JavaScript. You can load `priv/static/phoenix_html.js` into your
+  build tool.
+  ### Data attributes
+  Data attributes are added as a keyword list passed to the `data` key. The following data
+  attributes are supported:
+  * `data-confirm` - shows a confirmation prompt before generating and submitting the form when
+  `:method` is not `:get`.
+  ### Overriding the default confirm behaviour
+  `phoenix_html.js` does trigger a custom event `phoenix.link.click` on the clicked DOM element
+  when a click happened. This allows you to intercept the event on its way bubbling up
+  to `window` and do your own custom logic to enhance or replace how the `data-confirm`
+  attribute is handled. You could for example replace the browsers `confirm()` behavior with
+  a custom javascript implementation:
+  ```javascript
+  // listen on document.body, so it's executed before the default of
+  // phoenix_html, which is listening on the window object
+  document.body.addEventListener('phoenix.link.click', function (e) {
+    // Prevent default implementation
+    e.stopPropagation();
+    // Introduce alternative implementation
+    var message = e.target.getAttribute("data-confirm");
+    if(!message){ return true; }
+    vex.dialog.confirm({
+      message: message,
+      callback: function (value) {
+        if (value == false) { e.preventDefault(); }
+      }
+    })
+  }, false);
+  ```
+  Or you could attach your own custom behavior.
+  ```javascript
+  window.addEventListener('phoenix.link.click', function (e) {
+    // Introduce custom behaviour
+    var message = e.target.getAttribute("data-prompt");
+    var answer = e.target.getAttribute("data-prompt-answer");
+    if(message && answer && (answer != window.prompt(message))) {
+      e.preventDefault();
+    }
+  }, false);
+  ```
+  The latter could also be bound to any `click` event, but this way you can be sure your custom
+  code is only executed when the code of `phoenix_html.js` is run.
+  ## CSRF Protection
+  By default, CSRF tokens are generated through `Plug.CSRFProtection`.
+  """
+  @doc type: :component
+  attr(:navigate, :string,
+    doc: """
+    Navigates from a LiveView to a new LiveView.
+    The browser page is kept, but a new LiveView process is mounted and its content on the page
+    is reloaded. It is only possible to navigate between LiveViews declared under the same router
+    `Phoenix.LiveView.Router.live_session/3`. Otherwise, a full browser redirect is used.
+    """
+  )
+
+  attr(:patch, :string,
+    doc: """
+    Patches the current LiveView.
+    The `handle_params` callback of the current LiveView will be invoked and the minimum content
+    will be sent over the wire, as any other LiveView diff.
+    """
+  )
+
+  attr(:href, :any,
+    doc: """
+    Uses traditional browser navigation to the new location.
+    This means the whole page is reloaded on the browser.
+    """
+  )
+
+  attr(:replace, :boolean,
+    default: false,
+    doc: """
+    When using `:patch` or `:navigate`,
+    should the browser's history be replaced with `pushState`?
+    """
+  )
+
+  attr(:method, :string,
+    default: "get",
+    doc: """
+    The HTTP method to use with the link.
+    In case the method is not `get`, the link is generated inside the form which sets the proper
+    information. In order to submit the form, JavaScript must be enabled in the browser.
+    """
+  )
+
+  attr(:csrf_token, :any,
+    default: true,
+    doc: """
+    A boolean or custom token to use for links with an HTTP method other than `get`.
+    """
+  )
+
+  attr(:rest, :global,
+    include: ~w(download hreflang referrerpolicy rel target type),
+    doc: """
+    Additional HTML attributes added to the `a` tag.
+    """
+  )
+
+  slot(:inner_block,
+    required: true,
+    doc: """
+    The content rendered inside of the `a` tag.
+    """
+  )
+
+  def wc_link(%{navigate: to} = assigns) when is_binary(to) do
+    ~H"""
+    <wc-button
+      href={@navigate}
+      data-phx-link="redirect"
+      data-phx-link-state={if @replace, do: "replace", else: "push"}
+      {@rest}
+    ><%= render_slot(@inner_block) %></wc-button>
+    """
+  end
+
+  def wc_link(%{patch: to} = assigns) when is_binary(to) do
+    ~H"""
+    <wc-button
+      href={@patch}
+      data-phx-link="patch"
+      data-phx-link-state={if @replace, do: "replace", else: "push"}
+      {@rest}
+    ><%= render_slot(@inner_block) %></wc-button>
+    """
+  end
+
+  def wc_link(%{href: href} = assigns) when href != "#" and not is_nil(href) do
+    href = Phoenix.LiveView.Utils.valid_destination!(href, "<.wc_link>")
+    assigns = assign(assigns, :href, href)
+
+    ~H"""
+    <wc-button
+      href={@href}
+      data-method={if @method != "get", do: @method}
+      data-csrf={if @method != "get", do: csrf_token(@csrf_token, @href)}
+      data-to={if @method != "get", do: @href}
+      {@rest}
+    ><%= render_slot(@inner_block) %></wc-button>
+    """
+  end
+
+  def wc_link(%{} = assigns) do
+    ~H"""
+    <wc-button href="#" {@rest}><%= render_slot(@inner_block) %></wc-button>
+    """
+  end
+
+  defp csrf_token(true, href), do: Plug.CSRFProtection.get_csrf_token_for(href)
+  defp csrf_token(false, _href), do: nil
+  defp csrf_token(csrf, _href) when is_binary(csrf), do: csrf
+end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/markdown.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/markdown.ex
index 6912eb23..f9b2f687 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/markdown.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/markdown.ex
@@ -17,26 +17,43 @@ defmodule Phoenix.WebComponent.Markdown do
 
   ## Examples
 
-      wc_markdown("# Hello", class: "dark")
+      <.wc_markdown content={"# Hello"} class="dark" />
       #=> <remark-element class="dark" content="# Hello"></remark-element>
 
-      wc_markdown(content: "# Hello", class: "btn")
+      <.wc_markdown content={"# Hello"} class="btn" />
       #=> <remark-element class="btn" content="# Hello"></remark-element>
 
-  ## Options
+  """
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
 
-    * `:debug` - print log in browser console
+  attr(:debug, :boolean,
+    default: false,
+    doc: """
+    remark-element attribute, enable debug
+    """
+  )
 
-    * `:content` - The content of markdown, replace innerHTML.
+  attr(:content, :string,
+    default: "",
+    doc: """
+    markdown content
+    """
+  )
 
-  """
   def wc_markdown(assigns) do
-    assigns =
-      assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> false end)
-      |> assign_new(:debug, fn -> false end)
-
     ~H"""
     <remark-element id={@id} debug={@debug} class={@class}><%= @content %></remark-element>
     """
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/modal.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/modal.ex
new file mode 100644
index 00000000..e046261a
--- /dev/null
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/modal.ex
@@ -0,0 +1,86 @@
+defmodule Phoenix.WebComponent.Modal do
+  use Phoenix.WebComponent, :html
+
+  alias Phoenix.LiveView.JS
+
+  slot(:title, doc: "Modal title")
+  slot(:body, doc: "Modal content", required: true)
+  slot(:button, doc: "Modal buttons, displayed in footer")
+
+  def wc_modal(assigns) do
+    ~H"""
+    <div id="modal-overlay" class="hidden z-10 fixed inset-0 backdrop-blur-lg bg-black/20"></div>
+    <div id="modal-container" class="hidden fixed inset-0 z-20 overflow-y-auto">
+      <div
+        class={[
+          "flex items-end sm:items-center justify-center",
+          "min-h-full p-4 text-center sm:p-0",
+        ]}
+      >
+        <div
+          id="modal-content"
+          phx-click-away={wc_hide_modal()}
+          class={[
+            "relative bg-white rounded-lg",
+            "px-4 pt-5 pb-4",
+            "text-left overflow-hidden shadow-xl",
+            "transform transition-all",
+            "sm:my-8 sm:max-w-sm sm:w-full sm:p-6"
+          ]}
+        >
+          <div>
+            <div class="mt-3 text-center sm:mt-5">
+              <h3
+                :for={t <- @title}
+                class="text-lg leading-6 font-medium text-gray-900"
+              ><%= render_slot(t) %></h3>
+              <div class="mt-2">
+                <p class="text-sm text-gray-500">
+                  <%= render_slot(@body) %>
+                </p>
+              </div>
+            </div>
+          </div>
+          <%= if assigns[:button] do %>
+            <div class="mt-5 sm:mt-6 flex justify-end space-x-2">
+              <%= for button <- @button do %>
+                <%= render_slot(button) %>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
+  def wc_hide_modal() do
+    %JS{}
+    |> JS.remove_class("overflow-hidden", to: "body")
+    |> JS.hide(to: "#modal-overlay")
+    |> JS.hide(
+      transition: {
+        "ease-in duration-200",
+        "opacity-100 translate-y-0 md:scale-100",
+        "opacity-0 translate-y-4 md:translate-y-0 md:scale-95"
+      },
+      to: "#modal-content"
+    )
+    |> JS.hide(to: "#modal-container")
+  end
+
+  def wc_show_modal(js \\ %JS{}) do
+    js
+    |> JS.add_class("overflow-hidden", to: "body")
+    |> JS.show(to: "#modal-container")
+    |> JS.show(to: "#modal-overlay")
+    |> JS.show(
+      transition: {
+        "transition ease-in-out duration-200",
+        "opacity-0 translate-y-4",
+        "opacity-100 translate-y-0"
+      },
+      to: "#modal-content"
+    )
+  end
+end
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/pagination.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/pagination.ex
index 574f5185..4ebc2a1d 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/pagination.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/pagination.ex
@@ -10,21 +10,53 @@ defmodule Phoenix.WebComponent.Pagination do
 
   ## Examples
 
-  ## Options
+      <.wc_pagination page_num={5} page_size={15} total={100} update_event="update-page"/>
 
   """
-  def wc_pagination(assigns) do
-    assigns =
-      assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
-      |> assign_new(:page_size, fn -> 10 end)
-      |> assign_new(:page_num, fn -> 1 end)
-      |> assign_new(:total, fn -> 0 end)
-      |> assign_new(:update_event, fn -> "update_current_page" end)
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
 
-    # IO.inspect(assigns)
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
+
+  attr(:page_size, :integer,
+    default: 10,
+    doc: """
+    items shows per page
+    """
+  )
+
+  attr(:page_num, :integer,
+    default: 1,
+    doc: """
+    page num
+    """
+  )
 
+  attr(:total, :integer,
+    default: 0,
+    doc: """
+    total items count
+    """
+  )
+
+  attr(:update_event, :string,
+    default: "update_current_page",
+    doc: """
+    Phoenix live event name for page status update.
+    """
+  )
+
+  def wc_pagination(assigns) do
     max_page =
       if assigns.total > 0 do
         (assigns.total / assigns.page_size) |> ceil
@@ -64,7 +96,15 @@ defmodule Phoenix.WebComponent.Pagination do
       |> assign(:pages, pages)
 
     ~H"""
-    <div id={@id} class={"flex items-center justify-end border-t border-gray-200 bg-white px-4 py-3 #{@class}"}>
+    <div
+      id={@id}
+      class={[
+        "flex items-center justify-end",
+        "border-t border-gray-200",
+        "bg-white px-4 py-3",
+        @class
+      ]}
+    >
       <div class="flex flex-row items-center mx-8">
         <div class="inline-flex flex-row items-center mx-8">
           <p class="inline-flex flex-row items-center text-medium text-gray-700">
@@ -78,7 +118,13 @@ defmodule Phoenix.WebComponent.Pagination do
               phx-click={if @page_num == 1, do: false, else: @update_event}
               phx-value-current={if @page_num == 1, do: nil, else: @page_num - 1}
               disabled={if @page_num == 1, do: true, else: false}
-              class={"#{if @page_num == 1, do: "", else: "cursor-pointer"} relative inline-flex items-center rounded-l-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20"}>
+              class={[
+                "relative inline-flex items-center",
+                "rounded-l-md border border-gray-300",
+                "bg-white hover:bg-gray-50 px-2 py-2",
+                "text-sm font-medium text-gray-500 focus:z-20",
+                if(@page_num == 1, do: "", else: "cursor-pointer"),
+              ]}>
               <span class="sr-only">Previous</span>
               <!-- Heroicon name: mini/chevron-left -->
               <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -89,12 +135,26 @@ defmodule Phoenix.WebComponent.Pagination do
 
           <%= for p <- @pages do %>
             <%= if is_binary(p) do %>
-              <span class={"relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20"}><%= p %></span>
+              <span
+                class={[
+                  "relative inline-flex items-center",
+                  "border border-gray-300",
+                  "bg-white hover:bg-gray-50",
+                  "px-4 py-2",
+                  "text-sm font-medium text-gray-500 focus:z-20",
+                ]}
+              ><%= p %></span>
             <% else %>
               <span
                 phx-click={@update_event} phx-value-current={p}
                 aria-current={if p == @page_num, do: "page", else: false }
-                class={"relative inline-flex items-center border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20" <> if p == @page_num, do: " z-10 bg-indigo-50 border-indigo-500 text-indigo-600", else: " cursor-pointer" }
+                class={[
+                  "relative inline-flex items-center",
+                  "border border-gray-300",
+                  "bg-white hover:bg-gray-50 px-4 py-2",
+                  "text-sm font-medium text-gray-500 focus:z-20",
+                  if(p == @page_num, do: "z-10 bg-indigo-50 border-indigo-500 text-indigo-600", else: "cursor-pointer"),
+                ]}
               ><%= p %></span>
             <% end %>
           <% end %>
@@ -103,7 +163,14 @@ defmodule Phoenix.WebComponent.Pagination do
               phx-click={if @page_num == @max_page, do: false, else: @update_event}
               phx-value-current={if @page_num == @max_page, do: nil, else: @page_num + 1}
               disabled={if @page_num == @max_page, do: true, else: false}
-              class={"#{if @page_num == @max_page, do: "", else: "cursor-pointer"} relative inline-flex items-center rounded-r-md border border-gray-300 bg-white px-2 py-2 text-sm font-medium text-gray-500 hover:bg-gray-50 focus:z-20"}>
+              class={[
+                "inline-flex items-center",
+                "relative px-2 py-2",
+                "border border-gray-300 rounded-r-md",
+                "bg-white hover:bg-gray-50",
+                "text-sm font-medium text-gray-500 focus:z-20",
+                if(@page_num == @max_page, do: "", else: "cursor-pointer"),
+              ]}>
               <span class="sr-only">Next</span>
               <!-- Heroicon name: mini/chevron-right -->
               <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -112,7 +179,6 @@ defmodule Phoenix.WebComponent.Pagination do
             </span>
           </nav>
         </div>
-
       </div>
     </div>
     """
diff --git a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/table.ex b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/table.ex
index f6fab7fe..001c1247 100644
--- a/apps/phoenix_webcomponent/lib/phoenix_webcomponent/table.ex
+++ b/apps/phoenix_webcomponent/lib/phoenix_webcomponent/table.ex
@@ -6,34 +6,94 @@ defmodule Phoenix.WebComponent.Table do
 
   @doc """
   Generates a table.
+
   ## Examples
-  ## Options
+
+  ```heex
+  <.wc_table rows={[
+    %{
+      name: "Shmi Skywalker",
+      portrayal: "Pernilla August (Episodes I-II)"
+    },
+    %{
+      name: "Luke Skywalker",
+      portrayal: "Mark Hamill (Episodes IV-IX, The Mandalorian, The Book of Boba Fett)"}
+    ]}>
+    <:col let={r} label="Name">
+      <%= r.name %>
+    </:col>
+    <:col let={r} label="Portrayal">
+      <%= r.portrayal %>
+    </:col>
+  </.wc_table>
+  ```
+
   """
-  def wc_table(assigns) do
-    assigns =
-      assigns
-      |> assign_new(:id, fn -> false end)
-      |> assign_new(:class, fn -> "" end)
-      |> assign_new(:col, fn -> [] end)
-      |> assign_new(:rows, fn -> [] end)
+  @doc type: :component
+  attr(:id, :any,
+    default: false,
+    doc: """
+    html attribute id
+    """
+  )
+
+  attr(:class, :string,
+    default: "",
+    doc: """
+    html attribute class
+    """
+  )
 
+  attr(:rows, :list,
+    default: [],
+    doc: """
+    table data list
+    """
+  )
+
+  slot(:col,
+    required: false,
+    doc: """
+    render a column of table.
+
+    Example
+    ```heex
+    <:col let={r} label="Name">
+      <%= r.name %>
+    </:col>
+    ```
+    """
+  ) do
+    attr(:label, :string, doc: "table column title")
+  end
+
+  def wc_table(assigns) do
     ~H"""
-    <table id={@id} class={"table-fixed border-collapse border-spacing-0 #{@class}"}>
+    <table
+      id={@id}
+      class={[
+        "table-fixed border-collapse border-spacing-0",
+        @class,
+      ]}
+    >
       <thead>
         <tr class="bg-slate-100 h-[34px]">
-          <%= for col <- @col do %>
-            <th class=" px-4 py-2 slate-700 text-left font-medium"><%= col.label %></th>
-          <% end %>
+          <th
+            :for={col <- @col}
+            class="px-4 py-2 slate-700 text-left font-medium"
+          ><%= col.label %></th>
         </tr>
       </thead>
       <tbody>
-      <%= for row <- @rows do %>
-        <tr class="bg-slate-50 even:bg-white h-[40px]">
-          <%= for col <- @col do %>
-            <td class=" px-4 py-2"><%= render_slot(col, row) %></td>
-          <% end %>
+        <tr
+          :for={row <- @rows}
+          class={"bg-slate-50 even:bg-white h-[40px]"}
+        >
+          <td
+            :for={col <- @col}
+            class="px-4 py-2"
+          ><%= render_slot(col, row) %></td>
         </tr>
-      <% end %>
       </tbody>
     </table>
     """
diff --git a/apps/phoenix_webcomponent/mix.exs b/apps/phoenix_webcomponent/mix.exs
index f6165b81..edfc37aa 100644
--- a/apps/phoenix_webcomponent/mix.exs
+++ b/apps/phoenix_webcomponent/mix.exs
@@ -38,7 +38,7 @@ defmodule PhoenixWebComponent.Mixfile do
 
   defp deps do
     [
-      {:phoenix, "~> 1.7.0-rc.0", override: true},
+      {:phoenix, "~> 1.7.1"},
       {:phoenix_html, "~> 3.0"},
       {:phoenix_live_view, "~> 0.18"},
       {:plug, "~> 1.5", optional: true},
diff --git a/apps/phoenix_webcomponent/package.json b/apps/phoenix_webcomponent/package.json
index cd36f678..effd0d6d 100644
--- a/apps/phoenix_webcomponent/package.json
+++ b/apps/phoenix_webcomponent/package.json
@@ -2,7 +2,11 @@
   "name": "phoenix_webcomponent",
   "version": "0.0.0",
   "main": "./priv/static/phoenix_webcomponent.js",
-  "repository": {},
+  "exports": {
+    ".": "./priv/static/phoenix_webcomponent.js",
+    "./css": "./priv/static/phoenix_webcomponent.css",
+    "./svg/*.svg": "./priv/mdi/svg/*.svg"
+  },
   "scripts": {
     "prepublish": "mix tailwind default && mix esbuild default"
   },
@@ -11,20 +15,21 @@
     "CHANGELOG.md",
     "LICENSE",
     "package.json",
-    "priv/static/"
+    "priv/static/",
+    "priv/svg/"
   ],
   "dependencies": {
-    "@gsmlg/lit": "^1.28.0",
+    "@gsmlg/lit": "^1.29.5",
     "lit": "^2.4.1",
     "lit-element": "^3.2.2",
     "lit-html": "^2.4.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.2",
+    "@babel/core": "^7.20.5",
     "@babel/preset-env": "^7.20.2"
   },
   "peerDependencies": {
-    "@gsmlg/lit": "^1.28.0",
+    "@gsmlg/lit": "^1.29.5",
     "lit": "^2.4.1",
     "lit-element": "^3.2.2",
     "lit-html": "^2.4.0"
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/0-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/0-circle-fill.svg
new file mode 100644
index 00000000..08afbb15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/0-circle-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.012 4.158c1.858 0 2.96-1.582 2.96-3.99V7.84c0-2.426-1.079-3.996-2.936-3.996-1.864 0-2.965 1.588-2.965 3.996v.328c0 2.42 1.09 3.99 2.941 3.99Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/0-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/0-circle.svg
new file mode 100644
index 00000000..8c518f7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/0-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-circle" viewBox="0 0 16 16">
+  <path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/0-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/0-square-fill.svg
new file mode 100644
index 00000000..d5375d46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/0-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-square-fill" viewBox="0 0 16 16">
+  <path d="M8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm5.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/0-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/0-square.svg
new file mode 100644
index 00000000..aa667092
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/0-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-0-square" viewBox="0 0 16 16">
+  <path d="M7.988 12.158c-1.851 0-2.941-1.57-2.941-3.99V7.84c0-2.408 1.101-3.996 2.965-3.996 1.857 0 2.935 1.57 2.935 3.996v.328c0 2.408-1.101 3.99-2.959 3.99ZM8 4.951c-1.008 0-1.629 1.09-1.629 2.895v.31c0 1.81.627 2.895 1.629 2.895s1.623-1.09 1.623-2.895v-.31c0-1.8-.621-2.895-1.623-2.895Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/1-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/1-circle-fill.svg
new file mode 100644
index 00000000..9b257b95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/1-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM9.283 4.002H7.971L6.072 5.385v1.271l1.834-1.318h.065V12h1.312V4.002Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/1-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/1-circle.svg
new file mode 100644
index 00000000..785af34d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/1-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383h1.312Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/1-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/1-square-fill.svg
new file mode 100644
index 00000000..de579e6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/1-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm7.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383h1.312Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/1-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/1-square.svg
new file mode 100644
index 00000000..4f57d79b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/1-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-1-square" viewBox="0 0 16 16">
+  <path d="M9.283 4.002V12H7.971V5.338h-.065L6.072 6.656V5.385l1.899-1.383h1.312Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/123.svg b/apps/phoenix_webcomponent/priv/bsi/svg/123.svg
new file mode 100644
index 00000000..3ee3396c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/123.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-123" viewBox="0 0 16 16">
+  <path d="M2.873 11.297V4.142H1.699L0 5.379v1.137l1.64-1.18h.06v5.961h1.174Zm3.213-5.09v-.063c0-.618.44-1.169 1.196-1.169.676 0 1.174.44 1.174 1.106 0 .624-.42 1.101-.807 1.526L4.99 10.553v.744h4.78v-.99H6.643v-.069L8.41 8.252c.65-.724 1.237-1.332 1.237-2.27C9.646 4.849 8.723 4 7.308 4c-1.573 0-2.36 1.064-2.36 2.15v.057h1.138Zm6.559 1.883h.786c.823 0 1.374.481 1.379 1.179.01.707-.55 1.216-1.421 1.21-.77-.005-1.326-.419-1.379-.953h-1.095c.042 1.053.938 1.918 2.464 1.918 1.478 0 2.642-.839 2.62-2.144-.02-1.143-.922-1.651-1.551-1.714v-.063c.535-.09 1.347-.66 1.326-1.678-.026-1.053-.933-1.855-2.359-1.845-1.5.005-2.317.88-2.348 1.898h1.116c.032-.498.498-.944 1.206-.944.703 0 1.206.435 1.206 1.07.005.64-.504 1.106-1.2 1.106h-.75v.96Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/2-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/2-circle-fill.svg
new file mode 100644
index 00000000..03a92513
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/2-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM6.646 6.24c0-.691.493-1.306 1.336-1.306.756 0 1.313.492 1.313 1.236 0 .697-.469 1.23-.902 1.705l-2.971 3.293V12h5.344v-1.107H7.268v-.077l1.974-2.22.096-.107c.688-.763 1.287-1.428 1.287-2.43 0-1.266-1.031-2.215-2.613-2.215-1.758 0-2.637 1.19-2.637 2.402v.065h1.271v-.07Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/2-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/2-circle.svg
new file mode 100644
index 00000000..fea4a563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/2-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM6.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/2-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/2-square-fill.svg
new file mode 100644
index 00000000..a89e1f71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/2-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm4.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/2-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/2-square.svg
new file mode 100644
index 00000000..558c78b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/2-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-2-square" viewBox="0 0 16 16">
+  <path d="M6.646 6.24v.07H5.375v-.064c0-1.213.879-2.402 2.637-2.402 1.582 0 2.613.949 2.613 2.215 0 1.002-.6 1.667-1.287 2.43l-.096.107-1.974 2.22v.077h3.498V12H5.422v-.832l2.97-3.293c.434-.475.903-1.008.903-1.705 0-.744-.557-1.236-1.313-1.236-.843 0-1.336.615-1.336 1.306Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/3-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/3-circle-fill.svg
new file mode 100644
index 00000000..06d2ea54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/3-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.082.414c.92 0 1.535.54 1.541 1.318.012.791-.615 1.36-1.588 1.354-.861-.006-1.482-.469-1.54-1.066H5.104c.047 1.177 1.05 2.144 2.754 2.144 1.653 0 2.954-.937 2.93-2.396-.023-1.278-1.031-1.846-1.734-1.916v-.07c.597-.1 1.505-.739 1.482-1.876-.03-1.177-1.043-2.074-2.637-2.062-1.675.006-2.59.984-2.625 2.12h1.248c.036-.556.557-1.054 1.348-1.054.785 0 1.348.486 1.348 1.195.006.715-.563 1.237-1.342 1.237h-.838v1.072h.879Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/3-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/3-circle.svg
new file mode 100644
index 00000000..23c34795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/3-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-circle" viewBox="0 0 16 16">
+  <path d="M7.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/3-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/3-square-fill.svg
new file mode 100644
index 00000000..c6890a38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/3-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm5.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/3-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/3-square.svg
new file mode 100644
index 00000000..b56b6844
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/3-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-3-square" viewBox="0 0 16 16">
+  <path d="M7.918 8.414h-.879V7.342h.838c.78 0 1.348-.522 1.342-1.237 0-.709-.563-1.195-1.348-1.195-.79 0-1.312.498-1.348 1.055H5.275c.036-1.137.95-2.115 2.625-2.121 1.594-.012 2.608.885 2.637 2.062.023 1.137-.885 1.776-1.482 1.875v.07c.703.07 1.71.64 1.734 1.917.024 1.459-1.277 2.396-2.93 2.396-1.705 0-2.707-.967-2.754-2.144H6.33c.059.597.68 1.06 1.541 1.066.973.006 1.6-.563 1.588-1.354-.006-.779-.621-1.318-1.541-1.318Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/4-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/4-circle-fill.svg
new file mode 100644
index 00000000..199a5e28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/4-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM7.519 5.057c-.886 1.418-1.772 2.838-2.542 4.265v1.12H8.85V12h1.26v-1.559h1.007V9.334H10.11V4.002H8.176c-.218.352-.438.703-.657 1.055ZM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/4-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/4-circle.svg
new file mode 100644
index 00000000..3af547d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/4-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-circle" viewBox="0 0 16 16">
+  <path d="M7.519 5.057c.22-.352.439-.703.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265ZM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/4-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/4-square-fill.svg
new file mode 100644
index 00000000..03b0f94a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/4-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-square-fill" viewBox="0 0 16 16">
+  <path d="M6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm5.519 5.057c.22-.352.439-.703.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/4-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/4-square.svg
new file mode 100644
index 00000000..dd854559
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/4-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-4-square" viewBox="0 0 16 16">
+  <path d="M7.519 5.057c.22-.352.439-.703.657-1.055h1.933v5.332h1.008v1.107H10.11V12H8.85v-1.559H4.978V9.322c.77-1.427 1.656-2.847 2.542-4.265ZM6.225 9.281v.053H8.85V5.063h-.065c-.867 1.33-1.787 2.806-2.56 4.218Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/5-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/5-circle-fill.svg
new file mode 100644
index 00000000..e940e988
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/5-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.006 4.158c1.74 0 2.924-1.119 2.924-2.806 0-1.641-1.178-2.584-2.56-2.584-.897 0-1.442.421-1.612.68h-.064l.193-2.344h3.621V4.002H5.791L5.445 8.63h1.149c.193-.358.668-.809 1.435-.809.85 0 1.582.604 1.582 1.57 0 1.085-.779 1.682-1.57 1.682-.697 0-1.389-.31-1.53-1.031H5.276c.065 1.213 1.149 2.115 2.72 2.115Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/5-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/5-circle.svg
new file mode 100644
index 00000000..47eefd08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/5-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm15 0A8 8 0 1 0 0 8a8 8 0 0 0 16 0Zm-8.006 4.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/5-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/5-square-fill.svg
new file mode 100644
index 00000000..1a878609
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/5-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm5.994 12.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/5-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/5-square.svg
new file mode 100644
index 00000000..9c54c773
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/5-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-5-square" viewBox="0 0 16 16">
+  <path d="M7.994 12.158c-1.57 0-2.654-.902-2.719-2.115h1.237c.14.72.832 1.031 1.529 1.031.791 0 1.57-.597 1.57-1.681 0-.967-.732-1.57-1.582-1.57-.767 0-1.242.45-1.435.808H5.445L5.791 4h4.705v1.103H6.875l-.193 2.343h.064c.17-.258.715-.68 1.611-.68 1.383 0 2.561.944 2.561 2.585 0 1.687-1.184 2.806-2.924 2.806Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/6-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/6-circle-fill.svg
new file mode 100644
index 00000000..18f66ef5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/6-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8.21 3.855c-1.868 0-3.116 1.395-3.116 4.407 0 1.183.228 2.039.597 2.642.569.926 1.477 1.254 2.409 1.254 1.629 0 2.847-1.013 2.847-2.783 0-1.676-1.254-2.555-2.508-2.555-1.125 0-1.752.61-1.98 1.155h-.082c-.012-1.946.727-3.036 1.805-3.036.802 0 1.213.457 1.312.815h1.29c-.06-.908-.962-1.899-2.573-1.899Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/6-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/6-circle.svg
new file mode 100644
index 00000000..ab5f748d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/6-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/6-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/6-square-fill.svg
new file mode 100644
index 00000000..d67fa52d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/6-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-square-fill" viewBox="0 0 16 16">
+  <path d="M8.111 7.863c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm6.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/6-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/6-square.svg
new file mode 100644
index 00000000..79762c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/6-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-6-square" viewBox="0 0 16 16">
+  <path d="M8.21 3.855c1.612 0 2.515.99 2.573 1.899H9.494c-.1-.358-.51-.815-1.312-.815-1.078 0-1.817 1.09-1.805 3.036h.082c.229-.545.855-1.155 1.98-1.155 1.254 0 2.508.88 2.508 2.555 0 1.77-1.218 2.783-2.847 2.783-.932 0-1.84-.328-2.409-1.254-.369-.603-.597-1.459-.597-2.642 0-3.012 1.248-4.407 3.117-4.407Zm-.099 4.008c-.92 0-1.564.65-1.564 1.576 0 1.032.703 1.635 1.558 1.635.868 0 1.553-.533 1.553-1.629 0-1.06-.744-1.582-1.547-1.582Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/7-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/7-circle-fill.svg
new file mode 100644
index 00000000..bb4522bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/7-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.37 5.11h3.972v.07L6.025 12H7.42l3.258-6.85V4.002H5.369v1.107Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/7-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/7-circle.svg
new file mode 100644
index 00000000..0dc4685e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/7-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/7-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/7-square-fill.svg
new file mode 100644
index 00000000..8a4789cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/7-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm3.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/7-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/7-square.svg
new file mode 100644
index 00000000..a314c4a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/7-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-7-square" viewBox="0 0 16 16">
+  <path d="M5.37 5.11V4.001h5.308V5.15L7.42 12H6.025l3.317-6.82v-.07H5.369Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/8-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/8-circle-fill.svg
new file mode 100644
index 00000000..15cd6b4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/8-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-5.03 1.803c0-1.248-.943-1.84-1.646-1.992v-.065c.598-.187 1.336-.72 1.336-1.781 0-1.225-1.084-2.121-2.654-2.121-1.57 0-2.66.896-2.66 2.12 0 1.044.709 1.589 1.33 1.782v.065c-.697.152-1.647.732-1.647 2.003 0 1.39 1.19 2.344 2.953 2.344 1.77 0 2.989-.96 2.989-2.355Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/8-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/8-circle.svg
new file mode 100644
index 00000000..fb145426
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/8-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-5.03 1.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/8-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/8-square-fill.svg
new file mode 100644
index 00000000..766d42ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/8-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-square-fill" viewBox="0 0 16 16">
+  <path d="M6.623 6.094c0 .738.586 1.254 1.383 1.254s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.644c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm8.97 9.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/8-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/8-square.svg
new file mode 100644
index 00000000..f450b178
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/8-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-8-square" viewBox="0 0 16 16">
+  <path d="M10.97 9.803c0 1.394-1.218 2.355-2.988 2.355-1.763 0-2.953-.955-2.953-2.344 0-1.271.95-1.851 1.647-2.003v-.065c-.621-.193-1.33-.738-1.33-1.781 0-1.225 1.09-2.121 2.66-2.121s2.654.896 2.654 2.12c0 1.061-.738 1.595-1.336 1.782v.065c.703.152 1.647.744 1.647 1.992Zm-4.347-3.71c0 .739.586 1.255 1.383 1.255s1.377-.516 1.377-1.254c0-.733-.58-1.23-1.377-1.23s-1.383.497-1.383 1.23Zm-.281 3.645c0 .838.72 1.412 1.664 1.412.943 0 1.658-.574 1.658-1.412 0-.843-.715-1.424-1.658-1.424-.944 0-1.664.58-1.664 1.424Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/9-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/9-circle-fill.svg
new file mode 100644
index 00000000..6ebd865c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/9-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.223 4.146c2.104 0 3.123-1.464 3.123-4.3 0-3.147-1.459-4.014-2.97-4.014-1.63 0-2.871 1.02-2.871 2.73 0 1.706 1.171 2.667 2.566 2.667 1.06 0 1.7-.557 1.934-1.184h.076c.047 1.67-.475 3.023-1.834 3.023-.71 0-1.149-.363-1.248-.72H5.258c.094.908.926 1.798 2.52 1.798Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/9-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/9-circle.svg
new file mode 100644
index 00000000..7c97f294
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/9-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-8.223 4.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/9-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/9-square-fill.svg
new file mode 100644
index 00000000..daee3e84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/9-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-square-fill" viewBox="0 0 16 16">
+  <path d="M7.895 8.174c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm5.777 12.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/9-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/9-square.svg
new file mode 100644
index 00000000..ade92337
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/9-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-9-square" viewBox="0 0 16 16">
+  <path d="M7.777 12.146c-1.593 0-2.425-.89-2.52-1.798h1.296c.1.357.539.72 1.248.72 1.36 0 1.88-1.353 1.834-3.023h-.076c-.235.627-.873 1.184-1.934 1.184-1.395 0-2.566-.961-2.566-2.666 0-1.711 1.242-2.731 2.87-2.731 1.512 0 2.971.867 2.971 4.014 0 2.836-1.02 4.3-3.123 4.3Zm.118-3.972c.808 0 1.535-.528 1.535-1.594s-.668-1.676-1.56-1.676c-.838 0-1.517.616-1.517 1.659 0 1.072.708 1.61 1.54 1.61Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/activity.svg b/apps/phoenix_webcomponent/priv/bsi/svg/activity.svg
new file mode 100644
index 00000000..1c45d1b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/activity.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-activity" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 2a.5.5 0 0 1 .47.33L10 12.036l1.53-4.208A.5.5 0 0 1 12 7.5h3.5a.5.5 0 0 1 0 1h-3.15l-1.88 5.17a.5.5 0 0 1-.94 0L6 3.964 4.47 8.171A.5.5 0 0 1 4 8.5H.5a.5.5 0 0 1 0-1h3.15l1.88-5.17A.5.5 0 0 1 6 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines-fill.svg
new file mode 100644
index 00000000..b58d49ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-engines-fill" viewBox="0 0 16 16">
+  <path d="M8 0c-.787 0-1.292.592-1.572 1.151A4.347 4.347 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines.svg b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines.svg
new file mode 100644
index 00000000..78b79342
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-engines.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-engines" viewBox="0 0 16 16">
+  <path d="M8 0c-.787 0-1.292.592-1.572 1.151A4.347 4.347 0 0 0 6 3v3.691l-2 1V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.191l-1.17.585A1.5 1.5 0 0 0 0 10.618V12a.5.5 0 0 0 .582.493l1.631-.272.313.937a.5.5 0 0 0 .948 0l.405-1.214 2.21-.369.375 2.253-1.318 1.318A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .354-.854l-1.318-1.318.375-2.253 2.21.369.405 1.214a.5.5 0 0 0 .948 0l.313-.937 1.63.272A.5.5 0 0 0 16 12v-1.382a1.5 1.5 0 0 0-.83-1.342L14 8.691V7.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v.191l-2-1V3c0-.568-.14-1.271-.428-1.849C9.292.591 8.787 0 8 0ZM7 3c0-.432.11-.979.322-1.401C7.542 1.159 7.787 1 8 1c.213 0 .458.158.678.599C8.889 2.02 9 2.569 9 3v4a.5.5 0 0 0 .276.447l5.448 2.724a.5.5 0 0 1 .276.447v.792l-5.418-.903a.5.5 0 0 0-.575.41l-.5 3a.5.5 0 0 0 .14.437l.646.646H6.707l.647-.646a.5.5 0 0 0 .14-.436l-.5-3a.5.5 0 0 0-.576-.411L1 11.41v-.792a.5.5 0 0 1 .276-.447l5.448-2.724A.5.5 0 0 0 7 7V3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/airplane-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-fill.svg
new file mode 100644
index 00000000..c8f2fce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/airplane-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane-fill" viewBox="0 0 16 16">
+  <path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/airplane.svg b/apps/phoenix_webcomponent/priv/bsi/svg/airplane.svg
new file mode 100644
index 00000000..2e04c928
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/airplane.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-airplane" viewBox="0 0 16 16">
+  <path d="M6.428 1.151C6.708.591 7.213 0 8 0s1.292.592 1.572 1.151C9.861 1.73 10 2.431 10 3v3.691l5.17 2.585a1.5 1.5 0 0 1 .83 1.342V12a.5.5 0 0 1-.582.493l-5.507-.918-.375 2.253 1.318 1.318A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.354-.854l1.319-1.318-.376-2.253-5.507.918A.5.5 0 0 1 0 12v-1.382a1.5 1.5 0 0 1 .83-1.342L6 6.691V3c0-.568.14-1.271.428-1.849Zm.894.448C7.111 2.02 7 2.569 7 3v4a.5.5 0 0 1-.276.447l-5.448 2.724a.5.5 0 0 0-.276.447v.792l5.418-.903a.5.5 0 0 1 .575.41l.5 3a.5.5 0 0 1-.14.437L6.708 15h2.586l-.647-.646a.5.5 0 0 1-.14-.436l.5-3a.5.5 0 0 1 .576-.411L15 11.41v-.792a.5.5 0 0 0-.276-.447L9.276 7.447A.5.5 0 0 1 9 7V3c0-.432-.11-.979-.322-1.401C8.458 1.159 8.213 1 8 1c-.213 0-.458.158-.678.599Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/alarm-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/alarm-fill.svg
new file mode 100644
index 00000000..bec569f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/alarm-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm-fill" viewBox="0 0 16 16">
+  <path d="M6 .5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H9v1.07a7.001 7.001 0 0 1 3.274 12.474l.601.602a.5.5 0 0 1-.707.708l-.746-.746A6.97 6.97 0 0 1 8 16a6.97 6.97 0 0 1-3.422-.892l-.746.746a.5.5 0 0 1-.707-.708l.602-.602A7.001 7.001 0 0 1 7 2.07V1h-.5A.5.5 0 0 1 6 .5zm2.5 5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5zM.86 5.387A2.5 2.5 0 1 1 4.387 1.86 8.035 8.035 0 0 0 .86 5.387zM11.613 1.86a2.5 2.5 0 1 1 3.527 3.527 8.035 8.035 0 0 0-3.527-3.527z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/alarm.svg b/apps/phoenix_webcomponent/priv/bsi/svg/alarm.svg
new file mode 100644
index 00000000..53f7cbe9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/alarm.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alarm" viewBox="0 0 16 16">
+  <path d="M8.5 5.5a.5.5 0 0 0-1 0v3.362l-1.429 2.38a.5.5 0 1 0 .858.515l1.5-2.5A.5.5 0 0 0 8.5 9V5.5z"/>
+  <path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07a7.001 7.001 0 0 0-3.273 12.474l-.602.602a.5.5 0 0 0 .707.708l.746-.746A6.97 6.97 0 0 0 8 16a6.97 6.97 0 0 0 3.422-.892l.746.746a.5.5 0 0 0 .707-.708l-.601-.602A7.001 7.001 0 0 0 9 2.07V1h.5a.5.5 0 0 0 0-1h-3zm1.038 3.018a6.093 6.093 0 0 1 .924 0 6 6 0 1 1-.924 0zM0 3.5c0 .753.333 1.429.86 1.887A8.035 8.035 0 0 1 4.387 1.86 2.5 2.5 0 0 0 0 3.5zM13.5 1c-.753 0-1.429.333-1.887.86a8.035 8.035 0 0 1 3.527 3.527A2.5 2.5 0 0 0 13.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/alexa.svg b/apps/phoenix_webcomponent/priv/bsi/svg/alexa.svg
new file mode 100644
index 00000000..a68f1d9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/alexa.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alexa" viewBox="0 0 16 16">
+  <path d="M7.996 0A7.998 7.998 0 0 0 0 8a8 8 0 0 0 6.93 7.93v-1.613a1.06 1.06 0 0 0-.717-1.008A5.602 5.602 0 0 1 2.4 7.865 5.579 5.579 0 0 1 8.054 2.4a5.599 5.599 0 0 1 5.535 5.81l-.002.046a6.116 6.116 0 0 1-.012.192l-.005.061a4.85 4.85 0 0 1-.033.284l-.01.068c-.685 4.516-6.564 7.054-6.596 7.068A7.998 7.998 0 0 0 15.992 8 7.998 7.998 0 0 0 7.996.001Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-bottom.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-bottom.svg
new file mode 100644
index 00000000..d9484c03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-bottom.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-bottom" viewBox="0 0 16 16">
+  <rect width="4" height="12" x="6" y="1" rx="1"/>
+  <path d="M1.5 14a.5.5 0 0 0 0 1v-1zm13 1a.5.5 0 0 0 0-1v1zm-13 0h13v-1h-13v1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-center.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-center.svg
new file mode 100644
index 00000000..af0d75b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-center.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-center" viewBox="0 0 16 16">
+  <path d="M8 1a.5.5 0 0 1 .5.5V6h-1V1.5A.5.5 0 0 1 8 1zm0 14a.5.5 0 0 1-.5-.5V10h1v4.5a.5.5 0 0 1-.5.5zM2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-end.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-end.svg
new file mode 100644
index 00000000..28f861df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-end.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-end" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"/>
+  <path d="M13 7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-middle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-middle.svg
new file mode 100644
index 00000000..95c6598f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-middle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-middle" viewBox="0 0 16 16">
+  <path d="M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10zM1 8a.5.5 0 0 0 .5.5H6v-1H1.5A.5.5 0 0 0 1 8zm14 0a.5.5 0 0 1-.5.5H10v-1h4.5a.5.5 0 0 1 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-start.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-start.svg
new file mode 100644
index 00000000..a72ba984
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-start.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-start" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/>
+  <path d="M3 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/align-top.svg b/apps/phoenix_webcomponent/priv/bsi/svg/align-top.svg
new file mode 100644
index 00000000..d2934f52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/align-top.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-align-top" viewBox="0 0 16 16">
+  <rect width="4" height="12" rx="1" transform="matrix(1 0 0 -1 6 15)"/>
+  <path d="M1.5 2a.5.5 0 0 1 0-1v1zm13-1a.5.5 0 0 1 0 1V1zm-13 0h13v1h-13V1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/alipay.svg b/apps/phoenix_webcomponent/priv/bsi/svg/alipay.svg
new file mode 100644
index 00000000..df7def9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/alipay.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alipay" viewBox="0 0 16 16">
+  <path d="M2.541 0H13.5a2.551 2.551 0 0 1 2.54 2.563v8.297c-.006 0-.531-.046-2.978-.813-.412-.14-.916-.327-1.479-.536-.303-.113-.624-.232-.957-.353a12.98 12.98 0 0 0 1.325-3.373H8.822V4.649h3.831v-.634h-3.83V2.121H7.26c-.274 0-.274.273-.274.273v1.621H3.11v.634h3.875v1.136h-3.2v.634H9.99c-.227.789-.532 1.53-.894 2.202-2.013-.67-4.161-1.212-5.51-.878-.864.214-1.42.597-1.746.998-1.499 1.84-.424 4.633 2.741 4.633 1.872 0 3.675-1.053 5.072-2.787 2.08 1.008 6.37 2.738 6.387 2.745v.105A2.551 2.551 0 0 1 13.5 16H2.541A2.552 2.552 0 0 1 0 13.437V2.563A2.552 2.552 0 0 1 2.541 0Z"/>
+  <path d="M2.309 9.27c-1.22 1.073-.49 3.034 1.978 3.034 1.434 0 2.868-.925 3.994-2.406-1.602-.789-2.959-1.353-4.425-1.207-.397.04-1.14.217-1.547.58Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/alt.svg
new file mode 100644
index 00000000..22b78864
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/alt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-alt" viewBox="0 0 16 16">
+  <path d="M1 13.5a.5.5 0 0 0 .5.5h3.797a.5.5 0 0 0 .439-.26L11 3h3.5a.5.5 0 0 0 0-1h-3.797a.5.5 0 0 0-.439.26L5 13H1.5a.5.5 0 0 0-.5.5zm10 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/amd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/amd.svg
new file mode 100644
index 00000000..15dab803
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/amd.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-amd" viewBox="0 0 16 16">
+  <path d="m.334 0 4.358 4.359h7.15v7.15l4.358 4.358V0H.334ZM.2 9.72l4.487-4.488v6.281h6.28L6.48 16H.2V9.72Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/android.svg b/apps/phoenix_webcomponent/priv/bsi/svg/android.svg
new file mode 100644
index 00000000..d8909520
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/android.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-android" viewBox="0 0 16 16">
+  <path d="M2.76 3.061a.5.5 0 0 1 .679.2l1.283 2.352A8.94 8.94 0 0 1 8 5a8.94 8.94 0 0 1 3.278.613l1.283-2.352a.5.5 0 1 1 .878.478l-1.252 2.295C14.475 7.266 16 9.477 16 12H0c0-2.523 1.525-4.734 3.813-5.966L2.56 3.74a.5.5 0 0 1 .2-.678ZM5 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/android2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/android2.svg
new file mode 100644
index 00000000..37613cc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/android2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-android2" viewBox="0 0 16 16">
+  <path d="m10.213 1.471.691-1.26c.046-.083.03-.147-.048-.192-.085-.038-.15-.019-.195.058l-.7 1.27A4.832 4.832 0 0 0 8.005.941c-.688 0-1.34.135-1.956.404l-.7-1.27C5.303 0 5.239-.018 5.154.02c-.078.046-.094.11-.049.193l.691 1.259a4.25 4.25 0 0 0-1.673 1.476A3.697 3.697 0 0 0 3.5 5.02h9c0-.75-.208-1.44-.623-2.072a4.266 4.266 0 0 0-1.664-1.476ZM6.22 3.303a.367.367 0 0 1-.267.11.35.35 0 0 1-.263-.11.366.366 0 0 1-.107-.264.37.37 0 0 1 .107-.265.351.351 0 0 1 .263-.11c.103 0 .193.037.267.11a.36.36 0 0 1 .112.265.36.36 0 0 1-.112.264Zm4.101 0a.351.351 0 0 1-.262.11.366.366 0 0 1-.268-.11.358.358 0 0 1-.112-.264c0-.103.037-.191.112-.265a.367.367 0 0 1 .268-.11c.104 0 .19.037.262.11a.367.367 0 0 1 .107.265c0 .102-.035.19-.107.264ZM3.5 11.77c0 .294.104.544.311.75.208.204.46.307.76.307h.758l.01 2.182c0 .276.097.51.292.703a.961.961 0 0 0 .7.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h1.343v2.182c0 .276.097.51.292.703a.972.972 0 0 0 .71.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h.76c.291 0 .54-.103.749-.308.207-.205.311-.455.311-.75V5.365h-9v6.404Zm10.495-6.587a.983.983 0 0 0-.702.278.91.91 0 0 0-.293.685v4.063c0 .271.098.501.293.69a.97.97 0 0 0 .702.284c.28 0 .517-.095.712-.284a.924.924 0 0 0 .293-.69V6.146a.91.91 0 0 0-.293-.685.995.995 0 0 0-.712-.278Zm-12.702.283a.985.985 0 0 1 .712-.283c.273 0 .507.094.702.283a.913.913 0 0 1 .293.68v4.063a.932.932 0 0 1-.288.69.97.97 0 0 1-.707.284.986.986 0 0 1-.712-.284.924.924 0 0 1-.293-.69V6.146c0-.264.098-.491.293-.68Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/app-indicator.svg b/apps/phoenix_webcomponent/priv/bsi/svg/app-indicator.svg
new file mode 100644
index 00000000..450a0112
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/app-indicator.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-app-indicator" viewBox="0 0 16 16">
+  <path d="M5.5 2A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5V8a.5.5 0 0 1 1 0v2.5a4.5 4.5 0 0 1-4.5 4.5h-5A4.5 4.5 0 0 1 1 10.5v-5A4.5 4.5 0 0 1 5.5 1H8a.5.5 0 0 1 0 1H5.5z"/>
+  <path d="M16 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/app.svg b/apps/phoenix_webcomponent/priv/bsi/svg/app.svg
new file mode 100644
index 00000000..819df1bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/app.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-app" viewBox="0 0 16 16">
+  <path d="M11 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h6zM5 1a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4V5a4 4 0 0 0-4-4H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/apple.svg b/apps/phoenix_webcomponent/priv/bsi/svg/apple.svg
new file mode 100644
index 00000000..b8bc2a01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/apple.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-apple" viewBox="0 0 16 16">
+  <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
+  <path d="M11.182.008C11.148-.03 9.923.023 8.857 1.18c-1.066 1.156-.902 2.482-.878 2.516.024.034 1.52.087 2.475-1.258.955-1.345.762-2.391.728-2.43Zm3.314 11.733c-.048-.096-2.325-1.234-2.113-3.422.212-2.189 1.675-2.789 1.698-2.854.023-.065-.597-.79-1.254-1.157a3.692 3.692 0 0 0-1.563-.434c-.108-.003-.483-.095-1.254.116-.508.139-1.653.589-1.968.607-.316.018-1.256-.522-2.267-.665-.647-.125-1.333.131-1.824.328-.49.196-1.422.754-2.074 2.237-.652 1.482-.311 3.83-.067 4.56.244.729.625 1.924 1.273 2.796.576.984 1.34 1.667 1.659 1.899.319.232 1.219.386 1.843.067.502-.308 1.408-.485 1.766-.472.357.013 1.061.154 1.782.539.571.197 1.111.115 1.652-.105.541-.221 1.324-1.059 2.238-2.758.347-.79.505-1.217.473-1.282Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/archive-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/archive-fill.svg
new file mode 100644
index 00000000..077aa297
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/archive-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive-fill" viewBox="0 0 16 16">
+  <path d="M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15h9.286zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zM.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8H.8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/archive.svg b/apps/phoenix_webcomponent/priv/bsi/svg/archive.svg
new file mode 100644
index 00000000..b41be300
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/archive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-archive" viewBox="0 0 16 16">
+  <path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 12.5V5a1 1 0 0 1-1-1V2zm2 3v7.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V5H2zm13-3H1v2h14V2zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-down.svg
new file mode 100644
index 00000000..1193b5d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.854 14.854a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V3.5A2.5 2.5 0 0 1 6.5 1h8a.5.5 0 0 1 0 1h-8A1.5 1.5 0 0 0 5 3.5v9.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-left.svg
new file mode 100644
index 00000000..1656b228
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-right.svg
new file mode 100644
index 00000000..a7d32ce4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.854 4.854a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 4H3.5A2.5 2.5 0 0 0 1 6.5v8a.5.5 0 0 0 1 0v-8A1.5 1.5 0 0 1 3.5 5h9.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-up.svg
new file mode 100644
index 00000000..6c95e3de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-90deg-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.854 1.146a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L4 2.707V12.5A2.5 2.5 0 0 0 6.5 15h8a.5.5 0 0 0 0-1h-8A1.5 1.5 0 0 1 5 12.5V2.707l3.146 3.147a.5.5 0 1 0 .708-.708l-4-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-down.svg
new file mode 100644
index 00000000..fe18e391
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5zM8 6a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 .708-.708L7.5 12.293V6.5A.5.5 0 0 1 8 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-left.svg
new file mode 100644
index 00000000..8f9252e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-right.svg
new file mode 100644
index 00000000..9b64347f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 8a.5.5 0 0 0 .5.5h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 7.5H6.5A.5.5 0 0 0 6 8Zm-2.5 7a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-up.svg
new file mode 100644
index 00000000..090b6bd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-bar-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 10a.5.5 0 0 0 .5-.5V3.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 3.707V9.5a.5.5 0 0 0 .5.5zm-7 2.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-clockwise.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-clockwise.svg
new file mode 100644
index 00000000..b072eb09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-clockwise.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-clockwise" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2v1z"/>
+  <path d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-counterclockwise.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-counterclockwise.svg
new file mode 100644
index 00000000..b0b23b9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-counterclockwise.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-counterclockwise" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 3a5 5 0 1 1-4.546 2.914.5.5 0 0 0-.908-.417A6 6 0 1 0 8 2v1z"/>
+  <path d="M8 4.466V.534a.25.25 0 0 0-.41-.192L5.23 2.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 8 4.466z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle-fill.svg
new file mode 100644
index 00000000..8e837c0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle.svg
new file mode 100644
index 00000000..fe215b94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle-fill.svg
new file mode 100644
index 00000000..bcebc12d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-5.904-2.803a.5.5 0 1 1 .707.707L6.707 10h2.768a.5.5 0 0 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.525a.5.5 0 0 1 1 0v2.768l4.096-4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle.svg
new file mode 100644
index 00000000..8b52276f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-5.904-2.854a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768l4.096-4.097z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square-fill.svg
new file mode 100644
index 00000000..57c099f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-square-fill" viewBox="0 0 16 16">
+  <path d="M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2zm8.096-10.803L6 9.293V6.525a.5.5 0 0 0-1 0V10.5a.5.5 0 0 0 .5.5h3.975a.5.5 0 0 0 0-1H6.707l4.096-4.096a.5.5 0 1 0-.707-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square.svg
new file mode 100644
index 00000000..08e00288
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm10.096 3.146a.5.5 0 1 1 .707.708L6.707 9.95h2.768a.5.5 0 1 1 0 1H5.5a.5.5 0 0 1-.5-.5V6.475a.5.5 0 1 1 1 0v2.768l4.096-4.097z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left.svg
new file mode 100644
index 00000000..96a6b08d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 13.5a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1H3.707L13.854 2.854a.5.5 0 0 0-.708-.708L3 12.293V7.5a.5.5 0 0 0-1 0v6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle-fill.svg
new file mode 100644
index 00000000..35ab8c26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-right-circle-fill" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm5.904-2.803a.5.5 0 1 0-.707.707L9.293 10H6.525a.5.5 0 0 0 0 1H10.5a.5.5 0 0 0 .5-.5V6.525a.5.5 0 0 0-1 0v2.768L5.904 5.197z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle.svg
new file mode 100644
index 00000000..1cd51bca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-right-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.854 5.146a.5.5 0 1 0-.708.708L9.243 9.95H6.475a.5.5 0 1 0 0 1h3.975a.5.5 0 0 0 .5-.5V6.475a.5.5 0 1 0-1 0v2.768L5.854 5.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square-fill.svg
new file mode 100644
index 00000000..3ccff9ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-right-square-fill" viewBox="0 0 16 16">
+  <path d="M14 16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12zM5.904 5.197 10 9.293V6.525a.5.5 0 0 1 1 0V10.5a.5.5 0 0 1-.5.5H6.525a.5.5 0 0 1 0-1h2.768L5.197 5.904a.5.5 0 0 1 .707-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square.svg
new file mode 100644
index 00000000..5019b260
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-right-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.854 3.146a.5.5 0 1 0-.708.708L9.243 9.95H6.475a.5.5 0 1 0 0 1h3.975a.5.5 0 0 0 .5-.5V6.475a.5.5 0 1 0-1 0v2.768L5.854 5.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right.svg
new file mode 100644
index 00000000..80487bd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 13.5a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1 0-1h4.793L2.146 2.854a.5.5 0 1 1 .708-.708L13 12.293V7.5a.5.5 0 0 1 1 0v6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-short.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-short.svg
new file mode 100644
index 00000000..2fda3407
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-short.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-short" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5A.5.5 0 0 1 8 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square-fill.svg
new file mode 100644
index 00000000..ea8f14b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v5.793l2.146-2.147a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L7.5 10.293V4.5a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square.svg
new file mode 100644
index 00000000..633671f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.5 2.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-up.svg
new file mode 100644
index 00000000..a128d9be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.5 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L11 2.707V14.5a.5.5 0 0 0 .5.5zm-7-14a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L4 13.293V1.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down.svg
new file mode 100644
index 00000000..1344ca9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v11.793l3.146-3.147a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 .708-.708L7.5 13.293V1.5A.5.5 0 0 1 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle-fill.svg
new file mode 100644
index 00000000..2eebe62a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle.svg
new file mode 100644
index 00000000..39f86b8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.5-.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-right.svg
new file mode 100644
index 00000000..8aabd7be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 11.5a.5.5 0 0 0 .5.5h11.793l-3.147 3.146a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 11H1.5a.5.5 0 0 0-.5.5zm14-7a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H14.5a.5.5 0 0 1 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-short.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-short.svg
new file mode 100644
index 00000000..13005fb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-short.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-short" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square-fill.svg
new file mode 100644
index 00000000..76dbe9e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-square-fill" viewBox="0 0 16 16">
+  <path d="M16 14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12zm-4.5-6.5H5.707l2.147-2.146a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L5.707 8.5H11.5a.5.5 0 0 0 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square.svg
new file mode 100644
index 00000000..4db19b31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm11.5 5.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left.svg
new file mode 100644
index 00000000..9d885017
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-repeat.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-repeat.svg
new file mode 100644
index 00000000..d0d71546
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-repeat.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-repeat" viewBox="0 0 16 16">
+  <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/>
+  <path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-left.svg
new file mode 100644
index 00000000..f6b125ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-return-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.5 1.5a.5.5 0 0 1 .5.5v4.8a2.5 2.5 0 0 1-2.5 2.5H2.707l3.347 3.346a.5.5 0 0 1-.708.708l-4.2-4.2a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 8.3H12.5A1.5 1.5 0 0 0 14 6.8V2a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-right.svg
new file mode 100644
index 00000000..228e24b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-return-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-return-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.5 1.5A.5.5 0 0 0 1 2v4.8a2.5 2.5 0 0 0 2.5 2.5h9.793l-3.347 3.346a.5.5 0 0 0 .708.708l4.2-4.2a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708.708L13.293 8.3H3.5A1.5 1.5 0 0 1 2 6.8V2a.5.5 0 0 0-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle-fill.svg
new file mode 100644
index 00000000..336a34ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle.svg
new file mode 100644
index 00000000..1339b520
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-short.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-short.svg
new file mode 100644
index 00000000..4626398c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-short.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square-fill.svg
new file mode 100644
index 00000000..55285ebe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-square-fill" viewBox="0 0 16 16">
+  <path d="M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square.svg
new file mode 100644
index 00000000..7209ead8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right.svg
new file mode 100644
index 00000000..d4b878b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart-fill.svg
new file mode 100644
index 00000000..1b3c30f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-through-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l3.103-3.104a.5.5 0 1 1 .708.708L4.5 12.207V14a.5.5 0 0 1-.146.354l-1.5 1.5ZM16 3.5a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182A23.825 23.825 0 0 1 5.8 12.323L8.31 9.81a1.5 1.5 0 0 0-2.122-2.122L3.657 10.22a8.827 8.827 0 0 1-1.039-1.57c-.798-1.576-.775-2.997-.213-4.093C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart.svg
new file mode 100644
index 00000000..f3528708
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-through-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-through-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.854 15.854A.5.5 0 0 1 2 15.5V14H.5a.5.5 0 0 1-.354-.854l1.5-1.5A.5.5 0 0 1 2 11.5h1.793l.53-.53c-.771-.802-1.328-1.58-1.704-2.32-.798-1.575-.775-2.996-.213-4.092C3.426 2.565 6.18 1.809 8 3.233c1.25-.98 2.944-.928 4.212-.152L13.292 2 12.147.854A.5.5 0 0 1 12.5 0h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.854.354L14 2.707l-1.006 1.006c.236.248.44.531.6.845.562 1.096.585 2.517-.213 4.092-.793 1.563-2.395 3.288-5.105 5.08L8 13.912l-.276-.182a21.86 21.86 0 0 1-2.685-2.062l-.539.54V14a.5.5 0 0 1-.146.354l-1.5 1.5Zm2.893-4.894A20.419 20.419 0 0 0 8 12.71c2.456-1.666 3.827-3.207 4.489-4.512.679-1.34.607-2.42.215-3.185-.817-1.595-3.087-2.054-4.346-.761L8 4.62l-.358-.368c-1.259-1.293-3.53-.834-4.346.761-.392.766-.464 1.845.215 3.185.323.636.815 1.33 1.519 2.065l1.866-1.867a.5.5 0 1 1 .708.708L5.747 10.96Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle-fill.svg
new file mode 100644
index 00000000..ab0a54cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 0 0 8a8 8 0 0 0 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle.svg
new file mode 100644
index 00000000..9923ae3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle-fill.svg
new file mode 100644
index 00000000..df6e194c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-left-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-5.904 2.803a.5.5 0 1 0 .707-.707L6.707 6h2.768a.5.5 0 1 0 0-1H5.5a.5.5 0 0 0-.5.5v3.975a.5.5 0 0 0 1 0V6.707l4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle.svg
new file mode 100644
index 00000000..dfdaf71f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-left-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-5.904 2.803a.5.5 0 1 0 .707-.707L6.707 6h2.768a.5.5 0 1 0 0-1H5.5a.5.5 0 0 0-.5.5v3.975a.5.5 0 0 0 1 0V6.707l4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square-fill.svg
new file mode 100644
index 00000000..220169da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-left-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm8.096 10.803L6 6.707v2.768a.5.5 0 0 1-1 0V5.5a.5.5 0 0 1 .5-.5h3.975a.5.5 0 1 1 0 1H6.707l4.096 4.096a.5.5 0 1 1-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square.svg
new file mode 100644
index 00000000..9d3767f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-left-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm10.096 8.803a.5.5 0 1 0 .707-.707L6.707 6h2.768a.5.5 0 1 0 0-1H5.5a.5.5 0 0 0-.5.5v3.975a.5.5 0 0 0 1 0V6.707l4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left.svg
new file mode 100644
index 00000000..da5bb6c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1H3.707l10.147 10.146a.5.5 0 0 1-.708.708L3 3.707V8.5a.5.5 0 0 1-1 0v-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle-fill.svg
new file mode 100644
index 00000000..ba547c82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right-circle-fill" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8zm5.904 2.803a.5.5 0 1 1-.707-.707L9.293 6H6.525a.5.5 0 1 1 0-1H10.5a.5.5 0 0 1 .5.5v3.975a.5.5 0 0 1-1 0V6.707l-4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle.svg
new file mode 100644
index 00000000..f2fcabc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right-circle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.854 10.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707l-4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square-fill.svg
new file mode 100644
index 00000000..7454537b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right-square-fill" viewBox="0 0 16 16">
+  <path d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM5.904 10.803 10 6.707v2.768a.5.5 0 0 0 1 0V5.5a.5.5 0 0 0-.5-.5H6.525a.5.5 0 1 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 .707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square.svg
new file mode 100644
index 00000000..97544231
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.854 8.803a.5.5 0 1 1-.708-.707L9.243 6H6.475a.5.5 0 1 1 0-1h3.975a.5.5 0 0 1 .5.5v3.975a.5.5 0 1 1-1 0V6.707l-4.096 4.096z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right.svg
new file mode 100644
index 00000000..6924a38d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-short.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-short.svg
new file mode 100644
index 00000000..3863f153
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-short.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-short" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square-fill.svg
new file mode 100644
index 00000000..bb51b25a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-square-fill" viewBox="0 0 16 16">
+  <path d="M2 16a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2zm6.5-4.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square.svg
new file mode 100644
index 00000000..d21f03eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.5 9.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up.svg
new file mode 100644
index 00000000..c46d49eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrow-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-contract.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-contract.svg
new file mode 100644
index 00000000..d140e194
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-contract.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-angle-contract" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M.172 15.828a.5.5 0 0 0 .707 0l4.096-4.096V14.5a.5.5 0 1 0 1 0v-3.975a.5.5 0 0 0-.5-.5H1.5a.5.5 0 0 0 0 1h2.768L.172 15.121a.5.5 0 0 0 0 .707zM15.828.172a.5.5 0 0 0-.707 0l-4.096 4.096V1.5a.5.5 0 1 0-1 0v3.975a.5.5 0 0 0 .5.5H14.5a.5.5 0 0 0 0-1h-2.768L15.828.879a.5.5 0 0 0 0-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-expand.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-expand.svg
new file mode 100644
index 00000000..3697f605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-angle-expand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-angle-expand" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-collapse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-collapse.svg
new file mode 100644
index 00000000..d60fbee1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-collapse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-collapse" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8Zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0Zm-.5 11.707-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-expand.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-expand.svg
new file mode 100644
index 00000000..d5d00f46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-expand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-expand" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8ZM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2ZM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-fullscreen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-fullscreen.svg
new file mode 100644
index 00000000..dc0acc3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-fullscreen.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/arrows-move.svg b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-move.svg
new file mode 100644
index 00000000..eef62ef0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/arrows-move.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-move" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10zM.146 8.354a.5.5 0 0 1 0-.708l2-2a.5.5 0 1 1 .708.708L1.707 7.5H5.5a.5.5 0 0 1 0 1H1.707l1.147 1.146a.5.5 0 0 1-.708.708l-2-2zM10 8a.5.5 0 0 1 .5-.5h3.793l-1.147-1.146a.5.5 0 0 1 .708-.708l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L14.293 8.5H10.5A.5.5 0 0 1 10 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio-fill.svg
new file mode 100644
index 00000000..81dcfcba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-aspect-ratio-fill" viewBox="0 0 16 16">
+  <path d="M0 12.5v-9A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5zM2.5 4a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 1 0V5h2.5a.5.5 0 0 0 0-1h-3zm11 8a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-1 0V11h-2.5a.5.5 0 0 0 0 1h3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio.svg b/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio.svg
new file mode 100644
index 00000000..66719a76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/aspect-ratio.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-aspect-ratio" viewBox="0 0 16 16">
+  <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
+  <path d="M2 4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3zm12 7a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H13V8.5a.5.5 0 0 1 1 0v3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/asterisk.svg b/apps/phoenix_webcomponent/priv/bsi/svg/asterisk.svg
new file mode 100644
index 00000000..8b0a9dae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/asterisk.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-asterisk" viewBox="0 0 16 16">
+  <path d="M8 0a1 1 0 0 1 1 1v5.268l4.562-2.634a1 1 0 1 1 1 1.732L10 8l4.562 2.634a1 1 0 1 1-1 1.732L9 9.732V15a1 1 0 1 1-2 0V9.732l-4.562 2.634a1 1 0 1 1-1-1.732L6 8 1.438 5.366a1 1 0 0 1 1-1.732L7 6.268V1a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/at.svg b/apps/phoenix_webcomponent/priv/bsi/svg/at.svg
new file mode 100644
index 00000000..4a85e145
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/at.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-at" viewBox="0 0 16 16">
+  <path d="M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/award-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/award-fill.svg
new file mode 100644
index 00000000..6b589962
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/award-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill" viewBox="0 0 16 16">
+  <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864 8 0z"/>
+  <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/award.svg b/apps/phoenix_webcomponent/priv/bsi/svg/award.svg
new file mode 100644
index 00000000..8f572ff0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/award.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award" viewBox="0 0 16 16">
+  <path d="M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/>
+  <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/back.svg b/apps/phoenix_webcomponent/priv/bsi/svg/back.svg
new file mode 100644
index 00000000..4c6cbcba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/back.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-back" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/backspace-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-fill.svg
new file mode 100644
index 00000000..ab63109c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-backspace-fill" viewBox="0 0 16 16">
+  <path d="M15.683 3a2 2 0 0 0-2-2h-7.08a2 2 0 0 0-1.519.698L.241 7.35a1 1 0 0 0 0 1.302l4.843 5.65A2 2 0 0 0 6.603 15h7.08a2 2 0 0 0 2-2V3zM5.829 5.854a.5.5 0 1 1 .707-.708l2.147 2.147 2.146-2.147a.5.5 0 1 1 .707.708L9.39 8l2.146 2.146a.5.5 0 0 1-.707.708L8.683 8.707l-2.147 2.147a.5.5 0 0 1-.707-.708L7.976 8 5.829 5.854z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse-fill.svg
new file mode 100644
index 00000000..ed509ec2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-backspace-reverse-fill" viewBox="0 0 16 16">
+  <path d="M0 3a2 2 0 0 1 2-2h7.08a2 2 0 0 1 1.519.698l4.843 5.651a1 1 0 0 1 0 1.302L10.6 14.3a2 2 0 0 1-1.52.7H2a2 2 0 0 1-2-2V3zm9.854 2.854a.5.5 0 0 0-.708-.708L7 7.293 4.854 5.146a.5.5 0 1 0-.708.708L6.293 8l-2.147 2.146a.5.5 0 0 0 .708.708L7 8.707l2.146 2.147a.5.5 0 0 0 .708-.708L7.707 8l2.147-2.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse.svg
new file mode 100644
index 00000000..446e019d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/backspace-reverse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-backspace-reverse" viewBox="0 0 16 16">
+  <path d="M9.854 5.146a.5.5 0 0 1 0 .708L7.707 8l2.147 2.146a.5.5 0 0 1-.708.708L7 8.707l-2.146 2.147a.5.5 0 0 1-.708-.708L6.293 8 4.146 5.854a.5.5 0 1 1 .708-.708L7 7.293l2.146-2.147a.5.5 0 0 1 .708 0z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7.08a2 2 0 0 0 1.519-.698l4.843-5.651a1 1 0 0 0 0-1.302L10.6 1.7A2 2 0 0 0 9.08 1H2zm7.08 1a1 1 0 0 1 .76.35L14.682 8l-4.844 5.65a1 1 0 0 1-.759.35H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h7.08z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/backspace.svg b/apps/phoenix_webcomponent/priv/bsi/svg/backspace.svg
new file mode 100644
index 00000000..55c802cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/backspace.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-backspace" viewBox="0 0 16 16">
+  <path d="M5.83 5.146a.5.5 0 0 0 0 .708L7.975 8l-2.147 2.146a.5.5 0 0 0 .707.708l2.147-2.147 2.146 2.147a.5.5 0 0 0 .707-.708L9.39 8l2.146-2.146a.5.5 0 0 0-.707-.708L8.683 7.293 6.536 5.146a.5.5 0 0 0-.707 0z"/>
+  <path d="M13.683 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-7.08a2 2 0 0 1-1.519-.698L.241 8.65a1 1 0 0 1 0-1.302L5.084 1.7A2 2 0 0 1 6.603 1h7.08zm-7.08 1a1 1 0 0 0-.76.35L1 8l4.844 5.65a1 1 0 0 0 .759.35h7.08a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-7.08z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d-fill.svg
new file mode 100644
index 00000000..ac61cb5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-3d-fill" viewBox="0 0 16 16">
+  <path d="M10.157 5.968h-.844v4.06h.844c1.116 0 1.621-.667 1.621-2.02 0-1.354-.51-2.04-1.621-2.04z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm5.184 4.368c.646 0 1.055.378 1.06.9.008.537-.427.919-1.086.919-.598-.004-1.037-.325-1.068-.756H3c.03.914.791 1.688 2.153 1.688 1.24 0 2.285-.66 2.272-1.798-.013-.953-.747-1.38-1.292-1.432v-.062c.44-.07 1.125-.527 1.108-1.375-.013-.906-.8-1.57-2.053-1.565-1.31.005-2.043.734-2.074 1.67h1.103c.022-.391.383-.751.936-.751.532 0 .928.33.928.813.004.479-.383.835-.928.835h-.632v.914h.663zM8.126 11h2.189C12.125 11 13 9.893 13 7.985c0-1.894-.861-2.984-2.685-2.984H8.126V11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d.svg
new file mode 100644
index 00000000..34858372
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-3d.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-3d" viewBox="0 0 16 16">
+  <path d="M4.52 8.368h.664c.646 0 1.055.378 1.06.9.008.537-.427.919-1.086.919-.598-.004-1.037-.325-1.068-.756H3c.03.914.791 1.688 2.153 1.688 1.24 0 2.285-.66 2.272-1.798-.013-.953-.747-1.38-1.292-1.432v-.062c.44-.07 1.125-.527 1.108-1.375-.013-.906-.8-1.57-2.053-1.565-1.31.005-2.043.734-2.074 1.67h1.103c.022-.391.383-.751.936-.751.532 0 .928.33.928.813.004.479-.383.835-.928.835h-.632v.914zm3.606-3.367V11h2.189C12.125 11 13 9.893 13 7.985c0-1.894-.861-2.984-2.685-2.984H8.126zm1.187.967h.844c1.112 0 1.621.686 1.621 2.04 0 1.353-.505 2.02-1.621 2.02h-.844v-4.06z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k-fill.svg
new file mode 100644
index 00000000..f353033d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-4k-fill" viewBox="0 0 16 16">
+  <path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 0 0-1.766 3.001z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm2.372 3.715.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k.svg
new file mode 100644
index 00000000..24ddcb19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-4k.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-4k" viewBox="0 0 16 16">
+  <path d="M4.807 5.001C4.021 6.298 3.203 7.6 2.5 8.917v.971h2.905V11h1.112V9.888h.733V8.93h-.733V5.001h-1.71zm-1.23 3.93v-.032a46.781 46.781 0 0 1 1.766-3.001h.062V8.93H3.577zm9.831-3.93h-1.306L9.835 7.687h-.057V5H8.59v6h1.187V9.075l.615-.699L12.072 11H13.5l-2.232-3.415 2.14-2.584z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k-fill.svg
new file mode 100644
index 00000000..1e1d4c16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-8k-fill" viewBox="0 0 16 16">
+  <path d="M3.9 6.605c0 .51.405.866.95.866.545 0 .945-.356.945-.866s-.4-.852-.945-.852c-.545 0-.95.343-.95.852zm-.192 2.668c0 .589.492.984 1.142.984.646 0 1.143-.395 1.143-.984S5.496 8.28 4.85 8.28c-.65 0-1.142.404-1.142.993z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm5.17 7.348c0 1.041-.927 1.766-2.333 1.766-1.406 0-2.312-.72-2.312-1.762 0-.954.712-1.384 1.257-1.494v-.053c-.51-.154-1.02-.558-1.02-1.331 0-.914.831-1.587 2.088-1.587 1.253 0 2.083.673 2.083 1.587 0 .782-.523 1.182-1.02 1.331v.053c.545.11 1.257.545 1.257 1.49zM12.102 5h1.306l-2.14 2.584 2.232 3.415h-1.428l-1.679-2.624-.615.699v1.925H8.59V5h1.187v2.685h.057L12.102 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k.svg
new file mode 100644
index 00000000..7df4c753
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-8k.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-8k" viewBox="0 0 16 16">
+  <path d="M4.837 11.114c1.406 0 2.333-.725 2.333-1.766 0-.945-.712-1.38-1.256-1.49v-.053c.496-.15 1.02-.55 1.02-1.331 0-.914-.831-1.587-2.084-1.587-1.257 0-2.087.673-2.087 1.587 0 .773.51 1.177 1.02 1.331v.053c-.546.11-1.258.54-1.258 1.494 0 1.042.906 1.762 2.312 1.762zm.013-3.643c-.545 0-.95-.356-.95-.866s.405-.852.95-.852c.545 0 .945.343.945.852 0 .51-.4.866-.945.866zm0 2.786c-.65 0-1.142-.395-1.142-.984S4.2 8.28 4.85 8.28c.646 0 1.143.404 1.143.993s-.497.984-1.143.984zM13.408 5h-1.306L9.835 7.685h-.057V5H8.59v5.998h1.187V9.075l.615-.699 1.679 2.623H13.5l-2.232-3.414L13.408 5z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad-fill.svg
new file mode 100644
index 00000000..b383de67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-ad-fill" viewBox="0 0 16 16">
+  <path d="M11.35 8.337c0-.699-.42-1.138-1.001-1.138-.584 0-.954.444-.954 1.239v.453c0 .8.374 1.248.972 1.248.588 0 .984-.44.984-1.2v-.602zm-5.413.237-.734-2.426H5.15l-.734 2.426h1.52z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm6.209 6.32c0-1.28.694-2.044 1.753-2.044.655 0 1.156.294 1.336.769h.053v-2.36h1.16V11h-1.138v-.747h-.057c-.145.474-.69.804-1.367.804-1.055 0-1.74-.764-1.74-2.043v-.695zm-4.04 1.138L3.7 11H2.5l2.013-5.999H5.9L7.905 11H6.644l-.47-1.542H4.17z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad.svg
new file mode 100644
index 00000000..942b018b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ad.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-ad" viewBox="0 0 16 16">
+  <path d="m3.7 11 .47-1.542h2.004L6.644 11h1.261L5.901 5.001H4.513L2.5 11h1.2zm1.503-4.852.734 2.426H4.416l.734-2.426h.053zm4.759.128c-1.059 0-1.753.765-1.753 2.043v.695c0 1.279.685 2.043 1.74 2.043.677 0 1.222-.33 1.367-.804h.057V11h1.138V4.685h-1.16v2.36h-.053c-.18-.475-.68-.77-1.336-.77zm.387.923c.58 0 1.002.44 1.002 1.138v.602c0 .76-.396 1.2-.984 1.2-.598 0-.972-.449-.972-1.248v-.453c0-.795.37-1.24.954-1.24z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar-fill.svg
new file mode 100644
index 00000000..f98caaca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-ar-fill" viewBox="0 0 16 16">
+  <path d="m6.031 8.574-.734-2.426h-.052L4.51 8.574h1.52zm3.642-2.641v1.938h1.033c.66 0 1.068-.316 1.068-.95 0-.64-.422-.988-1.05-.988h-1.05z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm4.265 5.458h2.004L6.739 11H8L5.996 5.001H4.607L2.595 11h1.2l.47-1.542zM8.5 5v6h1.173V8.763h1.064L11.787 11h1.327L11.91 8.583C12.455 8.373 13 7.779 13 6.9c0-1.147-.773-1.9-2.105-1.9H8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar.svg
new file mode 100644
index 00000000..22105060
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-ar.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-ar" viewBox="0 0 16 16">
+  <path d="m3.794 11 .47-1.542H6.27L6.739 11H8L5.996 5.001H4.607L2.595 11h1.2zm1.503-4.852.734 2.426h-1.52l.734-2.426h.052zm5.598-1.147H8.5V11h1.173V8.763h1.064L11.787 11h1.327L11.91 8.583C12.455 8.373 13 7.779 13 6.9c0-1.147-.773-1.9-2.105-1.9zm-1.222 2.87V5.933h1.05c.63 0 1.05.347 1.05.989 0 .633-.408.95-1.067.95H9.673z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc-fill.svg
new file mode 100644
index 00000000..d9783fe5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-cc-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm3.027 4.002c-.83 0-1.319.642-1.319 1.753v.743c0 1.107.48 1.727 1.319 1.727.69 0 1.138-.435 1.186-1.05H7.36v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747C2.5 6.051 3.414 5 5.018 5c1.318 0 2.29.813 2.342 2v.11H6.213c-.048-.638-.505-1.108-1.186-1.108zm6.14 0c-.831 0-1.319.642-1.319 1.753v.743c0 1.107.48 1.727 1.318 1.727.69 0 1.139-.435 1.187-1.05H13.5v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.751 2.518-2.751 1.318 0 2.29.813 2.342 2v.11h-1.147c-.048-.638-.505-1.108-1.187-1.108z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc.svg
new file mode 100644
index 00000000..7868cb40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-cc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-cc" viewBox="0 0 16 16">
+  <path d="M3.708 7.755c0-1.111.488-1.753 1.319-1.753.681 0 1.138.47 1.186 1.107H7.36V7c-.052-1.186-1.024-2-2.342-2C3.414 5 2.5 6.05 2.5 7.751v.747c0 1.7.905 2.73 2.518 2.73 1.314 0 2.285-.792 2.342-1.939v-.114H6.213c-.048.615-.496 1.05-1.186 1.05-.84 0-1.319-.62-1.319-1.727v-.743zm6.14 0c0-1.111.488-1.753 1.318-1.753.682 0 1.139.47 1.187 1.107H13.5V7c-.053-1.186-1.024-2-2.342-2C9.554 5 8.64 6.05 8.64 7.751v.747c0 1.7.905 2.73 2.518 2.73 1.314 0 2.285-.792 2.342-1.939v-.114h-1.147c-.048.615-.497 1.05-1.187 1.05-.839 0-1.318-.62-1.318-1.727v-.743z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd-fill.svg
new file mode 100644
index 00000000..9f0a4982
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-hd-fill" viewBox="0 0 16 16">
+  <path d="M10.53 5.968h-.843v4.06h.843c1.117 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm5.396 3.001V11H6.209V8.43H3.687V11H2.5V5.001h1.187v2.44h2.522V5h1.187zM8.5 11V5.001h2.188c1.824 0 2.685 1.09 2.685 2.984C13.373 9.893 12.5 11 10.69 11H8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd.svg
new file mode 100644
index 00000000..e3f4ae75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-hd.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-hd" viewBox="0 0 16 16">
+  <path d="M7.396 11V5.001H6.209v2.44H3.687V5H2.5v6h1.187V8.43h2.522V11h1.187zM8.5 5.001V11h2.188c1.811 0 2.685-1.107 2.685-3.015 0-1.894-.86-2.984-2.684-2.984H8.5zm1.187.967h.843c1.112 0 1.622.686 1.622 2.04 0 1.353-.505 2.02-1.622 2.02h-.843v-4.06z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd-fill.svg
new file mode 100644
index 00000000..538b6427
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-sd-fill" viewBox="0 0 16 16">
+  <path d="M10.338 5.968h-.844v4.06h.844c1.116 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm5.077 7.114c1.521 0 2.378-.764 2.378-1.88 0-1.007-.642-1.473-1.613-1.692l-.932-.216c-.527-.114-.821-.351-.821-.712 0-.466.39-.804 1.046-.804.637 0 1.028.33 1.103.76h1.125c-.058-.923-.849-1.692-2.22-1.692-1.322 0-2.24.717-2.24 1.815 0 .91.588 1.446 1.52 1.657l.927.215c.624.145.923.36.923.778 0 .492-.391.83-1.13.83-.707 0-1.155-.342-1.234-.808H2.762c.052.95.79 1.75 2.315 1.75ZM8.307 11h2.19c1.81 0 2.684-1.107 2.684-3.015 0-1.894-.861-2.984-2.685-2.984H8.308V11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd.svg
new file mode 100644
index 00000000..68667dd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-sd.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-sd" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm5.077 7.114c-1.524 0-2.263-.8-2.315-1.749h1.147c.079.466.527.809 1.234.809.739 0 1.13-.339 1.13-.83 0-.418-.3-.634-.923-.779l-.927-.215c-.932-.21-1.52-.747-1.52-1.657 0-1.098.918-1.815 2.24-1.815 1.371 0 2.162.77 2.22 1.692H6.238c-.075-.43-.466-.76-1.103-.76-.655 0-1.046.338-1.046.804 0 .36.294.598.821.712l.932.216c.971.22 1.613.685 1.613 1.691 0 1.117-.857 1.881-2.378 1.881ZM8.307 11V5.001h2.19c1.823 0 2.684 1.09 2.684 2.984 0 1.908-.874 3.015-2.685 3.015H8.308Zm2.031-5.032h-.844v4.06h.844c1.116 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm-fill.svg
new file mode 100644
index 00000000..7d334ce5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-tm-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm3.295 3.995V11H4.104V5.995h-1.7V5H7v.994H5.295zM8.692 7.01V11H7.633V5.001h1.209l1.71 3.894h.039l1.71-3.894H13.5V11h-1.072V7.01h-.057l-1.42 3.239h-.773L8.75 7.008h-.058z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm.svg
new file mode 100644
index 00000000..452dd3bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-tm.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-tm" viewBox="0 0 16 16">
+  <path d="M5.295 11V5.995H7V5H2.403v.994h1.701V11h1.19zm3.397 0V7.01h.058l1.428 3.239h.773l1.42-3.24h.057V11H13.5V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H7.634V11h1.06z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo-fill.svg
new file mode 100644
index 00000000..1f74e75b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-vo-fill" viewBox="0 0 16 16">
+  <path d="M12.296 8.394v-.782c0-1.156-.571-1.736-1.362-1.736-.796 0-1.363.58-1.363 1.736v.782c0 1.156.567 1.732 1.363 1.732.79 0 1.362-.576 1.362-1.732z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm11.5 5.62v.77c0 1.691-.962 2.724-2.566 2.724-1.604 0-2.571-1.033-2.571-2.724v-.77c0-1.704.967-2.733 2.57-2.733 1.605 0 2.567 1.037 2.567 2.734zM5.937 11H4.508L2.5 5.001h1.375L5.22 9.708h.057L6.61 5.001h1.318L5.937 11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo.svg
new file mode 100644
index 00000000..500d98f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-vo" viewBox="0 0 16 16">
+  <path d="M4.508 11h1.429l1.99-5.999H6.61L5.277 9.708H5.22L3.875 5.001H2.5L4.508 11zM13.5 8.39v-.77c0-1.696-.962-2.733-2.566-2.733-1.604 0-2.571 1.029-2.571 2.734v.769c0 1.691.967 2.724 2.57 2.724 1.605 0 2.567-1.033 2.567-2.724zm-1.204-.778v.782c0 1.156-.571 1.732-1.362 1.732-.796 0-1.363-.576-1.363-1.732v-.782c0-1.156.567-1.736 1.363-1.736.79 0 1.362.58 1.362 1.736z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr-fill.svg
new file mode 100644
index 00000000..6cde11ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-vr-fill" viewBox="0 0 16 16">
+  <path d="M9.673 5.933v1.938h1.033c.66 0 1.068-.316 1.068-.95 0-.64-.422-.988-1.05-.988h-1.05z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm5.937 7 1.99-5.999H6.61L5.277 9.708H5.22L3.875 5.001H2.5L4.508 11h1.429zM8.5 5.001V11h1.173V8.763h1.064L11.787 11h1.327L11.91 8.583C12.455 8.373 13 7.779 13 6.9c0-1.147-.773-1.9-2.105-1.9H8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr.svg
new file mode 100644
index 00000000..5c068524
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-vr.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-vr" viewBox="0 0 16 16">
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+  <path d="M4.508 11h1.429l1.99-5.999H6.61L5.277 9.708H5.22L3.875 5.001H2.5L4.508 11zm6.387-5.999H8.5V11h1.173V8.763h1.064L11.787 11h1.327L11.91 8.583C12.455 8.373 13 7.779 13 6.9c0-1.147-.773-1.9-2.105-1.9zm-1.222 2.87V5.933h1.05c.63 0 1.05.347 1.05.989 0 .633-.408.95-1.067.95H9.673z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc-fill.svg
new file mode 100644
index 00000000..47db37b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-wc-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11.666 1.89c.682 0 1.139.47 1.187 1.107H14v-.11c-.053-1.187-1.024-2-2.342-2-1.604 0-2.518 1.05-2.518 2.751v.747c0 1.7.905 2.73 2.518 2.73 1.314 0 2.285-.792 2.342-1.939v-.114h-1.147c-.048.615-.497 1.05-1.187 1.05-.839 0-1.318-.62-1.318-1.727v-.742c0-1.112.488-1.754 1.318-1.754zm-6.188.926h.044L6.542 11h1.006L9 5.001H7.818l-.82 4.355h-.056L5.97 5.001h-.94l-.972 4.355h-.053l-.827-4.355H2L3.452 11h1.005l1.02-4.184z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc.svg
new file mode 100644
index 00000000..3f0cc5b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/badge-wc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-badge-wc" viewBox="0 0 16 16">
+  <path d="M10.348 7.643c0-1.112.488-1.754 1.318-1.754.682 0 1.139.47 1.187 1.108H14v-.11c-.053-1.187-1.024-2-2.342-2-1.604 0-2.518 1.05-2.518 2.751v.747c0 1.7.905 2.73 2.518 2.73 1.314 0 2.285-.792 2.342-1.939v-.114h-1.147c-.048.615-.497 1.05-1.187 1.05-.839 0-1.318-.62-1.318-1.727v-.742zM4.457 11l1.02-4.184h.045L6.542 11h1.006L9 5.001H7.818l-.82 4.355h-.056L5.97 5.001h-.94l-.972 4.355h-.053l-.827-4.355H2L3.452 11h1.005z"/>
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-check-fill.svg
new file mode 100644
index 00000000..a1ba2d27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-check-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0zm-.646 5.354a.5.5 0 0 0-.708-.708L7.5 10.793 6.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-check.svg
new file mode 100644
index 00000000..c6ad9acb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash-fill.svg
new file mode 100644
index 00000000..a7392428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-dash-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0zM6 9.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash.svg
new file mode 100644
index 00000000..9bcb202f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-dash" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.5 10a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-fill.svg
new file mode 100644
index 00000000..1a1e2e2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-fill" viewBox="0 0 16 16">
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart-fill.svg
new file mode 100644
index 00000000..a859e05c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-heart-fill" viewBox="0 0 16 16">
+  <path d="M11.5 4v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5ZM8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1Zm0 6.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart.svg
new file mode 100644
index 00000000..2a6bd30c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5Zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0ZM14 14V5H2v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus-fill.svg
new file mode 100644
index 00000000..a110b32f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-plus-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0zM8.5 8a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V12a.5.5 0 0 0 1 0v-1.5H10a.5.5 0 0 0 0-1H8.5V8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus.svg
new file mode 100644
index 00000000..b99a1a57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 7.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V12a.5.5 0 0 1-1 0v-1.5H6a.5.5 0 0 1 0-1h1.5V8a.5.5 0 0 1 .5-.5z"/>
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-x-fill.svg
new file mode 100644
index 00000000..879bffe6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-x-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0zM6.854 8.146a.5.5 0 1 0-.708.708L7.293 10l-1.147 1.146a.5.5 0 0 0 .708.708L8 10.707l1.146 1.147a.5.5 0 0 0 .708-.708L8.707 10l1.147-1.146a.5.5 0 0 0-.708-.708L8 9.293 6.854 8.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag-x.svg
new file mode 100644
index 00000000..616532ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-x" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.146 8.146a.5.5 0 0 1 .708 0L8 9.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bag.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bag.svg
new file mode 100644
index 00000000..603de5f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bag.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag" viewBox="0 0 16 16">
+  <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/balloon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-fill.svg
new file mode 100644
index 00000000..b6638946
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-balloon-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.48 10.901C11.211 10.227 13 7.837 13 5A5 5 0 0 0 3 5c0 2.837 1.789 5.227 4.52 5.901l-.244.487a.25.25 0 1 0 .448.224l.04-.08c.009.17.024.315.051.45.068.344.208.622.448 1.102l.013.028c.212.422.182.85.05 1.246-.135.402-.366.751-.534 1.003a.25.25 0 0 0 .416.278l.004-.007c.166-.248.431-.646.588-1.115.16-.479.212-1.051-.076-1.629-.258-.515-.365-.732-.419-1.004a2.376 2.376 0 0 1-.037-.289l.008.017a.25.25 0 1 0 .448-.224l-.244-.487ZM4.352 3.356a4.004 4.004 0 0 1 3.15-2.325C7.774.997 8 1.224 8 1.5c0 .276-.226.496-.498.542-.95.162-1.749.78-2.173 1.617a.595.595 0 0 1-.52.341c-.346 0-.599-.329-.457-.644Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart-fill.svg
new file mode 100644
index 00000000..cebfb938
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-balloon-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.49 10.92C19.412 3.382 11.28-2.387 8 .986 4.719-2.387-3.413 3.382 7.51 10.92l-.234.468a.25.25 0 1 0 .448.224l.04-.08c.009.17.024.315.051.45.068.344.208.622.448 1.102l.013.028c.212.422.182.85.05 1.246-.135.402-.366.751-.534 1.003a.25.25 0 0 0 .416.278l.004-.007c.166-.248.431-.646.588-1.115.16-.479.212-1.051-.076-1.629-.258-.515-.365-.732-.419-1.004a2.376 2.376 0 0 1-.037-.289l.008.017a.25.25 0 1 0 .448-.224l-.235-.468ZM6.726 1.269c-1.167-.61-2.8-.142-3.454 1.135-.237.463-.36 1.08-.202 1.85.055.27.467.197.527-.071.285-1.256 1.177-2.462 2.989-2.528.234-.008.348-.278.14-.386Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart.svg
new file mode 100644
index 00000000..dadf467e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/balloon-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-balloon-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m8 2.42-.717-.737c-1.13-1.161-3.243-.777-4.01.72-.35.685-.451 1.707.236 3.062C4.16 6.753 5.52 8.32 8 10.042c2.479-1.723 3.839-3.29 4.491-4.577.687-1.355.587-2.377.236-3.061-.767-1.498-2.88-1.882-4.01-.721L8 2.42Zm-.49 8.5c-10.78-7.44-3-13.155.359-10.063.045.041.089.084.132.129.043-.045.087-.088.132-.129 3.36-3.092 11.137 2.624.357 10.063l.235.468a.25.25 0 1 1-.448.224l-.008-.017c.008.11.02.202.037.29.054.27.161.488.419 1.003.288.578.235 1.15.076 1.629-.157.469-.422.867-.588 1.115l-.004.007a.25.25 0 1 1-.416-.278c.168-.252.4-.6.533-1.003.133-.396.163-.824-.049-1.246l-.013-.028c-.24-.48-.38-.758-.448-1.102a3.177 3.177 0 0 1-.052-.45l-.04.08a.25.25 0 1 1-.447-.224l.235-.468ZM6.013 2.06c-.649-.18-1.483.083-1.85.798-.131.258-.245.689-.08 1.335.063.244.414.198.487-.043.21-.697.627-1.447 1.359-1.692.217-.073.304-.337.084-.398Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/balloon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/balloon.svg
new file mode 100644
index 00000000..6ca06c3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/balloon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-balloon" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 9.984C10.403 9.506 12 7.48 12 5a4 4 0 0 0-8 0c0 2.48 1.597 4.506 4 4.984ZM13 5c0 2.837-1.789 5.227-4.52 5.901l.244.487a.25.25 0 1 1-.448.224l-.008-.017c.008.11.02.202.037.29.054.27.161.488.419 1.003.288.578.235 1.15.076 1.629-.157.469-.422.867-.588 1.115l-.004.007a.25.25 0 1 1-.416-.278c.168-.252.4-.6.533-1.003.133-.396.163-.824-.049-1.246l-.013-.028c-.24-.48-.38-.758-.448-1.102a3.177 3.177 0 0 1-.052-.45l-.04.08a.25.25 0 1 1-.447-.224l.244-.487C4.789 10.227 3 7.837 3 5a5 5 0 0 1 10 0Zm-6.938-.495a2.003 2.003 0 0 1 1.443-1.443C7.773 2.994 8 2.776 8 2.5c0-.276-.226-.504-.498-.459a3.003 3.003 0 0 0-2.46 2.461c-.046.272.182.498.458.498s.494-.227.562-.495Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bandaid-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bandaid-fill.svg
new file mode 100644
index 00000000..41d350a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bandaid-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bandaid-fill" viewBox="0 0 16 16">
+  <path d="m2.68 7.676 6.49-6.504a4 4 0 0 1 5.66 5.653l-1.477 1.529-5.006 5.006-1.523 1.472a4 4 0 0 1-5.653-5.66l.001-.002 1.505-1.492.001-.002Zm5.71-2.858a.5.5 0 1 0-.708.707.5.5 0 0 0 .707-.707ZM6.974 6.939a.5.5 0 1 0-.707-.707.5.5 0 0 0 .707.707ZM5.56 8.354a.5.5 0 1 0-.707-.708.5.5 0 0 0 .707.708Zm2.828 2.828a.5.5 0 1 0-.707-.707.5.5 0 0 0 .707.707Zm1.414-2.121a.5.5 0 1 0-.707.707.5.5 0 0 0 .707-.707Zm1.414-.707a.5.5 0 1 0-.706-.708.5.5 0 0 0 .707.708Zm-4.242.707a.5.5 0 1 0-.707.707.5.5 0 0 0 .707-.707Zm1.414-.707a.5.5 0 1 0-.707-.708.5.5 0 0 0 .707.708Zm1.414-2.122a.5.5 0 1 0-.707.707.5.5 0 0 0 .707-.707ZM8.646 3.354l4 4 .708-.708-4-4-.708.708Zm-1.292 9.292-4-4-.708.708 4 4 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bandaid.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bandaid.svg
new file mode 100644
index 00000000..de16de97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bandaid.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bandaid" viewBox="0 0 16 16">
+  <path d="M14.121 1.879a3 3 0 0 0-4.242 0L8.733 3.026l4.261 4.26 1.127-1.165a3 3 0 0 0 0-4.242ZM12.293 8 8.027 3.734 3.738 8.031 8 12.293 12.293 8Zm-5.006 4.994L3.03 8.737 1.879 9.88a3 3 0 0 0 4.241 4.24l.006-.006 1.16-1.121ZM2.679 7.676l6.492-6.504a4 4 0 0 1 5.66 5.653l-1.477 1.529-5.006 5.006-1.523 1.472a4 4 0 0 1-5.653-5.66l.001-.002 1.505-1.492.001-.002Z"/>
+  <path d="M5.56 7.646a.5.5 0 1 1-.706.708.5.5 0 0 1 .707-.708Zm1.415-1.414a.5.5 0 1 1-.707.707.5.5 0 0 1 .707-.707ZM8.39 4.818a.5.5 0 1 1-.708.707.5.5 0 0 1 .707-.707Zm0 5.657a.5.5 0 1 1-.708.707.5.5 0 0 1 .707-.707ZM9.803 9.06a.5.5 0 1 1-.707.708.5.5 0 0 1 .707-.707Zm1.414-1.414a.5.5 0 1 1-.706.708.5.5 0 0 1 .707-.708ZM6.975 9.06a.5.5 0 1 1-.707.708.5.5 0 0 1 .707-.707ZM8.39 7.646a.5.5 0 1 1-.708.708.5.5 0 0 1 .707-.708Zm1.413-1.414a.5.5 0 1 1-.707.707.5.5 0 0 1 .707-.707Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bank.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bank.svg
new file mode 100644
index 00000000..264eaaa5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bank.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bank" viewBox="0 0 16 16">
+  <path d="m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.501.501 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89L8 0ZM3.777 3h8.447L8 1 3.777 3ZM2 6v7h1V6H2Zm2 0v7h2.5V6H4Zm3.5 0v7h1V6h-1Zm2 0v7H12V6H9.5ZM13 6v7h1V6h-1Zm2-1V4H1v1h14Zm-.39 9H1.39l-.25 1h13.72l-.25-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bank2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bank2.svg
new file mode 100644
index 00000000..b03840ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bank2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bank2" viewBox="0 0 16 16">
+  <path d="M8.277.084a.5.5 0 0 0-.554 0l-7.5 5A.5.5 0 0 0 .5 6h1.875v7H1.5a.5.5 0 0 0 0 1h13a.5.5 0 1 0 0-1h-.875V6H15.5a.5.5 0 0 0 .277-.916l-7.5-5zM12.375 6v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zm-2.5 0v7h-1.25V6h1.25zM8 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 1 0 0-1H.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-fill.svg
new file mode 100644
index 00000000..23ba4f6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-fill" viewBox="0 0 16 16">
+  <path d="M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line-fill.svg
new file mode 100644
index 00000000..a5059c46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-line-fill" viewBox="0 0 16 16">
+  <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line.svg
new file mode 100644
index 00000000..e3f0cf25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-line.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-line" viewBox="0 0 16 16">
+  <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-steps.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-steps.svg
new file mode 100644
index 00000000..933fba88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart-steps.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-steps" viewBox="0 0 16 16">
+  <path d="M.5 0a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-1 0V.5A.5.5 0 0 1 .5 0zM2 1.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-6a.5.5 0 0 1-.5-.5v-1zm2 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart.svg
new file mode 100644
index 00000000..c34c0d45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bar-chart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart" viewBox="0 0 16 16">
+  <path d="M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5v12h-2V2h2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket-fill.svg
new file mode 100644
index 00000000..ebf223c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket-fill" viewBox="0 0 16 16">
+  <path d="M5.071 1.243a.5.5 0 0 1 .858.514L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 6h1.717L5.07 1.243zM3.5 10.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3zm2.5 0a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket.svg
new file mode 100644
index 00000000..4bc584b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket" viewBox="0 0 16 16">
+  <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1v4.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V9a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.217L5.07 1.243a.5.5 0 0 1 .686-.172zM2 9v4.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9H2zM1 7v1h14V7H1zm3 3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 4 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 6 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3A.5.5 0 0 1 8 10zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zm2 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket2-fill.svg
new file mode 100644
index 00000000..9ebf8dbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket2-fill" viewBox="0 0 16 16">
+  <path d="M5.929 1.757a.5.5 0 1 0-.858-.514L2.217 6H.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h.623l1.844 6.456A.75.75 0 0 0 3.69 15h8.622a.75.75 0 0 0 .722-.544L14.877 8h.623a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1.717L10.93 1.243a.5.5 0 1 0-.858.514L12.617 6H3.383L5.93 1.757zM4 10a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 1 1-2 0v-2zm4-1a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket2.svg
new file mode 100644
index 00000000..94f0bcb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket2" viewBox="0 0 16 16">
+  <path d="M4 10a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0v-2zm3 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0v-2zm3 0a1 1 0 1 1 2 0v2a1 1 0 0 1-2 0v-2z"/>
+  <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-.623l-1.844 6.456a.75.75 0 0 1-.722.544H3.69a.75.75 0 0 1-.722-.544L1.123 8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM2.163 8l1.714 6h8.246l1.714-6H2.163z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket3-fill.svg
new file mode 100644
index 00000000..e26f0ee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket3-fill" viewBox="0 0 16 16">
+  <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM2.468 15.426.943 9h14.114l-1.525 6.426a.75.75 0 0 1-.729.574H3.197a.75.75 0 0 1-.73-.574z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/basket3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/basket3.svg
new file mode 100644
index 00000000..ac46c011
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/basket3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-basket3" viewBox="0 0 16 16">
+  <path d="M5.757 1.071a.5.5 0 0 1 .172.686L3.383 6h9.234L10.07 1.757a.5.5 0 1 1 .858-.514L13.783 6H15.5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6h1.717L5.07 1.243a.5.5 0 0 1 .686-.172zM3.394 15l-1.48-6h-.97l1.525 6.426a.75.75 0 0 0 .729.574h9.606a.75.75 0 0 0 .73-.574L15.056 9h-.972l-1.479 6h-9.21z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/battery-charging.svg b/apps/phoenix_webcomponent/priv/bsi/svg/battery-charging.svg
new file mode 100644
index 00000000..cbd91075
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/battery-charging.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-battery-charging" viewBox="0 0 16 16">
+  <path d="M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z"/>
+  <path d="M2 4h4.332l-.94 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.38l-.308 1H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/>
+  <path d="M2 6h2.45L2.908 7.639A1.5 1.5 0 0 0 3.313 10H2V6zm8.595-2-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.405z"/>
+  <path d="M12 10h-1.783l1.542-1.639c.097-.103.178-.218.241-.34V10zm0-3.354V6h-.646a1.5 1.5 0 0 1 .646.646zM16 8a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/battery-full.svg b/apps/phoenix_webcomponent/priv/bsi/svg/battery-full.svg
new file mode 100644
index 00000000..48cf92ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/battery-full.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-battery-full" viewBox="0 0 16 16">
+  <path d="M2 6h10v4H2V6z"/>
+  <path d="M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/battery-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/battery-half.svg
new file mode 100644
index 00000000..8c3afca2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/battery-half.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-battery-half" viewBox="0 0 16 16">
+  <path d="M2 6h5v4H2V6z"/>
+  <path d="M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/battery.svg b/apps/phoenix_webcomponent/priv/bsi/svg/battery.svg
new file mode 100644
index 00000000..12603606
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/battery.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-battery" viewBox="0 0 16 16">
+  <path d="M0 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm2-1a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2zm14 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/behance.svg b/apps/phoenix_webcomponent/priv/bsi/svg/behance.svg
new file mode 100644
index 00000000..a6a2c42b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/behance.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-behance" viewBox="0 0 16 16">
+  <path d="M4.654 3c.461 0 .887.035 1.278.14.39.07.711.216.996.391.286.176.497.426.641.747.14.32.216.711.216 1.137 0 .496-.106.922-.356 1.242-.215.32-.566.606-.997.817.606.176 1.067.496 1.348.922.281.426.461.957.461 1.563 0 .496-.105.922-.285 1.278a2.317 2.317 0 0 1-.782.887c-.32.215-.711.39-1.137.496a5.329 5.329 0 0 1-1.278.176L0 12.803V3h4.654zm-.285 3.978c.39 0 .71-.105.957-.285.246-.18.355-.497.355-.887 0-.216-.035-.426-.105-.567a.981.981 0 0 0-.32-.355 1.84 1.84 0 0 0-.461-.176c-.176-.035-.356-.035-.567-.035H2.17v2.31c0-.005 2.2-.005 2.2-.005zm.105 4.193c.215 0 .426-.035.606-.07.176-.035.356-.106.496-.216s.25-.215.356-.39c.07-.176.14-.391.14-.641 0-.496-.14-.852-.426-1.102-.285-.215-.676-.32-1.137-.32H2.17v2.734h2.305v.005zm6.858-.035c.286.285.711.426 1.278.426.39 0 .746-.106 1.032-.286.285-.215.46-.426.53-.64h1.74c-.286.851-.712 1.457-1.278 1.848-.566.355-1.243.566-2.06.566a4.135 4.135 0 0 1-1.527-.285 2.827 2.827 0 0 1-1.137-.782 2.851 2.851 0 0 1-.712-1.172c-.175-.461-.25-.957-.25-1.528 0-.531.07-1.032.25-1.493.18-.46.426-.852.747-1.207.32-.32.711-.606 1.137-.782a4.018 4.018 0 0 1 1.493-.285c.606 0 1.137.105 1.598.355.46.25.817.532 1.102.958.285.39.496.851.641 1.348.07.496.105.996.07 1.563h-5.15c0 .58.21 1.11.496 1.396zm2.24-3.732c-.25-.25-.642-.391-1.103-.391-.32 0-.566.07-.781.176-.215.105-.356.25-.496.39a.957.957 0 0 0-.25.497c-.036.175-.07.32-.07.46h3.196c-.07-.526-.25-.882-.497-1.132zm-3.127-3.728h3.978v.957h-3.978v-.957z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bell-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bell-fill.svg
new file mode 100644
index 00000000..76d9b601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bell-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bell-fill" viewBox="0 0 16 16">
+  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash-fill.svg
new file mode 100644
index 00000000..2e6f8cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bell-slash-fill" viewBox="0 0 16 16">
+  <path d="M5.164 14H15c-1.5-1-2-5.902-2-7 0-.264-.02-.523-.06-.776L5.164 14zm6.288-10.617A4.988 4.988 0 0 0 8.995 2.1a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 7c0 .898-.335 4.342-1.278 6.113l9.73-9.73zM10 15a2 2 0 1 1-4 0h4zm-9.375.625a.53.53 0 0 0 .75.75l14.75-14.75a.53.53 0 0 0-.75-.75L.625 15.625z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash.svg
new file mode 100644
index 00000000..eddbb8ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bell-slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bell-slash" viewBox="0 0 16 16">
+  <path d="M5.164 14H15c-.299-.199-.557-.553-.78-1-.9-1.8-1.22-5.12-1.22-6 0-.264-.02-.523-.06-.776l-.938.938c.02.708.157 2.154.457 3.58.161.767.377 1.566.663 2.258H6.164l-1 1zm5.581-9.91a3.986 3.986 0 0 0-1.948-1.01L8 2.917l-.797.161A4.002 4.002 0 0 0 4 7c0 .628-.134 2.197-.459 3.742-.05.238-.105.479-.166.718l-1.653 1.653c.02-.037.04-.074.059-.113C2.679 11.2 3 7.88 3 7c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0c.942.19 1.788.645 2.457 1.284l-.707.707zM10 15a2 2 0 1 1-4 0h4zm-9.375.625a.53.53 0 0 0 .75.75l14.75-14.75a.53.53 0 0 0-.75-.75L.625 15.625z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bell.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bell.svg
new file mode 100644
index 00000000..585d417a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bell.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
+  <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bezier.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bezier.svg
new file mode 100644
index 00000000..21ec7b3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bezier.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bezier" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 10.5A1.5 1.5 0 0 1 1.5 9h1A1.5 1.5 0 0 1 4 10.5v1A1.5 1.5 0 0 1 2.5 13h-1A1.5 1.5 0 0 1 0 11.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm10.5.5A1.5 1.5 0 0 1 13.5 9h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM6 4.5A1.5 1.5 0 0 1 7.5 3h1A1.5 1.5 0 0 1 10 4.5v1A1.5 1.5 0 0 1 8.5 7h-1A1.5 1.5 0 0 1 6 5.5v-1zM7.5 4a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+  <path d="M6 4.5H1.866a1 1 0 1 0 0 1h2.668A6.517 6.517 0 0 0 1.814 9H2.5c.123 0 .244.015.358.043a5.517 5.517 0 0 1 3.185-3.185A1.503 1.503 0 0 1 6 5.5v-1zm3.957 1.358A1.5 1.5 0 0 0 10 5.5v-1h4.134a1 1 0 1 1 0 1h-2.668a6.517 6.517 0 0 1 2.72 3.5H13.5c-.123 0-.243.015-.358.043a5.517 5.517 0 0 0-3.185-3.185z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bezier2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bezier2.svg
new file mode 100644
index 00000000..48722d0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bezier2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bezier2" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 2.5A1.5 1.5 0 0 1 2.5 1h1A1.5 1.5 0 0 1 5 2.5h4.134a1 1 0 1 1 0 1h-2.01c.18.18.34.381.484.605.638.992.892 2.354.892 3.895 0 1.993.257 3.092.713 3.7.356.476.895.721 1.787.784A1.5 1.5 0 0 1 12.5 11h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5H6.866a1 1 0 1 1 0-1h1.711a2.839 2.839 0 0 1-.165-.2C7.743 11.407 7.5 10.007 7.5 8c0-1.46-.246-2.597-.733-3.355-.39-.605-.952-1-1.767-1.112A1.5 1.5 0 0 1 3.5 5h-1A1.5 1.5 0 0 1 1 3.5v-1zM2.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm10 10a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bicycle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bicycle.svg
new file mode 100644
index 00000000..17a2105b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bicycle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bicycle" viewBox="0 0 16 16">
+  <path d="M4 4.5a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1v.5h4.14l.386-1.158A.5.5 0 0 1 11 4h1a.5.5 0 0 1 0 1h-.64l-.311.935.807 1.29a3 3 0 1 1-.848.53l-.508-.812-2.076 3.322A.5.5 0 0 1 8 10.5H5.959a3 3 0 1 1-1.815-3.274L5 5.856V5h-.5a.5.5 0 0 1-.5-.5zm1.5 2.443-.508.814c.5.444.85 1.054.967 1.743h1.139L5.5 6.943zM8 9.057 9.598 6.5H6.402L8 9.057zM4.937 9.5a1.997 1.997 0 0 0-.487-.877l-.548.877h1.035zM3.603 8.092A2 2 0 1 0 4.937 10.5H3a.5.5 0 0 1-.424-.765l1.027-1.643zm7.947.53a2 2 0 1 0 .848-.53l1.026 1.643a.5.5 0 1 1-.848.53L11.55 8.623z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/binoculars-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/binoculars-fill.svg
new file mode 100644
index 00000000..de09c735
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/binoculars-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-binoculars-fill" viewBox="0 0 16 16">
+  <path d="M4.5 1A1.5 1.5 0 0 0 3 2.5V3h4v-.5A1.5 1.5 0 0 0 5.5 1h-1zM7 4v1h2V4h4v.882a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 15 7.118V13H9v-1.5a.5.5 0 0 1 .146-.354l.854-.853V9.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.793l.854.853A.5.5 0 0 1 7 11.5V13H1V7.118a1.5 1.5 0 0 1 .83-1.342l.894-.447A.5.5 0 0 0 3 4.882V4h4zM1 14v.5A1.5 1.5 0 0 0 2.5 16h3A1.5 1.5 0 0 0 7 14.5V14H1zm8 0v.5a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.5-1.5V14H9zm4-11H9v-.5A1.5 1.5 0 0 1 10.5 1h1A1.5 1.5 0 0 1 13 2.5V3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/binoculars.svg b/apps/phoenix_webcomponent/priv/bsi/svg/binoculars.svg
new file mode 100644
index 00000000..47bca444
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/binoculars.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-binoculars" viewBox="0 0 16 16">
+  <path d="M3 2.5A1.5 1.5 0 0 1 4.5 1h1A1.5 1.5 0 0 1 7 2.5V5h2V2.5A1.5 1.5 0 0 1 10.5 1h1A1.5 1.5 0 0 1 13 2.5v2.382a.5.5 0 0 0 .276.447l.895.447A1.5 1.5 0 0 1 15 7.118V14.5a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 14.5v-3a.5.5 0 0 1 .146-.354l.854-.853V9.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v.793l.854.853A.5.5 0 0 1 7 11.5v3A1.5 1.5 0 0 1 5.5 16h-3A1.5 1.5 0 0 1 1 14.5V7.118a1.5 1.5 0 0 1 .83-1.342l.894-.447A.5.5 0 0 0 3 4.882V2.5zM4.5 2a.5.5 0 0 0-.5.5V3h2v-.5a.5.5 0 0 0-.5-.5h-1zM6 4H4v.882a1.5 1.5 0 0 1-.83 1.342l-.894.447A.5.5 0 0 0 2 7.118V13h4v-1.293l-.854-.853A.5.5 0 0 1 5 10.5v-1A1.5 1.5 0 0 1 6.5 8h3A1.5 1.5 0 0 1 11 9.5v1a.5.5 0 0 1-.146.354l-.854.853V13h4V7.118a.5.5 0 0 0-.276-.447l-.895-.447A1.5 1.5 0 0 1 12 4.882V4h-2v1.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V4zm4-1h2v-.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5V3zm4 11h-4v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14zm-8 0H2v.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V14z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-left.svg
new file mode 100644
index 00000000..f2e0fa27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-blockquote-left" viewBox="0 0 16 16">
+  <path d="M2.5 3a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11zm5 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6zm0 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6zm-5 3a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11zm.79-5.373c.112-.078.26-.17.444-.275L3.524 6c-.122.074-.272.17-.452.287-.18.117-.35.26-.51.428a2.425 2.425 0 0 0-.398.562c-.11.207-.164.438-.164.692 0 .36.072.65.217.873.144.219.385.328.72.328.215 0 .383-.07.504-.211a.697.697 0 0 0 .188-.463c0-.23-.07-.404-.211-.521-.137-.121-.326-.182-.568-.182h-.282c.024-.203.065-.37.123-.498a1.38 1.38 0 0 1 .252-.37 1.94 1.94 0 0 1 .346-.298zm2.167 0c.113-.078.262-.17.445-.275L5.692 6c-.122.074-.272.17-.452.287-.18.117-.35.26-.51.428a2.425 2.425 0 0 0-.398.562c-.11.207-.164.438-.164.692 0 .36.072.65.217.873.144.219.385.328.72.328.215 0 .383-.07.504-.211a.697.697 0 0 0 .188-.463c0-.23-.07-.404-.211-.521-.137-.121-.326-.182-.568-.182h-.282a1.75 1.75 0 0 1 .118-.492c.058-.13.144-.254.257-.375a1.94 1.94 0 0 1 .346-.3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-right.svg
new file mode 100644
index 00000000..253518db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/blockquote-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-blockquote-right" viewBox="0 0 16 16">
+  <path d="M2.5 3a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11zm0 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6zm0 3a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6zm0 3a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11zm10.113-5.373a6.59 6.59 0 0 0-.445-.275l.21-.352c.122.074.272.17.452.287.18.117.35.26.51.428.156.164.289.351.398.562.11.207.164.438.164.692 0 .36-.072.65-.216.873-.145.219-.385.328-.721.328-.215 0-.383-.07-.504-.211a.697.697 0 0 1-.188-.463c0-.23.07-.404.211-.521.137-.121.326-.182.569-.182h.281a1.686 1.686 0 0 0-.123-.498 1.379 1.379 0 0 0-.252-.37 1.94 1.94 0 0 0-.346-.298zm-2.168 0A6.59 6.59 0 0 0 10 6.352L10.21 6c.122.074.272.17.452.287.18.117.35.26.51.428.156.164.289.351.398.562.11.207.164.438.164.692 0 .36-.072.65-.216.873-.145.219-.385.328-.721.328-.215 0-.383-.07-.504-.211a.697.697 0 0 1-.188-.463c0-.23.07-.404.211-.521.137-.121.327-.182.569-.182h.281a1.749 1.749 0 0 0-.117-.492 1.402 1.402 0 0 0-.258-.375 1.94 1.94 0 0 0-.346-.3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bluetooth.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bluetooth.svg
new file mode 100644
index 00000000..5021e77f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bluetooth.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bluetooth" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m8.543 3.948 1.316 1.316L8.543 6.58V3.948Zm0 8.104 1.316-1.316L8.543 9.42v2.632Zm-1.41-4.043L4.275 5.133l.827-.827L7.377 6.58V1.128l4.137 4.136L8.787 8.01l2.745 2.745-4.136 4.137V9.42l-2.294 2.274-.827-.827L7.133 8.01ZM7.903 16c3.498 0 5.904-1.655 5.904-8.01 0-6.335-2.406-7.99-5.903-7.99C4.407 0 2 1.655 2 8.01 2 14.344 4.407 16 7.904 16Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/body-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/body-text.svg
new file mode 100644
index 00000000..81ede133
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/body-text.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-body-text" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 0 .5Zm0 2A.5.5 0 0 1 .5 2h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm9 0a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm-9 2A.5.5 0 0 1 .5 4h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm5 0a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm-12 2A.5.5 0 0 1 .5 6h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm8 0a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm-8 2A.5.5 0 0 1 .5 8h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm7 0a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm-7 2a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/book-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/book-fill.svg
new file mode 100644
index 00000000..276a281f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/book-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book-fill" viewBox="0 0 16 16">
+  <path d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/book-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/book-half.svg
new file mode 100644
index 00000000..76589a57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/book-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book-half" viewBox="0 0 16 16">
+  <path d="M8.5 2.687c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/book.svg b/apps/phoenix_webcomponent/priv/bsi/svg/book.svg
new file mode 100644
index 00000000..f0e5e49e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/book.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book" viewBox="0 0 16 16">
+  <path d="M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check-fill.svg
new file mode 100644
index 00000000..039e4555
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-check-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm8.854-9.646a.5.5 0 0 0-.708-.708L7.5 7.793 6.354 6.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check.svg
new file mode 100644
index 00000000..b1f572f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash-fill.svg
new file mode 100644
index 00000000..e1711924
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-dash-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM6 6a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash.svg
new file mode 100644
index 00000000..1138dbb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-dash" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.5 6.5A.5.5 0 0 1 6 6h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-fill.svg
new file mode 100644
index 00000000..94661024
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-fill" viewBox="0 0 16 16">
+  <path d="M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart-fill.svg
new file mode 100644
index 00000000..83db817b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-heart-fill" viewBox="0 0 16 16">
+  <path d="M2 15.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v13.5zM8 4.41c1.387-1.425 4.854 1.07 0 4.277C3.146 5.48 6.613 2.986 8 4.412z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart.svg
new file mode 100644
index 00000000..be0adb19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 4.41c1.387-1.425 4.854 1.07 0 4.277C3.146 5.48 6.613 2.986 8 4.412z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus-fill.svg
new file mode 100644
index 00000000..bb4502ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-plus-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm6.5-11a.5.5 0 0 0-1 0V6H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V7H10a.5.5 0 0 0 0-1H8.5V4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus.svg
new file mode 100644
index 00000000..986a2223
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-plus" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+  <path d="M8 4a.5.5 0 0 1 .5.5V6H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V7H6a.5.5 0 0 1 0-1h1.5V4.5A.5.5 0 0 1 8 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star-fill.svg
new file mode 100644
index 00000000..220f16ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-star-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM8.16 4.1a.178.178 0 0 0-.32 0l-.634 1.285a.178.178 0 0 1-.134.098l-1.42.206a.178.178 0 0 0-.098.303L6.58 6.993c.042.041.061.1.051.158L6.39 8.565a.178.178 0 0 0 .258.187l1.27-.668a.178.178 0 0 1 .165 0l1.27.668a.178.178 0 0 0 .257-.187L9.368 7.15a.178.178 0 0 1 .05-.158l1.028-1.001a.178.178 0 0 0-.098-.303l-1.42-.206a.178.178 0 0 1-.134-.098L8.16 4.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star.svg
new file mode 100644
index 00000000..0d2f2626
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-star.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-star" viewBox="0 0 16 16">
+  <path d="M7.84 4.1a.178.178 0 0 1 .32 0l.634 1.285a.178.178 0 0 0 .134.098l1.42.206c.145.021.204.2.098.303L9.42 6.993a.178.178 0 0 0-.051.158l.242 1.414a.178.178 0 0 1-.258.187l-1.27-.668a.178.178 0 0 0-.165 0l-1.27.668a.178.178 0 0 1-.257-.187l.242-1.414a.178.178 0 0 0-.05-.158l-1.03-1.001a.178.178 0 0 1 .098-.303l1.42-.206a.178.178 0 0 0 .134-.098L7.84 4.1z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x-fill.svg
new file mode 100644
index 00000000..69fd9823
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-x-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zM6.854 5.146a.5.5 0 1 0-.708.708L7.293 7 6.146 8.146a.5.5 0 1 0 .708.708L8 7.707l1.146 1.147a.5.5 0 1 0 .708-.708L8.707 7l1.147-1.146a.5.5 0 0 0-.708-.708L8 6.293 6.854 5.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x.svg
new file mode 100644
index 00000000..6ac9e801
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark-x" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.146 5.146a.5.5 0 0 1 .708 0L8 6.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 7l1.147 1.146a.5.5 0 0 1-.708.708L8 7.707 6.854 8.854a.5.5 0 1 1-.708-.708L7.293 7 6.146 5.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmark.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark.svg
new file mode 100644
index 00000000..93e1d995
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmark" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5V2zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks-fill.svg
new file mode 100644
index 00000000..eb5a2db2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmarks-fill" viewBox="0 0 16 16">
+  <path d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
+  <path d="M4.268 1A2 2 0 0 1 6 0h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L13 13.768V2a1 1 0 0 0-1-1H4.268z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks.svg
new file mode 100644
index 00000000..6efa0bc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookmarks.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookmarks" viewBox="0 0 16 16">
+  <path d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4zm2-1a1 1 0 0 0-1 1v10.566l3.723-2.482a.5.5 0 0 1 .554 0L11 14.566V4a1 1 0 0 0-1-1H4z"/>
+  <path d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bookshelf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bookshelf.svg
new file mode 100644
index 00000000..6549ea1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bookshelf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bookshelf" viewBox="0 0 16 16">
+  <path d="M2.5 0a.5.5 0 0 1 .5.5V2h10V.5a.5.5 0 0 1 1 0v15a.5.5 0 0 1-1 0V15H3v.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zM3 14h10v-3H3v3zm0-4h10V7H3v3zm0-4h10V3H3v3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/boombox-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/boombox-fill.svg
new file mode 100644
index 00000000..6103ae22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/boombox-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-boombox-fill" viewBox="0 0 16 16">
+  <path d="M14 0a.5.5 0 0 1 .5.5V2h.5a1 1 0 0 1 1 1v2H0V3a1 1 0 0 1 1-1h12.5V.5A.5.5 0 0 1 14 0ZM2 3.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm7.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm1.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0ZM9.5 3h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1ZM6 10.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm7 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M0 6h16v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6Zm2 4.5a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Zm7 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/boombox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/boombox.svg
new file mode 100644
index 00000000..520f23ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/boombox.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-boombox" viewBox="0 0 16 16">
+  <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm7.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-7-1a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm5.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M11.5 13a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM5 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M7 10.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-1 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+  <path d="M14 0a.5.5 0 0 1 .5.5V2h.5a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12.5V.5A.5.5 0 0 1 14 0ZM1 3v3h14V3H1Zm14 4H1v7h14V7Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-fill.svg
new file mode 100644
index 00000000..9d163208
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bootstrap-fill" viewBox="0 0 16 16">
+  <path d="M6.375 7.125V4.658h1.78c.973 0 1.542.457 1.542 1.237 0 .802-.604 1.23-1.764 1.23H6.375zm0 3.762h1.898c1.184 0 1.81-.48 1.81-1.377 0-.885-.65-1.348-1.886-1.348H6.375v2.725z"/>
+  <path d="M4.002 0a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4h-8zm1.06 12V3.545h3.399c1.587 0 2.543.809 2.543 2.11 0 .884-.65 1.675-1.483 1.816v.1c1.143.117 1.904.931 1.904 2.033 0 1.488-1.084 2.396-2.888 2.396H5.062z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-reboot.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-reboot.svg
new file mode 100644
index 00000000..4a184cf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap-reboot.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bootstrap-reboot" viewBox="0 0 16 16">
+  <path d="M1.161 8a6.84 6.84 0 1 0 6.842-6.84.58.58 0 1 1 0-1.16 8 8 0 1 1-6.556 3.412l-.663-.577a.58.58 0 0 1 .227-.997l2.52-.69a.58.58 0 0 1 .728.633l-.332 2.592a.58.58 0 0 1-.956.364l-.643-.56A6.812 6.812 0 0 0 1.16 8z"/>
+  <path d="M6.641 11.671V8.843h1.57l1.498 2.828h1.314L9.377 8.665c.897-.3 1.427-1.106 1.427-2.1 0-1.37-.943-2.246-2.456-2.246H5.5v7.352h1.141zm0-3.75V5.277h1.57c.881 0 1.416.499 1.416 1.32 0 .84-.504 1.324-1.386 1.324h-1.6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap.svg
new file mode 100644
index 00000000..b6aed61d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bootstrap.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bootstrap" viewBox="0 0 16 16">
+  <path d="M5.062 12h3.475c1.804 0 2.888-.908 2.888-2.396 0-1.102-.761-1.916-1.904-2.034v-.1c.832-.14 1.482-.93 1.482-1.816 0-1.3-.955-2.11-2.542-2.11H5.062V12zm1.313-4.875V4.658h1.78c.973 0 1.542.457 1.542 1.237 0 .802-.604 1.23-1.764 1.23H6.375zm0 3.762V8.162h1.822c1.236 0 1.887.463 1.887 1.348 0 .896-.627 1.377-1.811 1.377H6.375z"/>
+  <path d="M0 4a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4zm4-3a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-all.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-all.svg
new file mode 100644
index 00000000..803f5e22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-all.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-all" viewBox="0 0 16 16">
+  <path d="M0 0h16v16H0V0zm1 1v6.5h6.5V1H1zm7.5 0v6.5H15V1H8.5zM15 8.5H8.5V15H15V8.5zM7.5 15V8.5H1V15h6.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-bottom.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-bottom.svg
new file mode 100644
index 00000000..dbc21929
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-bottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-bottom" viewBox="0 0 16 16">
+  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 15h16v1H0v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-center.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-center.svg
new file mode 100644
index 00000000..009b97da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-center.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-center" viewBox="0 0 16 16">
+  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM0 8.5v-1h16v1H0zm0 .906v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-inner.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-inner.svg
new file mode 100644
index 00000000..2beaa0cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-inner.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-inner" viewBox="0 0 16 16">
+  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1z"/>
+  <path d="M8.5 7.5H16v1H8.5V16h-1V8.5H0v-1h7.5V0h1v7.5z"/>
+  <path d="M9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm14-.938v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm14-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm14-.938v.938h1v-.938h-1zM0 9.406v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm3.75 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-left.svg
new file mode 100644
index 00000000..69df882a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-left" viewBox="0 0 16 16">
+  <path d="M0 0v16h1V0H0zm1.906 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM7.5 1.906v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM7.5 3.781v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM7.5 5.656v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM7.5 9.406v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-8.5.937v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM1.906 16h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-middle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-middle.svg
new file mode 100644
index 00000000..90296f90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-middle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-middle" viewBox="0 0 16 16">
+  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM8.5 16h-1V0h1v16zm.906-15h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.469V.969h.5V0h-.969v.5H15v.469h.031V1zM1 2.844v-.938H0v.938h1zm14-.938v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm14-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm14-.938v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm3.75 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm16 .938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm3.75 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-outer.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-outer.svg
new file mode 100644
index 00000000..355e05ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-outer.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-outer" viewBox="0 0 16 16">
+  <path d="M7.5 1.906v.938h1v-.938h-1zm0 1.875v.938h1V3.78h-1zm0 1.875v.938h1v-.938h-1zM1.906 8.5h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM7.5 9.406v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1zm0 1.875v.938h1v-.938h-1z"/>
+  <path d="M0 0v16h16V0H0zm1 1h14v14H1V1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-right.svg
new file mode 100644
index 00000000..b0c16da5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-right" viewBox="0 0 16 16">
+  <path d="M.969 0H0v.969h.5V1h.469V.969H1V.5H.969V0zm.937 1h.938V0h-.938v1zm1.875 0h.938V0H3.78v1zm1.875 0h.938V0h-.938v1zM7.531.969V1h.938V.969H8.5V.5h-.031V0H7.53v.5H7.5v.469h.031zM9.406 1h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zm1.875 0h.938V0h-.938v1zM16 0h-1v16h1V0zM1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 11.281v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 13.156v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-style.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-style.svg
new file mode 100644
index 00000000..d742b2c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-style.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-style" viewBox="0 0 16 16">
+  <path d="M1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-1zm0 4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm8 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-4 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm8 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-4-4a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-top.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-top.svg
new file mode 100644
index 00000000..5aab3685
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-top.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-top" viewBox="0 0 16 16">
+  <path d="M0 0v1h16V0H0zm1 2.844v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM1 4.719V3.78H0v.938h1zm6.5-.938v.938h1V3.78h-1zm7.5 0v.938h1V3.78h-1zM1 6.594v-.938H0v.938h1zm6.5-.938v.938h1v-.938h-1zm7.5 0v.938h1v-.938h-1zM.5 8.5h.469v-.031H1V7.53H.969V7.5H.5v.031H0v.938h.5V8.5zm1.406 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm2.813 0v-.031H8.5V7.53h-.031V7.5H7.53v.031H7.5v.938h.031V8.5h.938zm.937 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.469v-.031h.5V7.53h-.5V7.5h-.469v.031H15v.938h.031V8.5zM0 9.406v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zm-16 .937v.938h1v-.938H0zm7.5 0v.938h1v-.938h-1zm8.5.938v-.938h-1v.938h1zM0 16h.969v-.5H1v-.469H.969V15H.5v.031H0V16zm1.906 0h.938v-1h-.938v1zm1.875 0h.938v-1H3.78v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5h.938v-.5H8.5v-.469h-.031V15H7.53v.031H7.5v.469h.031zm1.875.5h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875 0h.938v-1h-.938v1zm1.875-.5v.5H16v-.969h-.5V15h-.469v.031H15v.469h.031z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border-width.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border-width.svg
new file mode 100644
index 00000000..0cbd0e66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border-width.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border-width" viewBox="0 0 16 16">
+  <path d="M0 3.5A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-2zm0 5A.5.5 0 0 1 .5 8h15a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-1zm0 4a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/border.svg b/apps/phoenix_webcomponent/priv/bsi/svg/border.svg
new file mode 100644
index 00000000..0e8c9b52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/border.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-border" viewBox="0 0 16 16">
+  <path d="M0 0h.969v.5H1v.469H.969V1H.5V.969H0V0zm2.844 1h-.938V0h.938v1zm1.875 0H3.78V0h.938v1zm1.875 0h-.938V0h.938v1zm.937 0V.969H7.5V.5h.031V0h.938v.5H8.5v.469h-.031V1H7.53zm2.813 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zm1.875 0h-.938V0h.938v1zM15.5 1h-.469V.969H15V.5h.031V0H16v.969h-.5V1zM1 1.906v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM1 3.78v.938H0V3.78h1zm6.5.938V3.78h1v.938h-1zm7.5 0V3.78h1v.938h-1zM1 5.656v.938H0v-.938h1zm6.5.938v-.938h1v.938h-1zm7.5 0v-.938h1v.938h-1zM.969 8.5H.5v-.031H0V7.53h.5V7.5h.469v.031H1v.938H.969V8.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875-.031V8.5H7.53v-.031H7.5V7.53h.031V7.5h.938v.031H8.5v.938h-.031zm1.875.031h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.406 0h-.469v-.031H15V7.53h.031V7.5h.469v.031h.5v.938h-.5V8.5zM0 10.344v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 12.22v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM0 14.094v-.938h1v.938H0zm7.5 0v-.938h1v.938h-1zm8.5-.938v.938h-1v-.938h1zM.969 16H0v-.969h.5V15h.469v.031H1v.469H.969v.5zm1.875 0h-.938v-1h.938v1zm1.875 0H3.78v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H7.5v-.469h.031V15h.938v.031H8.5v.469h-.031v.5H7.53zm2.813 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm1.875 0h-.938v-1h.938v1zm.937 0v-.5H15v-.469h.031V15h.469v.031h.5V16h-.969z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box-circles.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box-circles.svg
new file mode 100644
index 00000000..2e59f31a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box-circles.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bounding-box-circles" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM0 2a2 2 0 0 1 3.937-.5h8.126A2 2 0 1 1 14.5 3.937v8.126a2 2 0 1 1-2.437 2.437H3.937A2 2 0 1 1 1.5 12.063V3.937A2 2 0 0 1 0 2zm2.5 1.937v8.126c.703.18 1.256.734 1.437 1.437h8.126a2.004 2.004 0 0 1 1.437-1.437V3.937A2.004 2.004 0 0 1 12.063 2.5H3.937A2.004 2.004 0 0 1 2.5 3.937zM14 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zM2 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box.svg
new file mode 100644
index 00000000..d5292928
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bounding-box.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bounding-box" viewBox="0 0 16 16">
+  <path d="M5 2V0H0v5h2v6H0v5h5v-2h6v2h5v-5h-2V5h2V0h-5v2H5zm6 1v2h2v6h-2v2H5v-2H3V5h2V3h6zm1-2h3v3h-3V1zm3 11v3h-3v-3h3zM4 15H1v-3h3v3zM1 4V1h3v3H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-left.svg
new file mode 100644
index 00000000..6ad3e177
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-down-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.364 12.5a.5.5 0 0 0 .5.5H14.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 14.5 0h-10A1.5 1.5 0 0 0 3 1.5v6.636a.5.5 0 1 0 1 0V1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H7.864a.5.5 0 0 0-.5.5z"/>
+  <path fill-rule="evenodd" d="M0 15.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1H1.707l8.147-8.146a.5.5 0 0 0-.708-.708L1 14.293V10.5a.5.5 0 0 0-1 0v5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-right.svg
new file mode 100644
index 00000000..321cddf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-down-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.636 12.5a.5.5 0 0 1-.5.5H1.5A1.5 1.5 0 0 1 0 11.5v-10A1.5 1.5 0 0 1 1.5 0h10A1.5 1.5 0 0 1 13 1.5v6.636a.5.5 0 0 1-1 0V1.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h6.636a.5.5 0 0 1 .5.5z"/>
+  <path fill-rule="evenodd" d="M16 15.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h3.793L6.146 6.854a.5.5 0 1 1 .708-.708L15 14.293V10.5a.5.5 0 0 1 1 0v5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down.svg
new file mode 100644
index 00000000..9a2ca127
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.5 10a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 0 0 1h2A1.5 1.5 0 0 0 14 9.5v-8A1.5 1.5 0 0 0 12.5 0h-9A1.5 1.5 0 0 0 2 1.5v8A1.5 1.5 0 0 0 3.5 11h2a.5.5 0 0 0 0-1h-2z"/>
+  <path fill-rule="evenodd" d="M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708l3 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-left.svg
new file mode 100644
index 00000000..76a687a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-down-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.636 2.5a.5.5 0 0 0-.5-.5H2.5A1.5 1.5 0 0 0 1 3.5v10A1.5 1.5 0 0 0 2.5 15h10a1.5 1.5 0 0 0 1.5-1.5V6.864a.5.5 0 0 0-1 0V13.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+  <path fill-rule="evenodd" d="M5 10.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1H6.707l8.147-8.146a.5.5 0 0 0-.708-.708L6 9.293V5.5a.5.5 0 0 0-1 0v5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-right.svg
new file mode 100644
index 00000000..92372934
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-down-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.364 2.5a.5.5 0 0 1 .5-.5H13.5A1.5 1.5 0 0 1 15 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 2 13.5V6.864a.5.5 0 1 1 1 0V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5H6.864a.5.5 0 0 1-.5-.5z"/>
+  <path fill-rule="evenodd" d="M11 10.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h3.793L1.146 1.854a.5.5 0 1 1 .708-.708L10 9.293V5.5a.5.5 0 0 1 1 0v5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down.svg
new file mode 100644
index 00000000..90f9301c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.5 6a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 1 0-1h2A1.5 1.5 0 0 1 14 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-8A1.5 1.5 0 0 1 3.5 5h2a.5.5 0 0 1 0 1h-2z"/>
+  <path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-left.svg
new file mode 100644
index 00000000..a237dafb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10 3.5a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 1 1 0v2A1.5 1.5 0 0 1 9.5 14h-8A1.5 1.5 0 0 1 0 12.5v-9A1.5 1.5 0 0 1 1.5 2h8A1.5 1.5 0 0 1 11 3.5v2a.5.5 0 0 1-1 0v-2z"/>
+  <path fill-rule="evenodd" d="M4.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H14.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-right.svg
new file mode 100644
index 00000000..d158daed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z"/>
+  <path fill-rule="evenodd" d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-left.svg
new file mode 100644
index 00000000..6937f6a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-up-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.636 13.5a.5.5 0 0 1-.5.5H2.5A1.5 1.5 0 0 1 1 12.5v-10A1.5 1.5 0 0 1 2.5 1h10A1.5 1.5 0 0 1 14 2.5v6.636a.5.5 0 0 1-1 0V2.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h6.636a.5.5 0 0 1 .5.5z"/>
+  <path fill-rule="evenodd" d="M5 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1H6.707l8.147 8.146a.5.5 0 0 1-.708.708L6 6.707V10.5a.5.5 0 0 1-1 0v-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-right.svg
new file mode 100644
index 00000000..89186117
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-up-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.364 13.5a.5.5 0 0 0 .5.5H13.5a1.5 1.5 0 0 0 1.5-1.5v-10A1.5 1.5 0 0 0 13.5 1h-10A1.5 1.5 0 0 0 2 2.5v6.636a.5.5 0 1 0 1 0V2.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5H6.864a.5.5 0 0 0-.5.5z"/>
+  <path fill-rule="evenodd" d="M11 5.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793l-8.147 8.146a.5.5 0 0 0 .708.708L10 6.707V10.5a.5.5 0 0 0 1 0v-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up.svg
new file mode 100644
index 00000000..e6a4a7be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-in-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.5 10a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 0 0 1h2A1.5 1.5 0 0 0 14 9.5v-8A1.5 1.5 0 0 0 12.5 0h-9A1.5 1.5 0 0 0 2 1.5v8A1.5 1.5 0 0 0 3.5 11h2a.5.5 0 0 0 0-1h-2z"/>
+  <path fill-rule="evenodd" d="M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-left.svg
new file mode 100644
index 00000000..8602603a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"/>
+  <path fill-rule="evenodd" d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-right.svg
new file mode 100644
index 00000000..2c4e26c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z"/>
+  <path fill-rule="evenodd" d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-left.svg
new file mode 100644
index 00000000..7fb0b458
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.364 3.5a.5.5 0 0 1 .5-.5H14.5A1.5 1.5 0 0 1 16 4.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 3 14.5V7.864a.5.5 0 1 1 1 0V14.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5H7.864a.5.5 0 0 1-.5-.5z"/>
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 0 1H1.707l8.147 8.146a.5.5 0 0 1-.708.708L1 1.707V5.5a.5.5 0 0 1-1 0v-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-right.svg
new file mode 100644
index 00000000..1d93acb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/>
+  <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up.svg
new file mode 100644
index 00000000..beaf3346
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-arrow-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.5 6a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-8a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 1 0-1h2A1.5 1.5 0 0 1 14 6.5v8a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-8A1.5 1.5 0 0 1 3.5 5h2a.5.5 0 0 1 0 1h-2z"/>
+  <path fill-rule="evenodd" d="M7.646.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 1.707V10.5a.5.5 0 0 1-1 0V1.707L5.354 3.854a.5.5 0 1 1-.708-.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-fill.svg
new file mode 100644
index 00000000..8cf213f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.004-.001.274-.11a.75.75 0 0 1 .558 0l.274.11.004.001 6.971 2.789Zm-1.374.527L8 5.962 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-seam-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-seam-fill.svg
new file mode 100644
index 00000000..97566ab5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-seam-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-seam-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.01-.003.268-.108a.75.75 0 0 1 .558 0l.269.108.01.003 6.97 2.789ZM10.404 2 4.25 4.461 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339L8 5.961 5.596 5l6.154-2.461L10.404 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box-seam.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box-seam.svg
new file mode 100644
index 00000000..e1506b83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box-seam.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-seam" viewBox="0 0 16 16">
+  <path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5l2.404.961L10.404 2l-2.218-.887zm3.564 1.426L5.596 5 8 5.961 14.154 3.5l-2.404-.961zm3.25 1.7-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box.svg
new file mode 100644
index 00000000..58cbe2c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box" viewBox="0 0 16 16">
+  <path d="M8.186 1.113a.5.5 0 0 0-.372 0L1.846 3.5 8 5.961 14.154 3.5 8.186 1.113zM15 4.239l-6.5 2.6v7.922l6.5-2.6V4.24zM7.5 14.762V6.838L1 4.239v7.923l6.5 2.6zM7.443.184a1.5 1.5 0 0 1 1.114 0l7.129 2.852A.5.5 0 0 1 16 3.5v8.662a1 1 0 0 1-.629.928l-7.185 2.874a.5.5 0 0 1-.372 0L.63 13.09a1 1 0 0 1-.63-.928V3.5a.5.5 0 0 1 .314-.464L7.443.184z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box2-fill.svg
new file mode 100644
index 00000000..242ad6a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box2-fill" viewBox="0 0 16 16">
+  <path d="M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM15 4.667V5H1v-.333L1.5 4h6V1h1v3h6l.5.667Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart-fill.svg
new file mode 100644
index 00000000..810e2ee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box2-heart-fill" viewBox="0 0 16 16">
+  <path d="M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM8.5 4h6l.5.667V5H1v-.333L1.5 4h6V1h1v3ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart.svg
new file mode 100644
index 00000000..400eb431
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box2-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box2-heart" viewBox="0 0 16 16">
+  <path d="M8 7.982C9.664 6.309 13.825 9.236 8 13 2.175 9.236 6.336 6.31 8 7.982Z"/>
+  <path d="M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5Zm0 1H7.5v3h-6l2.25-3ZM8.5 4V1h3.75l2.25 3h-6ZM15 5v10H1V5h14Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/box2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/box2.svg
new file mode 100644
index 00000000..6020bafe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/box2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box2" viewBox="0 0 16 16">
+  <path d="M2.95.4a1 1 0 0 1 .8-.4h8.5a1 1 0 0 1 .8.4l2.85 3.8a.5.5 0 0 1 .1.3V15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4.5a.5.5 0 0 1 .1-.3L2.95.4ZM7.5 1H3.75L1.5 4h6V1Zm1 0v3h6l-2.25-3H8.5ZM15 5H1v10h14V5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/boxes.svg b/apps/phoenix_webcomponent/priv/bsi/svg/boxes.svg
new file mode 100644
index 00000000..b53fac84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/boxes.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-boxes" viewBox="0 0 16 16">
+  <path d="M7.752.066a.5.5 0 0 1 .496 0l3.75 2.143a.5.5 0 0 1 .252.434v3.995l3.498 2A.5.5 0 0 1 16 9.07v4.286a.5.5 0 0 1-.252.434l-3.75 2.143a.5.5 0 0 1-.496 0l-3.502-2-3.502 2.001a.5.5 0 0 1-.496 0l-3.75-2.143A.5.5 0 0 1 0 13.357V9.071a.5.5 0 0 1 .252-.434L3.75 6.638V2.643a.5.5 0 0 1 .252-.434L7.752.066ZM4.25 7.504 1.508 9.071l2.742 1.567 2.742-1.567L4.25 7.504ZM7.5 9.933l-2.75 1.571v3.134l2.75-1.571V9.933Zm1 3.134 2.75 1.571v-3.134L8.5 9.933v3.134Zm.508-3.996 2.742 1.567 2.742-1.567-2.742-1.567-2.742 1.567Zm2.242-2.433V3.504L8.5 5.076V8.21l2.75-1.572ZM7.5 8.21V5.076L4.75 3.504v3.134L7.5 8.21ZM5.258 2.643 8 4.21l2.742-1.567L8 1.076 5.258 2.643ZM15 9.933l-2.75 1.571v3.134L15 13.067V9.933ZM3.75 14.638v-3.134L1 9.933v3.134l2.75 1.571Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/braces-asterisk.svg b/apps/phoenix_webcomponent/priv/bsi/svg/braces-asterisk.svg
new file mode 100644
index 00000000..0a1a25bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/braces-asterisk.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-braces-asterisk" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C2.25 2 1.49 2.759 1.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6ZM14.886 7.9v.164c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456v-1.3c-1.114 0-1.49-.362-1.49-1.456V4.352C14.51 2.759 13.75 2 12.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6ZM7.5 11.5V9.207l-1.621 1.621-.707-.707L6.792 8.5H4.5v-1h2.293L5.172 5.879l.707-.707L7.5 6.792V4.5h1v2.293l1.621-1.621.707.707L9.208 7.5H11.5v1H9.207l1.621 1.621-.707.707L8.5 9.208V11.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/braces.svg b/apps/phoenix_webcomponent/priv/bsi/svg/braces.svg
new file mode 100644
index 00000000..3fed8c90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/braces.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-braces" viewBox="0 0 16 16">
+  <path d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6zM13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bricks.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bricks.svg
new file mode 100644
index 00000000..99e28864
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bricks.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bricks" viewBox="0 0 16 16">
+  <path d="M0 .5A.5.5 0 0 1 .5 0h15a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H14v2h1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H14v2h1.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5H2v-2H.5a.5.5 0 0 1-.5-.5v-3A.5.5 0 0 1 .5 6H2V4H.5a.5.5 0 0 1-.5-.5v-3zM3 4v2h4.5V4H3zm5.5 0v2H13V4H8.5zM3 10v2h4.5v-2H3zm5.5 0v2H13v-2H8.5zM1 1v2h3.5V1H1zm4.5 0v2h5V1h-5zm6 0v2H15V1h-3.5zM1 7v2h3.5V7H1zm4.5 0v2h5V7h-5zm6 0v2H15V7h-3.5zM1 13v2h3.5v-2H1zm4.5 0v2h5v-2h-5zm6 0v2H15v-2h-3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/briefcase-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/briefcase-fill.svg
new file mode 100644
index 00000000..bc6150dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/briefcase-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-briefcase-fill" viewBox="0 0 16 16">
+  <path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z"/>
+  <path d="M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/briefcase.svg b/apps/phoenix_webcomponent/priv/bsi/svg/briefcase.svg
new file mode 100644
index 00000000..95d13a23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/briefcase.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-briefcase" viewBox="0 0 16 16">
+  <path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high-fill.svg
new file mode 100644
index 00000000..76606582
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-alt-high-fill" viewBox="0 0 16 16">
+  <path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm8 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zm-13.5.5a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1h2zm11.157-6.157a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm-9.9 2.121a.5.5 0 0 0 .707-.707L3.05 5.343a.5.5 0 1 0-.707.707l1.414 1.414zM8 7a4 4 0 0 0-4 4 .5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 4 4 0 0 0-4-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high.svg
new file mode 100644
index 00000000..88f5255c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-high.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-alt-high" viewBox="0 0 16 16">
+  <path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm8 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zm-13.5.5a.5.5 0 0 0 0-1h-2a.5.5 0 0 0 0 1h2zm11.157-6.157a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm-9.9 2.121a.5.5 0 0 0 .707-.707L3.05 5.343a.5.5 0 1 0-.707.707l1.414 1.414zM8 7a4 4 0 0 0-4 4 .5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 4 4 0 0 0-4-4zm0 1a3 3 0 0 1 2.959 2.5H5.04A3 3 0 0 1 8 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low-fill.svg
new file mode 100644
index 00000000..1692df21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-alt-low-fill" viewBox="0 0 16 16">
+  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5 6a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zM2 11a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0zm10.243-3.536a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-8.486-.707a.5.5 0 1 0 .707.707.5.5 0 0 0-.707-.707zM8 7a4 4 0 0 0-4 4 .5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 4 4 0 0 0-4-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low.svg
new file mode 100644
index 00000000..2d68fb0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-alt-low.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-alt-low" viewBox="0 0 16 16">
+  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5 6a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zM2 11a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0zm10.243-3.536a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-8.486-.707a.5.5 0 1 0 .707.707.5.5 0 0 0-.707-.707zM8 7a4 4 0 0 0-4 4 .5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5 4 4 0 0 0-4-4zm0 1a3 3 0 0 1 2.959 2.5H5.04A3 3 0 0 1 8 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high-fill.svg
new file mode 100644
index 00000000..8969e9ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill" viewBox="0 0 16 16">
+  <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high.svg
new file mode 100644
index 00000000..42b2c205
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-high.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-high" viewBox="0 0 16 16">
+  <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low-fill.svg
new file mode 100644
index 00000000..29a1c3b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-low-fill" viewBox="0 0 16 16">
+  <path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low.svg
new file mode 100644
index 00000000..fdd251dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brightness-low.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-low" viewBox="0 0 16 16">
+  <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm.5-9.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm5-5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-11 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9.743-4.036a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm-7.779 7.779a.5.5 0 1 1-.707-.707.5.5 0 0 1 .707.707zm7.072 0a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707zM3.757 4.464a.5.5 0 1 1 .707-.707.5.5 0 0 1-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/broadcast-pin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/broadcast-pin.svg
new file mode 100644
index 00000000..5576e0ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/broadcast-pin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-broadcast-pin" viewBox="0 0 16 16">
+  <path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM6 8a2 2 0 1 1 2.5 1.937V15.5a.5.5 0 0 1-1 0V9.937A2 2 0 0 1 6 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/broadcast.svg b/apps/phoenix_webcomponent/priv/bsi/svg/broadcast.svg
new file mode 100644
index 00000000..776a2378
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/broadcast.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-broadcast" viewBox="0 0 16 16">
+  <path d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 0 1 .707.707zm2.122 2.122a4 4 0 0 0 0 5.656.5.5 0 1 1-.708.708 5 5 0 0 1 0-7.072.5.5 0 0 1 .708.708zm5.656-.708a.5.5 0 0 1 .708 0 5 5 0 0 1 0 7.072.5.5 0 1 1-.708-.708 4 4 0 0 0 0-5.656.5.5 0 0 1 0-.708zm2.122-2.12a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.313.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/browser-chrome.svg b/apps/phoenix_webcomponent/priv/bsi/svg/browser-chrome.svg
new file mode 100644
index 00000000..a34ab428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/browser-chrome.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-browser-chrome" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M16 8a8.001 8.001 0 0 1-7.022 7.94l1.902-7.098a2.995 2.995 0 0 0 .05-1.492A2.977 2.977 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8ZM0 8a8 8 0 0 0 7.927 8l1.426-5.321a2.978 2.978 0 0 1-.723.255 2.979 2.979 0 0 1-1.743-.147 2.986 2.986 0 0 1-1.043-.7L.633 4.876A7.975 7.975 0 0 0 0 8Zm5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a2.979 2.979 0 0 0-1.252.243 2.987 2.987 0 0 0-1.81 2.59ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/browser-edge.svg b/apps/phoenix_webcomponent/priv/bsi/svg/browser-edge.svg
new file mode 100644
index 00000000..c8191d88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/browser-edge.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-browser-edge" viewBox="0 0 16 16">
+  <path d="M9.482 9.341c-.069.062-.17.153-.17.309 0 .162.107.325.3.456.877.613 2.521.54 2.592.538h.002c.667 0 1.32-.18 1.894-.519A3.838 3.838 0 0 0 16 6.819c.018-1.316-.44-2.218-.666-2.664l-.04-.08C13.963 1.487 11.106 0 8 0A8 8 0 0 0 .473 5.29C1.488 4.048 3.183 3.262 5 3.262c2.83 0 5.01 1.885 5.01 4.797h-.004v.002c0 .338-.168.832-.487 1.244l.006-.006a.594.594 0 0 1-.043.041Z"/>
+  <path d="M.01 7.753a8.137 8.137 0 0 0 .753 3.641 8 8 0 0 0 6.495 4.564 5.21 5.21 0 0 1-.785-.377h-.01l-.12-.075a5.45 5.45 0 0 1-1.56-1.463A5.543 5.543 0 0 1 6.81 5.8l.01-.004.025-.012c.208-.098.62-.292 1.167-.285.129.001.257.012.384.033a4.037 4.037 0 0 0-.993-.698l-.01-.005C6.348 4.282 5.199 4.263 5 4.263c-2.44 0-4.824 1.634-4.99 3.49Zm10.263 7.912c.088-.027.177-.054.265-.084-.102.032-.204.06-.307.086l.042-.002Z"/>
+  <path d="M10.228 15.667a5.21 5.21 0 0 0 .303-.086l.082-.025a8.019 8.019 0 0 0 4.162-3.3.25.25 0 0 0-.331-.35c-.215.112-.436.21-.663.294a6.367 6.367 0 0 1-2.243.4c-2.957 0-5.532-2.031-5.532-4.644.002-.135.017-.268.046-.399a4.543 4.543 0 0 0-.46 5.898l.003.005c.315.441.707.821 1.158 1.121h.003l.144.09c.877.55 1.721 1.078 3.328.996Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/browser-firefox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/browser-firefox.svg
new file mode 100644
index 00000000..2bfdba7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/browser-firefox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-browser-firefox" viewBox="0 0 16 16">
+  <path d="M13.384 3.408c.535.276 1.22 1.152 1.556 1.963a7.98 7.98 0 0 1 .503 3.897l-.009.077a8.533 8.533 0 0 1-.026.224A7.758 7.758 0 0 1 .006 8.257v-.04c.016-.363.055-.724.114-1.082.01-.074.075-.42.09-.489l.01-.051a6.551 6.551 0 0 1 1.041-2.35c.217-.31.46-.6.725-.87.233-.238.487-.456.758-.65a1.5 1.5 0 0 1 .26-.137c-.018.268-.04 1.553.268 1.943h.003a5.744 5.744 0 0 1 1.868-1.443 3.597 3.597 0 0 0 .021 1.896c.07.047.137.098.2.152.107.09.226.207.454.433l.068.066.009.009a1.933 1.933 0 0 0 .213.18c.383.287.943.563 1.306.741.201.1.342.168.359.193l.004.008c-.012.193-.695.858-.933.858-2.206 0-2.564 1.335-2.564 1.335.087.997.714 1.839 1.517 2.357a3.72 3.72 0 0 0 .439.241c.076.034.152.065.228.094.325.115.665.18 1.01.194 3.043.143 4.155-2.804 3.129-4.745v-.001a3.005 3.005 0 0 0-.731-.9 2.945 2.945 0 0 0-.571-.37l-.003-.002a2.679 2.679 0 0 1 1.87.454 3.915 3.915 0 0 0-3.396-1.983c-.078 0-.153.005-.23.01l-.042.003V4.31h-.002a3.882 3.882 0 0 0-.8.14 6.454 6.454 0 0 0-.333-.314 2.321 2.321 0 0 0-.2-.152 3.594 3.594 0 0 1-.088-.383 4.88 4.88 0 0 1 1.352-.289l.05-.003c.052-.004.125-.01.205-.012C7.996 2.212 8.733.843 10.17.002l-.003.005.003-.001.002-.002h.002l.002-.002a.028.028 0 0 1 .015 0 .02.02 0 0 1 .012.007 2.408 2.408 0 0 0 .206.48c.06.103.122.2.183.297.49.774 1.023 1.379 1.543 1.968.771.874 1.512 1.715 2.036 3.02l-.001-.013a8.06 8.06 0 0 0-.786-2.353Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/browser-safari.svg b/apps/phoenix_webcomponent/priv/bsi/svg/browser-safari.svg
new file mode 100644
index 00000000..b304b1b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/browser-safari.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-browser-safari" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm.25-14.75v1.5a.25.25 0 0 1-.5 0v-1.5a.25.25 0 0 1 .5 0Zm0 12v1.5a.25.25 0 1 1-.5 0v-1.5a.25.25 0 1 1 .5 0ZM4.5 1.938a.25.25 0 0 1 .342.091l.75 1.3a.25.25 0 0 1-.434.25l-.75-1.3a.25.25 0 0 1 .092-.341Zm6 10.392a.25.25 0 0 1 .341.092l.75 1.299a.25.25 0 1 1-.432.25l-.75-1.3a.25.25 0 0 1 .091-.34ZM2.28 4.408l1.298.75a.25.25 0 0 1-.25.434l-1.299-.75a.25.25 0 0 1 .25-.434Zm10.392 6 1.299.75a.25.25 0 1 1-.25.434l-1.3-.75a.25.25 0 0 1 .25-.434ZM1 8a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 0 .5h-1.5A.25.25 0 0 1 1 8Zm12 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 1 1 0 .5h-1.5A.25.25 0 0 1 13 8ZM2.03 11.159l1.298-.75a.25.25 0 0 1 .25.432l-1.299.75a.25.25 0 0 1-.25-.432Zm10.392-6 1.299-.75a.25.25 0 1 1 .25.433l-1.3.75a.25.25 0 0 1-.25-.434ZM4.5 14.061a.25.25 0 0 1-.092-.341l.75-1.3a.25.25 0 0 1 .434.25l-.75 1.3a.25.25 0 0 1-.342.091Zm6-10.392a.25.25 0 0 1-.091-.342l.75-1.299a.25.25 0 1 1 .432.25l-.75 1.3a.25.25 0 0 1-.341.09ZM6.494 1.415l.13.483a.25.25 0 1 1-.483.13l-.13-.483a.25.25 0 0 1 .483-.13ZM9.86 13.972l.13.483a.25.25 0 1 1-.483.13l-.13-.483a.25.25 0 0 1 .483-.13ZM3.05 3.05a.25.25 0 0 1 .354 0l.353.354a.25.25 0 0 1-.353.353l-.354-.353a.25.25 0 0 1 0-.354Zm9.193 9.193a.25.25 0 0 1 .353 0l.354.353a.25.25 0 1 1-.354.354l-.353-.354a.25.25 0 0 1 0-.353ZM1.545 6.01l.483.13a.25.25 0 1 1-.13.483l-.483-.13a.25.25 0 1 1 .13-.482Zm12.557 3.365.483.13a.25.25 0 1 1-.13.483l-.483-.13a.25.25 0 1 1 .13-.483Zm-12.863.436a.25.25 0 0 1 .176-.306l.483-.13a.25.25 0 1 1 .13.483l-.483.13a.25.25 0 0 1-.306-.177Zm12.557-3.365a.25.25 0 0 1 .176-.306l.483-.13a.25.25 0 1 1 .13.483l-.483.13a.25.25 0 0 1-.306-.177ZM3.045 12.944a.299.299 0 0 1-.029-.376l3.898-5.592a.25.25 0 0 1 .062-.062l5.602-3.884a.278.278 0 0 1 .392.392L9.086 9.024a.25.25 0 0 1-.062.062l-5.592 3.898a.299.299 0 0 1-.382-.034l-.005-.006Zm3.143 1.817a.25.25 0 0 1-.176-.306l.129-.483a.25.25 0 0 1 .483.13l-.13.483a.25.25 0 0 1-.306.176ZM9.553 2.204a.25.25 0 0 1-.177-.306l.13-.483a.25.25 0 1 1 .483.13l-.13.483a.25.25 0 0 1-.306.176Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brush-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brush-fill.svg
new file mode 100644
index 00000000..53ec4d62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brush-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brush-fill" viewBox="0 0 16 16">
+  <path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.067 6.067 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.118 8.118 0 0 1-3.078.132 3.659 3.659 0 0 1-.562-.135 1.382 1.382 0 0 1-.466-.247.714.714 0 0 1-.204-.288.622.622 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896.126.007.243.025.348.048.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/brush.svg b/apps/phoenix_webcomponent/priv/bsi/svg/brush.svg
new file mode 100644
index 00000000..cc3429b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/brush.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brush" viewBox="0 0 16 16">
+  <path d="M15.825.12a.5.5 0 0 1 .132.584c-1.53 3.43-4.743 8.17-7.095 10.64a6.067 6.067 0 0 1-2.373 1.534c-.018.227-.06.538-.16.868-.201.659-.667 1.479-1.708 1.74a8.118 8.118 0 0 1-3.078.132 3.659 3.659 0 0 1-.562-.135 1.382 1.382 0 0 1-.466-.247.714.714 0 0 1-.204-.288.622.622 0 0 1 .004-.443c.095-.245.316-.38.461-.452.394-.197.625-.453.867-.826.095-.144.184-.297.287-.472l.117-.198c.151-.255.326-.54.546-.848.528-.739 1.201-.925 1.746-.896.126.007.243.025.348.048.062-.172.142-.38.238-.608.261-.619.658-1.419 1.187-2.069 2.176-2.67 6.18-6.206 9.117-8.104a.5.5 0 0 1 .596.04zM4.705 11.912a1.23 1.23 0 0 0-.419-.1c-.246-.013-.573.05-.879.479-.197.275-.355.532-.5.777l-.105.177c-.106.181-.213.362-.32.528a3.39 3.39 0 0 1-.76.861c.69.112 1.736.111 2.657-.12.559-.139.843-.569.993-1.06a3.122 3.122 0 0 0 .126-.75l-.793-.792zm1.44.026c.12-.04.277-.1.458-.183a5.068 5.068 0 0 0 1.535-1.1c1.9-1.996 4.412-5.57 6.052-8.631-2.59 1.927-5.566 4.66-7.302 6.792-.442.543-.795 1.243-1.042 1.826-.121.288-.214.54-.275.72v.001l.575.575zm-4.973 3.04.007-.005a.031.031 0 0 1-.007.004zm3.582-3.043.002.001h-.002z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bucket-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bucket-fill.svg
new file mode 100644
index 00000000..e14f4a87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bucket-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bucket-fill" viewBox="0 0 16 16">
+  <path d="M2.522 5H2a.5.5 0 0 0-.494.574l1.372 9.149A1.5 1.5 0 0 0 4.36 16h7.278a1.5 1.5 0 0 0 1.483-1.277l1.373-9.149A.5.5 0 0 0 14 5h-.522A5.5 5.5 0 0 0 2.522 5zm1.005 0a4.5 4.5 0 0 1 8.945 0H3.527z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bucket.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bucket.svg
new file mode 100644
index 00000000..4911ef25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bucket.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bucket" viewBox="0 0 16 16">
+  <path d="M2.522 5H2a.5.5 0 0 0-.494.574l1.372 9.149A1.5 1.5 0 0 0 4.36 16h7.278a1.5 1.5 0 0 0 1.483-1.277l1.373-9.149A.5.5 0 0 0 14 5h-.522A5.5 5.5 0 0 0 2.522 5zm1.005 0a4.5 4.5 0 0 1 8.945 0H3.527zm9.892 1-1.286 8.574a.5.5 0 0 1-.494.426H4.36a.5.5 0 0 1-.494-.426L2.58 6h10.838z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bug-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bug-fill.svg
new file mode 100644
index 00000000..bf164471
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bug-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bug-fill" viewBox="0 0 16 16">
+  <path d="M4.978.855a.5.5 0 1 0-.956.29l.41 1.352A4.985 4.985 0 0 0 3 6h10a4.985 4.985 0 0 0-1.432-3.503l.41-1.352a.5.5 0 1 0-.956-.29l-.291.956A4.978 4.978 0 0 0 8 1a4.979 4.979 0 0 0-2.731.811l-.29-.956z"/>
+  <path d="M13 6v1H8.5v8.975A5 5 0 0 0 13 11h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 1 0 1 0v-.5a1.5 1.5 0 0 0-1.5-1.5H13V9h1.5a.5.5 0 0 0 0-1H13V7h.5A1.5 1.5 0 0 0 15 5.5V5a.5.5 0 0 0-1 0v.5a.5.5 0 0 1-.5.5H13zm-5.5 9.975V7H3V6h-.5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 0-1 0v.5A1.5 1.5 0 0 0 2.5 7H3v1H1.5a.5.5 0 0 0 0 1H3v1h-.5A1.5 1.5 0 0 0 1 11.5v.5a.5.5 0 1 0 1 0v-.5a.5.5 0 0 1 .5-.5H3a5 5 0 0 0 4.5 4.975z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bug.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bug.svg
new file mode 100644
index 00000000..a97ffa17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bug.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bug" viewBox="0 0 16 16">
+  <path d="M4.355.522a.5.5 0 0 1 .623.333l.291.956A4.979 4.979 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A4.985 4.985 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623zM4 7v4a4 4 0 0 0 3.5 3.97V7H4zm4.5 0v7.97A4 4 0 0 0 12 11V7H8.5zM12 6a3.989 3.989 0 0 0-1.334-2.982A3.983 3.983 0 0 0 8 2a3.983 3.983 0 0 0-2.667 1.018A3.989 3.989 0 0 0 4 6h8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-add.svg
new file mode 100644
index 00000000..d5016d4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-add.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-check.svg
new file mode 100644
index 00000000..151712db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-check.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-dash.svg
new file mode 100644
index 00000000..df489c8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-dash.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-down.svg
new file mode 100644
index 00000000..2493f51a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-down.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-exclamation.svg
new file mode 100644
index 00000000..f2d8f62d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-exclamation" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm8.5 4.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-add.svg
new file mode 100644
index 00000000..2019e92f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-check.svg
new file mode 100644
index 00000000..50485c60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-dash.svg
new file mode 100644
index 00000000..67107eb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-down.svg
new file mode 100644
index 00000000..b072754f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-exclamation.svg
new file mode 100644
index 00000000..6ca39dc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-exclamation" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-gear.svg
new file mode 100644
index 00000000..95d6126b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-gear" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+  <path d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-lock.svg
new file mode 100644
index 00000000..ddd8e6ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-lock" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.764a3 3 0 0 0-4.989 2.497 2.01 2.01 0 0 0-.743.739H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Z"/>
+  <path d="M9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-slash.svg
new file mode 100644
index 00000000..7e30330b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-up.svg
new file mode 100644
index 00000000..ef87446c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-x.svg
new file mode 100644
index 00000000..0311537c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill-x" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v7.256A4.493 4.493 0 0 0 12.5 8a4.493 4.493 0 0 0-3.59 1.787A.498.498 0 0 0 9 9.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .39-.187A4.476 4.476 0 0 0 8.027 12H6.5a.5.5 0 0 0-.5.5V16H3a1 1 0 0 1-1-1V1Zm2 1.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3 0v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill.svg
new file mode 100644
index 00000000..fa95d1f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-fill" viewBox="0 0 16 16">
+  <path d="M3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3v-3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V16h3a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3Zm1 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-gear.svg
new file mode 100644
index 00000000..698a7467
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-gear" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm4.386 1.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-lock.svg
new file mode 100644
index 00000000..f4da96c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-lock" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-slash.svg
new file mode 100644
index 00000000..9920301a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-slash.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-up.svg
new file mode 100644
index 00000000..b2b0433c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building-x.svg
new file mode 100644
index 00000000..81bff0f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building-x" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5a.5.5 0 0 1-1 0V1H3v14h3v-2.5a.5.5 0 0 1 .5-.5H8v4H3a1 1 0 0 1-1-1V1Z"/>
+  <path d="M4.5 2a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm-6 3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm5 8a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/building.svg b/apps/phoenix_webcomponent/priv/bsi/svg/building.svg
new file mode 100644
index 00000000..2555f8f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/building.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-building" viewBox="0 0 16 16">
+  <path d="M4 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1Zm11 0H3v14h3v-2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V15h3V1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/buildings-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/buildings-fill.svg
new file mode 100644
index 00000000..3799c1d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/buildings-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-buildings-fill" viewBox="0 0 16 16">
+  <path d="M15 .5a.5.5 0 0 0-.724-.447l-8 4A.5.5 0 0 0 6 4.5v3.14L.342 9.526A.5.5 0 0 0 0 10v5.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V14h1v1.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5V.5ZM2 11h1v1H2v-1Zm2 0h1v1H4v-1Zm-1 2v1H2v-1h1Zm1 0h1v1H4v-1Zm9-10v1h-1V3h1ZM8 5h1v1H8V5Zm1 2v1H8V7h1ZM8 9h1v1H8V9Zm2 0h1v1h-1V9Zm-1 2v1H8v-1h1Zm1 0h1v1h-1v-1Zm3-2v1h-1V9h1Zm-1 2h1v1h-1v-1Zm-2-4h1v1h-1V7Zm3 0v1h-1V7h1Zm-2-2v1h-1V5h1Zm1 0h1v1h-1V5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/buildings.svg b/apps/phoenix_webcomponent/priv/bsi/svg/buildings.svg
new file mode 100644
index 00000000..b842c0c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/buildings.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-buildings" viewBox="0 0 16 16">
+  <path d="M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022ZM6 8.694 1 10.36V15h5V8.694ZM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15Z"/>
+  <path d="M2 11h1v1H2v-1Zm2 0h1v1H4v-1Zm-2 2h1v1H2v-1Zm2 0h1v1H4v-1Zm4-4h1v1H8V9Zm2 0h1v1h-1V9Zm-2 2h1v1H8v-1Zm2 0h1v1h-1v-1Zm2-2h1v1h-1V9Zm0 2h1v1h-1v-1ZM8 7h1v1H8V7Zm2 0h1v1h-1V7Zm2 0h1v1h-1V7ZM8 5h1v1H8V5Zm2 0h1v1h-1V5Zm2 0h1v1h-1V5Zm0-2h1v1h-1V3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bullseye.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bullseye.svg
new file mode 100644
index 00000000..85a807ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bullseye.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bullseye" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M8 13A5 5 0 1 1 8 3a5 5 0 0 1 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
+  <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
+  <path d="M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bus-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bus-front-fill.svg
new file mode 100644
index 00000000..c71376d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bus-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bus-front-fill" viewBox="0 0 16 16">
+  <path d="M16 7a1 1 0 0 1-1 1v3.5c0 .818-.393 1.544-1 2v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a2.496 2.496 0 0 1-1-2V8a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1V2.64C1 1.452 1.845.408 3.064.268A43.608 43.608 0 0 1 8 0c2.1 0 3.792.136 4.936.268C14.155.408 15 1.452 15 2.64V4a1 1 0 0 1 1 1v2ZM3.552 3.22A43.306 43.306 0 0 1 8 3c1.837 0 3.353.107 4.448.22a.5.5 0 0 0 .104-.994A44.304 44.304 0 0 0 8 2c-1.876 0-3.426.109-4.552.226a.5.5 0 1 0 .104.994ZM8 4c-1.876 0-3.426.109-4.552.226A.5.5 0 0 0 3 4.723v3.554a.5.5 0 0 0 .448.497C4.574 8.891 6.124 9 8 9c1.876 0 3.426-.109 4.552-.226A.5.5 0 0 0 13 8.277V4.723a.5.5 0 0 0-.448-.497A44.304 44.304 0 0 0 8 4Zm-3 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm8 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-7 0a1 1 0 0 0 1 1h2a1 1 0 1 0 0-2H7a1 1 0 0 0-1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/bus-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/bus-front.svg
new file mode 100644
index 00000000..bdf6b61e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/bus-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bus-front" viewBox="0 0 16 16">
+  <path d="M5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7Zm1-6c-1.876 0-3.426.109-4.552.226A.5.5 0 0 0 3 4.723v3.554a.5.5 0 0 0 .448.497C4.574 8.891 6.124 9 8 9c1.876 0 3.426-.109 4.552-.226A.5.5 0 0 0 13 8.277V4.723a.5.5 0 0 0-.448-.497A44.303 44.303 0 0 0 8 4Zm0-1c-1.837 0-3.353.107-4.448.22a.5.5 0 1 1-.104-.994A44.304 44.304 0 0 1 8 2c1.876 0 3.426.109 4.552.226a.5.5 0 1 1-.104.994A43.306 43.306 0 0 0 8 3Z"/>
+  <path d="M15 8a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1V2.64c0-1.188-.845-2.232-2.064-2.372A43.61 43.61 0 0 0 8 0C5.9 0 4.208.136 3.064.268 1.845.408 1 1.452 1 2.64V4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v3.5c0 .818.393 1.544 1 2v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V14h6v1.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2c.607-.456 1-1.182 1-2V8ZM8 1c2.056 0 3.71.134 4.822.261.676.078 1.178.66 1.178 1.379v8.86a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 11.5V2.64c0-.72.502-1.301 1.178-1.379A42.611 42.611 0 0 1 8 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/c-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/c-circle-fill.svg
new file mode 100644
index 00000000..0b4adad1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/c-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-c-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8.146 4.992c.961 0 1.641.633 1.729 1.512h1.295v-.088c-.094-1.518-1.348-2.572-3.03-2.572-2.068 0-3.269 1.377-3.269 3.638v1.073c0 2.267 1.178 3.603 3.27 3.603 1.675 0 2.93-1.02 3.029-2.467v-.093H9.875c-.088.832-.75 1.418-1.729 1.418-1.224 0-1.927-.891-1.927-2.461v-1.06c0-1.583.715-2.503 1.927-2.503Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/c-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/c-circle.svg
new file mode 100644
index 00000000..3e4e2680
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/c-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-c-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM8.146 4.992c-1.212 0-1.927.92-1.927 2.502v1.06c0 1.571.703 2.462 1.927 2.462.979 0 1.641-.586 1.729-1.418h1.295v.093c-.1 1.448-1.354 2.467-3.03 2.467-2.091 0-3.269-1.336-3.269-3.603V7.482c0-2.261 1.201-3.638 3.27-3.638 1.681 0 2.935 1.054 3.029 2.572v.088H9.875c-.088-.879-.768-1.512-1.729-1.512Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/c-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/c-square-fill.svg
new file mode 100644
index 00000000..0b24f734
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/c-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-c-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm6.146 4.992c-1.212 0-1.927.92-1.927 2.502v1.06c0 1.571.703 2.462 1.927 2.462.979 0 1.641-.586 1.729-1.418h1.295v.093c-.1 1.448-1.354 2.467-3.03 2.467-2.091 0-3.269-1.336-3.269-3.603V7.482c0-2.261 1.201-3.638 3.27-3.638 1.681 0 2.935 1.054 3.029 2.572v.088H9.875c-.088-.879-.768-1.512-1.729-1.512Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/c-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/c-square.svg
new file mode 100644
index 00000000..822ae023
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/c-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-c-square" viewBox="0 0 16 16">
+  <path d="M8.146 4.992c-1.212 0-1.927.92-1.927 2.502v1.06c0 1.571.703 2.462 1.927 2.462.979 0 1.641-.586 1.729-1.418h1.295v.093c-.1 1.448-1.354 2.467-3.03 2.467-2.091 0-3.269-1.336-3.269-3.603V7.482c0-2.261 1.201-3.638 3.27-3.638 1.681 0 2.935 1.054 3.029 2.572v.088H9.875c-.088-.879-.768-1.512-1.729-1.512Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calculator-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calculator-fill.svg
new file mode 100644
index 00000000..c4ee270f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calculator-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calculator-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2 .5v2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0-.5.5zm0 4v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zM4.5 9a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM4 12.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zM7.5 6a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM7 9.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zm.5 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM10 6.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zm.5 2.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calculator.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calculator.svg
new file mode 100644
index 00000000..be8e11a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calculator.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calculator" viewBox="0 0 16 16">
+  <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
+  <path d="M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-2zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check-fill.svg
new file mode 100644
index 00000000..76afaa26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-check-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-5.146-5.146-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check.svg
new file mode 100644
index 00000000..125b358d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-check" viewBox="0 0 16 16">
+  <path d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date-fill.svg
new file mode 100644
index 00000000..37e9cb52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-date-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm5.402 9.746c.625 0 1.184-.484 1.184-1.18 0-.832-.527-1.23-1.16-1.23-.586 0-1.168.387-1.168 1.21 0 .817.543 1.2 1.144 1.2z"/>
+  <path d="M16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-6.664-1.21c-1.11 0-1.656-.767-1.703-1.407h.683c.043.37.387.82 1.051.82.844 0 1.301-.848 1.305-2.164h-.027c-.153.414-.637.79-1.383.79-.852 0-1.676-.61-1.676-1.77 0-1.137.871-1.809 1.797-1.809 1.172 0 1.953.734 1.953 2.668 0 1.805-.742 2.871-2 2.871zm-2.89-5.435v5.332H5.77V8.079h-.012c-.29.156-.883.52-1.258.777V8.16a12.6 12.6 0 0 1 1.313-.805h.632z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date.svg
new file mode 100644
index 00000000..7c53231a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-date.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-date" viewBox="0 0 16 16">
+  <path d="M6.445 11.688V6.354h-.633A12.6 12.6 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day-fill.svg
new file mode 100644
index 00000000..7f1c3c15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-day-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16v9zm-4.785-6.145a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43c0 .238.192.425.43.425zm.336.563h-.672v4.105h.672V8.418zm-6.867 4.105v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day.svg
new file mode 100644
index 00000000..f043369e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-day.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-day" viewBox="0 0 16 16">
+  <path d="M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V8.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V7.418h-.672v4.105z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event-fill.svg
new file mode 100644
index 00000000..844dd151
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event.svg
new file mode 100644
index 00000000..41c0ef9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-event.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event" viewBox="0 0 16 16">
+  <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-fill.svg
new file mode 100644
index 00000000..0cdeb35e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart-fill.svg
new file mode 100644
index 00000000..bed00d81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-heart-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5ZM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart.svg
new file mode 100644
index 00000000..2fe7c13f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5ZM1 14V4h14v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Zm7-6.507c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus-fill.svg
new file mode 100644
index 00000000..f23e6482
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-minus-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus.svg
new file mode 100644
index 00000000..8f970acc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-minus" viewBox="0 0 16 16">
+  <path d="M5.5 9.5A.5.5 0 0 1 6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month-fill.svg
new file mode 100644
index 00000000..9123437c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-month-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm.104 7.305L4.9 10.18H3.284l.8-2.375h.02zm9.074 2.297c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364v-.253z"/>
+  <path d="M16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM2.56 12.332h-.71L3.748 7h.696l1.898 5.332h-.719l-.539-1.602H3.1l-.54 1.602zm7.29-4.105v4.105h-.668v-.539h-.027c-.145.324-.532.605-1.188.605-.847 0-1.453-.484-1.453-1.425V8.227h.676v2.554c0 .766.441 1.012.98 1.012.59 0 1.004-.371 1.004-1.023V8.227h.676zm1.273 4.41c.075.332.422.636.985.636.648 0 1.07-.378 1.07-1.023v-.605h-.02c-.163.355-.613.648-1.171.648-.957 0-1.64-.672-1.64-1.902v-.34c0-1.207.675-1.887 1.64-1.887.558 0 1.004.293 1.195.64h.02v-.577h.648v4.03c0 1.052-.816 1.579-1.746 1.579-1.043 0-1.574-.516-1.668-1.2h.687z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month.svg
new file mode 100644
index 00000000..ad6a330c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-month.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-month" viewBox="0 0 16 16">
+  <path d="M2.56 11.332 3.1 9.73h1.984l.54 1.602h.718L4.444 6h-.696L1.85 11.332h.71zm1.544-4.527L4.9 9.18H3.284l.8-2.375h.02zm5.746.422h-.676V9.77c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V7.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V7.227zm2.258 5.046c-.563 0-.91-.304-.985-.636h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V7.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023zm.008-4.53c.648 0 1.062.527 1.062 1.359v.253c0 .848-.39 1.364-1.062 1.364-.692 0-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36 1.098-1.36z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus-fill.svg
new file mode 100644
index 00000000..3928c638
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-plus-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM8.5 8.5V10H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V11H6a.5.5 0 0 1 0-1h1.5V8.5a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus.svg
new file mode 100644
index 00000000..70746dbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-plus" viewBox="0 0 16 16">
+  <path d="M8 7a.5.5 0 0 1 .5.5V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range-fill.svg
new file mode 100644
index 00000000..41bb2a2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-range-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 7V5H0v5h5a1 1 0 1 1 0 2H0v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9h-6a1 1 0 1 1 0-2h6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range.svg
new file mode 100644
index 00000000..934a45c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-range.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-range" viewBox="0 0 16 16">
+  <path d="M9 7a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1zM1 9h4a1 1 0 0 1 0 2H1V9z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week-fill.svg
new file mode 100644
index 00000000..00930aa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-week-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM9.5 7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zm3 0h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5zM2 10.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week.svg
new file mode 100644
index 00000000..06d6995f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-week.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-week" viewBox="0 0 16 16">
+  <path d="M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x-fill.svg
new file mode 100644
index 00000000..01be3013
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-x-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zM6.854 8.146 8 9.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x.svg
new file mode 100644
index 00000000..faf46e11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-x" viewBox="0 0 16 16">
+  <path d="M6.146 7.146a.5.5 0 0 1 .708 0L8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar.svg
new file mode 100644
index 00000000..c8590dd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check-fill.svg
new file mode 100644
index 00000000..f49354e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-check-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zm-2.6 5.854a.5.5 0 0 0-.708-.708L7.5 10.793 6.354 9.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check.svg
new file mode 100644
index 00000000..f8260566
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-check.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-check" viewBox="0 0 16 16">
+  <path d="M10.854 8.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date-fill.svg
new file mode 100644
index 00000000..ac005e0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-date-fill" viewBox="0 0 16 16">
+  <path d="M9.402 10.246c.625 0 1.184-.484 1.184-1.18 0-.832-.527-1.23-1.16-1.23-.586 0-1.168.387-1.168 1.21 0 .817.543 1.2 1.144 1.2z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zm-4.118 9.79c1.258 0 2-1.067 2-2.872 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684c.047.64.594 1.406 1.703 1.406zm-2.89-5.435h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675V7.354z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date.svg
new file mode 100644
index 00000000..2dd64e8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-date.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-date" viewBox="0 0 16 16">
+  <path d="M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day-fill.svg
new file mode 100644
index 00000000..2ab1b216
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-day-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zm-2.24 4.855a.428.428 0 1 0 0-.855.426.426 0 0 0-.429.43c0 .238.192.425.43.425zm.337.563h-.672v4.105h.672V8.418zm-6.867 4.105v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day.svg
new file mode 100644
index 00000000..d4d48566
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-day.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-day" viewBox="0 0 16 16">
+  <path d="M4.684 12.523v-2.3h2.261v-.61H4.684V7.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V9.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V8.418h-.672v4.105z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event-fill.svg
new file mode 100644
index 00000000..5bdbc27e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-event-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zM11.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event.svg
new file mode 100644
index 00000000..8c1c7cd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-event.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-event" viewBox="0 0 16 16">
+  <path d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-fill.svg
new file mode 100644
index 00000000..4b81563f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zM2.545 3h10.91c.3 0 .545.224.545.5v1c0 .276-.244.5-.546.5H2.545C2.245 5 2 4.776 2 4.5v-1c0-.276.244-.5.545-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart-fill.svg
new file mode 100644
index 00000000..a1782e3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-heart-fill" viewBox="0 0 16 16">
+  <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5Zm-2 4v-1c0-.276.244-.5.545-.5h10.91c.3 0 .545.224.545.5v1c0 .276-.244.5-.546.5H2.545C2.245 5 2 4.776 2 4.5Zm6 3.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart.svg
new file mode 100644
index 00000000..6d669810
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5ZM1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3Zm2 .5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H3Zm5 4.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus-fill.svg
new file mode 100644
index 00000000..af872133
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-minus-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zM6 10a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus.svg
new file mode 100644
index 00000000..eff8110d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-minus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-minus" viewBox="0 0 16 16">
+  <path d="M5.5 10.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month-fill.svg
new file mode 100644
index 00000000..58deabc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-month-fill" viewBox="0 0 16 16">
+  <path d="M4.104 7.805 4.9 10.18H3.284l.8-2.375h.02zm9.074 2.297c0-.832-.414-1.36-1.062-1.36-.692 0-1.098.492-1.098 1.36v.253c0 .852.406 1.364 1.098 1.364.671 0 1.062-.516 1.062-1.364v-.253z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zM2.561 12.332 3.1 10.73h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332h.71zM9.85 8.227h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V8.227zm1.273 4.41h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023-.563 0-.91-.304-.985-.636z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month.svg
new file mode 100644
index 00000000..88c922e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-month.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-month" viewBox="0 0 16 16">
+  <path d="m2.56 12.332.54-1.602h1.984l.54 1.602h.718L4.444 7h-.696L1.85 12.332h.71zm1.544-4.527L4.9 10.18H3.284l.8-2.375h.02zm5.746.422h-.676v2.543c0 .652-.414 1.023-1.004 1.023-.539 0-.98-.246-.98-1.012V8.227h-.676v2.746c0 .941.606 1.425 1.453 1.425.656 0 1.043-.28 1.188-.605h.027v.539h.668V8.227zm2.258 5.046c-.563 0-.91-.304-.985-.636h-.687c.094.683.625 1.199 1.668 1.199.93 0 1.746-.527 1.746-1.578V8.227h-.649v.578h-.019c-.191-.348-.637-.64-1.195-.64-.965 0-1.64.679-1.64 1.886v.34c0 1.23.683 1.902 1.64 1.902.558 0 1.008-.293 1.172-.648h.02v.605c0 .645-.423 1.023-1.071 1.023zm.008-4.53c.648 0 1.062.527 1.062 1.359v.253c0 .848-.39 1.364-1.062 1.364-.692 0-1.098-.512-1.098-1.364v-.253c0-.868.406-1.36 1.098-1.36z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus-fill.svg
new file mode 100644
index 00000000..8b41682f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-plus-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 3.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5H2.545c-.3 0-.545.224-.545.5zm6.5 5a.5.5 0 0 0-1 0V10H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V11H10a.5.5 0 0 0 0-1H8.5V8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus.svg
new file mode 100644
index 00000000..7ec7d495
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-plus" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM8 8a.5.5 0 0 1 .5.5V10H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V11H6a.5.5 0 0 1 0-1h1.5V8.5A.5.5 0 0 1 8 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range-fill.svg
new file mode 100644
index 00000000..39ba322f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-range-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zM10 7a1 1 0 0 0 0 2h5V7h-5zm-4 4a1 1 0 0 0-1-1H1v2h4a1 1 0 0 0 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range.svg
new file mode 100644
index 00000000..4a8d9adc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-range.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-range" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM9 8a1 1 0 0 1 1-1h5v2h-5a1 1 0 0 1-1-1zm-8 2h4a1 1 0 1 1 0 2H1v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week-fill.svg
new file mode 100644
index 00000000..83037798
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-week-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zM8.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm3 0a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM3 10.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5zm3.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week.svg
new file mode 100644
index 00000000..835ce067
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-week.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-week" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x-fill.svg
new file mode 100644
index 00000000..2157939a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-x-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm9.954 3H2.545c-.3 0-.545.224-.545.5v1c0 .276.244.5.545.5h10.91c.3 0 .545-.224.545-.5v-1c0-.276-.244-.5-.546-.5zm-6.6 5.146a.5.5 0 1 0-.708.708L7.293 10l-1.147 1.146a.5.5 0 0 0 .708.708L8 10.707l1.146 1.147a.5.5 0 0 0 .708-.708L8.707 10l1.147-1.146a.5.5 0 0 0-.708-.708L8 9.293 6.854 8.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x.svg
new file mode 100644
index 00000000..e7cc3390
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2-x" viewBox="0 0 16 16">
+  <path d="M6.146 8.146a.5.5 0 0 1 .708 0L8 9.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2.svg
new file mode 100644
index 00000000..db2e06dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar2" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"/>
+  <path d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event-fill.svg
new file mode 100644
index 00000000..c4940904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-event-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H2zM0 14V3h16v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm12-8a1 1 0 1 0 2 0 1 1 0 0 0-2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event.svg
new file mode 100644
index 00000000..681ce4d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-event.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-event" viewBox="0 0 16 16">
+  <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
+  <path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-fill.svg
new file mode 100644
index 00000000..e37c234e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2H0zm0 1v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3H0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range-fill.svg
new file mode 100644
index 00000000..00875b2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-range-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H2zM0 8V3h16v2h-6a1 1 0 1 0 0 2h6v7a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-4h6a1 1 0 1 0 0-2H0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range.svg
new file mode 100644
index 00000000..a4525160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-range.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-range" viewBox="0 0 16 16">
+  <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
+  <path d="M7 10a1 1 0 0 0 0-2H1v2h6zm2-3h6V5H9a1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week-fill.svg
new file mode 100644
index 00000000..53e5bc70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-week-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 0a2 2 0 0 0-2 2h16a2 2 0 0 0-2-2H2zM0 14V3h16v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm12-8a1 1 0 1 0 2 0 1 1 0 0 0-2 0zM5 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm5-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM2 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week.svg
new file mode 100644
index 00000000..e9a768cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3-week.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3-week" viewBox="0 0 16 16">
+  <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
+  <path d="M12 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm2-3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-5 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3.svg
new file mode 100644
index 00000000..eb3c5f2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar3" viewBox="0 0 16 16">
+  <path d="M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857V3.857z"/>
+  <path d="M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-event.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-event.svg
new file mode 100644
index 00000000..51d40e87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-event.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar4-event" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/>
+  <path d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-range.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-range.svg
new file mode 100644
index 00000000..129d7c19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-range.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar4-range" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/>
+  <path d="M9 7.5a.5.5 0 0 1 .5-.5H15v2H9.5a.5.5 0 0 1-.5-.5v-1zm-2 3v1a.5.5 0 0 1-.5.5H1v-2h5.5a.5.5 0 0 1 .5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-week.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-week.svg
new file mode 100644
index 00000000..5644238c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4-week.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar4-week" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/>
+  <path d="M11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/calendar4.svg b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4.svg
new file mode 100644
index 00000000..1c626851
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/calendar4.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar4" viewBox="0 0 16 16">
+  <path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-fill.svg
new file mode 100644
index 00000000..be16451a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-fill" viewBox="0 0 16 16">
+  <path d="M10.5 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
+  <path d="M2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2zm.5 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm9 2.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels-fill.svg
new file mode 100644
index 00000000..347f44e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-reels-fill" viewBox="0 0 16 16">
+  <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+  <path d="M9 6a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
+  <path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels.svg
new file mode 100644
index 00000000..1aa7b1ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-reels.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-reels" viewBox="0 0 16 16">
+  <path d="M6 3a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM1 3a2 2 0 1 0 4 0 2 2 0 0 0-4 0z"/>
+  <path d="M9 6h.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 7.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 16H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h7zm6 8.73V7.27l-3.5 1.555v4.35l3.5 1.556zM1 8v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1z"/>
+  <path d="M9 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM7 3a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-fill.svg
new file mode 100644
index 00000000..0222b958
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off-fill.svg
new file mode 100644
index 00000000..99090600
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-off-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.961 12.365a1.99 1.99 0 0 0 .522-1.103l3.11 1.382A1 1 0 0 0 16 11.731V4.269a1 1 0 0 0-1.406-.913l-3.111 1.382A2 2 0 0 0 9.5 3H4.272l6.69 9.365zm-10.114-9A2.001 2.001 0 0 0 0 5v6a2 2 0 0 0 2 2h5.728L.847 3.366zm9.746 11.925-10-14 .814-.58 10 14-.814.58z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off.svg
new file mode 100644
index 00000000..7635e9b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video-off" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.961 12.365a1.99 1.99 0 0 0 .522-1.103l3.11 1.382A1 1 0 0 0 16 11.731V4.269a1 1 0 0 0-1.406-.913l-3.111 1.382A2 2 0 0 0 9.5 3H4.272l.714 1H9.5a1 1 0 0 1 1 1v6a1 1 0 0 1-.144.518l.605.847zM1.428 4.18A.999.999 0 0 0 1 5v6a1 1 0 0 0 1 1h5.014l.714 1H2a2 2 0 0 1-2-2V5c0-.675.334-1.272.847-1.634l.58.814zM15 11.73l-3.5-1.555v-4.35L15 4.269v7.462zm-4.407 3.56-10-14 .814-.58 10 14-.814.58z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera-video.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video.svg
new file mode 100644
index 00000000..199e7a83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera-video.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera-video" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 1.983 1.738l3.11-1.382A1 1 0 0 1 16 4.269v7.462a1 1 0 0 1-1.406.913l-3.111-1.382A2 2 0 0 1 9.5 13H2a2 2 0 0 1-2-2V5zm11.5 5.175 3.5 1.556V4.269l-3.5 1.556v4.35zM2 4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera.svg
new file mode 100644
index 00000000..fb337fe5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera" viewBox="0 0 16 16">
+  <path d="M15 12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.172a3 3 0 0 0 2.12-.879l.83-.828A1 1 0 0 1 6.827 3h2.344a1 1 0 0 1 .707.293l.828.828A3 3 0 0 0 12.828 5H14a1 1 0 0 1 1 1v6zM2 4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-1.172a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 9.172 2H6.828a2 2 0 0 0-1.414.586l-.828.828A2 2 0 0 1 3.172 4H2z"/>
+  <path d="M8 11a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm0 1a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM3 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/camera2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/camera2.svg
new file mode 100644
index 00000000..a33ae6b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/camera2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-camera2" viewBox="0 0 16 16">
+  <path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 0 0-4 4z"/>
+  <path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 0 1 9 14a5.972 5.972 0 0 1-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1h.682A5.97 5.97 0 0 1 9 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0zM14 8A5 5 0 1 0 4 8a5 5 0 0 0 10 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/capslock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/capslock-fill.svg
new file mode 100644
index 00000000..e4af909e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/capslock-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-capslock-fill" viewBox="0 0 16 16">
+  <path d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1H1.654C.78 9.5.326 8.455.924 7.816L7.27 1.047zM4.5 13.5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/capslock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/capslock.svg
new file mode 100644
index 00000000..12155de3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/capslock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-capslock" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1H1.654C.78 9.5.326 8.455.924 7.816L7.27 1.047zM14.346 8.5 8 1.731 1.654 8.5H4.5a1 1 0 0 1 1 1v1h5v-1a1 1 0 0 1 1-1h2.846zm-9.846 5a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-1zm6 0h-5v1h5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/capsule-pill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/capsule-pill.svg
new file mode 100644
index 00000000..0167f854
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/capsule-pill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-capsule-pill" viewBox="0 0 16 16">
+  <path d="M11.02 5.364a3 3 0 0 0-4.242-4.243L1.121 6.778a3 3 0 1 0 4.243 4.243l5.657-5.657Zm-6.413-.657 2.878-2.879a2 2 0 1 1 2.829 2.829L7.435 7.536 4.607 4.707ZM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8Zm-.5 1.042a3 3 0 0 0 0 5.917V9.042Zm1 5.917a3 3 0 0 0 0-5.917v5.917Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/capsule.svg b/apps/phoenix_webcomponent/priv/bsi/svg/capsule.svg
new file mode 100644
index 00000000..98863d8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/capsule.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-capsule" viewBox="0 0 16 16">
+  <path d="M1.828 8.9 8.9 1.827a4 4 0 1 1 5.657 5.657l-7.07 7.071A4 4 0 1 1 1.827 8.9Zm9.128.771 2.893-2.893a3 3 0 1 0-4.243-4.242L6.713 5.429l4.243 4.242Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/car-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/car-front-fill.svg
new file mode 100644
index 00000000..a9b96038
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/car-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-car-front-fill" viewBox="0 0 16 16">
+  <path d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848ZM3 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm10 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H6ZM2.906 5.189a.51.51 0 0 0 .497.731c.91-.073 3.35-.17 4.597-.17 1.247 0 3.688.097 4.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 11.691 3H4.309a.5.5 0 0 0-.447.276L2.906 5.19Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/car-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/car-front.svg
new file mode 100644
index 00000000..bb5fa3d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/car-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-car-front" viewBox="0 0 16 16">
+  <path d="M4 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM6 8a1 1 0 0 0 0 2h4a1 1 0 1 0 0-2H6ZM4.862 4.276 3.906 6.19a.51.51 0 0 0 .497.731c.91-.073 2.35-.17 3.597-.17 1.247 0 2.688.097 3.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 10.691 4H5.309a.5.5 0 0 0-.447.276Z"/>
+  <path d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848ZM4.82 3a1.5 1.5 0 0 0-1.379.91l-.792 1.847a1.8 1.8 0 0 1-.853.904.807.807 0 0 0-.43.564L1.03 8.904a1.5 1.5 0 0 0-.03.294v.413c0 .796.62 1.448 1.408 1.484 1.555.07 3.786.155 5.592.155 1.806 0 4.037-.084 5.592-.155A1.479 1.479 0 0 0 15 9.611v-.413c0-.099-.01-.197-.03-.294l-.335-1.68a.807.807 0 0 0-.43-.563 1.807 1.807 0 0 1-.853-.904l-.792-1.848A1.5 1.5 0 0 0 11.18 3H4.82Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/card-checklist.svg b/apps/phoenix_webcomponent/priv/bsi/svg/card-checklist.svg
new file mode 100644
index 00000000..ce2a553e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/card-checklist.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-checklist" viewBox="0 0 16 16">
+  <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
+  <path d="M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/card-heading.svg b/apps/phoenix_webcomponent/priv/bsi/svg/card-heading.svg
new file mode 100644
index 00000000..682bd4e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/card-heading.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-heading" viewBox="0 0 16 16">
+  <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
+  <path d="M3 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0-5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/card-image.svg b/apps/phoenix_webcomponent/priv/bsi/svg/card-image.svg
new file mode 100644
index 00000000..473ff030
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/card-image.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-image" viewBox="0 0 16 16">
+  <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+  <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54A.505.505 0 0 1 1 12.5v-9a.5.5 0 0 1 .5-.5h13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/card-list.svg b/apps/phoenix_webcomponent/priv/bsi/svg/card-list.svg
new file mode 100644
index 00000000..3dc5d429
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/card-list.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-list" viewBox="0 0 16 16">
+  <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
+  <path d="M5 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 5 8zm0-2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-1-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM4 8a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm0 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/card-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/card-text.svg
new file mode 100644
index 00000000..d218f554
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/card-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-text" viewBox="0 0 16 16">
+  <path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z"/>
+  <path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8zm0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-fill.svg
new file mode 100644
index 00000000..d7c3990e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16">
+  <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square-fill.svg
new file mode 100644
index 00000000..ae8fbb46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 4a.5.5 0 0 0-.374.832l4 4.5a.5.5 0 0 0 .748 0l4-4.5A.5.5 0 0 0 12 6H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square.svg
new file mode 100644
index 00000000..cf34038a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-square" viewBox="0 0 16 16">
+  <path d="M3.626 6.832A.5.5 0 0 1 4 6h8a.5.5 0 0 1 .374.832l-4 4.5a.5.5 0 0 1-.748 0l-4-4.5z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down.svg
new file mode 100644
index 00000000..026b0ff3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down" viewBox="0 0 16 16">
+  <path d="M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-fill.svg
new file mode 100644
index 00000000..d989dff9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-fill" viewBox="0 0 16 16">
+  <path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square-fill.svg
new file mode 100644
index 00000000..5d8ab567
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm10.5 10V4a.5.5 0 0 0-.832-.374l-4.5 4a.5.5 0 0 0 0 .748l4.5 4A.5.5 0 0 0 10.5 12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square.svg
new file mode 100644
index 00000000..099b54dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M10.205 12.456A.5.5 0 0 0 10.5 12V4a.5.5 0 0 0-.832-.374l-4.5 4a.5.5 0 0 0 0 .748l4.5 4a.5.5 0 0 0 .537.082z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left.svg
new file mode 100644
index 00000000..89732f09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left" viewBox="0 0 16 16">
+  <path d="M10 12.796V3.204L4.519 8 10 12.796zm-.659.753-5.48-4.796a1 1 0 0 1 0-1.506l5.48-4.796A1 1 0 0 1 11 3.204v9.592a1 1 0 0 1-1.659.753z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-fill.svg
new file mode 100644
index 00000000..b4455518
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
+  <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square-fill.svg
new file mode 100644
index 00000000..ea06657f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.5 10a.5.5 0 0 0 .832.374l4.5-4a.5.5 0 0 0 0-.748l-4.5-4A.5.5 0 0 0 5.5 4v8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square.svg
new file mode 100644
index 00000000..4039064d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M5.795 12.456A.5.5 0 0 1 5.5 12V4a.5.5 0 0 1 .832-.374l4.5 4a.5.5 0 0 1 0 .748l-4.5 4a.5.5 0 0 1-.537.082z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right.svg
new file mode 100644
index 00000000..451686e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right" viewBox="0 0 16 16">
+  <path d="M6 12.796V3.204L11.481 8 6 12.796zm.659.753 5.48-4.796a1 1 0 0 0 0-1.506L6.66 2.451C6.011 1.885 5 2.345 5 3.204v9.592a1 1 0 0 0 1.659.753z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-fill.svg
new file mode 100644
index 00000000..a87820e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-fill" viewBox="0 0 16 16">
+  <path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square-fill.svg
new file mode 100644
index 00000000..25c66a58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4 9h8a.5.5 0 0 0 .374-.832l-4-4.5a.5.5 0 0 0-.748 0l-4 4.5A.5.5 0 0 0 4 11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square.svg
new file mode 100644
index 00000000..d59ecbf9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M3.544 10.705A.5.5 0 0 0 4 11h8a.5.5 0 0 0 .374-.832l-4-4.5a.5.5 0 0 0-.748 0l-4 4.5a.5.5 0 0 0-.082.537z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/caret-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up.svg
new file mode 100644
index 00000000..36ca8f0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/caret-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-up" viewBox="0 0 16 16">
+  <path d="M3.204 11h9.592L8 5.519 3.204 11zm-.753-.659 4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-check-fill.svg
new file mode 100644
index 00000000..019c1fc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-check-fill" viewBox="0 0 16 16">
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1.646-7.646-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-check.svg
new file mode 100644
index 00000000..986706a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-check" viewBox="0 0 16 16">
+  <path d="M11.354 6.354a.5.5 0 0 0-.708-.708L8 8.293 6.854 7.146a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash-fill.svg
new file mode 100644
index 00000000..2562744b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-dash-fill" viewBox="0 0 16 16">
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM6.5 7h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash.svg
new file mode 100644
index 00000000..ecd23f33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-dash" viewBox="0 0 16 16">
+  <path d="M6.5 7a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4z"/>
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-fill.svg
new file mode 100644
index 00000000..a2b95bf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-fill" viewBox="0 0 16 16">
+  <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus-fill.svg
new file mode 100644
index 00000000..9858fe1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-plus-fill" viewBox="0 0 16 16">
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM9 5.5V7h1.5a.5.5 0 0 1 0 1H9v1.5a.5.5 0 0 1-1 0V8H6.5a.5.5 0 0 1 0-1H8V5.5a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus.svg
new file mode 100644
index 00000000..acafe132
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-plus" viewBox="0 0 16 16">
+  <path d="M9 5.5a.5.5 0 0 0-1 0V7H6.5a.5.5 0 0 0 0 1H8v1.5a.5.5 0 0 0 1 0V8h1.5a.5.5 0 0 0 0-1H9V5.5z"/>
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-x-fill.svg
new file mode 100644
index 00000000..a9a32caa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-x-fill" viewBox="0 0 16 16">
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7.354 5.646 8.5 6.793l1.146-1.147a.5.5 0 0 1 .708.708L9.207 7.5l1.147 1.146a.5.5 0 0 1-.708.708L8.5 8.207 7.354 9.354a.5.5 0 1 1-.708-.708L7.793 7.5 6.646 6.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart-x.svg
new file mode 100644
index 00000000..feddfdd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart-x" viewBox="0 0 16 16">
+  <path d="M7.354 5.646a.5.5 0 1 0-.708.708L7.793 7.5 6.646 8.646a.5.5 0 1 0 .708.708L8.5 8.207l1.146 1.147a.5.5 0 0 0 .708-.708L9.207 7.5l1.147-1.146a.5.5 0 0 0-.708-.708L8.5 6.793 7.354 5.646z"/>
+  <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart.svg
new file mode 100644
index 00000000..486adb1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart" viewBox="0 0 16 16">
+  <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart2.svg
new file mode 100644
index 00000000..7e1bd9ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart2" viewBox="0 0 16 16">
+  <path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart3.svg
new file mode 100644
index 00000000..2187149f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart3" viewBox="0 0 16 16">
+  <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cart4.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cart4.svg
new file mode 100644
index 00000000..b40891fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cart4.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16">
+  <path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l.5 2H5V5H3.14zM6 5v2h2V5H6zm3 0v2h2V5H9zm3 0v2h1.36l.5-2H12zm1.11 3H12v2h.61l.5-2zM11 8H9v2h2V8zM8 8H6v2h2V8zM5 8H3.89l.5 2H5V8zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cash-coin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cash-coin.svg
new file mode 100644
index 00000000..bc82c64a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cash-coin.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-coin" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z"/>
+  <path d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z"/>
+  <path d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z"/>
+  <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cash-stack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cash-stack.svg
new file mode 100644
index 00000000..492cb381
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cash-stack.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-stack" viewBox="0 0 16 16">
+  <path d="M1 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1H1zm7 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
+  <path d="M0 5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V5zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V7a2 2 0 0 1-2-2H3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cash.svg
new file mode 100644
index 00000000..ef3a4e7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash" viewBox="0 0 16 16">
+  <path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
+  <path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V6a2 2 0 0 1-2-2H3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cassette-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cassette-fill.svg
new file mode 100644
index 00000000..e8dd8f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cassette-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cassette-fill" viewBox="0 0 16 16">
+  <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h.191l1.862-3.724A.5.5 0 0 1 4 10h8a.5.5 0 0 1 .447.276L14.31 14h.191a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13ZM4 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm8 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM6 6a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H7a1 1 0 0 1-1-1Z"/>
+  <path d="m13.191 14-1.5-3H4.309l-1.5 3h10.382Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cassette.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cassette.svg
new file mode 100644
index 00000000..c28170c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cassette.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cassette" viewBox="0 0 16 16">
+  <path d="M4 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 6a1 1 0 0 0 0 2h2a1 1 0 1 0 0-2H7Z"/>
+  <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13ZM1 3.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-.691l-1.362-2.724A.5.5 0 0 0 12 10H4a.5.5 0 0 0-.447.276L2.19 13H1.5a.5.5 0 0 1-.5-.5v-9ZM11.691 11l1 2H3.309l1-2h7.382Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cast.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cast.svg
new file mode 100644
index 00000000..1eda1737
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cast.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cast" viewBox="0 0 16 16">
+  <path d="m7.646 9.354-3.792 3.792a.5.5 0 0 0 .353.854h7.586a.5.5 0 0 0 .354-.854L8.354 9.354a.5.5 0 0 0-.708 0z"/>
+  <path d="M11.414 11H14.5a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.5-.5h-13a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h3.086l-1 1H1.5A1.5 1.5 0 0 1 0 10.5v-7A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v7a1.5 1.5 0 0 1-1.5 1.5h-2.086l-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle-fill.svg
new file mode 100644
index 00000000..ca9779e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cc-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.408 5.89c.681 0 1.138.47 1.187 1.107h1.147v-.11c-.053-1.187-1.024-2-2.343-2-1.604 0-2.518 1.05-2.518 2.751v.747c0 1.7.906 2.73 2.518 2.73 1.314 0 2.285-.792 2.343-1.939v-.114H6.595c-.049.615-.497 1.05-1.187 1.05-.84 0-1.318-.62-1.318-1.727v-.742c0-1.112.488-1.754 1.318-1.754Zm5.404 0c.68 0 1.138.47 1.186 1.107h1.147v-.11c-.053-1.187-1.024-2-2.342-2-1.604 0-2.518 1.05-2.518 2.751v.747c0 1.7.905 2.73 2.518 2.73 1.314 0 2.285-.792 2.342-1.939v-.114h-1.147c-.048.615-.496 1.05-1.186 1.05-.84 0-1.319-.62-1.319-1.727v-.742c0-1.112.488-1.754 1.319-1.754Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle.svg
new file mode 100644
index 00000000..6de6b760
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cc-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cc-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.408 5.89c-.83 0-1.318.64-1.318 1.753v.742c0 1.108.479 1.727 1.318 1.727.69 0 1.138-.435 1.187-1.05h1.147v.114c-.058 1.147-1.029 1.938-2.343 1.938-1.612 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.319 0 2.29.812 2.343 1.999v.11H6.595c-.049-.638-.506-1.108-1.187-1.108Zm5.404 0c-.831 0-1.319.64-1.319 1.753v.742c0 1.108.48 1.727 1.319 1.727.69 0 1.138-.435 1.186-1.05h1.147v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.318 0 2.29.812 2.342 1.999v.11h-1.147c-.048-.638-.505-1.108-1.186-1.108Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cc-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cc-square-fill.svg
new file mode 100644
index 00000000..f9b44d54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cc-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cc-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm3.408 5.89c-.83 0-1.318.64-1.318 1.753v.742c0 1.108.479 1.727 1.318 1.727.69 0 1.138-.435 1.187-1.05h1.147v.114c-.058 1.147-1.029 1.938-2.343 1.938-1.612 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.319 0 2.29.812 2.343 1.999v.11H6.595c-.049-.638-.506-1.108-1.187-1.108Zm5.404 0c-.831 0-1.319.64-1.319 1.753v.742c0 1.108.48 1.727 1.319 1.727.69 0 1.138-.435 1.186-1.05h1.147v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.318 0 2.29.812 2.342 1.999v.11h-1.147c-.048-.638-.505-1.108-1.186-1.108Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cc-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cc-square.svg
new file mode 100644
index 00000000..90c52bce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cc-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cc-square" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2ZM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm5.408 3.89c-.83 0-1.318.64-1.318 1.753v.742c0 1.108.479 1.727 1.318 1.727.69 0 1.138-.435 1.187-1.05h1.147v.114c-.058 1.147-1.029 1.938-2.343 1.938-1.612 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.319 0 2.29.812 2.343 1.999v.11H6.595c-.049-.638-.506-1.108-1.187-1.108Zm5.404 0c-.831 0-1.319.64-1.319 1.753v.742c0 1.108.48 1.727 1.319 1.727.69 0 1.138-.435 1.186-1.05h1.147v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.318 0 2.29.812 2.342 1.999v.11h-1.147c-.048-.638-.505-1.108-1.186-1.108Z"/>
+  <path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2ZM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm5.408 3.89c-.83 0-1.318.64-1.318 1.753v.742c0 1.108.479 1.727 1.318 1.727.69 0 1.138-.435 1.187-1.05h1.147v.114c-.058 1.147-1.029 1.938-2.343 1.938-1.612 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.319 0 2.29.812 2.343 1.999v.11H6.595c-.049-.638-.506-1.108-1.187-1.108Zm5.404 0c-.831 0-1.319.64-1.319 1.753v.742c0 1.108.48 1.727 1.319 1.727.69 0 1.138-.435 1.186-1.05h1.147v.114c-.057 1.147-1.028 1.938-2.342 1.938-1.613 0-2.518-1.028-2.518-2.729v-.747c0-1.7.914-2.75 2.518-2.75 1.318 0 2.29.812 2.342 1.999v.11h-1.147c-.048-.638-.505-1.108-1.186-1.108Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots-fill.svg
new file mode 100644
index 00000000..2e3d2250
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots-fill" viewBox="0 0 16 16">
+  <path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM5 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots.svg
new file mode 100644
index 00000000..a74267d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-dots.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-dots" viewBox="0 0 16 16">
+  <path d="M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+  <path d="m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-fill.svg
new file mode 100644
index 00000000..69ed44be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-fill" viewBox="0 0 16 16">
+  <path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart-fill.svg
new file mode 100644
index 00000000..9be92ca2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-heart-fill" viewBox="0 0 16 16">
+  <path d="M8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9.06 9.06 0 0 0 8 15Zm0-9.007c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart.svg
new file mode 100644
index 00000000..90c276b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.965 12.695a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2Zm-.8 3.108.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125ZM8 5.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots-fill.svg
new file mode 100644
index 00000000..eb7f531b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-dots-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm5 4a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots.svg
new file mode 100644
index 00000000..c73169d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-dots.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-dots" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-fill.svg
new file mode 100644
index 00000000..38c389f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart-fill.svg
new file mode 100644
index 00000000..787ed61c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-heart-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm6 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart.svg
new file mode 100644
index 00000000..1604e7bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-heart" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12ZM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Z"/>
+  <path d="M8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote-fill.svg
new file mode 100644
index 00000000..b115a9fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-quote-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote.svg
new file mode 100644
index 00000000..448827f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-quote.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-quote" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text-fill.svg
new file mode 100644
index 00000000..28a0f471
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4.414a1 1 0 0 0-.707.293L.854 15.146A.5.5 0 0 1 0 14.793V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text.svg
new file mode 100644
index 00000000..2b69a989
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left.svg
new file mode 100644
index 00000000..fd2f4ee4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote-fill.svg
new file mode 100644
index 00000000..4a3af86e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-quote-fill" viewBox="0 0 16 16">
+  <path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 6C4.776 6 4 6.746 4 7.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 9.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 6c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote.svg
new file mode 100644
index 00000000..f890c38d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-quote.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-quote" viewBox="0 0 16 16">
+  <path d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
+  <path d="M7.066 6.76A1.665 1.665 0 0 0 4 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 7.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 0 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots-fill.svg
new file mode 100644
index 00000000..49ce0973
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-dots-fill" viewBox="0 0 16 16">
+  <path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9.586a1 1 0 0 1 .707.293l2.853 2.853a.5.5 0 0 0 .854-.353V2zM5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots.svg
new file mode 100644
index 00000000..423d221d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-dots.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-dots" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
+  <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-fill.svg
new file mode 100644
index 00000000..41b767bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-fill" viewBox="0 0 16 16">
+  <path d="M14 0a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart-fill.svg
new file mode 100644
index 00000000..b55dc621
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-heart-fill" viewBox="0 0 16 16">
+  <path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9.586a1 1 0 0 1 .707.293l2.853 2.853a.5.5 0 0 0 .854-.353V2ZM8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart.svg
new file mode 100644
index 00000000..744e8a0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-heart" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2Zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12Z"/>
+  <path d="M8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote-fill.svg
new file mode 100644
index 00000000..e63f92b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-quote-fill" viewBox="0 0 16 16">
+  <path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9.586a1 1 0 0 1 .707.293l2.853 2.853a.5.5 0 0 0 .854-.353V2zM7.194 4.766c.087.124.163.26.227.401.428.948.393 2.377-.942 3.706a.446.446 0 0 1-.612.01.405.405 0 0 1-.011-.59c.419-.416.672-.831.809-1.22-.269.165-.588.26-.93.26C4.775 7.333 4 6.587 4 5.667 4 4.747 4.776 4 5.734 4c.271 0 .528.06.756.166l.008.004c.169.07.327.182.469.324.085.083.161.174.227.272zM11 7.073c-.269.165-.588.26-.93.26-.958 0-1.735-.746-1.735-1.666 0-.92.777-1.667 1.734-1.667.271 0 .528.06.756.166l.008.004c.17.07.327.182.469.324.085.083.161.174.227.272.087.124.164.26.228.401.428.948.392 2.377-.942 3.706a.446.446 0 0 1-.613.01.405.405 0 0 1-.011-.59c.42-.416.672-.831.81-1.22z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote.svg
new file mode 100644
index 00000000..42c8dbe0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-quote.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-quote" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
+  <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text-fill.svg
new file mode 100644
index 00000000..32df9212
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-text-fill" viewBox="0 0 16 16">
+  <path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h9.586a1 1 0 0 1 .707.293l2.853 2.853a.5.5 0 0 0 .854-.353V2zM3.5 3h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1zm0 2.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1zm0 2.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text.svg
new file mode 100644
index 00000000..d8b60046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right-text" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
+  <path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right.svg
new file mode 100644
index 00000000..b702b5d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-right" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h9.586a2 2 0 0 1 1.414.586l2 2V2a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v12.793a.5.5 0 0 1-.854.353l-2.853-2.853a1 1 0 0 0-.707-.293H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots-fill.svg
new file mode 100644
index 00000000..1025978d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-dots-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm5 4a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm4 0a1 1 0 1 0-2 0 1 1 0 0 0 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots.svg
new file mode 100644
index 00000000..e59cd1a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-dots.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-dots" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M5 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-fill.svg
new file mode 100644
index 00000000..2fb73ac4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart-fill.svg
new file mode 100644
index 00000000..f200049c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-heart-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm6 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart.svg
new file mode 100644
index 00000000..89ca6efd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-heart" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12ZM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Z"/>
+  <path d="M8 3.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote-fill.svg
new file mode 100644
index 00000000..761cb91c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-quote-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm7.194 2.766a1.688 1.688 0 0 0-.227-.272 1.467 1.467 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 5.734 4C4.776 4 4 4.746 4 5.667c0 .92.776 1.666 1.734 1.666.343 0 .662-.095.931-.26-.137.389-.39.804-.81 1.22a.405.405 0 0 0 .011.59c.173.16.447.155.614-.01 1.334-1.329 1.37-2.758.941-3.706a2.461 2.461 0 0 0-.227-.4zM11 7.073c-.136.389-.39.804-.81 1.22a.405.405 0 0 0 .012.59c.172.16.446.155.613-.01 1.334-1.329 1.37-2.758.942-3.706a2.466 2.466 0 0 0-.228-.4 1.686 1.686 0 0 0-.227-.273 1.466 1.466 0 0 0-.469-.324l-.008-.004A1.785 1.785 0 0 0 10.07 4c-.957 0-1.734.746-1.734 1.667 0 .92.777 1.666 1.734 1.666.343 0 .662-.095.931-.26z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote.svg
new file mode 100644
index 00000000..40893f49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-quote.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-quote" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M7.066 4.76A1.665 1.665 0 0 0 4 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112zm4 0A1.665 1.665 0 0 0 8 5.668a1.667 1.667 0 0 0 2.561 1.406c-.131.389-.375.804-.777 1.22a.417.417 0 1 0 .6.58c1.486-1.54 1.293-3.214.682-4.112z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text-fill.svg
new file mode 100644
index 00000000..1dd17c51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-text-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text.svg
new file mode 100644
index 00000000..ae3fd8da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square-text" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6zm0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square.svg
new file mode 100644
index 00000000..7611729e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.5a2 2 0 0 0-1.6.8L8 14.333 6.1 11.8a2 2 0 0 0-1.6-.8H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 0 1 .8.4l1.9 2.533a1 1 0 0 0 1.6 0l1.9-2.533a1 1 0 0 1 .8-.4H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-text-fill.svg
new file mode 100644
index 00000000..fff3db33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-text-fill" viewBox="0 0 16 16">
+  <path d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM4.5 5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7zm0 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat-text.svg
new file mode 100644
index 00000000..75a79f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-text" viewBox="0 0 16 16">
+  <path d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
+  <path d="M4 5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8zm0 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chat.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chat.svg
new file mode 100644
index 00000000..3cb81b29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chat.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat" viewBox="0 0 16 16">
+  <path d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-all.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-all.svg
new file mode 100644
index 00000000..b0019d00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-all.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-all" viewBox="0 0 16 16">
+  <path d="M8.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L2.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093L8.95 4.992a.252.252 0 0 1 .02-.022zm-.92 5.14.92.92a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 1 0-1.091-1.028L9.477 9.417l-.485-.486-.943 1.179z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-circle-fill.svg
new file mode 100644
index 00000000..e861174a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-circle.svg
new file mode 100644
index 00000000..d8dd0cd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-lg.svg
new file mode 100644
index 00000000..7afb0ae1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-lg" viewBox="0 0 16 16">
+  <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-square-fill.svg
new file mode 100644
index 00000000..45d68285
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check-square.svg
new file mode 100644
index 00000000..d71c1f34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M10.97 4.97a.75.75 0 0 1 1.071 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.235.235 0 0 1 .02-.022z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check.svg
new file mode 100644
index 00000000..9de6cc75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
+  <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check2-all.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check2-all.svg
new file mode 100644
index 00000000..25d8ba52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check2-all.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
+  <path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l7-7zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0z"/>
+  <path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check2-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check2-circle.svg
new file mode 100644
index 00000000..7319d37b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check2-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-circle" viewBox="0 0 16 16">
+  <path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z"/>
+  <path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check2-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check2-square.svg
new file mode 100644
index 00000000..2d5e6eb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check2-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2-square" viewBox="0 0 16 16">
+  <path d="M3 14.5A1.5 1.5 0 0 1 1.5 13V3A1.5 1.5 0 0 1 3 1.5h8a.5.5 0 0 1 0 1H3a.5.5 0 0 0-.5.5v10a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V8a.5.5 0 0 1 1 0v5a1.5 1.5 0 0 1-1.5 1.5H3z"/>
+  <path d="m8.354 10.354 7-7a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/check2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/check2.svg
new file mode 100644
index 00000000..e187956c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/check2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16">
+  <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-contract.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-contract.svg
new file mode 100644
index 00000000..f12917f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-contract.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-contract" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 14.854a.5.5 0 0 0 .708 0L8 11.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zm0-13.708a.5.5 0 0 1 .708 0L8 4.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-down.svg
new file mode 100644
index 00000000..4df2259f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-expand.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-expand.svg
new file mode 100644
index 00000000..6cb775f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-expand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-expand" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 10.146a.5.5 0 0 1 .708 0L8 13.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-4.292a.5.5 0 0 0 .708 0L8 2.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-left.svg
new file mode 100644
index 00000000..5d53406e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0zM4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-right.svg
new file mode 100644
index 00000000..b71553ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.146 3.646a.5.5 0 0 0 0 .708L7.793 8l-3.647 3.646a.5.5 0 0 0 .708.708l4-4a.5.5 0 0 0 0-.708l-4-4a.5.5 0 0 0-.708 0zM11.5 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-up.svg
new file mode 100644
index 00000000..9ca14089
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-bar-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-down.svg
new file mode 100644
index 00000000..fb1767e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-compact-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-left.svg
new file mode 100644
index 00000000..5dd6b6bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-compact-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-right.svg
new file mode 100644
index 00000000..ecb5994e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-compact-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.776 1.553a.5.5 0 0 1 .671.223l3 6a.5.5 0 0 1 0 .448l-3 6a.5.5 0 1 1-.894-.448L9.44 8 6.553 2.224a.5.5 0 0 1 .223-.671z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-up.svg
new file mode 100644
index 00000000..8bc0a55e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-compact-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-compact-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.776 5.553a.5.5 0 0 1 .448 0l6 3a.5.5 0 1 1-.448.894L8 6.56 2.224 9.447a.5.5 0 1 1-.448-.894l6-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-contract.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-contract.svg
new file mode 100644
index 00000000..5243d435
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-contract.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-contract" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 13.854a.5.5 0 0 0 .708 0L8 10.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zm0-11.708a.5.5 0 0 1 .708 0L8 5.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-down.svg
new file mode 100644
index 00000000..0df76eed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 6.646a.5.5 0 0 1 .708 0L8 12.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+  <path fill-rule="evenodd" d="M1.646 2.646a.5.5 0 0 1 .708 0L8 8.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-left.svg
new file mode 100644
index 00000000..7181fd11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+  <path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-right.svg
new file mode 100644
index 00000000..73e1b352
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
+  <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-up.svg
new file mode 100644
index 00000000..5c9a0132
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-double-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 2.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 3.707 2.354 9.354a.5.5 0 1 1-.708-.708l6-6z"/>
+  <path fill-rule="evenodd" d="M7.646 6.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 7.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-down.svg
new file mode 100644
index 00000000..1f0b8bc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-expand.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-expand.svg
new file mode 100644
index 00000000..0a2b81a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-expand.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-expand" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.646 9.146a.5.5 0 0 1 .708 0L8 12.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zm0-2.292a.5.5 0 0 0 .708 0L8 3.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-left.svg
new file mode 100644
index 00000000..018f8b67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-right.svg
new file mode 100644
index 00000000..d621289b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/chevron-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-up.svg
new file mode 100644
index 00000000..3b2bd42e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/chevron-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/circle-fill.svg
new file mode 100644
index 00000000..e0d1b515
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-fill" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="8"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/circle-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/circle-half.svg
new file mode 100644
index 00000000..53809298
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/circle-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/circle-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/circle-square.svg
new file mode 100644
index 00000000..37d86229
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/circle-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-square" viewBox="0 0 16 16">
+  <path d="M0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6z"/>
+  <path d="M12.93 5h1.57a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1.57a6.953 6.953 0 0 1-1-.22v1.79A1.5 1.5 0 0 0 5.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 4h-1.79c.097.324.17.658.22 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/circle.svg
new file mode 100644
index 00000000..dc57919b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check-fill.svg
new file mode 100644
index 00000000..4c0c18fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check.svg
new file mode 100644
index 00000000..f7591aec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-check.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.854 7.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data-fill.svg
new file mode 100644
index 00000000..e7de45a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-data-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1ZM10 8a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V8Zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-3a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0v-3a1 1 0 0 1 1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data.svg
new file mode 100644
index 00000000..b4fcb336
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-data.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-data" viewBox="0 0 16 16">
+  <path d="M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-fill.svg
new file mode 100644
index 00000000..86d3da06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10 1.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1Zm-5 0A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5v1A1.5 1.5 0 0 1 9.5 4h-3A1.5 1.5 0 0 1 5 2.5v-1Zm-2 0h1v1A2.5 2.5 0 0 0 6.5 5h3A2.5 2.5 0 0 0 12 2.5v-1h1a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart-fill.svg
new file mode 100644
index 00000000..c653de1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm4 5.982c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.69 0-5.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart.svg
new file mode 100644
index 00000000..0b5b3192
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-heart.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 1.5A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5v1A1.5 1.5 0 0 1 9.5 4h-3A1.5 1.5 0 0 1 5 2.5v-1Zm5 0a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1Z"/>
+  <path d="M3 1.5h1v1H3a1 1 0 0 0-1 1V14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3.5a1 1 0 0 0-1-1h-1v-1h1a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2Z"/>
+  <path d="M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.31 8 6.982Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus-fill.svg
new file mode 100644
index 00000000..7828cb8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-minus-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1ZM6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus.svg
new file mode 100644
index 00000000..4826c3e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-minus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.5 9.5A.5.5 0 0 1 6 9h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus-fill.svg
new file mode 100644
index 00000000..2ebdba42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-plus-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm4.5 6V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5a.5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus.svg
new file mode 100644
index 00000000..79020c07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-plus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 7a.5.5 0 0 1 .5.5V9H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V10H6a.5.5 0 0 1 0-1h1.5V7.5A.5.5 0 0 1 8 7z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-pulse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-pulse.svg
new file mode 100644
index 00000000..0c43dab8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-pulse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-pulse" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10 1.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-1Zm-5 0A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5v1A1.5 1.5 0 0 1 9.5 4h-3A1.5 1.5 0 0 1 5 2.5v-1Zm-2 0h1v1H3a1 1 0 0 0-1 1V14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3.5a1 1 0 0 0-1-1h-1v-1h1a2 2 0 0 1 2 2V14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3.5a2 2 0 0 1 2-2Zm6.979 3.856a.5.5 0 0 0-.968.04L7.92 10.49l-.94-3.135a.5.5 0 0 0-.895-.133L4.232 10H3.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 .416-.223l1.41-2.115 1.195 3.982a.5.5 0 0 0 .968-.04L9.58 7.51l.94 3.135A.5.5 0 0 0 11 11h1.5a.5.5 0 0 0 0-1h-1.128L9.979 5.356Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x-fill.svg
new file mode 100644
index 00000000..8cba1ea7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-x-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm4 7.793 1.146-1.147a.5.5 0 1 1 .708.708L8.707 10l1.147 1.146a.5.5 0 0 1-.708.708L8 10.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 10 6.146 8.854a.5.5 0 1 1 .708-.708L8 9.293Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x.svg
new file mode 100644
index 00000000..bba444da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-x" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.146 7.146a.5.5 0 0 1 .708 0L8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard.svg
new file mode 100644
index 00000000..360e0894
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
+  <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
+  <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check-fill.svg
new file mode 100644
index 00000000..01aed624
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-check-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5Zm6.769 6.854-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check.svg
new file mode 100644
index 00000000..c2352080
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-check.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-check" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data-fill.svg
new file mode 100644
index 00000000..40656a7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-data-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5ZM10 7a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7Zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-3a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data.svg
new file mode 100644
index 00000000..74b26f51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-data.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-data" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M10 7a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7Zm-6 4a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1Zm4-3a1 1 0 0 0-1 1v3a1 1 0 1 0 2 0V9a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-fill.svg
new file mode 100644
index 00000000..ca2df571
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-fill" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3.5 1h.585A1.498 1.498 0 0 0 4 1.5V2a1.5 1.5 0 0 0 1.5 1.5h5A1.5 1.5 0 0 0 12 2v-.5c0-.175-.03-.344-.085-.5h.585A1.5 1.5 0 0 1 14 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-12A1.5 1.5 0 0 1 3.5 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart-fill.svg
new file mode 100644
index 00000000..2abc3594
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.058.501a.501.501 0 0 0-.5-.501h-2.98c-.276 0-.5.225-.5.501A.499.499 0 0 1 5.582 1a.497.497 0 0 0-.497.497V2a.5.5 0 0 0 .5.5h4.968a.5.5 0 0 0 .5-.5v-.503A.497.497 0 0 0 10.555 1a.499.499 0 0 1-.497-.499Z"/>
+  <path fill-rule="evenodd" d="M4.174 1h-.57a1.5 1.5 0 0 0-1.5 1.5v12a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5v-12a1.5 1.5 0 0 0-1.5-1.5h-.642c.055.156.085.325.085.5V2c0 .828-.668 1.5-1.492 1.5H5.581A1.496 1.496 0 0 1 4.09 2v-.5c0-.175.03-.344.085-.5Zm3.894 5.482c1.656-1.673 5.795 1.254 0 5.018-5.795-3.764-1.656-6.69 0-5.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart.svg
new file mode 100644
index 00000000..4883c3f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-heart.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-heart" viewBox="0 0 16 16">
+  <path d="M10.058.501a.501.501 0 0 0-.5-.501h-2.98c-.276 0-.5.225-.5.501A.499.499 0 0 1 5.582 1a.497.497 0 0 0-.497.497V2a.5.5 0 0 0 .5.5h4.968a.5.5 0 0 0 .5-.5v-.503A.497.497 0 0 0 10.555 1a.499.499 0 0 1-.497-.499Z"/>
+  <path d="M3.605 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 1 0-1h.5a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-9a1.5 1.5 0 0 1-1.5-1.5v-12a1.5 1.5 0 0 1 1.5-1.5h.5a.5.5 0 0 1 0 1h-.5Z"/>
+  <path d="M8.068 6.482c1.656-1.673 5.795 1.254 0 5.018-5.795-3.764-1.656-6.69 0-5.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus-fill.svg
new file mode 100644
index 00000000..000a2c63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-minus-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5ZM6 8h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus.svg
new file mode 100644
index 00000000..a634bb0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-minus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-minus" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M6 8a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus-fill.svg
new file mode 100644
index 00000000..f1702d8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-plus-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5ZM8.5 6.5V8H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V9H6a.5.5 0 0 1 0-1h1.5V6.5a.5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus.svg
new file mode 100644
index 00000000..474ffdcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-plus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-plus" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M8.5 6.5a.5.5 0 0 0-1 0V8H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V9H10a.5.5 0 0 0 0-1H8.5V6.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse-fill.svg
new file mode 100644
index 00000000..5017f6dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-pulse-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5ZM9.98 5.356 11.372 10h.128a.5.5 0 0 1 0 1H11a.5.5 0 0 1-.479-.356l-.94-3.135-1.092 5.096a.5.5 0 0 1-.968.039L6.383 8.85l-.936 1.873A.5.5 0 0 1 5 11h-.5a.5.5 0 0 1 0-1h.191l1.362-2.724a.5.5 0 0 1 .926.08l.94 3.135 1.092-5.096a.5.5 0 0 1 .968-.039Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse.svg
new file mode 100644
index 00000000..1e6370c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-pulse.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-pulse" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M9.979 5.356a.5.5 0 0 0-.968.04L7.92 10.49l-.94-3.135a.5.5 0 0 0-.926-.08L4.69 10H4.5a.5.5 0 0 0 0 1H5a.5.5 0 0 0 .447-.276l.936-1.873 1.138 3.793a.5.5 0 0 0 .968-.04L9.58 7.51l.94 3.135A.5.5 0 0 0 11 11h.5a.5.5 0 0 0 0-1h-.128L9.979 5.356Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x-fill.svg
new file mode 100644
index 00000000..8f63584d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-x-fill" viewBox="0 0 16 16">
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+  <path d="M4.085 1H3.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1h-.585c.055.156.085.325.085.5V2a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 2v-.5c0-.175.03-.344.085-.5ZM8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 1 1 .708-.708L8 8.293Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x.svg
new file mode 100644
index 00000000..9ac82117
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-x" viewBox="0 0 16 16">
+  <path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5h3Z"/>
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-12Z"/>
+  <path d="M8 8.293 6.854 7.146a.5.5 0 1 0-.708.708L7.293 9l-1.147 1.146a.5.5 0 0 0 .708.708L8 9.707l1.146 1.147a.5.5 0 0 0 .708-.708L8.707 9l1.147-1.146a.5.5 0 0 0-.708-.708L8 8.293Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2.svg
new file mode 100644
index 00000000..d729ddb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clipboard2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2" viewBox="0 0 16 16">
+  <path d="M3.5 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5H12a.5.5 0 0 1 0-1h.5A1.5 1.5 0 0 1 14 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-12A1.5 1.5 0 0 1 3.5 1H4a.5.5 0 0 1 0 1h-.5Z"/>
+  <path d="M10 .5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5.5.5 0 0 1-.5.5.5.5 0 0 0-.5.5V2a.5.5 0 0 0 .5.5h5A.5.5 0 0 0 11 2v-.5a.5.5 0 0 0-.5-.5.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clock-fill.svg
new file mode 100644
index 00000000..189dec10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clock-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clock-history.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clock-history.svg
new file mode 100644
index 00000000..414b526c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clock-history.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
+  <path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022l-.074.997zm2.004.45a7.003 7.003 0 0 0-.985-.299l.219-.976c.383.086.76.2 1.126.342l-.36.933zm1.37.71a7.01 7.01 0 0 0-.439-.27l.493-.87a8.025 8.025 0 0 1 .979.654l-.615.789a6.996 6.996 0 0 0-.418-.302zm1.834 1.79a6.99 6.99 0 0 0-.653-.796l.724-.69c.27.285.52.59.747.91l-.818.576zm.744 1.352a7.08 7.08 0 0 0-.214-.468l.893-.45a7.976 7.976 0 0 1 .45 1.088l-.95.313a7.023 7.023 0 0 0-.179-.483zm.53 2.507a6.991 6.991 0 0 0-.1-1.025l.985-.17c.067.386.106.778.116 1.17l-1 .025zm-.131 1.538c.033-.17.06-.339.081-.51l.993.123a7.957 7.957 0 0 1-.23 1.155l-.964-.267c.046-.165.086-.332.12-.501zm-.952 2.379c.184-.29.346-.594.486-.908l.914.405c-.16.36-.345.706-.555 1.038l-.845-.535zm-.964 1.205c.122-.122.239-.248.35-.378l.758.653a8.073 8.073 0 0 1-.401.432l-.707-.707z"/>
+  <path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0v1z"/>
+  <path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clock.svg
new file mode 100644
index 00000000..72f29396
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock" viewBox="0 0 16 16">
+  <path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/>
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down-fill.svg
new file mode 100644
index 00000000..6e18ca9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-arrow-down-fill" viewBox="0 0 16 16">
+  <path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 6.854-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5a.5.5 0 0 1 1 0v3.793l1.146-1.147a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down.svg
new file mode 100644
index 00000000..cb8e33ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-arrow-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 10.854a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 9.293V5.5a.5.5 0 0 0-1 0v3.793L6.354 8.146a.5.5 0 1 0-.708.708l2 2z"/>
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up-fill.svg
new file mode 100644
index 00000000..89d72fbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-arrow-up-fill" viewBox="0 0 16 16">
+  <path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 5.146a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up.svg
new file mode 100644
index 00000000..6f69abc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-arrow-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-arrow-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 5.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707L6.354 7.854a.5.5 0 1 1-.708-.708l2-2z"/>
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check-fill.svg
new file mode 100644
index 00000000..81f28b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-check-fill" viewBox="0 0 16 16">
+  <path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 4.854-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check.svg
new file mode 100644
index 00000000..917d5c2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download-fill.svg
new file mode 100644
index 00000000..53c4242f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 4.095 0 5.555 0 7.318 0 9.366 1.708 11 3.781 11H7.5V5.5a.5.5 0 0 1 1 0V11h4.188C14.502 11 16 9.57 16 7.773c0-1.636-1.242-2.969-2.834-3.194C12.923 1.999 10.69 0 8 0zm-.354 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V11h-1v3.293l-2.146-2.147a.5.5 0 0 0-.708.708l3 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download.svg
new file mode 100644
index 00000000..c6b3fe31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-download.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download" viewBox="0 0 16 16">
+  <path d="M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z"/>
+  <path d="M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708l3 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle-fill.svg
new file mode 100644
index 00000000..996aec43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-drizzle-fill" viewBox="0 0 16 16">
+  <path d="M4.158 12.025a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm6 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm-3.5 1.5a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm6 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm.747-8.498a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 11H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle.svg
new file mode 100644
index 00000000..bb1e68bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-drizzle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-drizzle" viewBox="0 0 16 16">
+  <path d="M4.158 12.025a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm6 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm-3.5 1.5a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm6 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm.747-8.498a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 11H13a3 3 0 0 0 .405-5.973zM8.5 2a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fill.svg
new file mode 100644
index 00000000..23755bd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-fill" viewBox="0 0 16 16">
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog-fill.svg
new file mode 100644
index 00000000..07f10f4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-fog-fill" viewBox="0 0 16 16">
+  <path d="M3 13.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm10.405-9.473a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 12H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog.svg
new file mode 100644
index 00000000..b40c9838
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-fog" viewBox="0 0 16 16">
+  <path d="M3 13.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm10.405-9.473a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 12H13a3 3 0 0 0 .405-5.973zM8.5 3a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2-fill.svg
new file mode 100644
index 00000000..1d498514
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-fog2-fill" viewBox="0 0 16 16">
+  <path d="M8.5 3a5.001 5.001 0 0 1 4.905 4.027A3 3 0 0 1 13 13h-1.5a.5.5 0 0 0 0-1H1.05a3.51 3.51 0 0 1-.713-1H9.5a.5.5 0 0 0 0-1H.035a3.53 3.53 0 0 1 0-1H7.5a.5.5 0 0 0 0-1H.337a3.5 3.5 0 0 1 3.57-1.977A5.001 5.001 0 0 1 8.5 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2.svg
new file mode 100644
index 00000000..1bd3c250
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-fog2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-fog2" viewBox="0 0 16 16">
+  <path d="M8.5 4a4.002 4.002 0 0 0-3.8 2.745.5.5 0 1 1-.949-.313 5.002 5.002 0 0 1 9.654.595A3 3 0 0 1 13 13H.5a.5.5 0 0 1 0-1H13a2 2 0 0 0 .001-4h-.026a.5.5 0 0 1-.5-.445A4 4 0 0 0 8.5 4zM0 8.5A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail-fill.svg
new file mode 100644
index 00000000..d8a096bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-hail-fill" viewBox="0 0 16 16">
+  <path d="M3.75 15.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zM7.75 15.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm3.592 3.724a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm1.247-6.999a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10.5H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail.svg
new file mode 100644
index 00000000..2f9bec11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-hail.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-hail" viewBox="0 0 16 16">
+  <path d="M13.405 4.527a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10.5H13a3 3 0 0 0 .405-5.973zM8.5 1.5a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1-.001 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1.5zM3.75 15.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zM7.75 15.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm3.592 3.724a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm.408-3.724a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze-fill.svg
new file mode 100644
index 00000000..002fc26b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-haze-fill" viewBox="0 0 16 16">
+  <path d="M4 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm2 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze.svg
new file mode 100644
index 00000000..513e346c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-haze" viewBox="0 0 16 16">
+  <path d="M4 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm2 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2-fill.svg
new file mode 100644
index 00000000..e9b7bda7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-haze2-fill" viewBox="0 0 16 16">
+  <path d="M8.5 2a5.001 5.001 0 0 1 4.905 4.027A3 3 0 0 1 13 12H3.5A3.5 3.5 0 0 1 .035 9H5.5a.5.5 0 0 0 0-1H.035a3.5 3.5 0 0 1 3.871-2.977A5.001 5.001 0 0 1 8.5 2zm-6 8a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zM0 13.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2.svg
new file mode 100644
index 00000000..c213dfb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-haze2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-haze2" viewBox="0 0 16 16">
+  <path d="M8.5 3a4.002 4.002 0 0 0-3.8 2.745.5.5 0 1 1-.949-.313 5.002 5.002 0 0 1 9.654.595A3 3 0 0 1 13 12H4.5a.5.5 0 0 1 0-1H13a2 2 0 0 0 .001-4h-.026a.5.5 0 0 1-.5-.445A4 4 0 0 0 8.5 3zM0 7.5A.5.5 0 0 1 .5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm2 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-2 4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-fill.svg
new file mode 100644
index 00000000..1d309046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning-fill" viewBox="0 0 16 16">
+  <path d="M7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2zm6.352-7.249a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain-fill.svg
new file mode 100644
index 00000000..2b6d4a1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning-rain-fill" viewBox="0 0 16 16">
+  <path d="M2.658 11.026a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm9.5 0a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm-7.5 1.5a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm9.5 0a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm-7.105-1.25A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2zm6.352-7.249a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain.svg
new file mode 100644
index 00000000..31badb3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning-rain.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning-rain" viewBox="0 0 16 16">
+  <path d="M2.658 11.026a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm9.5 0a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm-7.5 1.5a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm9.5 0a.5.5 0 0 1 .316.632l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.316zm-.753-8.499a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning.svg
new file mode 100644
index 00000000..5a8bafd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-lightning.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-lightning" viewBox="0 0 16 16">
+  <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM7.053 11.276A.5.5 0 0 1 7.5 11h1a.5.5 0 0 1 .474.658l-.28.842H9.5a.5.5 0 0 1 .39.812l-2 2.5a.5.5 0 0 1-.875-.433L7.36 14H6.5a.5.5 0 0 1-.447-.724l1-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus-fill.svg
new file mode 100644
index 00000000..753727fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-minus-fill" viewBox="0 0 16 16">
+  <path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zM6 7.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus.svg
new file mode 100644
index 00000000..a4ab6f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-minus" viewBox="0 0 16 16">
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+  <path d="M6 7.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon-fill.svg
new file mode 100644
index 00000000..d968faf9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-moon-fill" viewBox="0 0 16 16">
+  <path d="M11.473 11a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5h-.027z"/>
+  <path d="M11.286 1.778a.5.5 0 0 0-.565-.755 4.595 4.595 0 0 0-3.18 5.003 5.46 5.46 0 0 1 1.055.209A3.603 3.603 0 0 1 9.83 2.617a4.593 4.593 0 0 0 4.31 5.744 3.576 3.576 0 0 1-2.241.634c.162.317.295.652.394 1a4.59 4.59 0 0 0 3.624-2.04.5.5 0 0 0-.565-.755 3.593 3.593 0 0 1-4.065-5.422z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon.svg
new file mode 100644
index 00000000..1089204a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-moon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-moon" viewBox="0 0 16 16">
+  <path d="M7 8a3.5 3.5 0 0 1 3.5 3.555.5.5 0 0 0 .625.492A1.503 1.503 0 0 1 13 13.5a1.5 1.5 0 0 1-1.5 1.5H3a2 2 0 1 1 .1-3.998.5.5 0 0 0 .509-.375A3.502 3.502 0 0 1 7 8zm4.473 3a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5h-.027z"/>
+  <path d="M11.286 1.778a.5.5 0 0 0-.565-.755 4.595 4.595 0 0 0-3.18 5.003 5.46 5.46 0 0 1 1.055.209A3.603 3.603 0 0 1 9.83 2.617a4.593 4.593 0 0 0 4.31 5.744 3.576 3.576 0 0 1-2.241.634c.162.317.295.652.394 1a4.59 4.59 0 0 0 3.624-2.04.5.5 0 0 0-.565-.755 3.593 3.593 0 0 1-4.065-5.422z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus-fill.svg
new file mode 100644
index 00000000..92620aa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-plus-fill" viewBox="0 0 16 16">
+  <path d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm.5 4v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus.svg
new file mode 100644
index 00000000..4ef51f2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 5.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 .5-.5z"/>
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-fill.svg
new file mode 100644
index 00000000..94cddbaa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-rain-fill" viewBox="0 0 16 16">
+  <path d="M4.158 12.025a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-1 3a.5.5 0 1 1-.948-.316l1-3a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 1 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-1 3a.5.5 0 1 1-.948-.316l1-3a.5.5 0 0 1 .632-.317zm.247-6.998a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 11H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy-fill.svg
new file mode 100644
index 00000000..167c8af4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-rain-heavy-fill" viewBox="0 0 16 16">
+  <path d="M4.176 11.032a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 0 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 0 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 0 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 0 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm.229-7.005a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy.svg
new file mode 100644
index 00000000..a5c41e5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain-heavy.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-rain-heavy" viewBox="0 0 16 16">
+  <path d="M4.176 11.032a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 1 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 1 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 1 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm3 0a.5.5 0 0 1 .292.643l-1.5 4a.5.5 0 0 1-.936-.35l1.5-4a.5.5 0 0 1 .644-.293zm.229-7.005a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain.svg
new file mode 100644
index 00000000..eb400323
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-rain.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-rain" viewBox="0 0 16 16">
+  <path d="M4.158 12.025a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-1 3a.5.5 0 0 1-.948-.316l1-3a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-.5 1.5a.5.5 0 0 1-.948-.316l.5-1.5a.5.5 0 0 1 .632-.317zm3 0a.5.5 0 0 1 .316.633l-1 3a.5.5 0 1 1-.948-.316l1-3a.5.5 0 0 1 .632-.317zm.247-6.998a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 11H13a3 3 0 0 0 .405-5.973zM8.5 2a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash-fill.svg
new file mode 100644
index 00000000..a4b8bad4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-slash-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.112 5.112a3.125 3.125 0 0 0-.17.613C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13H11L3.112 5.112zm11.372 7.372L4.937 2.937A5.512 5.512 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773a3.2 3.2 0 0 1-1.516 2.711zm-.838 1.87-12-12 .708-.708 12 12-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash.svg
new file mode 100644
index 00000000..fe891783
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-slash" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.112 5.112a3.125 3.125 0 0 0-.17.613C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13H11l-1-1H3.781C2.231 12 1 10.785 1 9.318c0-1.365 1.064-2.513 2.46-2.666l.446-.05v-.447c0-.075.006-.152.018-.231l-.812-.812zm2.55-1.45-.725-.725A5.512 5.512 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773a3.2 3.2 0 0 1-1.516 2.711l-.733-.733C14.498 11.378 15 10.626 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3c-.875 0-1.678.26-2.339.661z"/>
+  <path d="m13.646 14.354-12-12 .708-.708 12 12-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet-fill.svg
new file mode 100644
index 00000000..73764dcf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-sleet-fill" viewBox="0 0 16 16">
+  <path d="M2.375 13.5a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 1 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 1 1-.248-.434l.495-.283-.495-.283a.25.25 0 1 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 0 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223zM6.375 13.5a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 1 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 1 1-.248-.434l.495-.283-.495-.283a.25.25 0 1 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 0 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223zm2.151 2.447a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 1 1-.248.434l-.501-.286v.569a.25.25 0 0 1-.5 0v-.57l-.501.287a.25.25 0 1 1-.248-.434l.495-.283-.495-.283a.25.25 0 1 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 1 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223zm1.181-7.026a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet.svg
new file mode 100644
index 00000000..d3c8f2eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sleet.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-sleet" viewBox="0 0 16 16">
+  <path d="M13.405 4.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10H13a3 3 0 0 0 .405-5.973zM8.5 1a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1 0 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1zM2.375 13.5a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 1 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223zM6.375 13.5a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 1 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223zm2.151 2.447a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm1.849-2.447a.5.5 0 0 1 .223.67l-.5 1a.5.5 0 1 1-.894-.447l.5-1a.5.5 0 0 1 .67-.223z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow-fill.svg
new file mode 100644
index 00000000..0ffc577a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-snow-fill" viewBox="0 0 16 16">
+  <path d="M2.625 11.5a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm2.75 2a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm5.5 0a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 0 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm-2.75-2a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm5.5 0a.25.25 0 0 1 .25.25v.57l.5-.287a.25.25 0 0 1 .249.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 0 1-.5 0v-.57l-.501.287a.25.25 0 1 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm-.22-7.223a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10.25H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow.svg
new file mode 100644
index 00000000..b1643fbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-snow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-snow" viewBox="0 0 16 16">
+  <path d="M13.405 4.277a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 10.25H13a3 3 0 0 0 .405-5.973zM8.5 1.25a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1-.001 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 1.25zM2.625 11.5a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm2.75 2a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm5.5 0a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm-2.75-2a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25zm5.5 0a.25.25 0 0 1 .25.25v.57l.501-.287a.25.25 0 0 1 .248.434l-.495.283.495.283a.25.25 0 0 1-.248.434l-.501-.286v.569a.25.25 0 1 1-.5 0v-.57l-.501.287a.25.25 0 0 1-.248-.434l.495-.283-.495-.283a.25.25 0 0 1 .248-.434l.501.286v-.569a.25.25 0 0 1 .25-.25z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun-fill.svg
new file mode 100644
index 00000000..9ecf7de7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-sun-fill" viewBox="0 0 16 16">
+  <path d="M11.473 11a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5h-.027z"/>
+  <path d="M10.5 1.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0v-1zm3.743 1.964a.5.5 0 1 0-.707-.707l-.708.707a.5.5 0 0 0 .708.708l.707-.708zm-7.779-.707a.5.5 0 0 0-.707.707l.707.708a.5.5 0 1 0 .708-.708l-.708-.707zm1.734 3.374a2 2 0 1 1 3.296 2.198c.199.281.372.582.516.898a3 3 0 1 0-4.84-3.225c.352.011.696.055 1.028.129zm4.484 4.074c.6.215 1.125.59 1.522 1.072a.5.5 0 0 0 .039-.742l-.707-.707a.5.5 0 0 0-.854.377zM14.5 6.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun.svg
new file mode 100644
index 00000000..76ebc49e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-sun.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-sun" viewBox="0 0 16 16">
+  <path d="M7 8a3.5 3.5 0 0 1 3.5 3.555.5.5 0 0 0 .624.492A1.503 1.503 0 0 1 13 13.5a1.5 1.5 0 0 1-1.5 1.5H3a2 2 0 1 1 .1-3.998.5.5 0 0 0 .51-.375A3.502 3.502 0 0 1 7 8zm4.473 3a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 16h8.5a2.5 2.5 0 0 0 0-5h-.027z"/>
+  <path d="M10.5 1.5a.5.5 0 0 0-1 0v1a.5.5 0 0 0 1 0v-1zm3.743 1.964a.5.5 0 1 0-.707-.707l-.708.707a.5.5 0 0 0 .708.708l.707-.708zm-7.779-.707a.5.5 0 0 0-.707.707l.707.708a.5.5 0 1 0 .708-.708l-.708-.707zm1.734 3.374a2 2 0 1 1 3.296 2.198c.199.281.372.582.516.898a3 3 0 1 0-4.84-3.225c.352.011.696.055 1.028.129zm4.484 4.074c.6.215 1.125.59 1.522 1.072a.5.5 0 0 0 .039-.742l-.707-.707a.5.5 0 0 0-.854.377zM14.5 6.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload-fill.svg
new file mode 100644
index 00000000..766015d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-upload-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 4.095 0 5.555 0 7.318 0 9.366 1.708 11 3.781 11H7.5V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11h4.188C14.502 11 16 9.57 16 7.773c0-1.636-1.242-2.969-2.834-3.194C12.923 1.999 10.69 0 8 0zm-.5 14.5V11h1v3.5a.5.5 0 0 1-1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload.svg
new file mode 100644
index 00000000..6184b727
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud-upload.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-upload" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z"/>
+  <path fill-rule="evenodd" d="M7.646 4.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V14.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloud.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloud.svg
new file mode 100644
index 00000000..7b0b9b38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloud.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud" viewBox="0 0 16 16">
+  <path d="M4.406 3.342A5.53 5.53 0 0 1 8 2c2.69 0 4.923 2 5.166 4.579C14.758 6.804 16 8.137 16 9.773 16 11.569 14.502 13 12.687 13H3.781C1.708 13 0 11.366 0 9.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383zm.653.757c-.757.653-1.153 1.44-1.153 2.056v.448l-.445.049C2.064 6.805 1 7.952 1 9.318 1 10.785 2.23 12 3.781 12h8.906C13.98 12 15 10.988 15 9.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 4.825 10.328 3 8 3a4.53 4.53 0 0 0-2.941 1.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clouds-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clouds-fill.svg
new file mode 100644
index 00000000..fe7fc071
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clouds-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clouds-fill" viewBox="0 0 16 16">
+  <path d="M11.473 9a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 14h8.5a2.5 2.5 0 1 0-.027-5z"/>
+  <path d="M14.544 9.772a3.506 3.506 0 0 0-2.225-1.676 5.502 5.502 0 0 0-6.337-4.002 4.002 4.002 0 0 1 7.392.91 2.5 2.5 0 0 1 1.17 4.769z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/clouds.svg b/apps/phoenix_webcomponent/priv/bsi/svg/clouds.svg
new file mode 100644
index 00000000..c9a5ba00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/clouds.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clouds" viewBox="0 0 16 16">
+  <path d="M16 7.5a2.5 2.5 0 0 1-1.456 2.272 3.513 3.513 0 0 0-.65-.824 1.5 1.5 0 0 0-.789-2.896.5.5 0 0 1-.627-.421 3 3 0 0 0-5.22-1.625 5.587 5.587 0 0 0-1.276.088 4.002 4.002 0 0 1 7.392.91A2.5 2.5 0 0 1 16 7.5z"/>
+  <path d="M7 5a4.5 4.5 0 0 1 4.473 4h.027a2.5 2.5 0 0 1 0 5H3a3 3 0 0 1-.247-5.99A4.502 4.502 0 0 1 7 5zm3.5 4.5a3.5 3.5 0 0 0-6.89-.873.5.5 0 0 1-.51.375A2 2 0 1 0 3 13h8.5a1.5 1.5 0 1 0-.376-2.953.5.5 0 0 1-.624-.492V9.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloudy-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloudy-fill.svg
new file mode 100644
index 00000000..3e90f9e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloudy-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloudy-fill" viewBox="0 0 16 16">
+  <path d="M13.405 7.027a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 13H13a3 3 0 0 0 .405-5.973z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cloudy.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cloudy.svg
new file mode 100644
index 00000000..0783bcae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cloudy.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloudy" viewBox="0 0 16 16">
+  <path d="M13.405 8.527a5.001 5.001 0 0 0-9.499-1.004A3.5 3.5 0 1 0 3.5 14.5H13a3 3 0 0 0 .405-5.973zM8.5 5.5a4 4 0 0 1 3.976 3.555.5.5 0 0 0 .5.445H13a2 2 0 0 1-.001 4H3.5a2.5 2.5 0 1 1 .605-4.926.5.5 0 0 0 .596-.329A4.002 4.002 0 0 1 8.5 5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/code-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/code-slash.svg
new file mode 100644
index 00000000..ef0ef018
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/code-slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code-slash" viewBox="0 0 16 16">
+  <path d="M10.478 1.647a.5.5 0 1 0-.956-.294l-4 13a.5.5 0 0 0 .956.294l4-13zM4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/code-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/code-square.svg
new file mode 100644
index 00000000..415b56c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/code-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M6.854 4.646a.5.5 0 0 1 0 .708L4.207 8l2.647 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0zm2.292 0a.5.5 0 0 0 0 .708L11.793 8l-2.647 2.646a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/code.svg b/apps/phoenix_webcomponent/priv/bsi/svg/code.svg
new file mode 100644
index 00000000..079f5c67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/code.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-code" viewBox="0 0 16 16">
+  <path d="M5.854 4.854a.5.5 0 1 0-.708-.708l-3.5 3.5a.5.5 0 0 0 0 .708l3.5 3.5a.5.5 0 0 0 .708-.708L2.707 8l3.147-3.146zm4.292 0a.5.5 0 0 1 .708-.708l3.5 3.5a.5.5 0 0 1 0 .708l-3.5 3.5a.5.5 0 0 1-.708-.708L13.293 8l-3.147-3.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/coin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/coin.svg
new file mode 100644
index 00000000..045d428f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/coin.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-coin" viewBox="0 0 16 16">
+  <path d="M5.5 9.511c.076.954.83 1.697 2.182 1.785V12h.6v-.709c1.4-.098 2.218-.846 2.218-1.932 0-.987-.626-1.496-1.745-1.76l-.473-.112V5.57c.6.068.982.396 1.074.85h1.052c-.076-.919-.864-1.638-2.126-1.716V4h-.6v.719c-1.195.117-2.01.836-2.01 1.853 0 .9.606 1.472 1.613 1.707l.397.098v2.034c-.615-.093-1.022-.43-1.114-.9H5.5zm2.177-2.166c-.59-.137-.91-.416-.91-.836 0-.47.345-.822.915-.925v1.76h-.005zm.692 1.193c.717.166 1.048.435 1.048.91 0 .542-.412.914-1.135.982V8.518l.087.02z"/>
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M8 13.5a5.5 5.5 0 1 1 0-11 5.5 5.5 0 0 1 0 11zm0 .5A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/collection-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/collection-fill.svg
new file mode 100644
index 00000000..fee7f54f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/collection-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-collection-fill" viewBox="0 0 16 16">
+  <path d="M0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zM2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/collection-play-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/collection-play-fill.svg
new file mode 100644
index 00000000..2601e48c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/collection-play-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-collection-play-fill" viewBox="0 0 16 16">
+  <path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm6.258-6.437a.5.5 0 0 1 .507.013l4 2.5a.5.5 0 0 1 0 .848l-4 2.5A.5.5 0 0 1 6 12V7a.5.5 0 0 1 .258-.437z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/collection-play.svg b/apps/phoenix_webcomponent/priv/bsi/svg/collection-play.svg
new file mode 100644
index 00000000..96b5c6ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/collection-play.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-collection-play" viewBox="0 0 16 16">
+  <path d="M2 3a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11A.5.5 0 0 0 2 3zm2-2a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7A.5.5 0 0 0 4 1zm2.765 5.576A.5.5 0 0 0 6 7v5a.5.5 0 0 0 .765.424l4-2.5a.5.5 0 0 0 0-.848l-4-2.5z"/>
+  <path d="M1.5 14.5A1.5 1.5 0 0 1 0 13V6a1.5 1.5 0 0 1 1.5-1.5h13A1.5 1.5 0 0 1 16 6v7a1.5 1.5 0 0 1-1.5 1.5h-13zm13-1a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5h-13A.5.5 0 0 0 1 6v7a.5.5 0 0 0 .5.5h13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/collection.svg b/apps/phoenix_webcomponent/priv/bsi/svg/collection.svg
new file mode 100644
index 00000000..0870f5af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/collection.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-collection" viewBox="0 0 16 16">
+  <path d="M2.5 3.5a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-11zm2-2a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM0 13a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 16 13V6a1.5 1.5 0 0 0-1.5-1.5h-13A1.5 1.5 0 0 0 0 6v7zm1.5.5A.5.5 0 0 1 1 13V6a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/columns-gap.svg b/apps/phoenix_webcomponent/priv/bsi/svg/columns-gap.svg
new file mode 100644
index 00000000..b3cb1753
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/columns-gap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-columns-gap" viewBox="0 0 16 16">
+  <path d="M6 1v3H1V1h5zM1 0a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm14 12v3h-5v-3h5zm-5-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5zM6 8v7H1V8h5zM1 7a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H1zm14-6v7h-5V1h5zm-5-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1h-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/columns.svg b/apps/phoenix_webcomponent/priv/bsi/svg/columns.svg
new file mode 100644
index 00000000..d7854918
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/columns.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-columns" viewBox="0 0 16 16">
+  <path d="M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2zm8.5 0v8H15V2H8.5zm0 9v3H15v-3H8.5zm-1-9H1v3h6.5V2zM1 14h6.5V6H1v8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/command.svg b/apps/phoenix_webcomponent/priv/bsi/svg/command.svg
new file mode 100644
index 00000000..d1622544
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/command.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-command" viewBox="0 0 16 16">
+  <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5V5H3.5a1.5 1.5 0 1 1 0-3zM6 5V3.5A2.5 2.5 0 1 0 3.5 6H5v4H3.5A2.5 2.5 0 1 0 6 12.5V11h4v1.5a2.5 2.5 0 1 0 2.5-2.5H11V6h1.5A2.5 2.5 0 1 0 10 3.5V5H6zm4 1v4H6V6h4zm1-1V3.5A1.5 1.5 0 1 1 12.5 5H11zm0 6h1.5a1.5 1.5 0 1 1-1.5 1.5V11zm-6 0v1.5A1.5 1.5 0 1 1 3.5 11H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/compass-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/compass-fill.svg
new file mode 100644
index 00000000..ad821c4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/compass-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-compass-fill" viewBox="0 0 16 16">
+  <path d="M15.5 8.516a7.5 7.5 0 1 1-9.462-7.24A1 1 0 0 1 7 0h2a1 1 0 0 1 .962 1.276 7.503 7.503 0 0 1 5.538 7.24zm-3.61-3.905L6.94 7.439 4.11 12.39l4.95-2.828 2.828-4.95z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/compass.svg b/apps/phoenix_webcomponent/priv/bsi/svg/compass.svg
new file mode 100644
index 00000000..86494617
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/compass.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-compass" viewBox="0 0 16 16">
+  <path d="M8 16.016a7.5 7.5 0 0 0 1.962-14.74A1 1 0 0 0 9 0H7a1 1 0 0 0-.962 1.276A7.5 7.5 0 0 0 8 16.016zm6.5-7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+  <path d="m6.94 7.44 4.95-2.83-2.83 4.95-4.949 2.83 2.828-4.95z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cone-striped.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cone-striped.svg
new file mode 100644
index 00000000..44e96065
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cone-striped.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cone-striped" viewBox="0 0 16 16">
+  <path d="m9.97 4.88.953 3.811C10.159 8.878 9.14 9 8 9c-1.14 0-2.158-.122-2.923-.309L6.03 4.88C6.635 4.957 7.3 5 8 5s1.365-.043 1.97-.12zm-.245-.978L8.97.88C8.718-.13 7.282-.13 7.03.88L6.275 3.9C6.8 3.965 7.382 4 8 4c.618 0 1.2-.036 1.725-.098zm4.396 8.613a.5.5 0 0 1 .037.96l-6 2a.5.5 0 0 1-.316 0l-6-2a.5.5 0 0 1 .037-.96l2.391-.598.565-2.257c.862.212 1.964.339 3.165.339s2.303-.127 3.165-.339l.565 2.257 2.391.598z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cone.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cone.svg
new file mode 100644
index 00000000..2de05c5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cone.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cone" viewBox="0 0 16 16">
+  <path d="M7.03 1.88c.252-1.01 1.688-1.01 1.94 0l2.905 11.62H14a.5.5 0 0 1 0 1H2a.5.5 0 0 1 0-1h2.125L7.03 1.88z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/controller.svg b/apps/phoenix_webcomponent/priv/bsi/svg/controller.svg
new file mode 100644
index 00000000..15e77745
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/controller.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-controller" viewBox="0 0 16 16">
+  <path d="M11.5 6.027a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-1.5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm-6.5-3h1v1h1v1h-1v1h-1v-1h-1v-1h1v-1z"/>
+  <path d="M3.051 3.26a.5.5 0 0 1 .354-.613l1.932-.518a.5.5 0 0 1 .62.39c.655-.079 1.35-.117 2.043-.117.72 0 1.443.041 2.12.126a.5.5 0 0 1 .622-.399l1.932.518a.5.5 0 0 1 .306.729c.14.09.266.19.373.297.408.408.78 1.05 1.095 1.772.32.733.599 1.591.805 2.466.206.875.34 1.78.364 2.606.024.816-.059 1.602-.328 2.21a1.42 1.42 0 0 1-1.445.83c-.636-.067-1.115-.394-1.513-.773-.245-.232-.496-.526-.739-.808-.126-.148-.25-.292-.368-.423-.728-.804-1.597-1.527-3.224-1.527-1.627 0-2.496.723-3.224 1.527-.119.131-.242.275-.368.423-.243.282-.494.575-.739.808-.398.38-.877.706-1.513.773a1.42 1.42 0 0 1-1.445-.83c-.27-.608-.352-1.395-.329-2.21.024-.826.16-1.73.365-2.606.206-.875.486-1.733.805-2.466.315-.722.687-1.364 1.094-1.772a2.34 2.34 0 0 1 .433-.335.504.504 0 0 1-.028-.079zm2.036.412c-.877.185-1.469.443-1.733.708-.276.276-.587.783-.885 1.465a13.748 13.748 0 0 0-.748 2.295 12.351 12.351 0 0 0-.339 2.406c-.022.755.062 1.368.243 1.776a.42.42 0 0 0 .426.24c.327-.034.61-.199.929-.502.212-.202.4-.423.615-.674.133-.156.276-.323.44-.504C4.861 9.969 5.978 9.027 8 9.027s3.139.942 3.965 1.855c.164.181.307.348.44.504.214.251.403.472.615.674.318.303.601.468.929.503a.42.42 0 0 0 .426-.241c.18-.408.265-1.02.243-1.776a12.354 12.354 0 0 0-.339-2.406 13.753 13.753 0 0 0-.748-2.295c-.298-.682-.61-1.19-.885-1.465-.264-.265-.856-.523-1.733-.708-.85-.179-1.877-.27-2.913-.27-1.036 0-2.063.091-2.913.27z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cpu-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cpu-fill.svg
new file mode 100644
index 00000000..50d0a078
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cpu-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu-fill" viewBox="0 0 16 16">
+  <path d="M6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
+  <path d="M5.5.5a.5.5 0 0 0-1 0V2A2.5 2.5 0 0 0 2 4.5H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2v1H.5a.5.5 0 0 0 0 1H2A2.5 2.5 0 0 0 4.5 14v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14h1v1.5a.5.5 0 0 0 1 0V14a2.5 2.5 0 0 0 2.5-2.5h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14v-1h1.5a.5.5 0 0 0 0-1H14A2.5 2.5 0 0 0 11.5 2V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5a.5.5 0 0 0-1 0V2h-1V.5zm1 4.5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3A1.5 1.5 0 0 1 6.5 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cpu.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cpu.svg
new file mode 100644
index 00000000..a9fbaa3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cpu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu" viewBox="0 0 16 16">
+  <path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0zm-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3h-7zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back-fill.svg
new file mode 100644
index 00000000..c80bb6c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-2-back-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5H0V4zm11.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zM0 11v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1H0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back.svg
new file mode 100644
index 00000000..e99159cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-back.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-2-back" viewBox="0 0 16 16">
+  <path d="M11 5.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm13 2v5H1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm-1 9H2a1 1 0 0 1-1-1v-1h14v1a1 1 0 0 1-1 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front-fill.svg
new file mode 100644
index 00000000..c082ef0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-2-front-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2.5 1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm3 0a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front.svg
new file mode 100644
index 00000000..95b071df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-2-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-2-front" viewBox="0 0 16 16">
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+  <path d="M2 5.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-fill.svg
new file mode 100644
index 00000000..d0686a8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1H0V4zm0 3v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7H0zm3 2h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/credit-card.svg b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card.svg
new file mode 100644
index 00000000..f716d39d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/credit-card.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-credit-card" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z"/>
+  <path d="M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/crop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/crop.svg
new file mode 100644
index 00000000..b7e17490
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/crop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-crop" viewBox="0 0 16 16">
+  <path d="M3.5.5A.5.5 0 0 1 4 1v13h13a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2H3.5a.5.5 0 0 1-.5-.5V4H1a.5.5 0 0 1 0-1h2V1a.5.5 0 0 1 .5-.5zm2.5 3a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4H6.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cup-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cup-fill.svg
new file mode 100644
index 00000000..c8119352
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cup-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M.11 3.187A.5.5 0 0 1 .5 3h13a.5.5 0 0 1 .488.608l-.22.991a3.001 3.001 0 0 1-1.3 5.854l-.132.59A2.5 2.5 0 0 1 9.896 13H4.104a2.5 2.5 0 0 1-2.44-1.958L.012 3.608a.5.5 0 0 1 .098-.42Zm12.574 6.288a2 2 0 0 0 .866-3.899l-.866 3.9Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot-fill.svg
new file mode 100644
index 00000000..f512ae01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-hot-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5Z"/>
+  <path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot.svg
new file mode 100644
index 00000000..789f1ea5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cup-hot.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-hot" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M.5 6a.5.5 0 0 0-.488.608l1.652 7.434A2.5 2.5 0 0 0 4.104 16h5.792a2.5 2.5 0 0 0 2.44-1.958l.131-.59a3 3 0 0 0 1.3-5.854l.221-.99A.5.5 0 0 0 13.5 6H.5ZM13 12.5a2.01 2.01 0 0 1-.316-.025l.867-3.898A2.001 2.001 0 0 1 13 12.5ZM2.64 13.825 1.123 7h11.754l-1.517 6.825A1.5 1.5 0 0 1 9.896 15H4.104a1.5 1.5 0 0 1-1.464-1.175Z"/>
+  <path d="m4.4.8-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 3.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 3.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 3 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 4.4.8Zm3 0-.003.004-.014.019a4.167 4.167 0 0 0-.204.31 2.327 2.327 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.31 3.31 0 0 1-.202.388 5.444 5.444 0 0 1-.253.382l-.018.025-.005.008-.002.002A.5.5 0 0 1 6.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 6.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 6 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 7.4.8Zm3 0-.003.004-.014.019a4.077 4.077 0 0 0-.204.31 2.337 2.337 0 0 0-.141.267c-.026.06-.034.092-.037.103v.004a.593.593 0 0 0 .091.248c.075.133.178.272.308.445l.01.012c.118.158.26.347.37.543.112.2.22.455.22.745 0 .188-.065.368-.119.494a3.198 3.198 0 0 1-.202.388 5.385 5.385 0 0 1-.252.382l-.019.025-.005.008-.002.002A.5.5 0 0 1 9.6 4.2l.003-.004.014-.019a4.149 4.149 0 0 0 .204-.31 2.06 2.06 0 0 0 .141-.267c.026-.06.034-.092.037-.103a.593.593 0 0 0-.09-.252A4.334 4.334 0 0 0 9.6 2.8l-.01-.012a5.099 5.099 0 0 1-.37-.543A1.53 1.53 0 0 1 9 1.5c0-.188.065-.368.119-.494.059-.138.134-.274.202-.388a5.446 5.446 0 0 1 .253-.382l.025-.035A.5.5 0 0 1 10.4.8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cup-straw.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cup-straw.svg
new file mode 100644
index 00000000..bda9d076
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cup-straw.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup-straw" viewBox="0 0 16 16">
+  <path d="M13.902.334a.5.5 0 0 1-.28.65l-2.254.902-.4 1.927c.376.095.715.215.972.367.228.135.56.396.56.82 0 .046-.004.09-.011.132l-.962 9.068a1.28 1.28 0 0 1-.524.93c-.488.34-1.494.87-3.01.87-1.516 0-2.522-.53-3.01-.87a1.28 1.28 0 0 1-.524-.93L3.51 5.132A.78.78 0 0 1 3.5 5c0-.424.332-.685.56-.82.262-.154.607-.276.99-.372C5.824 3.614 6.867 3.5 8 3.5c.712 0 1.389.045 1.985.127l.464-2.215a.5.5 0 0 1 .303-.356l2.5-1a.5.5 0 0 1 .65.278zM9.768 4.607A13.991 13.991 0 0 0 8 4.5c-1.076 0-2.033.11-2.707.278A3.284 3.284 0 0 0 4.645 5c.146.073.362.15.648.222C5.967 5.39 6.924 5.5 8 5.5c.571 0 1.109-.03 1.588-.085l.18-.808zm.292 1.756C9.445 6.45 8.742 6.5 8 6.5c-1.133 0-2.176-.114-2.95-.308a5.514 5.514 0 0 1-.435-.127l.838 8.03c.013.121.06.186.102.215.357.249 1.168.69 2.438.69 1.27 0 2.081-.441 2.438-.69.042-.029.09-.094.102-.215l.852-8.03a5.517 5.517 0 0 1-.435.127 8.88 8.88 0 0 1-.89.17zM4.467 4.884s.003.002.005.006l-.005-.006zm7.066 0-.005.006c.002-.004.005-.006.005-.006zM11.354 5a3.174 3.174 0 0 0-.604-.21l-.099.445.055-.013c.286-.072.502-.149.648-.222z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cup.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cup.svg
new file mode 100644
index 00000000..490fe09a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cup.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cup" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M.11 3.187A.5.5 0 0 1 .5 3h13a.5.5 0 0 1 .488.608l-.22.991a3.001 3.001 0 0 1-1.3 5.854l-.132.59A2.5 2.5 0 0 1 9.896 13H4.104a2.5 2.5 0 0 1-2.44-1.958L.012 3.608a.5.5 0 0 1 .098-.42Zm12.574 6.288a2 2 0 0 0 .866-3.899l-.866 3.9ZM1.124 4l1.516 6.825A1.5 1.5 0 0 0 4.104 12h5.792a1.5 1.5 0 0 0 1.464-1.175L12.877 4H1.123Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-bitcoin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-bitcoin.svg
new file mode 100644
index 00000000..488adca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-bitcoin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-bitcoin" viewBox="0 0 16 16">
+  <path d="M5.5 13v1.25c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25V13h.5v1.25c0 .138.112.25.25.25h1a.25.25 0 0 0 .25-.25V13h.084c1.992 0 3.416-1.033 3.416-2.82 0-1.502-1.007-2.323-2.186-2.44v-.088c.97-.242 1.683-.974 1.683-2.19C11.997 3.93 10.847 3 9.092 3H9V1.75a.25.25 0 0 0-.25-.25h-1a.25.25 0 0 0-.25.25V3h-.573V1.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25V3l-1.998.011a.25.25 0 0 0-.25.25v.989c0 .137.11.25.248.25l.755-.005a.75.75 0 0 1 .745.75v5.505a.75.75 0 0 1-.75.75l-.748.011a.25.25 0 0 0-.25.25v1c0 .138.112.25.25.25L5.5 13zm1.427-8.513h1.719c.906 0 1.438.498 1.438 1.312 0 .871-.575 1.362-1.877 1.362h-1.28V4.487zm0 4.051h1.84c1.137 0 1.756.58 1.756 1.524 0 .953-.626 1.45-2.158 1.45H6.927V8.539z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-dollar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-dollar.svg
new file mode 100644
index 00000000..572e34c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-dollar.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-dollar" viewBox="0 0 16 16">
+  <path d="M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-euro.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-euro.svg
new file mode 100644
index 00000000..1fcaa7c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-euro.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-euro" viewBox="0 0 16 16">
+  <path d="M4 9.42h1.063C5.4 12.323 7.317 14 10.34 14c.622 0 1.167-.068 1.659-.185v-1.3c-.484.119-1.045.17-1.659.17-2.1 0-3.455-1.198-3.775-3.264h4.017v-.928H6.497v-.936c0-.11 0-.219.008-.329h4.078v-.927H6.618c.388-1.898 1.719-2.985 3.723-2.985.614 0 1.175.05 1.659.177V2.194A6.617 6.617 0 0 0 10.341 2c-2.928 0-4.82 1.569-5.244 4.3H4v.928h1.01v1.265H4v.928z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-exchange.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-exchange.svg
new file mode 100644
index 00000000..1e3eaf39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-exchange.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-exchange" viewBox="0 0 16 16">
+  <path d="M0 5a5.002 5.002 0 0 0 4.027 4.905 6.46 6.46 0 0 1 .544-2.073C3.695 7.536 3.132 6.864 3 5.91h-.5v-.426h.466V5.05c0-.046 0-.093.004-.135H2.5v-.427h.511C3.236 3.24 4.213 2.5 5.681 2.5c.316 0 .59.031.819.085v.733a3.46 3.46 0 0 0-.815-.082c-.919 0-1.538.466-1.734 1.252h1.917v.427h-1.98c-.003.046-.003.097-.003.147v.422h1.983v.427H3.93c.118.602.468 1.03 1.005 1.229a6.5 6.5 0 0 1 4.97-3.113A5.002 5.002 0 0 0 0 5zm16 5.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0zm-7.75 1.322c.069.835.746 1.485 1.964 1.562V14h.54v-.62c1.259-.086 1.996-.74 1.996-1.69 0-.865-.563-1.31-1.57-1.54l-.426-.1V8.374c.54.06.884.347.966.745h.948c-.07-.804-.779-1.433-1.914-1.502V7h-.54v.629c-1.076.103-1.808.732-1.808 1.622 0 .787.544 1.288 1.45 1.493l.358.085v1.78c-.554-.08-.92-.376-1.003-.787H8.25zm1.96-1.895c-.532-.12-.82-.364-.82-.732 0-.41.311-.719.824-.809v1.54h-.005zm.622 1.044c.645.145.943.38.943.796 0 .474-.37.8-1.02.86v-1.674l.077.018z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-pound.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-pound.svg
new file mode 100644
index 00000000..60dbd585
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-pound.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-pound" viewBox="0 0 16 16">
+  <path d="M4 8.585h1.969c.115.465.186.939.186 1.43 0 1.385-.736 2.496-2.075 2.771V14H12v-1.24H6.492v-.129c.825-.525 1.135-1.446 1.135-2.694 0-.465-.07-.913-.168-1.352h3.29v-.972H7.22c-.186-.723-.372-1.455-.372-2.247 0-1.274 1.047-2.066 2.58-2.066a5.32 5.32 0 0 1 2.103.465V2.456A5.629 5.629 0 0 0 9.348 2C6.865 2 5.322 3.291 5.322 5.366c0 .775.195 1.515.399 2.247H4v.972z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-rupee.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-rupee.svg
new file mode 100644
index 00000000..843d0fa8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-rupee.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
+  <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/currency-yen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/currency-yen.svg
new file mode 100644
index 00000000..5bbf1a2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/currency-yen.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-yen" viewBox="0 0 16 16">
+  <path d="M8.75 14v-2.629h2.446v-.967H8.75v-1.31h2.445v-.967H9.128L12.5 2h-1.699L8.047 7.327h-.086L5.207 2H3.5l3.363 6.127H4.778v.968H7.25v1.31H4.78v.966h2.47V14h1.502z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cursor-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cursor-fill.svg
new file mode 100644
index 00000000..093372b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cursor-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cursor-fill" viewBox="0 0 16 16">
+  <path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cursor-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cursor-text.svg
new file mode 100644
index 00000000..42a48fa8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cursor-text.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cursor-text" viewBox="0 0 16 16">
+  <path d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2zm3.352 1.355zm-.704 9.29z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/cursor.svg b/apps/phoenix_webcomponent/priv/bsi/svg/cursor.svg
new file mode 100644
index 00000000..315106bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/cursor.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cursor" viewBox="0 0 16 16">
+  <path d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-dotted.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-dotted.svg
new file mode 100644
index 00000000..7e29372d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-dotted.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-circle-dotted" viewBox="0 0 16 16">
+  <path d="M8 0c-.176 0-.35.006-.523.017l.064.998a7.117 7.117 0 0 1 .918 0l.064-.998A8.113 8.113 0 0 0 8 0zM6.44.152c-.346.069-.684.16-1.012.27l.321.948c.287-.098.582-.177.884-.237L6.44.153zm4.132.271a7.946 7.946 0 0 0-1.011-.27l-.194.98c.302.06.597.14.884.237l.321-.947zm1.873.925a8 8 0 0 0-.906-.524l-.443.896c.275.136.54.29.793.459l.556-.831zM4.46.824c-.314.155-.616.33-.905.524l.556.83a7.07 7.07 0 0 1 .793-.458L4.46.824zM2.725 1.985c-.262.23-.51.478-.74.74l.752.66c.202-.23.418-.446.648-.648l-.66-.752zm11.29.74a8.058 8.058 0 0 0-.74-.74l-.66.752c.23.202.447.418.648.648l.752-.66zm1.161 1.735a7.98 7.98 0 0 0-.524-.905l-.83.556c.169.253.322.518.458.793l.896-.443zM1.348 3.555c-.194.289-.37.591-.524.906l.896.443c.136-.275.29-.54.459-.793l-.831-.556zM.423 5.428a7.945 7.945 0 0 0-.27 1.011l.98.194c.06-.302.14-.597.237-.884l-.947-.321zM15.848 6.44a7.943 7.943 0 0 0-.27-1.012l-.948.321c.098.287.177.582.237.884l.98-.194zM.017 7.477a8.113 8.113 0 0 0 0 1.046l.998-.064a7.117 7.117 0 0 1 0-.918l-.998-.064zM16 8a8.1 8.1 0 0 0-.017-.523l-.998.064a7.11 7.11 0 0 1 0 .918l.998.064A8.1 8.1 0 0 0 16 8zM.152 9.56c.069.346.16.684.27 1.012l.948-.321a6.944 6.944 0 0 1-.237-.884l-.98.194zm15.425 1.012c.112-.328.202-.666.27-1.011l-.98-.194c-.06.302-.14.597-.237.884l.947.321zM.824 11.54a8 8 0 0 0 .524.905l.83-.556a6.999 6.999 0 0 1-.458-.793l-.896.443zm13.828.905c.194-.289.37-.591.524-.906l-.896-.443c-.136.275-.29.54-.459.793l.831.556zm-12.667.83c.23.262.478.51.74.74l.66-.752a7.047 7.047 0 0 1-.648-.648l-.752.66zm11.29.74c.262-.23.51-.478.74-.74l-.752-.66c-.201.23-.418.447-.648.648l.66.752zm-1.735 1.161c.314-.155.616-.33.905-.524l-.556-.83a7.07 7.07 0 0 1-.793.458l.443.896zm-7.985-.524c.289.194.591.37.906.524l.443-.896a6.998 6.998 0 0 1-.793-.459l-.556.831zm1.873.925c.328.112.666.202 1.011.27l.194-.98a6.953 6.953 0 0 1-.884-.237l-.321.947zm4.132.271a7.944 7.944 0 0 0 1.012-.27l-.321-.948a6.954 6.954 0 0 1-.884.237l.194.98zm-2.083.135a8.1 8.1 0 0 0 1.046 0l-.064-.998a7.11 7.11 0 0 1-.918 0l-.064.998zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-fill.svg
new file mode 100644
index 00000000..db27419e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle.svg
new file mode 100644
index 00000000..17483d6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-lg.svg
new file mode 100644
index 00000000..0f4c5e9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-lg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-dotted.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-dotted.svg
new file mode 100644
index 00000000..15b8d4b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-dotted.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-square-dotted" viewBox="0 0 16 16">
+  <path d="M2.5 0c-.166 0-.33.016-.487.048l.194.98A1.51 1.51 0 0 1 2.5 1h.458V0H2.5zm2.292 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zm1.833 0h-.916v1h.916V0zm1.834 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zM13.5 0h-.458v1h.458c.1 0 .199.01.293.029l.194-.981A2.51 2.51 0 0 0 13.5 0zm2.079 1.11a2.511 2.511 0 0 0-.69-.689l-.556.831c.164.11.305.251.415.415l.83-.556zM1.11.421a2.511 2.511 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415L1.11.422zM16 2.5c0-.166-.016-.33-.048-.487l-.98.194c.018.094.028.192.028.293v.458h1V2.5zM.048 2.013A2.51 2.51 0 0 0 0 2.5v.458h1V2.5c0-.1.01-.199.029-.293l-.981-.194zM0 3.875v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 5.708v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 7.542v.916h1v-.916H0zm15 .916h1v-.916h-1v.916zM0 9.375v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .916v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .917v.458c0 .166.016.33.048.487l.98-.194A1.51 1.51 0 0 1 1 13.5v-.458H0zm16 .458v-.458h-1v.458c0 .1-.01.199-.029.293l.981.194c.032-.158.048-.32.048-.487zM.421 14.89c.183.272.417.506.69.689l.556-.831a1.51 1.51 0 0 1-.415-.415l-.83.556zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373c.158.032.32.048.487.048h.458v-1H2.5c-.1 0-.199-.01-.293-.029l-.194.981zM13.5 16c.166 0 .33-.016.487-.048l-.194-.98A1.51 1.51 0 0 1 13.5 15h-.458v1h.458zm-9.625 0h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zm1.834 0h.916v-1h-.916v1zm1.833 0h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-fill.svg
new file mode 100644
index 00000000..85a95b2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm2.5 7.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square.svg
new file mode 100644
index 00000000..b63e5369
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dash.svg
new file mode 100644
index 00000000..4ac42887
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dash" viewBox="0 0 16 16">
+  <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-add.svg
new file mode 100644
index 00000000..8b9e0ccf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-check.svg
new file mode 100644
index 00000000..f1930848
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-dash.svg
new file mode 100644
index 00000000..1bcb011b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-down.svg
new file mode 100644
index 00000000..49dfd2e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-exclamation.svg
new file mode 100644
index 00000000..178b61a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-exclamation" viewBox="0 0 16 16">
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-add.svg
new file mode 100644
index 00000000..993b4dfb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-check.svg
new file mode 100644
index 00000000..579da2e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-dash.svg
new file mode 100644
index 00000000..ce9c8c78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-down.svg
new file mode 100644
index 00000000..433b9adb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-exclamation.svg
new file mode 100644
index 00000000..f935d0ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-exclamation.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-exclamation" viewBox="0 0 16 16">
+  <path d="M8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-gear.svg
new file mode 100644
index 00000000..1501670b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-gear" viewBox="0 0 16 16">
+  <path d="M8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Zm3.631-4.538c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-lock.svg
new file mode 100644
index 00000000..27dce6d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-lock.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-lock" viewBox="0 0 16 16">
+  <path d="M8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M3.904 9.223C2.875 8.755 2 8.007 2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-1.364-.125 2.988 2.988 0 0 0-2.197.731 4.525 4.525 0 0 0-1.254 1.237A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777ZM8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.09 0 .178 0 .266-.003A1.99 1.99 0 0 1 8 15v-1Zm0-1.5c0 .1.003.201.01.3A1.9 1.9 0 0 0 8 13c-1.573 0-3.022-.289-4.096-.777C2.875 11.755 2 11.007 2 10v-.839c.457.432 1.004.751 1.49.972C4.722 10.693 6.318 11 8 11c.086 0 .172 0 .257-.002A4.5 4.5 0 0 0 8 12.5Z"/>
+  <path d="M9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-slash.svg
new file mode 100644
index 00000000..8ccdf441
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-up.svg
new file mode 100644
index 00000000..6f767b59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0ZM8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-x.svg
new file mode 100644
index 00000000..1f65f61f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill-x" viewBox="0 0 16 16">
+  <path d="M8 1c-1.573 0-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4s.875 1.755 1.904 2.223C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777C13.125 5.755 14 5.007 14 4s-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1Z"/>
+  <path d="M2 7v-.839c.457.432 1.004.751 1.49.972C4.722 7.693 6.318 8 8 8s3.278-.307 4.51-.867c.486-.22 1.033-.54 1.49-.972V7c0 .424-.155.802-.411 1.133a4.51 4.51 0 0 0-4.815 1.843A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777C2.875 8.755 2 8.007 2 7Zm6.257 3.998L8 11c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13h.027a4.552 4.552 0 0 1 .23-2.002Zm-.002 3L8 14c-1.682 0-3.278-.307-4.51-.867-.486-.22-1.033-.54-1.49-.972V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.507 4.507 0 0 1-1.3-1.905Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill.svg
new file mode 100644
index 00000000..2c7e04c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-fill" viewBox="0 0 16 16">
+  <path d="M3.904 1.777C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4s-.875 1.755-1.904 2.223C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777C2.875 5.755 2 5.007 2 4s.875-1.755 1.904-2.223Z"/>
+  <path d="M2 6.161V7c0 1.007.875 1.755 1.904 2.223C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777C13.125 8.755 14 8.007 14 7v-.839c-.457.432-1.004.751-1.49.972C11.278 7.693 9.682 8 8 8s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972Z"/>
+  <path d="M2 9.161V10c0 1.007.875 1.755 1.904 2.223C4.978 12.711 6.427 13 8 13s3.022-.289 4.096-.777C13.125 11.755 14 11.007 14 10v-.839c-.457.432-1.004.751-1.49.972-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972Z"/>
+  <path d="M2 12.161V13c0 1.007.875 1.755 1.904 2.223C4.978 15.711 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13v-.839c-.457.432-1.004.751-1.49.972-1.232.56-2.828.867-4.51.867s-3.278-.307-4.51-.867c-.486-.22-1.033-.54-1.49-.972Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-gear.svg
new file mode 100644
index 00000000..77a5855f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-gear" viewBox="0 0 16 16">
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+  <path d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-lock.svg
new file mode 100644
index 00000000..ad5a8f9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-lock" viewBox="0 0 16 16">
+  <path d="M13 5.698a4.92 4.92 0 0 1-.904.525C11.022 6.711 9.573 7 8 7s-3.022-.289-4.096-.777A4.92 4.92 0 0 1 3 5.698V7c0 .374.356.875 1.318 1.313C5.234 8.729 6.536 9 8 9c.666 0 1.298-.056 1.876-.156-.43.31-.804.693-1.102 1.132A12.31 12.31 0 0 1 8 10c-1.573 0-3.022-.289-4.096-.777A4.92 4.92 0 0 1 3 8.698V10c0 .374.356.875 1.318 1.313C5.234 11.729 6.536 12 8 12h.027a4.548 4.548 0 0 0-.017.8A1.9 1.9 0 0 0 8 13c-1.573 0-3.022-.289-4.096-.777A4.916 4.916 0 0 1 3 11.698V13c0 .374.356.875 1.318 1.313C5.234 14.729 6.536 15 8 15c0 .363.097.704.266.997C8.178 16 8.089 16 8 16c-1.573 0-3.022-.289-4.096-.777C2.875 14.755 2 14.007 2 13V4c0-1.007.875-1.755 1.904-2.223C4.978 1.289 6.427 1 8 1s3.022.289 4.096.777C13.125 2.245 14 2.993 14 4v4.256a4.493 4.493 0 0 0-1.753-.249C12.787 7.654 13 7.289 13 7V5.698Zm-8.682-3.01C3.356 3.124 3 3.625 3 4c0 .374.356.875 1.318 1.313C5.234 5.729 6.536 6 8 6s2.766-.27 3.682-.687C12.644 4.875 13 4.373 13 4c0-.374-.356-.875-1.318-1.313C10.766 2.271 9.464 2 8 2s-2.766.27-3.682.687Z"/>
+  <path d="M9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-slash.svg
new file mode 100644
index 00000000..d1f6a973
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-up.svg
new file mode 100644
index 00000000..cfb75ed6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0Z"/>
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database-x.svg
new file mode 100644
index 00000000..314a6fd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-x" viewBox="0 0 16 16">
+  <path d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/database.svg b/apps/phoenix_webcomponent/priv/bsi/svg/database.svg
new file mode 100644
index 00000000..45e4eb85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/database.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database" viewBox="0 0 16 16">
+  <path d="M4.318 2.687C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4c0-.374.356-.875 1.318-1.313ZM13 5.698V7c0 .374-.356.875-1.318 1.313C10.766 8.729 9.464 9 8 9s-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777A4.92 4.92 0 0 0 13 5.698ZM14 4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16s3.022-.289 4.096-.777C13.125 14.755 14 14.007 14 13V4Zm-1 4.698V10c0 .374-.356.875-1.318 1.313C10.766 11.729 9.464 12 8 12s-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10s3.022-.289 4.096-.777A4.92 4.92 0 0 0 13 8.698Zm0 3V13c0 .374-.356.875-1.318 1.313C10.766 14.729 9.464 15 8 15s-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13s3.022-.289 4.096-.777c.324-.147.633-.323.904-.525Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd-fill.svg
new file mode 100644
index 00000000..5b5ae29e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-device-hdd-fill" viewBox="0 0 16 16">
+  <path d="M8.785 9.896A3.001 3.001 0 0 0 8 4a3 3 0 0 0-.891 5.865c.667-.44 1.396-.91 1.955-1.268.224-.144.483.115.34.34l-.62.96ZM9 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4Zm9 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 13a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-9.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1ZM4 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm2.882 11.177a1.102 1.102 0 0 1-1.56-1.559c.1-.098.396-.314.795-.588a4 4 0 1 1 1.946.47c-.537.813-1.02 1.515-1.181 1.677Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd.svg
new file mode 100644
index 00000000..960e609b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/device-hdd.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-device-hdd" viewBox="0 0 16 16">
+  <path d="M12 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 11a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-7.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+  <path d="M12 7a4 4 0 0 1-3.937 4c-.537.813-1.02 1.515-1.181 1.677a1.102 1.102 0 0 1-1.56-1.559c.1-.098.396-.314.795-.588A4 4 0 0 1 8 3a4 4 0 0 1 4 4Zm-1 0a3 3 0 1 0-3.891 2.865c.667-.44 1.396-.91 1.955-1.268.224-.144.483.115.34.34l-.62.96A3.001 3.001 0 0 0 11 7Z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd-fill.svg
new file mode 100644
index 00000000..9ba58020
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-device-ssd-fill" viewBox="0 0 16 16">
+  <path d="M5 8V4h6v4H5Z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4Zm0 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm9 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM3.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm9.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.75 3h6.5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-.75.75h-6.5A.75.75 0 0 1 4 8.25v-4.5A.75.75 0 0 1 4.75 3ZM5 12h6a1 1 0 0 1 1 1v2h-1v-2h-.75v2h-1v-2H8.5v2h-1v-2h-.75v2h-1v-2H5v2H4v-2a1 1 0 0 1 1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd.svg
new file mode 100644
index 00000000..0dd8ae5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/device-ssd.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-device-ssd" viewBox="0 0 16 16">
+  <path d="M4.75 4a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h6.5a.75.75 0 0 0 .75-.75v-3.5a.75.75 0 0 0-.75-.75h-6.5ZM5 8V5h6v3H5Zm0-5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm7 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm7 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2Zm11 12V2a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1v-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2a1 1 0 0 0 1-1Zm-7.25 1v-2H5v2h.75Zm1.75 0v-2h-.75v2h.75Zm1.75 0v-2H8.5v2h.75ZM11 13h-.75v2H11v-2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2-fill.svg
new file mode 100644
index 00000000..b46a2120
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-2-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-3 8A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2.svg
new file mode 100644
index 00000000..2b330e55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-2" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 5 7h2.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM3 11.5A1.5 1.5 0 0 1 4.5 10h1A1.5 1.5 0 0 1 7 11.5v1A1.5 1.5 0 0 1 5.5 14h-1A1.5 1.5 0 0 1 3 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1A1.5 1.5 0 0 1 9 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3-fill.svg
new file mode 100644
index 00000000..6cc31c04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-3-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zm-6 8A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm6 0A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm6 0a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3.svg
new file mode 100644
index 00000000..464b051d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diagram-3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diagram-3" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5v-1zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5v-1zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diamond-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diamond-fill.svg
new file mode 100644
index 00000000..e6e3151f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diamond-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diamond-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diamond-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diamond-half.svg
new file mode 100644
index 00000000..4e137914
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diamond-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diamond-half" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 .989c.127 0 .253.049.35.145l6.516 6.516a.495.495 0 0 1 0 .7L8.35 14.866a.493.493 0 0 1-.35.145V.989z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/diamond.svg b/apps/phoenix_webcomponent/priv/bsi/svg/diamond.svg
new file mode 100644
index 00000000..4cddafaf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/diamond.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-diamond" viewBox="0 0 16 16">
+  <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-1-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-1-fill.svg
new file mode 100644
index 00000000..0b20aa01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-1-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-1-fill" viewBox="0 0 16 16">
+  <path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm5 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-1.svg
new file mode 100644
index 00000000..97c2432d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-1.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-1" viewBox="0 0 16 16">
+  <circle cx="8" cy="8" r="1.5"/>
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-2-fill.svg
new file mode 100644
index 00000000..f55f9216
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-2-fill" viewBox="0 0 16 16">
+  <path d="M0 3a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3zm5.5 1a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm6.5 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-2.svg
new file mode 100644
index 00000000..38013a8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-2" viewBox="0 0 16 16">
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+  <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-3-fill.svg
new file mode 100644
index 00000000..ae5a1ba4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-3-fill" viewBox="0 0 16 16">
+  <path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm2.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM8 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-3.svg
new file mode 100644
index 00000000..705b7e7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-3" viewBox="0 0 16 16">
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+  <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-4-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-4-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-4-fill.svg
new file mode 100644
index 00000000..6dad92bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-4-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-4-fill" viewBox="0 0 16 16">
+  <path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm1 5.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm1.5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM4 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-4.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-4.svg
new file mode 100644
index 00000000..070f9812
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-4.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-4" viewBox="0 0 16 16">
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+  <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-5-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-5-fill.svg
new file mode 100644
index 00000000..a92382b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-5-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-5-fill" viewBox="0 0 16 16">
+  <path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm2.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM12 13.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM8 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-5.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-5.svg
new file mode 100644
index 00000000..b4369c7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-5.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-5" viewBox="0 0 16 16">
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+  <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm4-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-6-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-6-fill.svg
new file mode 100644
index 00000000..fce8cb4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-6-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-6-fill" viewBox="0 0 16 16">
+  <path d="M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3zm1 5.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm8 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm1.5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM12 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM4 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dice-6.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dice-6.svg
new file mode 100644
index 00000000..44d25dc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dice-6.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dice-6" viewBox="0 0 16 16">
+  <path d="M13 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10zM3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z"/>
+  <path d="M5.5 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm8 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-8 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/disc-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/disc-fill.svg
new file mode 100644
index 00000000..b03f34d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/disc-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-disc-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-6 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0zM4 8a4 4 0 0 1 4-4 .5.5 0 0 0 0-1 5 5 0 0 0-5 5 .5.5 0 0 0 1 0zm9 0a.5.5 0 1 0-1 0 4 4 0 0 1-4 4 .5.5 0 0 0 0 1 5 5 0 0 0 5-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/disc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/disc.svg
new file mode 100644
index 00000000..f3475a2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/disc.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-disc" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 4a4 4 0 0 0-4 4 .5.5 0 0 1-1 0 5 5 0 0 1 5-5 .5.5 0 0 1 0 1zm4.5 3.5a.5.5 0 0 1 .5.5 5 5 0 0 1-5 5 .5.5 0 0 1 0-1 4 4 0 0 0 4-4 .5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/discord.svg b/apps/phoenix_webcomponent/priv/bsi/svg/discord.svg
new file mode 100644
index 00000000..877cfdf9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/discord.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
+  <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/display-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/display-fill.svg
new file mode 100644
index 00000000..f7c3fca7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/display-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-display-fill" viewBox="0 0 16 16">
+  <path d="M6 12c0 .667-.083 1.167-.25 1.5H5a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-.75c-.167-.333-.25-.833-.25-1.5h4c2 0 2-2 2-2V4c0-2-2-2-2-2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/display.svg b/apps/phoenix_webcomponent/priv/bsi/svg/display.svg
new file mode 100644
index 00000000..700d7805
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/display.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-display" viewBox="0 0 16 16">
+  <path d="M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/displayport-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/displayport-fill.svg
new file mode 100644
index 00000000..17fe7719
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/displayport-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-displayport-fill" viewBox="0 0 16 16">
+  <path d="M1 5a1 1 0 0 0-1 1v3.191a1 1 0 0 0 .553.894l1.618.81a1 1 0 0 0 .447.105H15a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H1Zm1.5 2h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8H3v.5a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/displayport.svg b/apps/phoenix_webcomponent/priv/bsi/svg/displayport.svg
new file mode 100644
index 00000000..3e5748a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/displayport.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-displayport" viewBox="0 0 16 16">
+  <path d="M2.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 1 0V8h10v.5a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-.5-.5h-11Z"/>
+  <path d="M1 5a1 1 0 0 0-1 1v3.191a1 1 0 0 0 .553.894l1.618.81a1 1 0 0 0 .447.105H15a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H1Zm0 1h14v4H2.618L1 9.191V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/distribute-horizontal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/distribute-horizontal.svg
new file mode 100644
index 00000000..fe90ff8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/distribute-horizontal.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-distribute-horizontal" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5zm-13 0a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"/>
+  <path d="M6 13a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/distribute-vertical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/distribute-vertical.svg
new file mode 100644
index 00000000..234b2c27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/distribute-vertical.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-distribute-vertical" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 1.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 0-1h-13a.5.5 0 0 0-.5.5zm0 13a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 0-1h-13a.5.5 0 0 0-.5.5z"/>
+  <path d="M2 7a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/door-closed-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/door-closed-fill.svg
new file mode 100644
index 00000000..1d2a0366
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/door-closed-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed-fill" viewBox="0 0 16 16">
+  <path d="M12 1a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2a1 1 0 0 1 1-1h8zm-2 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/door-closed.svg b/apps/phoenix_webcomponent/priv/bsi/svg/door-closed.svg
new file mode 100644
index 00000000..3eab448f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/door-closed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-closed" viewBox="0 0 16 16">
+  <path d="M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v13h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V2zm1 13h8V2H4v13z"/>
+  <path d="M9 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/door-open-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/door-open-fill.svg
new file mode 100644
index 00000000..d4833a36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/door-open-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-open-fill" viewBox="0 0 16 16">
+  <path d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15H1.5zM11 2h.5a.5.5 0 0 1 .5.5V15h-1V2zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/door-open.svg b/apps/phoenix_webcomponent/priv/bsi/svg/door-open.svg
new file mode 100644
index 00000000..d9638a31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/door-open.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-door-open" viewBox="0 0 16 16">
+  <path d="M8.5 10c-.276 0-.5-.448-.5-1s.224-1 .5-1 .5.448.5 1-.224 1-.5 1z"/>
+  <path d="M10.828.122A.5.5 0 0 1 11 .5V1h.5A1.5 1.5 0 0 1 13 2.5V15h1.5a.5.5 0 0 1 0 1h-13a.5.5 0 0 1 0-1H3V1.5a.5.5 0 0 1 .43-.495l7-1a.5.5 0 0 1 .398.117zM11.5 2H11v13h1V2.5a.5.5 0 0 0-.5-.5zM4 1.934V15h6V1.077l-6 .857z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dot.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dot.svg
new file mode 100644
index 00000000..183e4a89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dot.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dot" viewBox="0 0 16 16">
+  <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/download.svg b/apps/phoenix_webcomponent/priv/bsi/svg/download.svg
new file mode 100644
index 00000000..80a5817f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/download.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
+  <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
+  <path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dpad-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dpad-fill.svg
new file mode 100644
index 00000000..ea54468d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dpad-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dpad-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v3a.5.5 0 0 1-.5.5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 6.5 16h3a1.5 1.5 0 0 0 1.5-1.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 16 9.5v-3A1.5 1.5 0 0 0 14.5 5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 9.5 0h-3Zm1.288 2.34a.25.25 0 0 1 .424 0l.799 1.278A.25.25 0 0 1 8.799 4H7.201a.25.25 0 0 1-.212-.382l.799-1.279Zm0 11.32-.799-1.277A.25.25 0 0 1 7.201 12H8.8a.25.25 0 0 1 .212.383l-.799 1.278a.25.25 0 0 1-.424 0Zm-4.17-4.65-1.279-.798a.25.25 0 0 1 0-.424l1.279-.799A.25.25 0 0 1 4 7.201V8.8a.25.25 0 0 1-.382.212Zm10.043-.798-1.278.799A.25.25 0 0 1 12 8.799V7.2a.25.25 0 0 1 .383-.212l1.278.799a.25.25 0 0 1 0 .424Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dpad.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dpad.svg
new file mode 100644
index 00000000..9363c904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dpad.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dpad" viewBox="0 0 16 16">
+  <path d="m7.788 2.34-.799 1.278A.25.25 0 0 0 7.201 4h1.598a.25.25 0 0 0 .212-.382l-.799-1.279a.25.25 0 0 0-.424 0Zm0 11.32-.799-1.277A.25.25 0 0 1 7.201 12h1.598a.25.25 0 0 1 .212.383l-.799 1.278a.25.25 0 0 1-.424 0ZM3.617 9.01 2.34 8.213a.25.25 0 0 1 0-.424l1.278-.799A.25.25 0 0 1 4 7.201V8.8a.25.25 0 0 1-.383.212Zm10.043-.798-1.277.799A.25.25 0 0 1 12 8.799V7.2a.25.25 0 0 1 .383-.212l1.278.799a.25.25 0 0 1 0 .424Z"/>
+  <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v3a.5.5 0 0 1-.5.5h-3A1.5 1.5 0 0 0 0 6.5v3A1.5 1.5 0 0 0 1.5 11h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 6.5 16h3a1.5 1.5 0 0 0 1.5-1.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 16 9.5v-3A1.5 1.5 0 0 0 14.5 5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 9.5 0h-3ZM6 1.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3A1.5 1.5 0 0 0 11.5 6h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a1.5 1.5 0 0 0-1.5 1.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3A1.5 1.5 0 0 0 4.5 10h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 0 6 4.5v-3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dribbble.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dribbble.svg
new file mode 100644
index 00000000..809f2d3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dribbble.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dribbble" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8c4.408 0 8-3.584 8-8s-3.592-8-8-8zm5.284 3.688a6.802 6.802 0 0 1 1.545 4.251c-.226-.043-2.482-.503-4.755-.217-.052-.112-.096-.234-.148-.355-.139-.33-.295-.668-.451-.99 2.516-1.023 3.662-2.498 3.81-2.69zM8 1.18c1.735 0 3.323.65 4.53 1.718-.122.174-1.155 1.553-3.584 2.464-1.12-2.056-2.36-3.74-2.551-4A6.95 6.95 0 0 1 8 1.18zm-2.907.642A43.123 43.123 0 0 1 7.627 5.77c-3.193.85-6.013.833-6.317.833a6.865 6.865 0 0 1 3.783-4.78zM1.163 8.01V7.8c.295.01 3.61.053 7.02-.971.199.381.381.772.555 1.162l-.27.078c-3.522 1.137-5.396 4.243-5.553 4.504a6.817 6.817 0 0 1-1.752-4.564zM8 14.837a6.785 6.785 0 0 1-4.19-1.44c.12-.252 1.509-2.924 5.361-4.269.018-.009.026-.009.044-.017a28.246 28.246 0 0 1 1.457 5.18A6.722 6.722 0 0 1 8 14.837zm3.81-1.171c-.07-.417-.435-2.412-1.328-4.868 2.143-.338 4.017.217 4.251.295a6.774 6.774 0 0 1-2.924 4.573z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/dropbox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/dropbox.svg
new file mode 100644
index 00000000..64311413
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/dropbox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-dropbox" viewBox="0 0 16 16">
+  <path d="M8.01 4.555 4.005 7.11 8.01 9.665 4.005 12.22 0 9.651l4.005-2.555L0 4.555 4.005 2 8.01 4.555Zm-4.026 8.487 4.006-2.555 4.005 2.555-4.005 2.555-4.006-2.555Zm4.026-3.39 4.005-2.556L8.01 4.555 11.995 2 16 4.555 11.995 7.11 16 9.665l-4.005 2.555L8.01 9.651Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/droplet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/droplet-fill.svg
new file mode 100644
index 00000000..a240876b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/droplet-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-droplet-fill" viewBox="0 0 16 16">
+  <path d="M8 16a6 6 0 0 0 6-6c0-1.655-1.122-2.904-2.432-4.362C10.254 4.176 8.75 2.503 8 0c0 0-6 5.686-6 10a6 6 0 0 0 6 6ZM6.646 4.646l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448c.82-1.641 1.717-2.753 2.093-3.13Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/droplet-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/droplet-half.svg
new file mode 100644
index 00000000..43eb2085
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/droplet-half.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-droplet-half" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10c0 0 2.5 1.5 5 .5s5-.5 5-.5c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
+  <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/droplet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/droplet.svg
new file mode 100644
index 00000000..2b405d68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/droplet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-droplet" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.21.8C7.69.295 8 0 8 0c.109.363.234.708.371 1.038.812 1.946 2.073 3.35 3.197 4.6C12.878 7.096 14 8.345 14 10a6 6 0 0 1-12 0C2 6.668 5.58 2.517 7.21.8zm.413 1.021A31.25 31.25 0 0 0 5.794 3.99c-.726.95-1.436 2.008-1.96 3.07C3.304 8.133 3 9.138 3 10a5 5 0 0 0 10 0c0-1.201-.796-2.157-2.181-3.7l-.03-.032C9.75 5.11 8.5 3.72 7.623 1.82z"/>
+  <path fill-rule="evenodd" d="M4.553 7.776c.82-1.641 1.717-2.753 2.093-3.13l.708.708c-.29.29-1.128 1.311-1.907 2.87l-.894-.448z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ear-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ear-fill.svg
new file mode 100644
index 00000000..8e564c08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ear-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ear-fill" viewBox="0 0 16 16">
+  <path d="M8.5 0A5.5 5.5 0 0 0 3 5.5v7.047a3.453 3.453 0 0 0 6.687 1.212l.51-1.363a4.59 4.59 0 0 1 .67-1.197l2.008-2.581A5.34 5.34 0 0 0 8.66 0H8.5ZM7 5.5v2.695c.112-.06.223-.123.332-.192.327-.208.577-.44.72-.727a.5.5 0 1 1 .895.448c-.256.513-.673.865-1.079 1.123A8.538 8.538 0 0 1 7 9.313V11.5a.5.5 0 0 1-1 0v-6a2.5 2.5 0 0 1 5 0V6a.5.5 0 0 1-1 0v-.5a1.5 1.5 0 1 0-3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ear.svg
new file mode 100644
index 00000000..8c8b869e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ear.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ear" viewBox="0 0 16 16">
+  <path d="M8.5 1A4.5 4.5 0 0 0 4 5.5v7.047a2.453 2.453 0 0 0 4.75.861l.512-1.363a5.553 5.553 0 0 1 .816-1.46l2.008-2.581A4.34 4.34 0 0 0 8.66 1H8.5ZM3 5.5A5.5 5.5 0 0 1 8.5 0h.16a5.34 5.34 0 0 1 4.215 8.618l-2.008 2.581a4.555 4.555 0 0 0-.67 1.197l-.51 1.363A3.453 3.453 0 0 1 3 12.547V5.5ZM8.5 4A1.5 1.5 0 0 0 7 5.5v2.695c.112-.06.223-.123.332-.192.327-.208.577-.44.72-.727a.5.5 0 1 1 .895.448c-.256.513-.673.865-1.079 1.123A8.538 8.538 0 0 1 7 9.313V11.5a.5.5 0 0 1-1 0v-6a2.5 2.5 0 0 1 5 0V6a.5.5 0 0 1-1 0v-.5A1.5 1.5 0 0 0 8.5 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/earbuds.svg b/apps/phoenix_webcomponent/priv/bsi/svg/earbuds.svg
new file mode 100644
index 00000000..7bc0019e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/earbuds.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-earbuds" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.825 4.138c.596 2.141-.36 3.593-2.389 4.117a4.432 4.432 0 0 1-2.018.054c-.048-.01.9 2.778 1.522 4.61l.41 1.205a.52.52 0 0 1-.346.659l-.593.19a.548.548 0 0 1-.69-.34L.184 6.99c-.696-2.137.662-4.309 2.564-4.8 2.029-.523 3.402 0 4.076 1.948zm-.868 2.221c.43-.112.561-.993.292-1.969-.269-.975-.836-1.675-1.266-1.563-.43.112-.561.994-.292 1.969.269.975.836 1.675 1.266 1.563zm3.218-2.221c-.596 2.141.36 3.593 2.389 4.117a4.434 4.434 0 0 0 2.018.054c.048-.01-.9 2.778-1.522 4.61l-.41 1.205a.52.52 0 0 0 .346.659l.593.19c.289.092.6-.06.69-.34l2.536-7.643c.696-2.137-.662-4.309-2.564-4.8-2.029-.523-3.402 0-4.076 1.948zm.868 2.221c-.43-.112-.561-.993-.292-1.969.269-.975.836-1.675 1.266-1.563.43.112.561.994.292 1.969-.269.975-.836 1.675-1.266 1.563z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel-fill.svg
new file mode 100644
index 00000000..db007983
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel-fill" viewBox="0 0 16 16">
+  <path d="M8.473.337a.5.5 0 0 0-.946 0L6.954 2H2a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h1.85l-1.323 3.837a.5.5 0 1 0 .946.326L4.908 11H7.5v2.5a.5.5 0 0 0 1 0V11h2.592l1.435 4.163a.5.5 0 0 0 .946-.326L12.15 11H14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H9.046L8.473.337z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel.svg
new file mode 100644
index 00000000..f95976ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel" viewBox="0 0 16 16">
+  <path d="M8 0a.5.5 0 0 1 .473.337L9.046 2H14a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1.85l1.323 3.837a.5.5 0 1 1-.946.326L11.092 11H8.5v3a.5.5 0 0 1-1 0v-3H4.908l-1.435 4.163a.5.5 0 1 1-.946-.326L3.85 11H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h4.954L7.527.337A.5.5 0 0 1 8 0zM2 3v7h12V3H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel2-fill.svg
new file mode 100644
index 00000000..c3932422
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel2-fill" viewBox="0 0 16 16">
+  <path d="M8.447.276a.5.5 0 0 0-.894 0L7.19 1H2.5A1.5 1.5 0 0 0 1 2.5V10h14V2.5A1.5 1.5 0 0 0 13.5 1H8.809L8.447.276Z"/>
+  <path fill-rule="evenodd" d="M.5 11a.5.5 0 0 0 0 1h2.86l-.845 3.379a.5.5 0 0 0 .97.242L3.89 14h8.22l.405 1.621a.5.5 0 0 0 .97-.242L12.64 12h2.86a.5.5 0 0 0 0-1H.5Zm3.64 2 .25-1h7.22l.25 1H4.14Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel2.svg
new file mode 100644
index 00000000..d1736ded
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel2" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a.5.5 0 0 1 .447.276L8.81 1h4.69A1.5 1.5 0 0 1 15 2.5V11h.5a.5.5 0 0 1 0 1h-2.86l.845 3.379a.5.5 0 0 1-.97.242L12.11 14H3.89l-.405 1.621a.5.5 0 0 1-.97-.242L3.36 12H.5a.5.5 0 0 1 0-1H1V2.5A1.5 1.5 0 0 1 2.5 1h4.691l.362-.724A.5.5 0 0 1 8 0ZM2 11h12V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5V11Zm9.61 1H4.39l-.25 1h7.72l-.25-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel3-fill.svg
new file mode 100644
index 00000000..2e572231
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel3-fill" viewBox="0 0 16 16">
+  <path d="M8.5 12v1.134a1 1 0 1 1-1 0V12h-5A1.5 1.5 0 0 1 1 10.5V3h14v7.5a1.5 1.5 0 0 1-1.5 1.5h-5Zm7-10a.5.5 0 0 0 0-1H.5a.5.5 0 0 0 0 1h15Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/easel3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/easel3.svg
new file mode 100644
index 00000000..a39ad3d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/easel3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-easel3" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.5 13.134V12h5a1.5 1.5 0 0 0 1.5-1.5V2h.5a.5.5 0 0 0 0-1H.5a.5.5 0 0 0 0 1H1v8.5A1.5 1.5 0 0 0 2.5 12h5v1.134a1 1 0 1 0 1 0ZM2 2v8.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V2H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/egg-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/egg-fill.svg
new file mode 100644
index 00000000..33b7d443
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/egg-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-egg-fill" viewBox="0 0 16 16">
+  <path d="M14 10a6 6 0 0 1-12 0C2 5.686 5 0 8 0s6 5.686 6 10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/egg-fried.svg b/apps/phoenix_webcomponent/priv/bsi/svg/egg-fried.svg
new file mode 100644
index 00000000..b99cac3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/egg-fried.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-egg-fried" viewBox="0 0 16 16">
+  <path d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+  <path d="M13.997 5.17a5 5 0 0 0-8.101-4.09A5 5 0 0 0 1.28 9.342a5 5 0 0 0 8.336 5.109 3.5 3.5 0 0 0 5.201-4.065 3.001 3.001 0 0 0-.822-5.216zm-1-.034a1 1 0 0 0 .668.977 2.001 2.001 0 0 1 .547 3.478 1 1 0 0 0-.341 1.113 2.5 2.5 0 0 1-3.715 2.905 1 1 0 0 0-1.262.152 4 4 0 0 1-6.67-4.087 1 1 0 0 0-.2-1 4 4 0 0 1 3.693-6.61 1 1 0 0 0 .8-.2 4 4 0 0 1 6.48 3.273z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/egg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/egg.svg
new file mode 100644
index 00000000..9fb5c1ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/egg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-egg" viewBox="0 0 16 16">
+  <path d="M8 15a5 5 0 0 1-5-5c0-1.956.69-4.286 1.742-6.12.524-.913 1.112-1.658 1.704-2.164C7.044 1.206 7.572 1 8 1c.428 0 .956.206 1.554.716.592.506 1.18 1.251 1.704 2.164C12.31 5.714 13 8.044 13 10a5 5 0 0 1-5 5zm0 1a6 6 0 0 0 6-6c0-4.314-3-10-6-10S2 5.686 2 10a6 6 0 0 0 6 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eject-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eject-fill.svg
new file mode 100644
index 00000000..3255af67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eject-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eject-fill" viewBox="0 0 16 16">
+  <path d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H1.656C.78 9.5.326 8.455.926 7.816L7.27 1.047zM.5 11.5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eject.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eject.svg
new file mode 100644
index 00000000..540cbc81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eject.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eject" viewBox="0 0 16 16">
+  <path d="M7.27 1.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H1.656C.78 9.5.326 8.455.926 7.816L7.27 1.047zM14.346 8.5 8 1.731 1.654 8.5h12.692zM.5 11.5a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-13a1 1 0 0 1-1-1v-1zm14 0h-13v1h13v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry-fill.svg
new file mode 100644
index 00000000..1bf7eb60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-angry-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.053 4.276a.5.5 0 0 1 .67-.223l2 1a.5.5 0 0 1 .166.76c.071.206.111.44.111.687C7 7.328 6.552 8 6 8s-1-.672-1-1.5c0-.408.109-.778.285-1.049l-1.009-.504a.5.5 0 0 1-.223-.67zm.232 8.157a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 1 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5 0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry.svg
new file mode 100644
index 00000000..d6d89143
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-angry.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-angry" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zm6.991-8.38a.5.5 0 1 1 .448.894l-1.009.504c.176.27.285.64.285 1.049 0 .828-.448 1.5-1 1.5s-1-.672-1-1.5c0-.247.04-.48.11-.686a.502.502 0 0 1 .166-.761l2-1zm-6.552 0a.5.5 0 0 0-.448.894l1.009.504A1.94 1.94 0 0 0 5 6.5C5 7.328 5.448 8 6 8s1-.672 1-1.5c0-.247-.04-.48-.11-.686a.502.502 0 0 0-.166-.761l-2-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy-fill.svg
new file mode 100644
index 00000000..d8018007
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-dizzy-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zm5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM8 13a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy.svg
new file mode 100644
index 00000000..f64fade8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-dizzy.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-dizzy" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M9.146 5.146a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zm-5 0a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 1 1 .708.708l-.647.646.647.646a.5.5 0 1 1-.708.708L5.5 7.207l-.646.647a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708zM10 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless-fill.svg
new file mode 100644
index 00000000..f70140ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-expressionless-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM4.5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm5 0h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm-5 4h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless.svg
new file mode 100644
index 00000000..208a72d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-expressionless.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-expressionless" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm5 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown-fill.svg
new file mode 100644
index 00000000..c8a9ddc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-frown-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm-2.715 5.933a.5.5 0 0 1-.183-.683A4.498 4.498 0 0 1 8 9.5a4.5 4.5 0 0 1 3.898 2.25.5.5 0 0 1-.866.5A3.498 3.498 0 0 0 8 10.5a3.498 3.498 0 0 0-3.032 1.75.5.5 0 0 1-.683.183zM10 8c-.552 0-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5S10.552 8 10 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown.svg
new file mode 100644
index 00000000..b7766ebf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-frown.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-frown" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.285 12.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 10.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 9.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes-fill.svg
new file mode 100644
index 00000000..cc91552a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes-fill" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.559 5.448a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zm-.07-5.448c1.397-.864 3.543 1.838-.953 3.434-3.067-3.554.19-4.858.952-3.434z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes.svg
new file mode 100644
index 00000000..c19ec51a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-heart-eyes.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-heart-eyes" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M11.315 10.014a.5.5 0 0 1 .548.736A4.498 4.498 0 0 1 7.965 13a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .548-.736h.005l.017.005.067.015.252.055c.215.046.515.108.857.169.693.124 1.522.242 2.152.242.63 0 1.46-.118 2.152-.242a26.58 26.58 0 0 0 1.109-.224l.067-.015.017-.004.005-.002zM4.756 4.566c.763-1.424 4.02-.12.952 3.434-4.496-1.596-2.35-4.298-.952-3.434zm6.488 0c1.398-.864 3.544 1.838-.952 3.434-3.067-3.554.19-4.858.952-3.434z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss-fill.svg
new file mode 100644
index 00000000..ab462456
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-kiss-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M16 8a8 8 0 1 0-2.697 5.99c-.972-.665-1.632-1.356-1.99-2.062-.388-.766-.419-1.561-.075-2.23.496-.97 1.73-1.466 2.762-1.05.65-.262 1.38-.162 1.957.19.028-.275.043-.555.043-.838ZM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5Zm1.512 3.647c-.347.08-.737.198-1.107.319a.5.5 0 1 1-.31-.95c.38-.125.802-.254 1.192-.343.37-.086.78-.153 1.103-.108.16.022.394.085.561.286.188.226.187.497.131.705a1.894 1.894 0 0 1-.31.593c-.077.107-.168.22-.275.343.107.124.199.24.276.347.142.197.256.397.31.595.055.208.056.479-.132.706-.168.2-.404.262-.563.284-.323.043-.733-.027-1.102-.113a14.87 14.87 0 0 1-1.191-.345.5.5 0 1 1 .31-.95c.371.12.761.24 1.109.321.176.041.325.069.446.084a5.609 5.609 0 0 0-.502-.584.5.5 0 0 1 .002-.695 5.52 5.52 0 0 0 .5-.577 4.465 4.465 0 0 0-.448.082Zm.766-.086-.006-.002c.004 0 .006.002.006.002Zm.002 1.867h-.001l-.005.001a.038.038 0 0 1 .006-.002Zm.157-4.685a.5.5 0 0 1-.874-.486A1.934 1.934 0 0 1 10.25 5.75c.73 0 1.356.412 1.687 1.007a.5.5 0 1 1-.874.486.934.934 0 0 0-.813-.493.934.934 0 0 0-.813.493ZM14 9.828c1.11-1.14 3.884.856 0 3.422-3.884-2.566-1.11-4.562 0-3.421Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss.svg
new file mode 100644
index 00000000..4646628b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-kiss.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-kiss" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M12.493 13.368a7 7 0 1 1 2.489-4.858c.344.033.68.147.975.328a8 8 0 1 0-2.654 5.152 8.58 8.58 0 0 1-.81-.622Zm-3.731-3.22a13 13 0 0 0-1.107.318.5.5 0 1 1-.31-.95c.38-.125.802-.254 1.192-.343.37-.086.78-.153 1.103-.108.16.022.394.085.561.286.188.226.187.497.131.705a1.892 1.892 0 0 1-.31.593c-.077.107-.168.22-.275.343.107.124.199.24.276.347.142.197.256.397.31.595.055.208.056.479-.132.706-.168.2-.404.262-.563.284-.323.043-.733-.027-1.102-.113a14.87 14.87 0 0 1-1.191-.345.5.5 0 1 1 .31-.95c.371.12.761.24 1.109.321.176.041.325.069.446.084a5.609 5.609 0 0 0-.502-.584.5.5 0 0 1 .002-.695 5.52 5.52 0 0 0 .5-.577 4.465 4.465 0 0 0-.448.082Zm.766-.087-.003-.001-.003-.001c.004 0 .006.002.006.002Zm.002 1.867-.006.001a.038.038 0 0 1 .006-.002ZM6 8c.552 0 1-.672 1-1.5S6.552 5 6 5s-1 .672-1 1.5S5.448 8 6 8Zm2.757-.563a.5.5 0 0 0 .68-.194.934.934 0 0 1 .813-.493c.339 0 .645.19.813.493a.5.5 0 0 0 .874-.486A1.934 1.934 0 0 0 10.25 5.75c-.73 0-1.356.412-1.687 1.007a.5.5 0 0 0 .194.68ZM14 9.828c1.11-1.14 3.884.856 0 3.422-3.884-2.566-1.11-4.562 0-3.421Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing-fill.svg
new file mode 100644
index 00000000..cc8c69b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-laughing-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5c0 .501-.164.396-.415.235C6.42 6.629 6.218 6.5 6 6.5c-.218 0-.42.13-.585.235C5.164 6.896 5 7 5 6.5 5 5.672 5.448 5 6 5s1 .672 1 1.5zm5.331 3a1 1 0 0 1 0 1A4.998 4.998 0 0 1 8 13a4.998 4.998 0 0 1-4.33-2.5A1 1 0 0 1 4.535 9h6.93a1 1 0 0 1 .866.5zm-1.746-2.765C10.42 6.629 10.218 6.5 10 6.5c-.218 0-.42.13-.585.235C9.164 6.896 9 7 9 6.5c0-.828.448-1.5 1-1.5s1 .672 1 1.5c0 .501-.164.396-.415.235z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing.svg
new file mode 100644
index 00000000..68d9b25f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-laughing.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-laughing" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M12.331 9.5a1 1 0 0 1 0 1A4.998 4.998 0 0 1 8 13a4.998 4.998 0 0 1-4.33-2.5A1 1 0 0 1 4.535 9h6.93a1 1 0 0 1 .866.5zM7 6.5c0 .828-.448 0-1 0s-1 .828-1 0S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 0-1 0s-1 .828-1 0S9.448 5 10 5s1 .672 1 1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral-fill.svg
new file mode 100644
index 00000000..58bcb6b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-neutral-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm-3 4a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM10 8c-.552 0-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5S10.552 8 10 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral.svg
new file mode 100644
index 00000000..2f3204a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-neutral.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-neutral" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4 10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5zm3-4C7 5.672 6.552 5 6 5s-1 .672-1 1.5S5.448 8 6 8s1-.672 1-1.5zm4 0c0-.828-.448-1.5-1-1.5s-1 .672-1 1.5S9.448 8 10 8s1-.672 1-1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-fill.svg
new file mode 100644
index 00000000..76a6a163
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zM4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM10 8c-.552 0-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5S10.552 8 10 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down-fill.svg
new file mode 100644
index 00000000..c6829332
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile-upside-down-fill" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM7 9.5C7 8.672 6.552 8 6 8s-1 .672-1 1.5.448 1.5 1 1.5 1-.672 1-1.5zM4.285 6.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 4.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 3.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zM10 8c-.552 0-1 .672-1 1.5s.448 1.5 1 1.5 1-.672 1-1.5S10.552 8 10 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down.svg
new file mode 100644
index 00000000..1e184243
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile-upside-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile-upside-down" viewBox="0 0 16 16">
+  <path d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zm0-1a8 8 0 1 1 0 16A8 8 0 0 1 8 0z"/>
+  <path d="M4.285 6.433a.5.5 0 0 0 .683-.183A3.498 3.498 0 0 1 8 4.5c1.295 0 2.426.703 3.032 1.75a.5.5 0 0 0 .866-.5A4.498 4.498 0 0 0 8 3.5a4.5 4.5 0 0 0-3.898 2.25.5.5 0 0 0 .183.683zM7 9.5C7 8.672 6.552 8 6 8s-1 .672-1 1.5.448 1.5 1 1.5 1-.672 1-1.5zm4 0c0-.828-.448-1.5-1-1.5s-1 .672-1 1.5.448 1.5 1 1.5 1-.672 1-1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile.svg
new file mode 100644
index 00000000..d222a9ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-smile.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-smile" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses-fill.svg
new file mode 100644
index 00000000..00e7bc0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-sunglasses-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM2.31 5.243A1 1 0 0 1 3.28 4H6a1 1 0 0 1 1 1v.116A4.22 4.22 0 0 1 8 5c.35 0 .69.04 1 .116V5a1 1 0 0 1 1-1h2.72a1 1 0 0 1 .97 1.243l-.311 1.242A2 2 0 0 1 11.439 8H11a2 2 0 0 1-1.994-1.839A2.99 2.99 0 0 0 8 6c-.393 0-.74.064-1.006.161A2 2 0 0 1 5 8h-.438a2 2 0 0 1-1.94-1.515L2.31 5.243zM4.969 9.75A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .866-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses.svg
new file mode 100644
index 00000000..4771e4db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-sunglasses.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-sunglasses" viewBox="0 0 16 16">
+  <path d="M4.968 9.75a.5.5 0 1 0-.866.5A4.498 4.498 0 0 0 8 12.5a4.5 4.5 0 0 0 3.898-2.25.5.5 0 1 0-.866-.5A3.498 3.498 0 0 1 8 11.5a3.498 3.498 0 0 1-3.032-1.75zM7 5.116V5a1 1 0 0 0-1-1H3.28a1 1 0 0 0-.97 1.243l.311 1.242A2 2 0 0 0 4.561 8H5a2 2 0 0 0 1.994-1.839A2.99 2.99 0 0 1 8 6c.393 0 .74.064 1.006.161A2 2 0 0 0 11 8h.438a2 2 0 0 0 1.94-1.515l.311-1.242A1 1 0 0 0 12.72 4H10a1 1 0 0 0-1 1v.116A4.22 4.22 0 0 0 8 5c-.35 0-.69.04-1 .116z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-1 0A7 7 0 1 0 1 8a7 7 0 0 0 14 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink-fill.svg
new file mode 100644
index 00000000..8601a584
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-wink-fill" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM7 6.5C7 5.672 6.552 5 6 5s-1 .672-1 1.5S5.448 8 6 8s1-.672 1-1.5zM4.285 9.567a.5.5 0 0 0-.183.683A4.498 4.498 0 0 0 8 12.5a4.5 4.5 0 0 0 3.898-2.25.5.5 0 1 0-.866-.5A3.498 3.498 0 0 1 8 11.5a3.498 3.498 0 0 1-3.032-1.75.5.5 0 0 0-.683-.183zm5.152-3.31a.5.5 0 0 0-.874.486c.33.595.958 1.007 1.687 1.007.73 0 1.356-.412 1.687-1.007a.5.5 0 0 0-.874-.486.934.934 0 0 1-.813.493.934.934 0 0 1-.813-.493z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink.svg b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink.svg
new file mode 100644
index 00000000..ee3b3d0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/emoji-wink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-emoji-wink" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683zM7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm1.757-.437a.5.5 0 0 1 .68.194.934.934 0 0 0 .813.493c.339 0 .645-.19.813-.493a.5.5 0 1 1 .874.486A1.934 1.934 0 0 1 10.25 7.75c-.73 0-1.356-.412-1.687-1.007a.5.5 0 0 1 .194-.68z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at-fill.svg
new file mode 100644
index 00000000..7102a5b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-at-fill" viewBox="0 0 16 16">
+  <path d="M2 2A2 2 0 0 0 .05 3.555L8 8.414l7.95-4.859A2 2 0 0 0 14 2H2Zm-2 9.8V4.698l5.803 3.546L0 11.801Zm6.761-2.97-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 9.671V4.697l-5.803 3.546.338.208A4.482 4.482 0 0 1 12.5 8c1.414 0 2.675.652 3.5 1.671Z"/>
+  <path d="M15.834 12.244c0 1.168-.577 2.025-1.587 2.025-.503 0-1.002-.228-1.12-.648h-.043c-.118.416-.543.643-1.015.643-.77 0-1.259-.542-1.259-1.434v-.529c0-.844.481-1.4 1.26-1.4.585 0 .87.333.953.63h.03v-.568h.905v2.19c0 .272.18.42.411.42.315 0 .639-.415.639-1.39v-.118c0-1.277-.95-2.326-2.484-2.326h-.04c-1.582 0-2.64 1.067-2.64 2.724v.157c0 1.867 1.237 2.654 2.57 2.654h.045c.507 0 .935-.07 1.18-.18v.731c-.219.1-.643.175-1.237.175h-.044C10.438 16 9 14.82 9 12.646v-.214C9 10.36 10.421 9 12.485 9h.035c2.12 0 3.314 1.43 3.314 3.034v.21Zm-4.04.21v.227c0 .586.227.8.581.8.31 0 .564-.17.564-.743v-.367c0-.516-.275-.708-.572-.708-.346 0-.573.245-.573.791Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at.svg
new file mode 100644
index 00000000..46b9134a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-at.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-at" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M14.247 14.269c1.01 0 1.587-.857 1.587-2.025v-.21C15.834 10.43 14.64 9 12.52 9h-.035C10.42 9 9 10.36 9 12.432v.214C9 14.82 10.438 16 12.358 16h.044c.594 0 1.018-.074 1.237-.175v-.73c-.245.11-.673.18-1.18.18h-.044c-1.334 0-2.571-.788-2.571-2.655v-.157c0-1.657 1.058-2.724 2.64-2.724h.04c1.535 0 2.484 1.05 2.484 2.326v.118c0 .975-.324 1.39-.639 1.39-.232 0-.41-.148-.41-.42v-2.19h-.906v.569h-.03c-.084-.298-.368-.63-.954-.63-.778 0-1.259.555-1.259 1.4v.528c0 .892.49 1.434 1.26 1.434.471 0 .896-.227 1.014-.643h.043c.118.42.617.648 1.12.648Zm-2.453-1.588v-.227c0-.546.227-.791.573-.791.297 0 .572.192.572.708v.367c0 .573-.253.744-.564.744-.354 0-.581-.215-.581-.8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check-fill.svg
new file mode 100644
index 00000000..ca06ad0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-check-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check.svg
new file mode 100644
index 00000000..8a501810
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-check" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash-fill.svg
new file mode 100644
index 00000000..7275d3df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-dash-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash.svg
new file mode 100644
index 00000000..7ae3e5cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-dash" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation-fill.svg
new file mode 100644
index 00000000..4bc91d20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-exclamation-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation.svg
new file mode 100644
index 00000000..936b7777
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-exclamation" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-fill.svg
new file mode 100644
index 00000000..0b28c866
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart-fill.svg
new file mode 100644
index 00000000..8ed9e028
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-heart-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555l-4.2 2.568a2.785 2.785 0 0 0-.051-.105c-.666-1.3-2.363-1.917-3.699-1.25-1.336-.667-3.033-.05-3.699 1.25l-.05.105L.05 3.555ZM11.584 8.91a4.694 4.694 0 0 1-.073.139L16 11.8V4.697l-4.003 2.447c.027.562-.107 1.163-.413 1.767Zm-4.135 3.05c-1.048-.693-1.84-1.39-2.398-2.082L.19 12.856A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144L10.95 9.878c-.559.692-1.35 1.389-2.398 2.081L8 12.324l-.551-.365ZM4.416 8.91c-.306-.603-.44-1.204-.413-1.766L0 4.697v7.104l4.49-2.752a4.742 4.742 0 0 1-.074-.138Z"/>
+  <path d="M8 5.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart.svg
new file mode 100644
index 00000000..b104999f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l3.235 1.94a2.76 2.76 0 0 0-.233 1.027L1 5.384v5.721l3.453-2.124c.146.277.329.556.55.835l-3.97 2.443A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741l-3.968-2.442c.22-.28.403-.56.55-.836L15 11.105V5.383l-3.002 1.801a2.76 2.76 0 0 0-.233-1.026L15 4.217V4a1 1 0 0 0-1-1H2Zm6 2.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-fill.svg
new file mode 100644
index 00000000..29d8fe77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-open-fill" viewBox="0 0 16 16">
+  <path d="M8.941.435a2 2 0 0 0-1.882 0l-6 3.2A2 2 0 0 0 0 5.4v.314l6.709 3.932L8 8.928l1.291.718L16 5.714V5.4a2 2 0 0 0-1.059-1.765l-6-3.2ZM16 6.873l-5.693 3.337L16 13.372v-6.5Zm-.059 7.611L8 10.072.059 14.484A2 2 0 0 0 2 16h12a2 2 0 0 0 1.941-1.516ZM0 13.373l5.693-3.163L0 6.873v6.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart-fill.svg
new file mode 100644
index 00000000..478b85bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-open-heart-fill" viewBox="0 0 16 16">
+  <path d="M8.941.435a2 2 0 0 0-1.882 0l-6 3.2A2 2 0 0 0 0 5.4v.313l4.222 2.475c.024-.058.05-.114.08-.17.665-1.3 2.362-1.917 3.698-1.25 1.336-.667 3.033-.05 3.699 1.25a3.3 3.3 0 0 1 .08.17L16 5.713V5.4a2 2 0 0 0-1.059-1.765l-6-3.2ZM0 6.873l4 2.344c-.012.542.124 1.117.416 1.694l.004.006L0 13.372v-6.5Zm.059 7.611 4.9-2.723c.563.73 1.383 1.467 2.49 2.198l.551.365.551-.365c1.107-.73 1.927-1.467 2.49-2.198l4.9 2.723A2 2 0 0 1 14 16H2a2 2 0 0 1-1.941-1.516ZM16 13.372l-4.42-2.455.004-.006c.292-.577.428-1.152.415-1.694L16 6.873v6.5Z"/>
+  <path d="M8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart.svg
new file mode 100644
index 00000000..7d324a28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-open-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.47 1.318a1 1 0 0 0-.94 0l-6 3.2A1 1 0 0 0 1 5.4v.817l3.235 1.94a2.76 2.76 0 0 0-.233 1.027L1 7.384v5.733l3.479-2.087c.15.275.335.553.558.83l-4.002 2.402A1 1 0 0 0 2 15h12a1 1 0 0 0 .965-.738l-4.002-2.401c.223-.278.408-.556.558-.831L15 13.117V7.383l-3.002 1.801a2.76 2.76 0 0 0-.233-1.026L15 6.217V5.4a1 1 0 0 0-.53-.882l-6-3.2ZM7.06.435a2 2 0 0 1 1.882 0l6 3.2A2 2 0 0 1 16 5.4V14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5.4a2 2 0 0 1 1.059-1.765l6-3.2ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open.svg
new file mode 100644
index 00000000..9a542d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-open" viewBox="0 0 16 16">
+  <path d="M8.47 1.318a1 1 0 0 0-.94 0l-6 3.2A1 1 0 0 0 1 5.4v.817l5.75 3.45L8 8.917l1.25.75L15 6.217V5.4a1 1 0 0 0-.53-.882l-6-3.2ZM15 7.383l-4.778 2.867L15 13.117V7.383Zm-.035 6.88L8 10.082l-6.965 4.18A1 1 0 0 0 2 15h12a1 1 0 0 0 .965-.738ZM1 13.116l4.778-2.867L1 7.383v5.734ZM7.059.435a2 2 0 0 1 1.882 0l6 3.2A2 2 0 0 1 16 5.4V14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5.4a2 2 0 0 1 1.059-1.765l6-3.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-fill.svg
new file mode 100644
index 00000000..14f613e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-paper-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 9.5 3 7.5v-6A1.5 1.5 0 0 1 4.5 0h7A1.5 1.5 0 0 1 13 1.5v6l-3.5 2L8 8.75l-1.5.75ZM1.059 3.635 2 3.133v3.753L0 5.713V5.4a2 2 0 0 1 1.059-1.765ZM16 5.713l-2 1.173V3.133l.941.502A2 2 0 0 1 16 5.4v.313Zm0 1.16-5.693 3.337L16 13.372v-6.5Zm-8 3.199 7.941 4.412A2 2 0 0 1 14 16H2a2 2 0 0 1-1.941-1.516L8 10.072Zm-8 3.3 5.693-3.162L0 6.873v6.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart-fill.svg
new file mode 100644
index 00000000..e422accd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-paper-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m3 7.5 3.5 2L8 8.75l1.5.75 3.5-2v-6A1.5 1.5 0 0 0 11.5 0h-7A1.5 1.5 0 0 0 3 1.5v6ZM2 3.133l-.941.502A2 2 0 0 0 0 5.4v.313l2 1.173V3.133Zm12 3.753 2-1.173V5.4a2 2 0 0 0-1.059-1.765L14 3.133v3.753Zm-3.693 3.324L16 6.873v6.5l-5.693-3.163Zm5.634 4.274L8 10.072.059 14.484A2 2 0 0 0 2 16h12a2 2 0 0 0 1.941-1.516ZM5.693 10.21 0 13.372v-6.5l5.693 3.338ZM8 1.982C9.664.309 13.825 3.236 8 7 2.175 3.236 6.336.31 8 1.982Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart.svg
new file mode 100644
index 00000000..2d925aec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-paper-heart" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1.133l.941.502A2 2 0 0 1 16 5.4V14a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5.4a2 2 0 0 1 1.059-1.765L2 3.133V2Zm0 2.267-.47.25A1 1 0 0 0 1 5.4v.817l1 .6v-2.55Zm1 3.15 3.75 2.25L8 8.917l1.25.75L13 7.417V2a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v5.417Zm11-.6 1-.6V5.4a1 1 0 0 0-.53-.882L14 4.267v2.55ZM8 2.982C9.664 1.309 13.825 4.236 8 8 2.175 4.236 6.336 1.31 8 2.982Zm7 4.401-4.778 2.867L15 13.117V7.383Zm-.035 6.88L8 10.082l-6.965 4.18A1 1 0 0 0 2 15h12a1 1 0 0 0 .965-.738ZM1 13.116l4.778-2.867L1 7.383v5.734Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper.svg
new file mode 100644
index 00000000..a909c637
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-paper.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-paper" viewBox="0 0 16 16">
+  <path d="M4 0a2 2 0 0 0-2 2v1.133l-.941.502A2 2 0 0 0 0 5.4V14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5.4a2 2 0 0 0-1.059-1.765L14 3.133V2a2 2 0 0 0-2-2H4Zm10 4.267.47.25A1 1 0 0 1 15 5.4v.817l-1 .6v-2.55Zm-1 3.15-3.75 2.25L8 8.917l-1.25.75L3 7.417V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v5.417Zm-11-.6-1-.6V5.4a1 1 0 0 1 .53-.882L2 4.267v2.55Zm13 .566v5.734l-4.778-2.867L15 7.383Zm-.035 6.88A1 1 0 0 1 14 15H2a1 1 0 0 1-.965-.738L8 10.083l6.965 4.18ZM1 13.116V7.383l4.778 2.867L1 13.117Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus-fill.svg
new file mode 100644
index 00000000..96703c2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-plus-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus.svg
new file mode 100644
index 00000000..0abb9669
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-plus" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash-fill.svg
new file mode 100644
index 00000000..09690e54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-slash-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M14.975 10.025a3.5 3.5 0 1 0-4.95 4.95 3.5 3.5 0 0 0 4.95-4.95Zm-4.243.707a2.501 2.501 0 0 1 3.147-.318l-3.465 3.465a2.501 2.501 0 0 1 .318-3.147Zm.39 3.854 3.464-3.465a2.501 2.501 0 0 1-3.465 3.465Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash.svg
new file mode 100644
index 00000000..35b37833
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-slash" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M14.975 10.025a3.5 3.5 0 1 0-4.95 4.95 3.5 3.5 0 0 0 4.95-4.95Zm-4.243.707a2.501 2.501 0 0 1 3.147-.318l-3.465 3.465a2.501 2.501 0 0 1 .318-3.147Zm.39 3.854 3.464-3.465a2.501 2.501 0 0 1-3.465 3.465Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x-fill.svg
new file mode 100644
index 00000000..b8348b18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-x-fill" viewBox="0 0 16 16">
+  <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x.svg
new file mode 100644
index 00000000..cd78475f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-x" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v8.01A2 2 0 0 0 2 14h5.5a.5.5 0 0 0 0-1H2a1 1 0 0 1-.966-.741l5.64-3.471L8 9.583l7-4.2V8.5a.5.5 0 0 0 1 0V4a2 2 0 0 0-2-2H2Zm3.708 6.208L1 11.105V5.383l4.708 2.825ZM1 4.217V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v.217l-7 4.2-7-4.2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/envelope.svg b/apps/phoenix_webcomponent/priv/bsi/svg/envelope.svg
new file mode 100644
index 00000000..122fc357
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/envelope.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eraser-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eraser-fill.svg
new file mode 100644
index 00000000..10959b3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eraser-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eraser-fill" viewBox="0 0 16 16">
+  <path d="M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm.66 11.34L3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eraser.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eraser.svg
new file mode 100644
index 00000000..e7060e56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eraser.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eraser" viewBox="0 0 16 16">
+  <path d="M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm2.121.707a1 1 0 0 0-1.414 0L4.16 7.547l5.293 5.293 4.633-4.633a1 1 0 0 0 0-1.414l-3.879-3.879zM8.746 13.547 3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/escape.svg b/apps/phoenix_webcomponent/priv/bsi/svg/escape.svg
new file mode 100644
index 00000000..112c87b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/escape.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-escape" viewBox="0 0 16 16">
+  <path d="M8.538 1.02a.5.5 0 1 0-.076.998 6 6 0 1 1-6.445 6.444.5.5 0 0 0-.997.076A7 7 0 1 0 8.538 1.02Z"/>
+  <path d="M7.096 7.828a.5.5 0 0 0 .707-.707L2.707 2.025h2.768a.5.5 0 1 0 0-1H1.5a.5.5 0 0 0-.5.5V5.5a.5.5 0 0 0 1 0V2.732l5.096 5.096Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ethernet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ethernet.svg
new file mode 100644
index 00000000..9b97a3af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ethernet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ethernet" viewBox="0 0 16 16">
+  <path d="M14 13.5v-7a.5.5 0 0 0-.5-.5H12V4.5a.5.5 0 0 0-.5-.5h-1v-.5A.5.5 0 0 0 10 3H6a.5.5 0 0 0-.5.5V4h-1a.5.5 0 0 0-.5.5V6H2.5a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5ZM3.75 11h.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25Zm2 0h.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25Zm1.75.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-1.5ZM9.75 11h.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-1.5a.25.25 0 0 1 .25-.25Zm1.75.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-1.5Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2ZM1 2a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ev-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ev-front-fill.svg
new file mode 100644
index 00000000..6926f520
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ev-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ev-front-fill" viewBox="0 0 16 16">
+  <path d="M2.52 3.515A2.5 2.5 0 0 1 4.82 2h6.362c1 0 1.904.596 2.298 1.515l.792 1.848c.075.175.21.319.38.404.5.25.855.715.965 1.262l.335 1.679c.033.161.049.325.049.49v.413c0 .814-.39 1.543-1 1.997V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.338c-1.292.048-2.745.088-4 .088s-2.708-.04-4-.088V13.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-1.892c-.61-.454-1-1.183-1-1.997v-.413a2.5 2.5 0 0 1 .049-.49l.335-1.68c.11-.546.465-1.012.964-1.261a.807.807 0 0 0 .381-.404l.792-1.848Zm6.75.51a.186.186 0 0 0-.23.034L6.05 7.246a.188.188 0 0 0 .137.316h1.241l-.673 2.195a.188.188 0 0 0 .085.218c.075.043.17.03.23-.034l2.88-3.187a.188.188 0 0 0-.137-.316H8.572l.782-2.195a.188.188 0 0 0-.085-.218Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ev-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ev-front.svg
new file mode 100644
index 00000000..2e0acc64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ev-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ev-front" viewBox="0 0 16 16">
+  <path d="M9.354 4.243a.188.188 0 0 0-.085-.218.186.186 0 0 0-.23.034L6.051 7.246a.188.188 0 0 0 .136.316h1.241l-.673 2.195a.188.188 0 0 0 .085.218c.075.043.17.03.23-.034l2.88-3.187a.188.188 0 0 0-.137-.316H8.572l.782-2.195Z"/>
+  <path d="M4.819 2A2.5 2.5 0 0 0 2.52 3.515l-.792 1.848a.807.807 0 0 1-.38.404c-.5.25-.855.715-.965 1.262L.05 8.708a2.5 2.5 0 0 0-.049.49v.413c0 .814.39 1.543 1 1.997V13.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.338c1.292.048 2.745.088 4 .088s2.708-.04 4-.088V13.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.892c.61-.454 1-1.183 1-1.997v-.413c0-.165-.016-.329-.049-.49l-.335-1.68a1.807 1.807 0 0 0-.964-1.261.807.807 0 0 1-.381-.404l-.792-1.848A2.5 2.5 0 0 0 11.181 2H4.82ZM3.44 3.91A1.5 1.5 0 0 1 4.82 3h6.362a1.5 1.5 0 0 1 1.379.91l.792 1.847a1.8 1.8 0 0 0 .853.904c.222.112.381.32.43.564l.336 1.679c.02.097.029.195.029.294v.413a1.48 1.48 0 0 1-1.408 1.484c-1.555.07-3.786.155-5.592.155-1.806 0-4.037-.084-5.592-.155A1.479 1.479 0 0 1 1 9.611v-.413c0-.099.01-.197.03-.294l.335-1.68a.807.807 0 0 1 .43-.563c.383-.19.685-.511.853-.904l.792-1.848Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ev-station-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ev-station-fill.svg
new file mode 100644
index 00000000..a30f613b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ev-station-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ev-station-fill" viewBox="0 0 16 16">
+  <path d="M1 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1 2 2v.5a.5.5 0 0 0 1 0V9c0-.258-.104-.377-.357-.635l-.007-.008C13.379 8.096 13 7.71 13 7V4a.5.5 0 0 1 .146-.354l.5-.5a.5.5 0 0 1 .708 0l.5.5A.5.5 0 0 1 15 4v8.5a1.5 1.5 0 1 1-3 0V12a1 1 0 0 0-1-1v4h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V2Zm2 .5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5Zm2.631 9.96H4.14v-.893h1.403v-.505H4.14v-.855h1.49v-.54H3.485V13h2.146v-.54Zm1.316.54h.794l1.106-3.333h-.733l-.74 2.615h-.031l-.747-2.615h-.764L6.947 13Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ev-station.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ev-station.svg
new file mode 100644
index 00000000..faec20c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ev-station.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ev-station" viewBox="0 0 16 16">
+  <path d="M3.5 2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Zm2.131 10.46H4.14v-.893h1.403v-.505H4.14v-.855h1.49v-.54H3.485V13h2.146v-.54Zm1.316.54h.794l1.106-3.333h-.733l-.74 2.615h-.031l-.747-2.615h-.764L6.947 13Z"/>
+  <path d="M3 0a2 2 0 0 0-2 2v13H.5a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1H11v-4a1 1 0 0 1 1 1v.5a1.5 1.5 0 0 0 3 0V4a.5.5 0 0 0-.146-.354l-.5-.5a.5.5 0 0 0-.707 0l-.5.5A.5.5 0 0 0 13 4v3c0 .71.38 1.096.636 1.357l.007.008c.253.258.357.377.357.635v3.5a.5.5 0 1 1-1 0V12a2 2 0 0 0-2-2V2a2 2 0 0 0-2-2H3Zm7 2v13H2V2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle-fill.svg
new file mode 100644
index 00000000..f7a7d17b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle.svg
new file mode 100644
index 00000000..73c7e8d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond-fill.svg
new file mode 100644
index 00000000..5987fe72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-diamond-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond.svg
new file mode 100644
index 00000000..6c0388bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-diamond.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-diamond" viewBox="0 0 16 16">
+  <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
+  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-lg.svg
new file mode 100644
index 00000000..b21e727f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-lg" viewBox="0 0 16 16">
+  <path d="M7.005 3.1a1 1 0 1 1 1.99 0l-.388 6.35a.61.61 0 0 1-1.214 0L7.005 3.1ZM7 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon-fill.svg
new file mode 100644
index 00000000..3347f64c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-octagon-fill" viewBox="0 0 16 16">
+  <path d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon.svg
new file mode 100644
index 00000000..6ef1db9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-octagon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-octagon" viewBox="0 0 16 16">
+  <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
+  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square-fill.svg
new file mode 100644
index 00000000..e99eab8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square.svg
new file mode 100644
index 00000000..41436cb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle-fill.svg
new file mode 100644
index 00000000..50e17525
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16">
+  <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle.svg
new file mode 100644
index 00000000..7ca0dc74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation-triangle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-triangle" viewBox="0 0 16 16">
+  <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
+  <path d="M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation.svg
new file mode 100644
index 00000000..953004b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclamation.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation" viewBox="0 0 16 16">
+  <path d="M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/exclude.svg b/apps/phoenix_webcomponent/priv/bsi/svg/exclude.svg
new file mode 100644
index 00000000..9be5f93b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/exclude.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclude" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm12 2H5a1 1 0 0 0-1 1v7h7a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/explicit-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/explicit-fill.svg
new file mode 100644
index 00000000..159d3654
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/explicit-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-explicit-fill" viewBox="0 0 16 16">
+  <path d="M2.5 0A2.5 2.5 0 0 0 0 2.5v11A2.5 2.5 0 0 0 2.5 16h11a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 13.5 0h-11Zm4.326 10.88H10.5V12h-5V4.002h5v1.12H6.826V7.4h3.457v1.073H6.826v2.408Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/explicit.svg b/apps/phoenix_webcomponent/priv/bsi/svg/explicit.svg
new file mode 100644
index 00000000..22a0ef46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/explicit.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-explicit" viewBox="0 0 16 16">
+  <path d="M6.826 10.88H10.5V12h-5V4.002h5v1.12H6.826V7.4h3.457v1.073H6.826v2.408Z"/>
+  <path d="M2.5 0A2.5 2.5 0 0 0 0 2.5v11A2.5 2.5 0 0 0 2.5 16h11a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 13.5 0h-11ZM1 2.5A1.5 1.5 0 0 1 2.5 1h11A1.5 1.5 0 0 1 15 2.5v11a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5v-11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eye-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eye-fill.svg
new file mode 100644
index 00000000..2697206c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eye-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill" viewBox="0 0 16 16">
+  <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"/>
+  <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash-fill.svg
new file mode 100644
index 00000000..93392628
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash-fill" viewBox="0 0 16 16">
+  <path d="m10.79 12.912-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"/>
+  <path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829zm3.171 6-12-12 .708-.708 12 12-.708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash.svg
new file mode 100644
index 00000000..c5208375
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eye-slash.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">
+  <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>
+  <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>
+  <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eye.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eye.svg
new file mode 100644
index 00000000..412ff692
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eye.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">
+  <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>
+  <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eyedropper.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eyedropper.svg
new file mode 100644
index 00000000..698d40dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eyedropper.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">
+  <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/eyeglasses.svg b/apps/phoenix_webcomponent/priv/bsi/svg/eyeglasses.svg
new file mode 100644
index 00000000..020d9432
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/eyeglasses.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyeglasses" viewBox="0 0 16 16">
+  <path d="M4 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm2.625.547a3 3 0 0 0-5.584.953H.5a.5.5 0 0 0 0 1h.541A3 3 0 0 0 7 8a1 1 0 0 1 2 0 3 3 0 0 0 5.959.5h.541a.5.5 0 0 0 0-1h-.541a3 3 0 0 0-5.584-.953A1.993 1.993 0 0 0 8 6c-.532 0-1.016.208-1.375.547zM14 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/facebook.svg b/apps/phoenix_webcomponent/priv/bsi/svg/facebook.svg
new file mode 100644
index 00000000..e8d1443d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/facebook.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
+  <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fan.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fan.svg
new file mode 100644
index 00000000..fab6eab8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fan.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fan" viewBox="0 0 16 16">
+  <path d="M10 3c0 1.313-.304 2.508-.8 3.4a1.991 1.991 0 0 0-1.484-.38c-.28-.982-.91-2.04-1.838-2.969a8.368 8.368 0 0 0-.491-.454A5.976 5.976 0 0 1 8 2c.691 0 1.355.117 1.973.332.018.219.027.442.027.668Zm0 5c0 .073-.004.146-.012.217 1.018-.019 2.2-.353 3.331-1.006a8.39 8.39 0 0 0 .57-.361 6.004 6.004 0 0 0-2.53-3.823 9.02 9.02 0 0 1-.145.64c-.34 1.269-.944 2.346-1.656 3.079.277.343.442.78.442 1.254Zm-.137.728a2.007 2.007 0 0 1-1.07 1.109c.525.87 1.405 1.725 2.535 2.377.2.116.402.222.605.317a5.986 5.986 0 0 0 2.053-4.111c-.208.073-.421.14-.641.199-1.264.339-2.493.356-3.482.11ZM8 10c-.45 0-.866-.149-1.2-.4-.494.89-.796 2.082-.796 3.391 0 .23.01.457.027.678A5.99 5.99 0 0 0 8 14c.94 0 1.83-.216 2.623-.602a8.359 8.359 0 0 1-.497-.458c-.925-.926-1.555-1.981-1.836-2.96-.094.013-.191.02-.29.02ZM6 8c0-.08.005-.16.014-.239-1.02.017-2.205.351-3.34 1.007a8.366 8.366 0 0 0-.568.359 6.003 6.003 0 0 0 2.525 3.839 8.37 8.37 0 0 1 .148-.653c.34-1.267.94-2.342 1.65-3.075A1.988 1.988 0 0 1 6 8Zm-3.347-.632c1.267-.34 2.498-.355 3.488-.107.196-.494.583-.89 1.07-1.1-.524-.874-1.406-1.733-2.541-2.388a8.363 8.363 0 0 0-.594-.312 5.987 5.987 0 0 0-2.06 4.106c.206-.074.418-.14.637-.199ZM8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14Zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn-fill.svg
new file mode 100644
index 00000000..9c9a1c6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 4v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2Zm4.271 1.055a.5.5 0 0 1 .52.038L8 7.386V5.5a.5.5 0 0 1 .79-.407l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 8 10.5V8.614l-3.21 2.293A.5.5 0 0 1 4 10.5v-5a.5.5 0 0 1 .271-.445Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn.svg
new file mode 100644
index 00000000..a3d605c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward-btn" viewBox="0 0 16 16">
+  <path d="M8.79 5.093A.5.5 0 0 0 8 5.5v1.886L4.79 5.093A.5.5 0 0 0 4 5.5v5a.5.5 0 0 0 .79.407L8 8.614V10.5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle-fill.svg
new file mode 100644
index 00000000..aa5c37bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM4.79 5.093 8 7.386V5.5a.5.5 0 0 1 .79-.407l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 8 10.5V8.614l-3.21 2.293A.5.5 0 0 1 4 10.5v-5a.5.5 0 0 1 .79-.407Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle.svg
new file mode 100644
index 00000000..2eceb91a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14Zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16Z"/>
+  <path d="M4.271 5.055a.5.5 0 0 1 .52.038L8 7.386V5.5a.5.5 0 0 1 .79-.407l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 8 10.5V8.614l-3.21 2.293A.5.5 0 0 1 4 10.5v-5a.5.5 0 0 1 .271-.445Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-fill.svg
new file mode 100644
index 00000000..329cad06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward-fill" viewBox="0 0 16 16">
+  <path d="M7.596 7.304a.802.802 0 0 1 0 1.392l-6.363 3.692C.713 12.69 0 12.345 0 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z"/>
+  <path d="M15.596 7.304a.802.802 0 0 1 0 1.392l-6.363 3.692C8.713 12.69 8 12.345 8 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward.svg
new file mode 100644
index 00000000..10643600
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fast-forward.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fast-forward" viewBox="0 0 16 16">
+  <path d="M6.804 8 1 4.633v6.734L6.804 8Zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C.713 12.69 0 12.345 0 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z"/>
+  <path d="M14.804 8 9 4.633v6.734L14.804 8Zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C8.713 12.69 8 12.345 8 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down-fill.svg
new file mode 100644
index 00000000..910fc07e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-arrow-down-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM8 5a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5A.5.5 0 0 1 8 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down.svg
new file mode 100644
index 00000000..6f75d504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-arrow-down" viewBox="0 0 16 16">
+  <path d="M8 5a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5A.5.5 0 0 1 8 5z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up-fill.svg
new file mode 100644
index 00000000..9dba2051
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-arrow-up-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM7.5 6.707 6.354 7.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 6.707V10.5a.5.5 0 0 1-1 0V6.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up.svg
new file mode 100644
index 00000000..223379e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-arrow-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-arrow-up" viewBox="0 0 16 16">
+  <path d="M8 11a.5.5 0 0 0 .5-.5V6.707l1.146 1.147a.5.5 0 0 0 .708-.708l-2-2a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L7.5 6.707V10.5a.5.5 0 0 0 .5.5z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph-fill.svg
new file mode 100644
index 00000000..a0e31d6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-bar-graph-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-2 11.5v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph.svg
new file mode 100644
index 00000000..e66be6a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-bar-graph.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-bar-graph" viewBox="0 0 16 16">
+  <path d="M4.5 12a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1zm3 0a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm3 0a.5.5 0 0 1-.5-.5v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-binary-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-binary-fill.svg
new file mode 100644
index 00000000..13343bfb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-binary-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-binary-fill" viewBox="0 0 16 16">
+  <path d="M5.526 9.273c-.542 0-.832.563-.832 1.612 0 .088.003.173.006.252l1.56-1.143c-.126-.474-.375-.72-.733-.72zm-.732 2.508c.126.472.372.718.732.718.54 0 .83-.563.83-1.614 0-.085-.003-.17-.006-.25l-1.556 1.146z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM7.05 10.885c0 1.415-.548 2.206-1.524 2.206C4.548 13.09 4 12.3 4 10.885c0-1.412.548-2.203 1.526-2.203.976 0 1.524.79 1.524 2.203zm3.805 1.52V13h-3v-.595h1.181V9.5h-.05l-1.136.747v-.688l1.19-.786h.69v3.633h1.125z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-binary.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-binary.svg
new file mode 100644
index 00000000..7e667bcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-binary.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-binary" viewBox="0 0 16 16">
+  <path d="M5.526 13.09c.976 0 1.524-.79 1.524-2.205 0-1.412-.548-2.203-1.524-2.203-.978 0-1.526.79-1.526 2.203 0 1.415.548 2.206 1.526 2.206zm-.832-2.205c0-1.05.29-1.612.832-1.612.358 0 .607.247.733.721L4.7 11.137a6.749 6.749 0 0 1-.006-.252zm.832 1.614c-.36 0-.606-.246-.732-.718l1.556-1.145c.003.079.005.164.005.249 0 1.052-.29 1.614-.829 1.614zm5.329.501v-.595H9.73V8.772h-.69l-1.19.786v.688L8.986 9.5h.05v2.906h-1.18V13h3z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-break-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-break-fill.svg
new file mode 100644
index 00000000..4eddc4a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-break-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-break-fill" viewBox="0 0 16 16">
+  <path d="M4 0h8a2 2 0 0 1 2 2v7H2V2a2 2 0 0 1 2-2zM2 12h12v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-break.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-break.svg
new file mode 100644
index 00000000..b4485d7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-break.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-break" viewBox="0 0 16 16">
+  <path d="M0 10.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zM12 0H4a2 2 0 0 0-2 2v7h1V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v7h1V2a2 2 0 0 0-2-2zm2 12h-1v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2H2v2a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-check-fill.svg
new file mode 100644
index 00000000..fb54b18c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-check-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-1.146 6.854-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-check.svg
new file mode 100644
index 00000000..14263114
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-check" viewBox="0 0 16 16">
+  <path d="M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-code-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-code-fill.svg
new file mode 100644
index 00000000..ee2f0f6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-code-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-code-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zm2.708 0 2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-code.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-code.svg
new file mode 100644
index 00000000..a8c390b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-code.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-code" viewBox="0 0 16 16">
+  <path d="M6.646 5.646a.5.5 0 1 1 .708.708L5.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zm2.708 0a.5.5 0 1 0-.708.708L10.293 8 8.646 9.646a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-diff-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-diff-fill.svg
new file mode 100644
index 00000000..945aef15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-diff-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-diff-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM8.5 4.5V6H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V7H6a.5.5 0 0 1 0-1h1.5V4.5a.5.5 0 0 1 1 0zM6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-diff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-diff.svg
new file mode 100644
index 00000000..dd848f04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-diff.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-diff" viewBox="0 0 16 16">
+  <path d="M8 4a.5.5 0 0 1 .5.5V6H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V7H6a.5.5 0 0 1 0-1h1.5V4.5A.5.5 0 0 1 8 4zm-2.5 6.5A.5.5 0 0 1 6 10h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down-fill.svg
new file mode 100644
index 00000000..0e960474
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-arrow-down-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-1 4v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 11.293V7.5a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down.svg
new file mode 100644
index 00000000..81cc43ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-arrow-down" viewBox="0 0 16 16">
+  <path d="M8.5 6.5a.5.5 0 0 0-1 0v3.793L6.354 9.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L8.5 10.293V6.5z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up-fill.svg
new file mode 100644
index 00000000..ce881cc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-arrow-up-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.354 9.854a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 8.707V12.5a.5.5 0 0 1-1 0V8.707L6.354 9.854z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up.svg
new file mode 100644
index 00000000..6cf324ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-arrow-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-arrow-up" viewBox="0 0 16 16">
+  <path d="M8.5 11.5a.5.5 0 0 1-1 0V7.707L6.354 8.854a.5.5 0 1 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 7.707V11.5z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph-fill.svg
new file mode 100644
index 00000000..7dc0df92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm.5 10v-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph.svg
new file mode 100644
index 00000000..eefb6877
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-bar-graph.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-bar-graph" viewBox="0 0 16 16">
+  <path d="M10 13.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v6zm-2.5.5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-1zm-3 0a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-1z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary-fill.svg
new file mode 100644
index 00000000..1652562c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-binary-fill" viewBox="0 0 16 16">
+  <path d="M5.526 10.273c-.542 0-.832.563-.832 1.612 0 .088.003.173.006.252l1.559-1.143c-.126-.474-.375-.72-.733-.72zm-.732 2.508c.126.472.372.718.732.718.54 0 .83-.563.83-1.614 0-.085-.003-.17-.006-.25l-1.556 1.146z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-2.45 8.385c0 1.415-.548 2.206-1.524 2.206C4.548 14.09 4 13.3 4 11.885c0-1.412.548-2.203 1.526-2.203.976 0 1.524.79 1.524 2.203zm3.805 1.52V14h-3v-.595h1.181V10.5h-.05l-1.136.747v-.688l1.19-.786h.69v3.633h1.125z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary.svg
new file mode 100644
index 00000000..e068bf6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-binary.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-binary" viewBox="0 0 16 16">
+  <path d="M7.05 11.885c0 1.415-.548 2.206-1.524 2.206C4.548 14.09 4 13.3 4 11.885c0-1.412.548-2.203 1.526-2.203.976 0 1.524.79 1.524 2.203zm-1.524-1.612c-.542 0-.832.563-.832 1.612 0 .088.003.173.006.252l1.559-1.143c-.126-.474-.375-.72-.733-.72zm-.732 2.508c.126.472.372.718.732.718.54 0 .83-.563.83-1.614 0-.085-.003-.17-.006-.25l-1.556 1.146zm6.061.624V14h-3v-.595h1.181V10.5h-.05l-1.136.747v-.688l1.19-.786h.69v3.633h1.125z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break-fill.svg
new file mode 100644
index 00000000..b36ea25a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-break-fill" viewBox="0 0 16 16">
+  <path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V9H2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM2 12h12v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break.svg
new file mode 100644
index 00000000..e98c6470
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-break.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-break" viewBox="0 0 16 16">
+  <path d="M14 4.5V9h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v7H2V2a2 2 0 0 1 2-2h5.5L14 4.5zM13 12h1v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-2h1v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-2zM.5 10a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check-fill.svg
new file mode 100644
index 00000000..de7bf69d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-check-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm1.354 4.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 9.793l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check.svg
new file mode 100644
index 00000000..f2fbf665
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-check" viewBox="0 0 16 16">
+  <path d="M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code-fill.svg
new file mode 100644
index 00000000..c23a7b6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-code-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.646 7.646a.5.5 0 1 1 .708.708L5.707 10l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zm2.708 0 2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 10 8.646 8.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code.svg
new file mode 100644
index 00000000..1b94a6aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-code.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-code" viewBox="0 0 16 16">
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+  <path d="M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff-fill.svg
new file mode 100644
index 00000000..5f18a887
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-diff-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM8 6a.5.5 0 0 1 .5.5V8H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V9H6a.5.5 0 0 1 0-1h1.5V6.5A.5.5 0 0 1 8 6zm-2.5 6.5A.5.5 0 0 1 6 12h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff.svg
new file mode 100644
index 00000000..0b28667e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-diff.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-diff" viewBox="0 0 16 16">
+  <path d="M8 5a.5.5 0 0 1 .5.5V7H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V8H6a.5.5 0 0 1 0-1h1.5V5.5A.5.5 0 0 1 8 5zm-2.5 6.5A.5.5 0 0 1 6 11h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel-fill.svg
new file mode 100644
index 00000000..0743de43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-easel-fill" viewBox="0 0 16 16">
+  <path d="M5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-2z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM8.5 6h2A1.5 1.5 0 0 1 12 7.5v2a1.5 1.5 0 0 1-1.5 1.5h-.473l.447 1.342a.5.5 0 0 1-.948.316L8.973 11H8.5v1a.5.5 0 0 1-1 0v-1h-.473l-.553 1.658a.5.5 0 1 1-.948-.316L5.973 11H5.5A1.5 1.5 0 0 1 4 9.5v-2A1.5 1.5 0 0 1 5.5 6h2a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel.svg
new file mode 100644
index 00000000..045fc870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-easel.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-easel" viewBox="0 0 16 16">
+  <path d="M8.5 6a.5.5 0 1 0-1 0h-2A1.5 1.5 0 0 0 4 7.5v2A1.5 1.5 0 0 0 5.5 11h.473l-.447 1.342a.5.5 0 1 0 .948.316L7.027 11H7.5v1a.5.5 0 0 0 1 0v-1h.473l.553 1.658a.5.5 0 1 0 .948-.316L10.027 11h.473A1.5 1.5 0 0 0 12 9.5v-2A1.5 1.5 0 0 0 10.5 6h-2zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-2z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel-fill.svg
new file mode 100644
index 00000000..2d492a8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-excel-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.884 6.68 8 9.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 10l2.233 2.68a.5.5 0 0 1-.768.64L8 10.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 10 5.116 7.32a.5.5 0 1 1 .768-.64z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel.svg
new file mode 100644
index 00000000..c40f16b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-excel.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-excel" viewBox="0 0 16 16">
+  <path d="M5.884 6.68a.5.5 0 1 0-.768.64L7.349 10l-2.233 2.68a.5.5 0 0 0 .768.64L8 10.781l2.116 2.54a.5.5 0 0 0 .768-.641L8.651 10l2.233-2.68a.5.5 0 0 0-.768-.64L8 9.219l-2.116-2.54z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-fill.svg
new file mode 100644
index 00000000..668247e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-fill" viewBox="0 0 16 16">
+  <path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font-fill.svg
new file mode 100644
index 00000000..c4fe9a45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-font-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.057 6h5.886L11 8h-.5c-.18-1.096-.356-1.192-1.694-1.235l-.298-.01v5.09c0 .47.1.582.903.655v.5H6.59v-.5c.799-.073.898-.184.898-.654V6.755l-.293.01C5.856 6.808 5.68 6.905 5.5 8H5l.057-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font.svg
new file mode 100644
index 00000000..f7aad0bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-font.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-font" viewBox="0 0 16 16">
+  <path d="M10.943 6H5.057L5 8h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v5.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V6.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image-fill.svg
new file mode 100644
index 00000000..e568ee78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-image-fill" viewBox="0 0 16 16">
+  <path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707v5.586l-2.73-2.73a1 1 0 0 0-1.52.127l-1.889 2.644-1.769-1.062a1 1 0 0 0-1.222.15L2 12.292V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zm-1.498 4a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
+  <path d="M10.564 8.27 14 11.708V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-.293l3.578-3.577 2.56 1.536 2.426-3.395z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image.svg
new file mode 100644
index 00000000..1e1964b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-image.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-image" viewBox="0 0 16 16">
+  <path d="M6.502 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+  <path d="M14 14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5V14zM4 1a1 1 0 0 0-1 1v10l2.224-2.224a.5.5 0 0 1 .61-.075L8 11l2.157-3.02a.5.5 0 0 1 .76-.063L13 10V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock-fill.svg
new file mode 100644
index 00000000..18a7fb71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-lock-fill" viewBox="0 0 16 16">
+  <path d="M7 7a1 1 0 0 1 2 0v1H7V7zM6 9.3c0-.042.02-.107.105-.175A.637.637 0 0 1 6.5 9h3a.64.64 0 0 1 .395.125c.085.068.105.133.105.175v2.4c0 .042-.02.107-.105.175A.637.637 0 0 1 9.5 12h-3a.637.637 0 0 1-.395-.125C6.02 11.807 6 11.742 6 11.7V9.3z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM10 7v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V9.3c0-.627.46-1.058 1-1.224V7a2 2 0 1 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock.svg
new file mode 100644
index 00000000..b15ec6a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-lock" viewBox="0 0 16 16">
+  <path d="M10 7v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V9.3c0-.627.46-1.058 1-1.224V7a2 2 0 1 1 4 0zM7 7v1h2V7a1 1 0 0 0-2 0zM6 9.3v2.4c0 .042.02.107.105.175A.637.637 0 0 0 6.5 12h3a.64.64 0 0 0 .395-.125c.085-.068.105-.133.105-.175V9.3c0-.042-.02-.107-.105-.175A.637.637 0 0 0 9.5 9h-3a.637.637 0 0 0-.395.125C6.02 9.193 6 9.258 6 9.3z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2-fill.svg
new file mode 100644
index 00000000..828a545a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-lock2-fill" viewBox="0 0 16 16">
+  <path d="M7 7a1 1 0 0 1 2 0v1H7V7z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM10 7v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V9.3c0-.627.46-1.058 1-1.224V7a2 2 0 1 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2.svg
new file mode 100644
index 00000000..cf76d3fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-lock2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-lock2" viewBox="0 0 16 16">
+  <path d="M10 7v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V9.3c0-.627.46-1.058 1-1.224V7a2 2 0 1 1 4 0zM7 7v1h2V7a1 1 0 0 0-2 0z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical-fill.svg
new file mode 100644
index 00000000..ed5f6bc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-medical-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-3 2v.634l.549-.317a.5.5 0 1 1 .5.866L7 7l.549.317a.5.5 0 1 1-.5.866L6.5 7.866V8.5a.5.5 0 0 1-1 0v-.634l-.549.317a.5.5 0 1 1-.5-.866L5 7l-.549-.317a.5.5 0 0 1 .5-.866l.549.317V5.5a.5.5 0 1 1 1 0zm-2 4.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm0 2h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical.svg
new file mode 100644
index 00000000..6fa8a39f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-medical.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-medical" viewBox="0 0 16 16">
+  <path d="M7.5 5.5a.5.5 0 0 0-1 0v.634l-.549-.317a.5.5 0 1 0-.5.866L6 7l-.549.317a.5.5 0 1 0 .5.866l.549-.317V8.5a.5.5 0 1 0 1 0v-.634l.549.317a.5.5 0 1 0 .5-.866L8 7l.549-.317a.5.5 0 1 0-.5-.866l-.549.317V5.5zm-2 4.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus-fill.svg
new file mode 100644
index 00000000..25e708ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-minus-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6 8.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus.svg
new file mode 100644
index 00000000..e87b163c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-minus" viewBox="0 0 16 16">
+  <path d="M5.5 9a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music-fill.svg
new file mode 100644
index 00000000..c64c7978
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-music-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM11 6.64v1.75l-2 .5v3.61c0 .495-.301.883-.662 1.123C7.974 13.866 7.499 14 7 14c-.5 0-.974-.134-1.338-.377-.36-.24-.662-.628-.662-1.123s.301-.883.662-1.123C6.026 11.134 6.501 11 7 11c.356 0 .7.068 1 .196V6.89a1 1 0 0 1 .757-.97l1-.25A1 1 0 0 1 11 6.64z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music.svg
new file mode 100644
index 00000000..cc25eb99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-music.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-music" viewBox="0 0 16 16">
+  <path d="M11 6.64a1 1 0 0 0-1.243-.97l-1 .25A1 1 0 0 0 8 6.89v4.306A2.572 2.572 0 0 0 7 11c-.5 0-.974.134-1.338.377-.36.24-.662.628-.662 1.123s.301.883.662 1.123c.364.243.839.377 1.338.377.5 0 .974-.134 1.338-.377.36-.24.662-.628.662-1.123V8.89l2-.5V6.64z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf-fill.svg
new file mode 100644
index 00000000..0ba21ab3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-pdf-fill" viewBox="0 0 16 16">
+  <path d="M5.523 12.424c.14-.082.293-.162.459-.238a7.878 7.878 0 0 1-.45.606c-.28.337-.498.516-.635.572a.266.266 0 0 1-.035.012.282.282 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548zm2.455-1.647c-.119.025-.237.05-.356.078a21.148 21.148 0 0 0 .5-1.05 12.045 12.045 0 0 0 .51.858c-.217.032-.436.07-.654.114zm2.525.939a3.881 3.881 0 0 1-.435-.41c.228.005.434.022.612.054.317.057.466.147.518.209a.095.095 0 0 1 .026.064.436.436 0 0 1-.06.2.307.307 0 0 1-.094.124.107.107 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256zM8.278 6.97c-.04.244-.108.524-.2.829a4.86 4.86 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.517.517 0 0 1 .145-.04c.013.03.028.092.032.198.005.122-.007.277-.038.465z"/>
+  <path fill-rule="evenodd" d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM4.165 13.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.651 11.651 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.856.856 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.844.844 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.76 5.76 0 0 0-1.335-.05 10.954 10.954 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.238 1.238 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a19.697 19.697 0 0 1-1.062 2.227 7.662 7.662 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf.svg
new file mode 100644
index 00000000..52da96fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-pdf.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-pdf" viewBox="0 0 16 16">
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+  <path d="M4.603 14.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.697 19.697 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.188-.012.396-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.066.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.712 5.712 0 0 1-.911-.95 11.651 11.651 0 0 0-1.997.406 11.307 11.307 0 0 1-1.02 1.51c-.292.35-.609.656-.927.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.266.266 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.71 12.71 0 0 1 1.01-.193 11.744 11.744 0 0 1-.51-.858 20.801 20.801 0 0 1-.5 1.05zm2.446.45c.15.163.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.876 3.876 0 0 0-.612-.053zM8.078 7.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person-fill.svg
new file mode 100644
index 00000000..29a81294
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-person-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm2 5.755V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-.245S4 12 8 12s5 1.755 5 1.755z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person.svg
new file mode 100644
index 00000000..59a6a2a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-person.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-person" viewBox="0 0 16 16">
+  <path d="M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2v9.255S12 12 8 12s-5 1.755-5 1.755V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play-fill.svg
new file mode 100644
index 00000000..80731db8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-play-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6 6.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43V6.884z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play.svg
new file mode 100644
index 00000000..62042ab5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-play.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-play" viewBox="0 0 16 16">
+  <path d="M6 6.883v4.234a.5.5 0 0 0 .757.429l3.528-2.117a.5.5 0 0 0 0-.858L6.757 6.454a.5.5 0 0 0-.757.43z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus-fill.svg
new file mode 100644
index 00000000..6cead3a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM8.5 7v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus.svg
new file mode 100644
index 00000000..92840267
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
+  <path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5z"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post-fill.svg
new file mode 100644
index 00000000..0c0e7b87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-post-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-5-.5H7a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1 0-1zm0 3h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post.svg
new file mode 100644
index 00000000..1f0d4359
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-post.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-post" viewBox="0 0 16 16">
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+  <path d="M4 6.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-7zm0-3a.5.5 0 0 1 .5-.5H7a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt-fill.svg
new file mode 100644
index 00000000..68e97930
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-ppt-fill" viewBox="0 0 16 16">
+  <path d="M8.188 10H7V6.5h1.188a1.75 1.75 0 1 1 0 3.5z"/>
+  <path d="M4 0h5.293A1 1 0 0 1 10 .293L13.707 4a1 1 0 0 1 .293.707V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.5 1.5v2a1 1 0 0 0 1 1h2l-3-3zM7 5.5a1 1 0 0 0-1 1V13a.5.5 0 0 0 1 0v-2h1.188a2.75 2.75 0 0 0 0-5.5H7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt.svg
new file mode 100644
index 00000000..bedf5526
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ppt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-ppt" viewBox="0 0 16 16">
+  <path d="M7 5.5a1 1 0 0 0-1 1V13a.5.5 0 0 0 1 0v-2h1.188a2.75 2.75 0 0 0 0-5.5H7zM8.188 10H7V6.5h1.188a1.75 1.75 0 1 1 0 3.5z"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext-fill.svg
new file mode 100644
index 00000000..e5c82ee7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-richtext-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM7 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V9.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V9s1.54-1.274 1.639-1.208zM5 11h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0 2h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext.svg
new file mode 100644
index 00000000..35af1467
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-richtext.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-richtext" viewBox="0 0 16 16">
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+  <path d="M4.5 12.5A.5.5 0 0 1 5 12h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm0-2A.5.5 0 0 1 5 10h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm1.639-3.708 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V8.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8s1.54-1.274 1.639-1.208zM6.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled-fill.svg
new file mode 100644
index 00000000..43aecce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-ruled-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM3 9h10v1H6v2h7v1H6v2H5v-2H3v-1h2v-2H3V9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled.svg
new file mode 100644
index 00000000..4f288581
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-ruled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-ruled" viewBox="0 0 16 16">
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5v2zM3 12v-2h2v2H3zm0 1h2v2H4a1 1 0 0 1-1-1v-1zm3 2v-2h7v1a1 1 0 0 1-1 1H6zm7-3H6v-2h7v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides-fill.svg
new file mode 100644
index 00000000..98b59df5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-slides-fill" viewBox="0 0 16 16">
+  <path d="M7 9.78V7.22c0-.096.106-.156.19-.106l2.13 1.279a.125.125 0 0 1 0 .214l-2.13 1.28A.125.125 0 0 1 7 9.778z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5 6h6a.5.5 0 0 1 .496.438l.5 4A.5.5 0 0 1 11.5 11h-3v2.016c.863.055 1.5.251 1.5.484 0 .276-.895.5-2 .5s-2-.224-2-.5c0-.233.637-.429 1.5-.484V11h-3a.5.5 0 0 1-.496-.562l.5-4A.5.5 0 0 1 5 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides.svg
new file mode 100644
index 00000000..2d97fa7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-slides.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-slides" viewBox="0 0 16 16">
+  <path d="M5 6a.5.5 0 0 0-.496.438l-.5 4A.5.5 0 0 0 4.5 11h3v2.016c-.863.055-1.5.251-1.5.484 0 .276.895.5 2 .5s2-.224 2-.5c0-.233-.637-.429-1.5-.484V11h3a.5.5 0 0 0 .496-.562l-.5-4A.5.5 0 0 0 11 6H5zm2 3.78V7.22c0-.096.106-.156.19-.106l2.13 1.279a.125.125 0 0 1 0 .214l-2.13 1.28A.125.125 0 0 1 7 9.778z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet-fill.svg
new file mode 100644
index 00000000..9a71e732
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-spreadsheet-fill" viewBox="0 0 16 16">
+  <path d="M6 12v-2h3v2H6z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM3 9h10v1h-3v2h3v1h-3v2H9v-2H6v2H5v-2H3v-1h2v-2H3V9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet.svg
new file mode 100644
index 00000000..a111232b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-spreadsheet.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-spreadsheet" viewBox="0 0 16 16">
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V9H3V2a1 1 0 0 1 1-1h5.5v2zM3 12v-2h2v2H3zm0 1h2v2H4a1 1 0 0 1-1-1v-1zm3 2v-2h3v2H6zm4 0v-2h3v1a1 1 0 0 1-1 1h-2zm3-3h-3v-2h3v2zm-7 0v-2h3v2H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text-fill.svg
new file mode 100644
index 00000000..b3299197
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text.svg
new file mode 100644
index 00000000..0d60c795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">
+  <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+  <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word-fill.svg
new file mode 100644
index 00000000..717b0497
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-word-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM5.485 6.879l1.036 4.144.997-3.655a.5.5 0 0 1 .964 0l.997 3.655 1.036-4.144a.5.5 0 0 1 .97.242l-1.5 6a.5.5 0 0 1-.967.01L8 9.402l-1.018 3.73a.5.5 0 0 1-.967-.01l-1.5-6a.5.5 0 1 1 .97-.242z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word.svg
new file mode 100644
index 00000000..7186b69e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-word.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-word" viewBox="0 0 16 16">
+  <path d="M5.485 6.879a.5.5 0 1 0-.97.242l1.5 6a.5.5 0 0 0 .967.01L8 9.402l1.018 3.73a.5.5 0 0 0 .967-.01l1.5-6a.5.5 0 0 0-.97-.242l-1.036 4.144-.997-3.655a.5.5 0 0 0-.964 0l-.997 3.655L5.485 6.88z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x-fill.svg
new file mode 100644
index 00000000..a19d14b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-x-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.854 7.146 8 8.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 9l1.147 1.146a.5.5 0 0 1-.708.708L8 9.707l-1.146 1.147a.5.5 0 0 1-.708-.708L7.293 9 6.146 7.854a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x.svg
new file mode 100644
index 00000000..bedb970d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-x" viewBox="0 0 16 16">
+  <path d="M6.854 7.146a.5.5 0 1 0-.708.708L7.293 9l-1.147 1.146a.5.5 0 0 0 .708.708L8 9.707l1.146 1.147a.5.5 0 0 0 .708-.708L8.707 9l1.147-1.146a.5.5 0 0 0-.708-.708L8 8.293 6.854 7.146z"/>
+  <path d="M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip-fill.svg
new file mode 100644
index 00000000..b92ff9a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-zip-fill" viewBox="0 0 16 16">
+  <path d="M5.5 9.438V8.5h1v.938a1 1 0 0 0 .03.243l.4 1.598-.93.62-.93-.62.4-1.598a1 1 0 0 0 .03-.243z"/>
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zm-4-.5V2h-1V1H6v1h1v1H6v1h1v1H6v1h1v1H5.5V6h-1V5h1V4h-1V3h1zm0 4.5h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.109 0l-.93-.62a1 1 0 0 1-.415-1.074l.4-1.599V8.5a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip.svg
new file mode 100644
index 00000000..b82afcc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark-zip.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-zip" viewBox="0 0 16 16">
+  <path d="M5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.11 0l-.929-.62a1 1 0 0 1-.415-1.074L5 8.438V7.5zm2 0H6v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.929-.62-.4-1.598A1 1 0 0 1 7 8.438V7.5z"/>
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1h-2v1h-1v1h1v1h-1v1h1v1H6V5H5V4h1V3H5V2h1V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark.svg
new file mode 100644
index 00000000..c3d086b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-earmark.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark" viewBox="0 0 16 16">
+  <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-easel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-easel-fill.svg
new file mode 100644
index 00000000..e1122e5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-easel-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-easel-fill" viewBox="0 0 16 16">
+  <path d="M5 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-2z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM8.5 5h2A1.5 1.5 0 0 1 12 6.5v2a1.5 1.5 0 0 1-1.5 1.5h-.473l.447 1.342a.5.5 0 0 1-.948.316L8.973 10H8.5v1a.5.5 0 0 1-1 0v-1h-.473l-.553 1.658a.5.5 0 1 1-.948-.316L5.973 10H5.5A1.5 1.5 0 0 1 4 8.5v-2A1.5 1.5 0 0 1 5.5 5h2a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-easel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-easel.svg
new file mode 100644
index 00000000..c6d6a4de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-easel.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-easel" viewBox="0 0 16 16">
+  <path d="M8.5 5a.5.5 0 1 0-1 0h-2A1.5 1.5 0 0 0 4 6.5v2A1.5 1.5 0 0 0 5.5 10h.473l-.447 1.342a.5.5 0 1 0 .948.316L7.027 10H7.5v1a.5.5 0 0 0 1 0v-1h.473l.553 1.658a.5.5 0 1 0 .948-.316L10.027 10h.473A1.5 1.5 0 0 0 12 8.5v-2A1.5 1.5 0 0 0 10.5 5h-2zM5 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-2z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-excel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-excel-fill.svg
new file mode 100644
index 00000000..350a7df8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-excel-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-excel-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5.884 4.68 8 7.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 8l2.233 2.68a.5.5 0 0 1-.768.64L8 8.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 8 5.116 5.32a.5.5 0 1 1 .768-.64z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-excel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-excel.svg
new file mode 100644
index 00000000..0f43afe2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-excel.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-excel" viewBox="0 0 16 16">
+  <path d="M5.18 4.616a.5.5 0 0 1 .704.064L8 7.219l2.116-2.54a.5.5 0 1 1 .768.641L8.651 8l2.233 2.68a.5.5 0 0 1-.768.64L8 8.781l-2.116 2.54a.5.5 0 0 1-.768-.641L7.349 8 5.116 5.32a.5.5 0 0 1 .064-.704z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-fill.svg
new file mode 100644
index 00000000..a1f4de09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-font-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-font-fill.svg
new file mode 100644
index 00000000..198a2591
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-font-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-font-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5.057 4h5.886L11 6h-.5c-.18-1.096-.356-1.192-1.694-1.235l-.298-.01v6.09c0 .47.1.582.903.655v.5H6.59v-.5c.799-.073.898-.184.898-.654V4.755l-.293.01C5.856 4.808 5.68 4.905 5.5 6H5l.057-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-font.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-font.svg
new file mode 100644
index 00000000..1d67f5e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-font.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-font" viewBox="0 0 16 16">
+  <path d="M10.943 4H5.057L5 6h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v6.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V4.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-image-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-image-fill.svg
new file mode 100644
index 00000000..f4e81aba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-image-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-image-fill" viewBox="0 0 16 16">
+  <path d="M4 0h8a2 2 0 0 1 2 2v8.293l-2.73-2.73a1 1 0 0 0-1.52.127l-1.889 2.644-1.769-1.062a1 1 0 0 0-1.222.15L2 12.292V2a2 2 0 0 1 2-2zm4.002 5.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
+  <path d="M10.564 8.27 14 11.708V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-.293l3.578-3.577 2.56 1.536 2.426-3.395z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-image.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-image.svg
new file mode 100644
index 00000000..127fd896
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-image.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-image" viewBox="0 0 16 16">
+  <path d="M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-lock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock-fill.svg
new file mode 100644
index 00000000..a14dafc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-lock-fill" viewBox="0 0 16 16">
+  <path d="M7 6a1 1 0 0 1 2 0v1H7V6zM6 8.3c0-.042.02-.107.105-.175A.637.637 0 0 1 6.5 8h3a.64.64 0 0 1 .395.125c.085.068.105.133.105.175v2.4c0 .042-.02.107-.105.175A.637.637 0 0 1 9.5 11h-3a.637.637 0 0 1-.395-.125C6.02 10.807 6 10.742 6 10.7V8.3z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-2 6v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V8.3c0-.627.46-1.058 1-1.224V6a2 2 0 1 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock.svg
new file mode 100644
index 00000000..4206978a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-lock" viewBox="0 0 16 16">
+  <path d="M8 5a1 1 0 0 1 1 1v1H7V6a1 1 0 0 1 1-1zm2 2.076V6a2 2 0 1 0-4 0v1.076c-.54.166-1 .597-1 1.224v2.4c0 .816.781 1.3 1.5 1.3h3c.719 0 1.5-.484 1.5-1.3V8.3c0-.627-.46-1.058-1-1.224zM6.105 8.125A.637.637 0 0 1 6.5 8h3a.64.64 0 0 1 .395.125c.085.068.105.133.105.175v2.4c0 .042-.02.107-.105.175A.637.637 0 0 1 9.5 11h-3a.637.637 0 0 1-.395-.125C6.02 10.807 6 10.742 6 10.7V8.3c0-.042.02-.107.105-.175z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2-fill.svg
new file mode 100644
index 00000000..a68a5d42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-lock2-fill" viewBox="0 0 16 16">
+  <path d="M7 6a1 1 0 0 1 2 0v1H7V6z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-2 6v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V8.3c0-.627.46-1.058 1-1.224V6a2 2 0 1 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2.svg
new file mode 100644
index 00000000..134f7473
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-lock2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-lock2" viewBox="0 0 16 16">
+  <path d="M8 5a1 1 0 0 1 1 1v1H7V6a1 1 0 0 1 1-1zm2 2.076V6a2 2 0 1 0-4 0v1.076c-.54.166-1 .597-1 1.224v2.4c0 .816.781 1.3 1.5 1.3h3c.719 0 1.5-.484 1.5-1.3V8.3c0-.627-.46-1.058-1-1.224z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-medical-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-medical-fill.svg
new file mode 100644
index 00000000..6caf0a32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-medical-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-medical-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM8.5 4.5v.634l.549-.317a.5.5 0 1 1 .5.866L9 6l.549.317a.5.5 0 1 1-.5.866L8.5 6.866V7.5a.5.5 0 0 1-1 0v-.634l-.549.317a.5.5 0 1 1-.5-.866L7 6l-.549-.317a.5.5 0 0 1 .5-.866l.549.317V4.5a.5.5 0 1 1 1 0zM5.5 9h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm0 2h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-medical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-medical.svg
new file mode 100644
index 00000000..afec18e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-medical.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-medical" viewBox="0 0 16 16">
+  <path d="M8.5 4.5a.5.5 0 0 0-1 0v.634l-.549-.317a.5.5 0 1 0-.5.866L7 6l-.549.317a.5.5 0 1 0 .5.866l.549-.317V7.5a.5.5 0 1 0 1 0v-.634l.549.317a.5.5 0 1 0 .5-.866L9 6l.549-.317a.5.5 0 1 0-.5-.866l-.549.317V4.5zM5.5 9a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-minus-fill.svg
new file mode 100644
index 00000000..85d99997
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-minus-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM6 7.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-minus.svg
new file mode 100644
index 00000000..67a45381
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-minus" viewBox="0 0 16 16">
+  <path d="M5.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-music-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-music-fill.svg
new file mode 100644
index 00000000..c7dfa82f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-music-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-music-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-.5 4.11v1.8l-2.5.5v5.09c0 .495-.301.883-.662 1.123C7.974 12.866 7.499 13 7 13c-.5 0-.974-.134-1.338-.377-.36-.24-.662-.628-.662-1.123s.301-.883.662-1.123C6.026 10.134 6.501 10 7 10c.356 0 .7.068 1 .196V4.41a1 1 0 0 1 .804-.98l1.5-.3a1 1 0 0 1 1.196.98z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-music.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-music.svg
new file mode 100644
index 00000000..6531a959
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-music.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-music" viewBox="0 0 16 16">
+  <path d="M10.304 3.13a1 1 0 0 1 1.196.98v1.8l-2.5.5v5.09c0 .495-.301.883-.662 1.123C7.974 12.866 7.499 13 7 13c-.5 0-.974-.134-1.338-.377-.36-.24-.662-.628-.662-1.123s.301-.883.662-1.123C6.026 10.134 6.501 10 7 10c.356 0 .7.068 1 .196V4.41a1 1 0 0 1 .804-.98l1.5-.3z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf-fill.svg
new file mode 100644
index 00000000..87543f55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-pdf-fill" viewBox="0 0 16 16">
+  <path d="M5.523 10.424c.14-.082.293-.162.459-.238a7.878 7.878 0 0 1-.45.606c-.28.337-.498.516-.635.572a.266.266 0 0 1-.035.012.282.282 0 0 1-.026-.044c-.056-.11-.054-.216.04-.36.106-.165.319-.354.647-.548zm2.455-1.647c-.119.025-.237.05-.356.078a21.035 21.035 0 0 0 .5-1.05 11.96 11.96 0 0 0 .51.858c-.217.032-.436.07-.654.114zm2.525.939a3.888 3.888 0 0 1-.435-.41c.228.005.434.022.612.054.317.057.466.147.518.209a.095.095 0 0 1 .026.064.436.436 0 0 1-.06.2.307.307 0 0 1-.094.124.107.107 0 0 1-.069.015c-.09-.003-.258-.066-.498-.256zM8.278 4.97c-.04.244-.108.524-.2.829a4.86 4.86 0 0 1-.089-.346c-.076-.353-.087-.63-.046-.822.038-.177.11-.248.196-.283a.517.517 0 0 1 .145-.04c.013.03.028.092.032.198.005.122-.007.277-.038.465z"/>
+  <path fill-rule="evenodd" d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm.165 11.668c.09.18.23.343.438.419.207.075.412.04.58-.03.318-.13.635-.436.926-.786.333-.401.683-.927 1.021-1.51a11.64 11.64 0 0 1 1.997-.406c.3.383.61.713.91.95.28.22.603.403.934.417a.856.856 0 0 0 .51-.138c.155-.101.27-.247.354-.416.09-.181.145-.37.138-.563a.844.844 0 0 0-.2-.518c-.226-.27-.596-.4-.96-.465a5.76 5.76 0 0 0-1.335-.05 10.954 10.954 0 0 1-.98-1.686c.25-.66.437-1.284.52-1.794.036-.218.055-.426.048-.614a1.238 1.238 0 0 0-.127-.538.7.7 0 0 0-.477-.365c-.202-.043-.41 0-.601.077-.377.15-.576.47-.651.823-.073.34-.04.736.046 1.136.088.406.238.848.43 1.295a19.707 19.707 0 0 1-1.062 2.227 7.662 7.662 0 0 0-1.482.645c-.37.22-.699.48-.897.787-.21.326-.275.714-.08 1.103z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf.svg
new file mode 100644
index 00000000..e8ba0a15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-pdf.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-pdf" viewBox="0 0 16 16">
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+  <path d="M4.603 12.087a.81.81 0 0 1-.438-.42c-.195-.388-.13-.776.08-1.102.198-.307.526-.568.897-.787a7.68 7.68 0 0 1 1.482-.645 19.701 19.701 0 0 0 1.062-2.227 7.269 7.269 0 0 1-.43-1.295c-.086-.4-.119-.796-.046-1.136.075-.354.274-.672.65-.823.192-.077.4-.12.602-.077a.7.7 0 0 1 .477.365c.088.164.12.356.127.538.007.187-.012.395-.047.614-.084.51-.27 1.134-.52 1.794a10.954 10.954 0 0 0 .98 1.686 5.753 5.753 0 0 1 1.334.05c.364.065.734.195.96.465.12.144.193.32.2.518.007.192-.047.382-.138.563a1.04 1.04 0 0 1-.354.416.856.856 0 0 1-.51.138c-.331-.014-.654-.196-.933-.417a5.716 5.716 0 0 1-.911-.95 11.642 11.642 0 0 0-1.997.406 11.311 11.311 0 0 1-1.021 1.51c-.29.35-.608.655-.926.787a.793.793 0 0 1-.58.029zm1.379-1.901c-.166.076-.32.156-.459.238-.328.194-.541.383-.647.547-.094.145-.096.25-.04.361.01.022.02.036.026.044a.27.27 0 0 0 .035-.012c.137-.056.355-.235.635-.572a8.18 8.18 0 0 0 .45-.606zm1.64-1.33a12.647 12.647 0 0 1 1.01-.193 11.666 11.666 0 0 1-.51-.858 20.741 20.741 0 0 1-.5 1.05zm2.446.45c.15.162.296.3.435.41.24.19.407.253.498.256a.107.107 0 0 0 .07-.015.307.307 0 0 0 .094-.125.436.436 0 0 0 .059-.2.095.095 0 0 0-.026-.063c-.052-.062-.2-.152-.518-.209a3.881 3.881 0 0 0-.612-.053zM8.078 5.8a6.7 6.7 0 0 0 .2-.828c.031-.188.043-.343.038-.465a.613.613 0 0 0-.032-.198.517.517 0 0 0-.145.04c-.087.035-.158.106-.196.283-.04.192-.03.469.046.822.024.111.054.227.09.346z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-person-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-person-fill.svg
new file mode 100644
index 00000000..d7e05e40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-person-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-person-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm-1 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-3 4c2.623 0 4.146.826 5 1.755V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-1.245C3.854 11.825 5.377 11 8 11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-person.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-person.svg
new file mode 100644
index 00000000..892800ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-person.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-person" viewBox="0 0 16 16">
+  <path d="M12 1a1 1 0 0 1 1 1v10.755S12 11 8 11s-5 1.755-5 1.755V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
+  <path d="M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-play-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-play-fill.svg
new file mode 100644
index 00000000..838dda9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-play-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-play-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM6 5.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43V5.884z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-play.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-play.svg
new file mode 100644
index 00000000..fef9adf4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-play.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-play" viewBox="0 0 16 16">
+  <path d="M6 10.117V5.883a.5.5 0 0 1 .757-.429l3.528 2.117a.5.5 0 0 1 0 .858l-3.528 2.117a.5.5 0 0 1-.757-.43z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-plus-fill.svg
new file mode 100644
index 00000000..1730c276
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-plus-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM8.5 6v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-plus.svg
new file mode 100644
index 00000000..d0ef464a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-plus" viewBox="0 0 16 16">
+  <path d="M8.5 6a.5.5 0 0 0-1 0v1.5H6a.5.5 0 0 0 0 1h1.5V10a.5.5 0 0 0 1 0V8.5H10a.5.5 0 0 0 0-1H8.5V6z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-post-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-post-fill.svg
new file mode 100644
index 00000000..c3fc7e05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-post-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-post-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM4.5 3h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1zm0 2h7a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-post.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-post.svg
new file mode 100644
index 00000000..dd8aefc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-post.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-post" viewBox="0 0 16 16">
+  <path d="M4 3.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-8z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt-fill.svg
new file mode 100644
index 00000000..3d3ac35b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-ppt-fill" viewBox="0 0 16 16">
+  <path d="M8.188 8.5H7V5h1.188a1.75 1.75 0 1 1 0 3.5z"/>
+  <path d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm3 4a1 1 0 0 0-1 1v6.5a.5.5 0 0 0 1 0v-2h1.188a2.75 2.75 0 0 0 0-5.5H7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt.svg
new file mode 100644
index 00000000..0100d0b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-ppt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-ppt" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+  <path d="M6 5a1 1 0 0 1 1-1h1.188a2.75 2.75 0 0 1 0 5.5H7v2a.5.5 0 0 1-1 0V5zm1 3.5h1.188a1.75 1.75 0 1 0 0-3.5H7v3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext-fill.svg
new file mode 100644
index 00000000..64c1fc83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-richtext-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM7 4.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V7.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V7s1.54-1.274 1.639-1.208zM5 9h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0 2h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext.svg
new file mode 100644
index 00000000..22edf68c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-richtext.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-richtext" viewBox="0 0 16 16">
+  <path d="M7 4.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047l1.888.974V7.5a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V7s1.54-1.274 1.639-1.208zM5 9a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled-fill.svg
new file mode 100644
index 00000000..f93c2557
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-ruled-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v4h12V2a2 2 0 0 0-2-2zm2 7H6v2h8V7zm0 3H6v2h8v-2zm0 3H6v3h6a2 2 0 0 0 2-2v-1zm-9 3v-3H2v1a2 2 0 0 0 2 2h1zm-3-4h3v-2H2v2zm0-3h3V7H2v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled.svg
new file mode 100644
index 00000000..431b4eb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-ruled.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-ruled" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v4h10V2a1 1 0 0 0-1-1H4zm9 6H6v2h7V7zm0 3H6v2h7v-2zm0 3H6v2h6a1 1 0 0 0 1-1v-1zm-8 2v-2H3v1a1 1 0 0 0 1 1h1zm-2-3h2v-2H3v2zm0-3h2V7H3v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-slides-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-slides-fill.svg
new file mode 100644
index 00000000..e8cb12ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-slides-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-slides-fill" viewBox="0 0 16 16">
+  <path d="M7 7.78V5.22c0-.096.106-.156.19-.106l2.13 1.279a.125.125 0 0 1 0 .214l-2.13 1.28A.125.125 0 0 1 7 7.778z"/>
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5 4h6a.5.5 0 0 1 .496.438l.5 4A.5.5 0 0 1 11.5 9h-3v2.016c.863.055 1.5.251 1.5.484 0 .276-.895.5-2 .5s-2-.224-2-.5c0-.233.637-.429 1.5-.484V9h-3a.5.5 0 0 1-.496-.562l.5-4A.5.5 0 0 1 5 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-slides.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-slides.svg
new file mode 100644
index 00000000..df3f65d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-slides.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-slides" viewBox="0 0 16 16">
+  <path d="M5 4a.5.5 0 0 0-.496.438l-.5 4A.5.5 0 0 0 4.5 9h3v2.016c-.863.055-1.5.251-1.5.484 0 .276.895.5 2 .5s2-.224 2-.5c0-.233-.637-.429-1.5-.484V9h3a.5.5 0 0 0 .496-.562l-.5-4A.5.5 0 0 0 11 4H5zm2 3.78V5.22c0-.096.106-.156.19-.106l2.13 1.279a.125.125 0 0 1 0 .214l-2.13 1.28A.125.125 0 0 1 7 7.778z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet-fill.svg
new file mode 100644
index 00000000..a3977e18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-spreadsheet-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v4h12V2a2 2 0 0 0-2-2zm2 7h-4v2h4V7zm0 3h-4v2h4v-2zm0 3h-4v3h2a2 2 0 0 0 2-2v-1zm-5 3v-3H6v3h3zm-4 0v-3H2v1a2 2 0 0 0 2 2h1zm-3-4h3v-2H2v2zm0-3h3V7H2v2zm4 0V7h3v2H6zm0 1h3v2H6v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet.svg
new file mode 100644
index 00000000..e83e7335
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-spreadsheet.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-spreadsheet" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v4h10V2a1 1 0 0 0-1-1H4zm9 6h-3v2h3V7zm0 3h-3v2h3v-2zm0 3h-3v2h2a1 1 0 0 0 1-1v-1zm-4 2v-2H6v2h3zm-4 0v-2H3v1a1 1 0 0 0 1 1h1zm-2-3h2v-2H3v2zm0-3h2V7H3v2zm3-2v2h3V7H6zm3 3H6v2h3v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-text-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-text-fill.svg
new file mode 100644
index 00000000..29c9fc47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-text-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-text-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5 4h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zM5 8h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0 2h3a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-text.svg
new file mode 100644
index 00000000..fa1e8611
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-text" viewBox="0 0 16 16">
+  <path d="M5 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zM5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-word-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-word-fill.svg
new file mode 100644
index 00000000..2df1fca2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-word-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-word-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM5.485 4.879l1.036 4.144.997-3.655a.5.5 0 0 1 .964 0l.997 3.655 1.036-4.144a.5.5 0 0 1 .97.242l-1.5 6a.5.5 0 0 1-.967.01L8 7.402l-1.018 3.73a.5.5 0 0 1-.967-.01l-1.5-6a.5.5 0 1 1 .97-.242z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-word.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-word.svg
new file mode 100644
index 00000000..61a96c23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-word.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-word" viewBox="0 0 16 16">
+  <path d="M4.879 4.515a.5.5 0 0 1 .606.364l1.036 4.144.997-3.655a.5.5 0 0 1 .964 0l.997 3.655 1.036-4.144a.5.5 0 0 1 .97.242l-1.5 6a.5.5 0 0 1-.967.01L8 7.402l-1.018 3.73a.5.5 0 0 1-.967-.01l-1.5-6a.5.5 0 0 1 .364-.606z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-x-fill.svg
new file mode 100644
index 00000000..980e4052
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-x-fill" viewBox="0 0 16 16">
+  <path d="M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zM6.854 6.146 8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-x.svg
new file mode 100644
index 00000000..1fe66e61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-x" viewBox="0 0 16 16">
+  <path d="M6.146 6.146a.5.5 0 0 1 .708 0L8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-zip-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-zip-fill.svg
new file mode 100644
index 00000000..95d3966f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-zip-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-zip-fill" viewBox="0 0 16 16">
+  <path d="M8.5 9.438V8.5h-1v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.93-.62-.4-1.598a1 1 0 0 1-.03-.243z"/>
+  <path d="M4 0h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm2.5 8.5v.938l-.4 1.599a1 1 0 0 0 .416 1.074l.93.62a1 1 0 0 0 1.109 0l.93-.62a1 1 0 0 0 .415-1.074l-.4-1.599V8.5a1 1 0 0 0-1-1h-1a1 1 0 0 0-1 1zm1-5.5h-1v1h1v1h-1v1h1v1H9V6H8V5h1V4H8V3h1V2H8V1H6.5v1h1v1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file-zip.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file-zip.svg
new file mode 100644
index 00000000..3da93c8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file-zip.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-zip" viewBox="0 0 16 16">
+  <path d="M6.5 7.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v.938l.4 1.599a1 1 0 0 1-.416 1.074l-.93.62a1 1 0 0 1-1.109 0l-.93-.62a1 1 0 0 1-.415-1.074l.4-1.599V7.5zm2 0h-1v.938a1 1 0 0 1-.03.243l-.4 1.598.93.62.93-.62-.4-1.598a1 1 0 0 1-.03-.243V7.5z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm5.5-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9v1H8v1h1v1H8v1h1v1H7.5V5h-1V4h1V3h-1V2h1V1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/file.svg b/apps/phoenix_webcomponent/priv/bsi/svg/file.svg
new file mode 100644
index 00000000..3562fb2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/file.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file" viewBox="0 0 16 16">
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/files-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/files-alt.svg
new file mode 100644
index 00000000..1d4d0693
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/files-alt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-files-alt" viewBox="0 0 16 16">
+  <path d="M11 0H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2 2 2 0 0 0 2-2V4a2 2 0 0 0-2-2 2 2 0 0 0-2-2zm2 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1V3zM2 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/files.svg b/apps/phoenix_webcomponent/priv/bsi/svg/files.svg
new file mode 100644
index 00000000..f8842f89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/files.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-files" viewBox="0 0 16 16">
+  <path d="M13 0H6a2 2 0 0 0-2 2 2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2 2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 13V4a2 2 0 0 0-2-2H5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1zM3 4a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-aac.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-aac.svg
new file mode 100644
index 00000000..8a2d02ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-aac.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-aac" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-5.808 8.554a1.732 1.732 0 0 0-.103.633v.495c0 .246.035.455.103.627a.834.834 0 0 0 .299.393.845.845 0 0 0 .477.131.872.872 0 0 0 .402-.088.699.699 0 0 0 .272-.248.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.136.194-.32.345-.55.454a1.81 1.81 0 0 1-.785.164c-.36 0-.665-.072-.915-.216a1.424 1.424 0 0 1-.57-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.065-.705.196-.978.13-.274.321-.485.571-.633.252-.149.556-.223.912-.223.218 0 .42.032.606.097.187.062.35.153.49.272a1.325 1.325 0 0 1 .465.964v.073h-.765a.85.85 0 0 0-.12-.38.7.7 0 0 0-.272-.261.802.802 0 0 0-.399-.097.814.814 0 0 0-.474.138.868.868 0 0 0-.302.398ZM.8 15.925l.313-1.028H2.45l.314 1.028h.84l-1.335-3.999h-.926l-1.342 4h.8Zm1.002-3.234.489 1.617H1.277l.49-1.617h.035Zm2.63 3.234.313-1.028H6.08l.313 1.028h.841L5.9 11.926h-.926l-1.341 4h.8Zm1.001-3.234.49 1.617H4.909l.49-1.617h.034Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ai.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ai.svg
new file mode 100644
index 00000000..23e2ebc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ai.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-ai" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H6v-1h6a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.113 14.82.8 15.85H0l1.342-3.999h.926l1.336 3.999h-.841l-.314-1.028H1.113Zm1.178-.588-.49-1.617h-.034l-.49 1.617h1.014Zm2.425-2.382v3.999h-.791V11.85h.79Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-bmp.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-bmp.svg
new file mode 100644
index 00000000..acf902f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-bmp.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-bmp" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 15.849h1.664c.272 0 .512-.044.72-.132.21-.09.374-.219.493-.386.12-.168.179-.372.179-.61a.986.986 0 0 0-.123-.51.846.846 0 0 0-.323-.325 1.084 1.084 0 0 0-.445-.14v-.036a1 1 0 0 0 .352-.16.79.79 0 0 0 .243-.294.932.932 0 0 0 .09-.422c0-.308-.107-.55-.322-.723-.215-.174-.5-.261-.858-.261H0v3.999Zm.785-3.404h.7c.186 0 .33.047.431.14.104.092.155.22.155.384a.52.52 0 0 1-.082.296.497.497 0 0 1-.249.185 1.222 1.222 0 0 1-.433.064H.785v-1.07Zm0 1.62h.75c.154 0 .285.024.393.073a.51.51 0 0 1 .24.211.61.61 0 0 1 .082.325c0 .19-.068.334-.205.434-.137.098-.36.146-.671.146H.785v-1.19Zm3.474 1.784v-2.66h.038l.952 2.16h.515l.947-2.16h.038v2.66h.715V11.85h-.8l-1.14 2.596h-.026l-1.14-2.596h-.805v3.999h.706Zm3.918-3.999h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.106.201.159.427.159.677 0 .25-.054.476-.162.677-.105.199-.26.357-.462.474a1.452 1.452 0 0 1-.733.173h-.803v1.342h-.79V11.85Zm2.06 1.714a.794.794 0 0 0 .085-.381c0-.226-.062-.4-.185-.521-.123-.122-.294-.182-.512-.182h-.66v1.406h.66a.794.794 0 0 0 .375-.082.574.574 0 0 0 .237-.24Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-cs.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-cs.svg
new file mode 100644
index 00000000..fb76aecb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-cs.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-cs" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.629 15.29a1.176 1.176 0 0 1-.112-.449h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.096.028.202.041.32.041.163 0 .301-.023.412-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.152-.326c-.102-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.54-.214 1.001 1.001 0 0 1-.35-.367 1.068 1.068 0 0 1-.124-.524c0-.244.064-.457.19-.639.128-.181.303-.322.528-.422.225-.1.483-.149.776-.149.305 0 .565.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.246-.181.923.923 0 0 0-.37-.068c-.216 0-.387.05-.512.152a.472.472 0 0 0-.185.384c0 .121.048.22.144.3a.97.97 0 0 0 .404.175l.621.143c.217.05.405.12.566.211.16.09.285.21.375.358.09.148.134.335.134.56 0 .247-.062.466-.187.656a1.216 1.216 0 0 1-.54.439c-.234.105-.52.158-.858.158a2.21 2.21 0 0 1-.665-.09 1.404 1.404 0 0 1-.477-.252 1.13 1.13 0 0 1-.29-.375Zm-2.72-2.23a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.102.627a.833.833 0 0 0 .299.392.845.845 0 0 0 .478.132.86.86 0 0 0 .4-.088.7.7 0 0 0 .273-.249.799.799 0 0 0 .118-.363h.764v.076a1.27 1.27 0 0 1-.225.674c-.137.193-.32.345-.551.454a1.81 1.81 0 0 1-.785.164c-.36 0-.664-.072-.914-.217a1.424 1.424 0 0 1-.572-.626C.064 14.892 0 14.567 0 14.188v-.498c0-.38.065-.705.196-.979a1.44 1.44 0 0 1 .572-.633c.252-.148.555-.222.91-.222.22 0 .422.032.607.097.188.062.35.153.49.272a1.324 1.324 0 0 1 .465.964v.073h-.764a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.803.803 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.302.398Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-css.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-css.svg
new file mode 100644
index 00000000..da12ac65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-css.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-css" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.397 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252.19.061.411.091.665.091.338 0 .624-.053.859-.158.236-.105.416-.252.539-.44.125-.189.187-.408.187-.656 0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357 2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384.125-.101.296-.152.512-.152.143 0 .266.023.37.068a.624.624 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15-.225.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.122.524.082.149.2.27.352.367.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326.505.505 0 0 1-.085.29.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.441 1.441 0 0 0-.489-.272 1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223-.25.148-.44.359-.572.632-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976.131.271.322.48.572.626.25.145.554.217.914.217.293 0 .554-.055.785-.164.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363.7.7 0 0 1-.272.25.874.874 0 0 1-.401.087.845.845 0 0 1-.478-.132.833.833 0 0 1-.299-.392 1.699 1.699 0 0 1-.102-.627v-.495ZM6.78 15.29a1.176 1.176 0 0 1-.111-.449h.764a.578.578 0 0 0 .255.384c.07.049.154.087.25.114.095.028.201.041.319.041.164 0 .301-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.539-.214 1 1 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.527-.422.225-.1.484-.149.777-.149.304 0 .564.05.779.152.217.102.384.239.5.41.12.17.187.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.246-.181.923.923 0 0 0-.37-.068c-.216 0-.387.05-.512.152a.472.472 0 0 0-.184.384c0 .121.047.22.143.3a.97.97 0 0 0 .404.175l.621.143c.217.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-csv.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-csv.svg
new file mode 100644
index 00000000..efda95c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-csv.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-csv" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.517 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252.19.061.411.091.665.091.338 0 .624-.053.859-.158.236-.105.416-.252.539-.44.125-.189.187-.408.187-.656 0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357 2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384.125-.101.296-.152.512-.152.143 0 .266.023.37.068a.624.624 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15-.225.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.122.524.082.149.2.27.352.367.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326.505.505 0 0 1-.085.29.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964 1.441 1.441 0 0 0-.489-.272 1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223-.25.148-.44.359-.572.632-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976.131.271.322.48.572.626.25.145.554.217.914.217.293 0 .554-.055.785-.164.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363.7.7 0 0 1-.272.25.874.874 0 0 1-.401.087.845.845 0 0 1-.478-.132.833.833 0 0 1-.299-.392 1.699 1.699 0 0 1-.102-.627v-.495Zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879l-1.327 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-doc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-doc.svg
new file mode 100644
index 00000000..14fb5445
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-doc.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-doc" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387.877.877 0 0 1-.469.126.883.883 0 0 1-.471-.126.868.868 0 0 1-.32-.386 1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973.137.271.333.48.59.627.257.144.564.216.92.216.357 0 .662-.072.916-.216.256-.147.452-.356.59-.627.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.141 1.141 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393.845.845 0 0 0 .478.131.868.868 0 0 0 .401-.088.699.699 0 0 0 .273-.248.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978.13-.274.321-.485.571-.633.252-.149.556-.223.911-.223.219 0 .421.032.607.097.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.802.802 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.301.398Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-docx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-docx.svg
new file mode 100644
index 00000000..29a54ffe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-docx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-docx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-6.839 9.688v-.522a1.54 1.54 0 0 0-.117-.641.861.861 0 0 0-.322-.387.862.862 0 0 0-.469-.129.868.868 0 0 0-.471.13.868.868 0 0 0-.32.386 1.54 1.54 0 0 0-.117.641v.522c0 .256.04.47.117.641a.868.868 0 0 0 .32.387.883.883 0 0 0 .471.126.877.877 0 0 0 .469-.126.861.861 0 0 0 .322-.386 1.55 1.55 0 0 0 .117-.642Zm.803-.516v.513c0 .375-.068.7-.205.973a1.47 1.47 0 0 1-.589.627c-.254.144-.56.216-.917.216a1.86 1.86 0 0 1-.92-.216 1.463 1.463 0 0 1-.589-.627 2.151 2.151 0 0 1-.205-.973v-.513c0-.379.069-.704.205-.975.137-.274.333-.483.59-.627.257-.147.564-.22.92-.22.357 0 .662.073.916.22.256.146.452.356.59.63.136.271.204.595.204.972ZM1 15.925v-3.999h1.459c.406 0 .741.078 1.005.235.264.156.46.382.589.68.13.296.196.655.196 1.074 0 .422-.065.784-.196 1.084-.131.301-.33.53-.595.689-.264.158-.597.237-.999.237H1Zm1.354-3.354H1.79v2.707h.563c.185 0 .346-.028.483-.082a.8.8 0 0 0 .334-.252c.088-.114.153-.254.196-.422a2.3 2.3 0 0 0 .068-.592c0-.3-.04-.552-.118-.753a.89.89 0 0 0-.354-.454c-.158-.102-.361-.152-.61-.152Zm6.756 1.116c0-.248.034-.46.103-.633a.868.868 0 0 1 .301-.398.814.814 0 0 1 .475-.138c.15 0 .283.032.398.097a.7.7 0 0 1 .273.26.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964 1.44 1.44 0 0 0-.49-.272 1.836 1.836 0 0 0-.606-.097c-.355 0-.66.074-.911.223-.25.148-.44.359-.571.633-.131.273-.197.6-.197.978v.498c0 .379.065.704.194.976.13.271.321.48.571.627.25.144.555.216.914.216.293 0 .555-.054.785-.164.23-.11.414-.26.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364.699.699 0 0 1-.273.248.874.874 0 0 1-.401.088.845.845 0 0 1-.478-.131.834.834 0 0 1-.298-.393 1.7 1.7 0 0 1-.103-.627v-.495Zm5.092-1.76h.894l-1.275 2.006 1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015-1.228-1.984h.932l.832 1.439h.035l.823-1.439Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-exe.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-exe.svg
new file mode 100644
index 00000000..2c4bea4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-exe.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-exe" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM2.575 15.202H.785v-1.073H2.47v-.606H.785v-1.025h1.79v-.648H0v3.999h2.575v-.647ZM6.31 11.85h-.893l-.823 1.439h-.036l-.832-1.439h-.931l1.227 1.983-1.239 2.016h.861l.853-1.415h.035l.85 1.415h.908l-1.254-1.992L6.31 11.85Zm1.025 3.352h1.79v.647H6.548V11.85h2.576v.648h-1.79v1.025h1.684v.606H7.334v1.073Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-gif.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-gif.svg
new file mode 100644
index 00000000..6b016d85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-gif.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-gif" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.278 13.124a1.403 1.403 0 0 0-.14-.492 1.317 1.317 0 0 0-.314-.407 1.447 1.447 0 0 0-.48-.275 1.88 1.88 0 0 0-.636-.1c-.361 0-.67.076-.926.229a1.48 1.48 0 0 0-.583.632 2.136 2.136 0 0 0-.199.95v.506c0 .272.035.52.105.745.07.224.177.417.32.58.142.162.32.288.533.377.215.088.466.132.753.132.268 0 .5-.037.697-.111a1.29 1.29 0 0 0 .788-.77c.065-.174.097-.358.097-.551v-.797H1.717v.589h.823v.255c0 .132-.03.254-.09.363a.67.67 0 0 1-.273.264.967.967 0 0 1-.457.096.87.87 0 0 1-.519-.146.881.881 0 0 1-.305-.413 1.785 1.785 0 0 1-.096-.615v-.499c0-.365.078-.648.234-.85.158-.2.38-.301.665-.301a.96.96 0 0 1 .3.044c.09.03.17.071.236.126a.689.689 0 0 1 .17.19.797.797 0 0 1 .097.25h.776Zm1.353 2.801v-3.999H3.84v4h.79Zm1.493-1.59v1.59h-.791v-3.999H7.88v.653H6.124v1.117h1.605v.638H6.124Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-heic.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-heic.svg
new file mode 100644
index 00000000..dcdb6f1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-heic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-heic" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-4.637 8.554a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .299.393.846.846 0 0 0 .477.131.868.868 0 0 0 .401-.088.698.698 0 0 0 .273-.248.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.129-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978.13-.274.321-.485.571-.633.252-.149.556-.223.911-.223.219 0 .421.032.607.097.187.062.35.153.489.272a1.324 1.324 0 0 1 .466.964v.073h-.765a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.802.802 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.301.398Zm-6.1-1.128v4h-.79V14.21H.79v1.714H0v-3.999h.791v1.626h1.682v-1.626h.79Zm1.488 3.352h1.79v.647H3.966v-3.999H6.54v.648H4.75v1.025h1.684v.607H4.751v1.072Zm3.163.647v-3.999h-.791v4h.79Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-html.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-html.svg
new file mode 100644
index 00000000..35d72185
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-html.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-html" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-9.736 7.35v3.999h-.791v-1.714H1.79v1.714H1V11.85h.791v1.626h1.682V11.85h.79Zm2.251.662v3.337h-.794v-3.337H4.588v-.662h3.064v.662H6.515Zm2.176 3.337v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596H9.93L8.79 11.85h-.805v3.999h.706Zm4.71-.674h1.696v.674H12.61V11.85h.79v3.325Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-java.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-java.svg
new file mode 100644
index 00000000..c9dc543c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-java.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-java" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.521 15.175a1.321 1.321 0 0 1-.082-.466h.765a.577.577 0 0 0 .073.27.499.499 0 0 0 .454.246c.19 0 .33-.055.422-.164.092-.11.138-.265.138-.466V11.85h.79v2.725c0 .44-.118.774-.357 1.005-.236.23-.564.345-.984.345a1.59 1.59 0 0 1-.568-.094 1.144 1.144 0 0 1-.408-.266 1.139 1.139 0 0 1-.243-.39Zm3.972-.354-.314 1.028h-.8l1.342-3.999h.926l1.336 3.999h-.84l-.314-1.028H5.493Zm1.178-.59-.49-1.616h-.035l-.49 1.617h1.015Zm2.342 1.618h.952l1.327-3.999h-.878l-.888 3.138h-.038L8.59 11.85h-.917l1.34 3.999Zm3.087-1.028-.314 1.028h-.8l1.342-3.999h.926l1.336 3.999h-.84l-.314-1.028H12.1Zm1.178-.59-.49-1.616h-.035l-.49 1.617h1.015Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jpg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jpg.svg
new file mode 100644
index 00000000..5e4ae64c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jpg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-jpg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-4.34 8.132c.076.153.123.317.14.492h-.776a.797.797 0 0 0-.097-.249.689.689 0 0 0-.17-.19.707.707 0 0 0-.237-.126.96.96 0 0 0-.299-.044c-.285 0-.507.1-.665.302-.156.201-.234.484-.234.85v.498c0 .234.032.439.097.615a.881.881 0 0 0 .304.413.87.87 0 0 0 .519.146.967.967 0 0 0 .457-.096.67.67 0 0 0 .272-.264c.06-.11.091-.23.091-.363v-.255H8.24v-.59h1.576v.798c0 .193-.032.377-.097.55a1.29 1.29 0 0 1-.293.458 1.37 1.37 0 0 1-.495.313c-.197.074-.43.111-.697.111a1.98 1.98 0 0 1-.753-.132 1.447 1.447 0 0 1-.533-.377 1.58 1.58 0 0 1-.32-.58 2.482 2.482 0 0 1-.105-.745v-.506c0-.362.066-.678.2-.95.134-.271.328-.482.582-.633.256-.152.565-.228.926-.228.238 0 .45.033.636.1.187.066.347.158.48.275.133.117.238.253.314.407ZM0 14.786c0 .164.027.319.082.465.055.147.136.277.243.39.11.113.245.202.407.267.164.062.354.093.569.093.42 0 .748-.115.984-.345.238-.23.358-.566.358-1.005v-2.725h-.791v2.745c0 .202-.046.357-.138.466-.092.11-.233.164-.422.164a.499.499 0 0 1-.454-.246.577.577 0 0 1-.073-.27H0Zm4.92-2.86H3.322v4h.791v-1.343h.803c.287 0 .531-.057.732-.172.203-.118.358-.276.463-.475.108-.201.161-.427.161-.677 0-.25-.052-.475-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.546 1.333a.795.795 0 0 1-.085.381.574.574 0 0 1-.238.24.794.794 0 0 1-.375.082H4.11v-1.406h.66c.218 0 .389.06.512.182.123.12.185.295.185.521Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-js.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-js.svg
new file mode 100644
index 00000000..8b198bfc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-js.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-js" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.186 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.218.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-3.104-.033A1.32 1.32 0 0 1 0 14.791h.765a.576.576 0 0 0 .073.27.499.499 0 0 0 .454.246c.19 0 .33-.055.422-.164.092-.11.138-.265.138-.466v-2.745h.79v2.725c0 .44-.119.774-.357 1.005-.236.23-.564.345-.984.345a1.59 1.59 0 0 1-.569-.094 1.145 1.145 0 0 1-.407-.266 1.14 1.14 0 0 1-.243-.39Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-json.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-json.svg
new file mode 100644
index 00000000..2b9d988f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-json.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-json" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM4.151 15.29a1.176 1.176 0 0 1-.111-.449h.764a.578.578 0 0 0 .255.384c.07.049.154.087.25.114.095.028.201.041.319.041.164 0 .301-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .084-.29.387.387 0 0 0-.152-.326c-.101-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.352-.367 1.068 1.068 0 0 1-.123-.524c0-.244.064-.457.19-.639.128-.181.304-.322.528-.422.225-.1.484-.149.777-.149.304 0 .564.05.779.152.217.102.384.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.246-.181.923.923 0 0 0-.37-.068c-.216 0-.387.05-.512.152a.472.472 0 0 0-.185.384c0 .121.048.22.144.3a.97.97 0 0 0 .404.175l.621.143c.217.05.406.12.566.211a1 1 0 0 1 .375.358c.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-3.104-.033a1.32 1.32 0 0 1-.082-.466h.764a.576.576 0 0 0 .074.27.499.499 0 0 0 .454.246c.19 0 .33-.055.422-.164.091-.11.137-.265.137-.466v-2.745h.791v2.725c0 .44-.119.774-.357 1.005-.237.23-.565.345-.985.345a1.59 1.59 0 0 1-.568-.094 1.145 1.145 0 0 1-.407-.266 1.14 1.14 0 0 1-.243-.39Zm9.091-1.585v.522c0 .256-.039.47-.117.641a.862.862 0 0 1-.322.387.877.877 0 0 1-.47.126.883.883 0 0 1-.47-.126.87.87 0 0 1-.32-.387 1.55 1.55 0 0 1-.117-.641v-.522c0-.258.039-.471.117-.641a.87.87 0 0 1 .32-.387.868.868 0 0 1 .47-.129c.177 0 .333.043.47.129a.862.862 0 0 1 .322.387c.078.17.117.383.117.641Zm.803.519v-.513c0-.377-.069-.701-.205-.973a1.46 1.46 0 0 0-.59-.63c-.253-.146-.559-.22-.916-.22-.356 0-.662.074-.92.22a1.441 1.441 0 0 0-.589.628c-.137.271-.205.596-.205.975v.513c0 .375.068.699.205.973.137.271.333.48.589.626.258.145.564.217.92.217.357 0 .663-.072.917-.217.256-.146.452-.355.589-.626.136-.274.205-.598.205-.973Zm1.29-.935v2.675h-.746v-3.999h.662l1.752 2.66h.032v-2.66h.75v4h-.656l-1.761-2.676h-.032Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jsx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jsx.svg
new file mode 100644
index 00000000..c23ba4c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-jsx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-jsx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.075 14.841a1.13 1.13 0 0 0 .401.823c.13.108.288.192.478.252.19.061.411.091.665.091.338 0 .624-.053.858-.158.237-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1.001 1.001 0 0 0-.375-.357 2.027 2.027 0 0 0-.565-.21l-.621-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.143 0 .266.023.37.068a.624.624 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.199-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.776.15-.225.099-.4.24-.528.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.153.095.332.167.54.213l.618.144c.207.049.36.113.462.193a.387.387 0 0 1 .153.326.512.512 0 0 1-.085.29.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.224-.013-.32-.04a.837.837 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765ZM0 14.791c0 .165.027.32.082.466.055.147.136.277.243.39.11.113.245.202.407.267.164.062.354.093.569.093.42 0 .748-.115.984-.346.238-.23.358-.565.358-1.004v-2.725h-.791v2.745c0 .201-.046.357-.138.466-.092.11-.233.164-.422.164a.499.499 0 0 1-.454-.246.576.576 0 0 1-.073-.27H0Zm8.907-2.859H9.8l-1.274 2.007L9.78 15.93h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036l.823-1.438Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-key.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-key.svg
new file mode 100644
index 00000000..5b980500
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-key.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-key" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.21 11.85h-.87L.83 13.64H.79v-1.79H0v3.999h.791v-1.283l.41-.466 1.12 1.749h.951l-1.488-2.276 1.427-1.723Zm2.903 3.352h-1.79v-1.073h1.685v-.606H4.323v-1.025h1.79v-.648H3.538v3.999h2.575v-.647Zm2.243-.888v1.535h-.794v-1.52L6.223 11.85H7.1l.853 1.696h.032l.855-1.696h.856l-1.339 2.464Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-m4p.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-m4p.svg
new file mode 100644
index 00000000..a10dc24a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-m4p.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-m4p" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 15.849v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715V11.85h-.8l-1.14 2.596h-.026L.805 11.85H0v3.999h.706Zm5.237-3.999c-.262.434-.525.867-.79 1.3-.265.434-.514.87-.748 1.31v.648h1.937v.741h.74v-.741h.49v-.639h-.49V11.85H5.944Zm-.82 2.62v-.021c.18-.34.37-.68.571-1.017.203-.338.405-.666.607-.984h.04v2.021H5.124Zm2.893-2.62h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.106.201.158.427.158.677 0 .25-.053.476-.16.677-.106.199-.26.357-.464.474a1.452 1.452 0 0 1-.732.173h-.803v1.342h-.79V11.85Zm2.06 1.714a.795.795 0 0 0 .085-.381c0-.226-.062-.4-.185-.521-.123-.122-.294-.182-.513-.182h-.659v1.406h.66a.794.794 0 0 0 .374-.082.574.574 0 0 0 .238-.24Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-md.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-md.svg
new file mode 100644
index 00000000..ca5cd597
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-md.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-md" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 13.189v2.66H0V11.85h.806l1.14 2.596h.026l1.14-2.596h.8v3.999h-.716v-2.66h-.038l-.946 2.159h-.516l-.952-2.16H.706Zm3.919 2.66V11.85h1.459c.406 0 .741.078 1.005.234.263.157.46.383.589.68.13.297.196.655.196 1.075 0 .422-.066.784-.196 1.084-.131.301-.33.53-.595.689-.264.158-.597.237-1 .237H4.626Zm1.353-3.354h-.562v2.707h.562c.186 0 .347-.028.484-.082a.8.8 0 0 0 .334-.252 1.14 1.14 0 0 0 .196-.422c.045-.168.067-.365.067-.592a2.1 2.1 0 0 0-.117-.753.89.89 0 0 0-.354-.454c-.159-.102-.362-.152-.61-.152Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mdx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mdx.svg
new file mode 100644
index 00000000..e8774d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mdx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-mdx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 15.849v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596h-.026L.805 11.85H0v3.999h.706Zm3.559-3.999v3.999h1.459c.402 0 .735-.08.999-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.066-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234h-1.46Zm.79.645h.563c.248 0 .451.05.61.152a.89.89 0 0 1 .354.454c.078.201.117.452.117.753 0 .227-.022.424-.067.592a1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.484.082h-.562v-2.707Zm4.787-.645h.894L9.46 13.857l1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.016L7.22 11.85h.932l.832 1.439h.035l.823-1.439Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mov.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mov.svg
new file mode 100644
index 00000000..9f05d637
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mov.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-mov" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-6.914 9.166v.522c0 .256-.04.47-.117.641a.861.861 0 0 1-.323.387.877.877 0 0 1-.468.126.883.883 0 0 1-.472-.126.869.869 0 0 1-.32-.386 1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.118-.641a.869.869 0 0 1 .319-.387.868.868 0 0 1 .472-.129c.175 0 .332.043.468.13a.861.861 0 0 1 .323.386c.078.17.117.384.117.641Zm.802.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.588-.63c-.254-.147-.56-.22-.917-.22-.356 0-.663.073-.92.22a1.441 1.441 0 0 0-.59.627c-.136.271-.204.596-.204.975v.513c0 .375.068.7.205.973.136.271.333.48.589.627.257.144.564.216.92.216.357 0 .663-.072.917-.216.255-.147.452-.356.588-.627.137-.274.205-.598.205-.973Zm-7.182 1.74v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14 2.596h-.026l-1.14-2.596H0v4h.706Zm9.54 0h-.952l-1.34-3.999h.918l.896 3.138h.038l.888-3.138h.879l-1.327 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp3.svg
new file mode 100644
index 00000000..01703512
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-mp3" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-4.911 9.67h-.443v-.609h.422a.688.688 0 0 0 .322-.073.558.558 0 0 0 .22-.2.505.505 0 0 0 .076-.284.49.49 0 0 0-.176-.392.652.652 0 0 0-.442-.15.74.74 0 0 0-.252.041.625.625 0 0 0-.193.112.496.496 0 0 0-.179.349H7.71c.006-.157.04-.302.102-.437.063-.135.153-.252.27-.352.117-.101.26-.18.428-.237.17-.057.364-.086.583-.088.279-.002.52.042.723.132.203.09.36.214.472.372a.91.91 0 0 1 .173.539.833.833 0 0 1-.12.478.96.96 0 0 1-.619.439v.041a1.008 1.008 0 0 1 .718.434.909.909 0 0 1 .144.521c.002.19-.037.359-.117.507a1.104 1.104 0 0 1-.329.378c-.14.101-.302.18-.486.234-.182.053-.376.08-.583.08-.3 0-.558-.051-.77-.153a1.206 1.206 0 0 1-.487-.41 1.094 1.094 0 0 1-.178-.563h.726a.457.457 0 0 0 .106.258.664.664 0 0 0 .249.179.98.98 0 0 0 .357.067.903.903 0 0 0 .384-.076.598.598 0 0 0 .252-.217.56.56 0 0 0 .088-.319.556.556 0 0 0-.334-.522.81.81 0 0 0-.372-.079ZM.706 15.925v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715v-3.999h-.8l-1.14 2.596h-.026l-1.14-2.596H0v4h.706Zm5.458-3.999h-1.6v4h.792v-1.342h.803c.287 0 .53-.058.732-.173.203-.118.357-.276.463-.475a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.475-.158-.677a1.175 1.175 0 0 0-.46-.477 1.4 1.4 0 0 0-.733-.179Zm.545 1.333a.795.795 0 0 1-.085.381.574.574 0 0 1-.237.24.793.793 0 0 1-.375.082h-.66v-1.406h.66c.219 0 .39.06.513.182.123.12.184.295.184.521Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp4.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp4.svg
new file mode 100644
index 00000000..997c427a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-mp4.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-mp4" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 15.849v-2.66h.038l.952 2.16h.516l.946-2.16h.038v2.66h.715V11.85h-.8l-1.14 2.596h-.026L.805 11.85H0v3.999h.706Zm5.278-3.999h-1.6v3.999h.792v-1.342h.803c.287 0 .53-.057.732-.173.203-.117.357-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477 1.4 1.4 0 0 0-.733-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.237.241.794.794 0 0 1-.375.082h-.66V12.48h.66c.219 0 .39.06.513.181.123.122.184.296.184.522Zm1.505-.032c.266-.434.53-.867.791-1.301h1.14v2.62h.49v.638h-.49v.741h-.741v-.741H7.287v-.648c.235-.44.484-.876.747-1.31Zm-.029 1.298v.02h1.219v-2.021h-.041c-.201.318-.404.646-.607.984-.2.338-.391.677-.571 1.017Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-otf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-otf.svg
new file mode 100644
index 00000000..44d0c8ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-otf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-otf" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM2.622 13.666v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387.877.877 0 0 1-.47.126.883.883 0 0 1-.47-.126.868.868 0 0 1-.32-.386 1.55 1.55 0 0 1-.117-.642v-.522c0-.257.039-.471.117-.641a.868.868 0 0 1 .32-.387.868.868 0 0 1 .47-.129c.177 0 .333.043.47.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.069-.7-.205-.972a1.46 1.46 0 0 0-.59-.63c-.253-.147-.559-.22-.916-.22-.356 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.137.271-.205.596-.205.975v.513c0 .375.068.7.205.973.137.271.333.48.589.627.258.144.564.216.92.216.357 0 .663-.072.917-.216a1.47 1.47 0 0 0 .589-.627c.136-.274.205-.598.205-.973Zm2 1.74v-3.337H6.56v-.662H3.497v.662H4.63v3.337h.794Zm2.251-1.59v1.59h-.79v-3.999h2.548v.653H7.676v1.117h1.606v.638H7.676Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pdf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pdf.svg
new file mode 100644
index 00000000..e1fc9b69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pdf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-pdf" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084 0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592 1.14 1.14 0 0 1-.196.422.8.8 0 0 1-.334.252 1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-php.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-php.svg
new file mode 100644
index 00000000..422cc2df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-php.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-php" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.295.185.522Zm4.48 2.666V11.85h-.79v1.626H4.153V11.85h-.79v3.999h.79v-1.714h1.682v1.714h.79Zm.703-3.999h1.6c.288 0 .533.06.732.179.2.117.354.276.46.477.105.201.158.427.158.677 0 .25-.054.476-.161.677-.106.199-.26.357-.463.474a1.452 1.452 0 0 1-.733.173H8.12v1.342h-.791V11.85Zm2.06 1.714a.795.795 0 0 0 .084-.381c0-.227-.061-.4-.184-.521-.123-.122-.294-.182-.513-.182h-.66v1.406h.66a.794.794 0 0 0 .375-.082.574.574 0 0 0 .237-.24Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-png.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-png.svg
new file mode 100644
index 00000000..f719344a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-png.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-png" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-3.76 8.132c.076.153.123.317.14.492h-.776a.797.797 0 0 0-.097-.249.689.689 0 0 0-.17-.19.707.707 0 0 0-.237-.126.96.96 0 0 0-.299-.044c-.285 0-.506.1-.665.302-.156.201-.234.484-.234.85v.498c0 .234.032.439.097.615a.881.881 0 0 0 .304.413.87.87 0 0 0 .519.146.967.967 0 0 0 .457-.096.67.67 0 0 0 .272-.264c.06-.11.091-.23.091-.363v-.255H8.82v-.59h1.576v.798c0 .193-.032.377-.097.55a1.29 1.29 0 0 1-.293.458 1.37 1.37 0 0 1-.495.313c-.197.074-.43.111-.697.111a1.98 1.98 0 0 1-.753-.132 1.447 1.447 0 0 1-.533-.377 1.58 1.58 0 0 1-.32-.58 2.482 2.482 0 0 1-.105-.745v-.506c0-.362.067-.678.2-.95.134-.271.328-.482.582-.633.256-.152.565-.228.926-.228.238 0 .45.033.636.1.187.066.348.158.48.275.133.117.238.253.314.407Zm-8.64-.706H0v4h.791v-1.343h.803c.287 0 .531-.057.732-.172.203-.118.358-.276.463-.475a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.475-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.381.574.574 0 0 1-.238.24.794.794 0 0 1-.375.082H.788v-1.406h.66c.218 0 .389.06.512.182.123.12.185.295.185.521Zm1.964 2.666V13.25h.032l1.761 2.675h.656v-3.999h-.75v2.66h-.032l-1.752-2.66h-.662v4h.747Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ppt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ppt.svg
new file mode 100644
index 00000000..cfaaf1b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ppt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-ppt" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm2.817-1.333h-1.6v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474.108-.201.161-.427.161-.677 0-.25-.052-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.793.793 0 0 1-.375.082H4.15V12.48h.66c.218 0 .389.06.512.181.123.122.185.296.185.522Zm2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662H8.274Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pptx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pptx.svg
new file mode 100644
index 00000000..88ef3690
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-pptx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-pptx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.5 11.85h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.105.201.158.427.158.677 0 .25-.054.476-.16.677-.106.199-.26.357-.464.474a1.452 1.452 0 0 1-.732.173H2.29v1.342H1.5V11.85Zm2.06 1.714a.795.795 0 0 0 .085-.381c0-.226-.062-.4-.185-.521-.123-.122-.294-.182-.513-.182h-.659v1.406h.66a.794.794 0 0 0 .374-.082.574.574 0 0 0 .238-.24Zm1.302-1.714h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.106.201.158.427.158.677 0 .25-.053.476-.16.677-.106.199-.26.357-.464.474a1.452 1.452 0 0 1-.732.173h-.803v1.342h-.79V11.85Zm2.06 1.714a.795.795 0 0 0 .085-.381c0-.226-.062-.4-.185-.521-.123-.122-.294-.182-.513-.182H5.65v1.406h.66a.793.793 0 0 0 .374-.082.574.574 0 0 0 .238-.24Zm2.852 2.285v-3.337h1.137v-.662H7.846v.662H8.98v3.337h.794Zm3.796-3.999h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.439h.035l.824-1.439Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-psd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-psd.svg
new file mode 100644
index 00000000..cfcb13b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-psd.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-psd" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-.5v-1h.5a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.116 14.841a1.13 1.13 0 0 0 .401.823c.13.108.288.192.478.252.19.061.411.091.665.091.338 0 .624-.053.858-.158.237-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1 1 0 0 0-.375-.357 2.027 2.027 0 0 0-.565-.21l-.621-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.143 0 .266.023.37.068a.625.625 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.199-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.776.15-.225.099-.4.24-.528.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.153.095.332.167.54.213l.618.144c.207.049.36.113.462.193a.387.387 0 0 1 .153.326.505.505 0 0 1-.085.29.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.224-.013-.32-.04a.837.837 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765ZM1.6 11.932H0v4h.791v-1.343h.803c.287 0 .531-.057.732-.173.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38.574.574 0 0 1-.238.241.793.793 0 0 1-.375.082H.788v-1.406h.66c.218 0 .389.06.512.182.123.12.185.295.185.521Zm4.609 2.666v-3.999h1.459c.406 0 .74.078 1.004.234.264.157.46.383.59.68.13.297.195.655.195 1.075 0 .422-.065.784-.196 1.084-.13.301-.329.53-.594.689-.264.158-.597.237-1 .237H6.755Zm1.353-3.354h-.562v2.707h.562c.186 0 .347-.028.483-.082a.8.8 0 0 0 .334-.252 1.14 1.14 0 0 0 .197-.422c.045-.168.067-.366.067-.592a2.1 2.1 0 0 0-.117-.753.89.89 0 0 0-.355-.454c-.158-.102-.36-.152-.609-.152Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-py.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-py.svg
new file mode 100644
index 00000000..654df705
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-py.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-py" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H7v-1h5a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 11.85h1.6c.289 0 .533.06.732.179.201.117.355.276.46.477.105.201.158.427.158.677 0 .25-.054.476-.16.677-.106.199-.26.357-.464.474a1.452 1.452 0 0 1-.732.173H.79v1.342H0V11.85Zm2.06 1.714a.795.795 0 0 0 .085-.381c0-.227-.062-.4-.185-.521-.123-.122-.294-.182-.513-.182H.788v1.406h.66a.794.794 0 0 0 .374-.082.574.574 0 0 0 .238-.24Zm2.963.75v1.535H4.23v-1.52L2.89 11.85h.876l.853 1.696h.032l.856-1.696h.855l-1.339 2.464Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-raw.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-raw.svg
new file mode 100644
index 00000000..fdbeefcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-raw.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-raw" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.597 11.85H0v3.999h.782v-1.491h.71l.7 1.491h1.651l.313-1.028h1.336l.314 1.028h.84L5.31 11.85h-.925l-1.329 3.96-.783-1.572A1.18 1.18 0 0 0 3 13.116c0-.256-.056-.479-.167-.668a1.098 1.098 0 0 0-.478-.44 1.669 1.669 0 0 0-.758-.158Zm-.815 1.913v-1.292h.7a.74.74 0 0 1 .507.17c.13.113.194.276.194.49 0 .21-.065.368-.194.474-.127.105-.3.158-.518.158H.782Zm4.063-1.148.489 1.617H4.32l.49-1.617h.035Zm4.006.445-.74 2.789h-.73L6.326 11.85h.855l.601 2.903h.038l.706-2.903h.683l.706 2.903h.04l.596-2.903h.858l-1.055 3.999h-.73l-.74-2.789H8.85Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-rb.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-rb.svg
new file mode 100644
index 00000000..e3387b4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-rb.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-rb" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 11.85h1.597c.297 0 .55.053.758.158.21.104.369.25.478.44.111.19.167.412.167.668a1.18 1.18 0 0 1-.727 1.122l.803 1.611h-.885l-.7-1.491H.782v1.491H0V11.85Zm.782.621v1.292h.689c.218 0 .391-.053.518-.158.13-.106.194-.264.194-.475 0-.213-.065-.376-.194-.489a.74.74 0 0 0-.507-.17h-.7Zm4.426 3.378H3.544V11.85h1.67c.357 0 .643.087.858.26.215.175.322.416.322.724a.94.94 0 0 1-.09.422.79.79 0 0 1-.244.293 1.002 1.002 0 0 1-.351.161v.035c.162.016.31.063.445.141a.846.846 0 0 1 .322.325.986.986 0 0 1 .123.51c0 .238-.06.441-.178.61-.12.167-.284.296-.492.386a1.85 1.85 0 0 1-.721.132Zm-.179-3.404h-.7v1.07h.521c.178 0 .323-.022.434-.065a.497.497 0 0 0 .249-.185.52.52 0 0 0 .082-.296.486.486 0 0 0-.155-.384c-.102-.093-.245-.14-.43-.14Zm.05 1.62h-.75v1.19h.589c.31 0 .534-.05.67-.147a.503.503 0 0 0 .206-.434.614.614 0 0 0-.082-.325.51.51 0 0 0-.24-.21.946.946 0 0 0-.393-.074Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sass.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sass.svg
new file mode 100644
index 00000000..5ff5ae5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sass.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-sass" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.41 15.29a1.176 1.176 0 0 1-.111-.449h.764a.578.578 0 0 0 .255.384.81.81 0 0 0 .25.114c.095.028.201.041.319.041.164 0 .301-.023.413-.07a.559.559 0 0 0 .255-.193.506.506 0 0 0 .084-.29.387.387 0 0 0-.152-.326c-.101-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.352-.367 1.068 1.068 0 0 1-.123-.524c0-.244.064-.457.19-.639.128-.181.304-.322.528-.422.225-.1.484-.149.777-.149.304 0 .564.05.779.152.217.102.384.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.246-.181.923.923 0 0 0-.37-.068c-.216 0-.387.05-.512.152a.472.472 0 0 0-.185.384c0 .121.048.22.144.3a.97.97 0 0 0 .404.175l.621.143c.217.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm4.188-.387-.313 1.028h-.8l1.342-3.999h.926l1.335 4h-.84l-.314-1.03H5.598Zm1.178-.59-.49-1.616h-.034l-.49 1.617h1.014Zm1.352.528a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252.19.061.411.091.665.091.338 0 .624-.053.859-.158.236-.105.416-.252.539-.44.125-.189.187-.408.187-.656 0-.224-.045-.41-.134-.56a1.002 1.002 0 0 0-.375-.357 2.028 2.028 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384.125-.101.296-.152.512-.152.143 0 .266.023.37.068a.623.623 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.093 1.093 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.776.15-.225.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.122.524.082.149.2.27.352.367.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326.505.505 0 0 1-.085.29.558.558 0 0 1-.255.193c-.111.047-.249.07-.413.07-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115.578.578 0 0 1-.255-.384h-.765Zm3.503.449a1.178 1.178 0 0 1-.111-.449h.764a.58.58 0 0 0 .255.384c.07.049.154.087.25.114.095.028.201.041.319.041.164 0 .301-.023.413-.07a.558.558 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.539-.214 1.002 1.002 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.527-.422.225-.1.484-.149.777-.149.304 0 .564.05.779.152.217.102.384.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.623.623 0 0 0-.246-.181.923.923 0 0 0-.37-.068c-.216 0-.387.05-.512.152a.472.472 0 0 0-.184.384c0 .121.047.22.143.3a.97.97 0 0 0 .404.175l.621.143c.217.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158a2.19 2.19 0 0 1-.665-.09 1.404 1.404 0 0 1-.478-.252 1.131 1.131 0 0 1-.29-.375Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-scss.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-scss.svg
new file mode 100644
index 00000000..68f195af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-scss.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-scss" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.356 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.506.506 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.217.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm4.274-2.23a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.833.833 0 0 0 .298.392.846.846 0 0 0 .478.132.868.868 0 0 0 .401-.088.7.7 0 0 0 .273-.249.798.798 0 0 0 .117-.363h.765v.076a1.27 1.27 0 0 1-.226.674 1.39 1.39 0 0 1-.55.454 1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.217a1.424 1.424 0 0 1-.571-.626c-.13-.272-.194-.597-.194-.976v-.498c0-.38.066-.705.197-.979a1.44 1.44 0 0 1 .57-.633c.253-.148.557-.222.912-.222.219 0 .421.032.607.097.187.062.35.153.489.272a1.324 1.324 0 0 1 .466.964v.073h-.765a.85.85 0 0 0-.12-.38.7.7 0 0 0-.273-.261.803.803 0 0 0-.398-.097.814.814 0 0 0-.475.138.868.868 0 0 0-.301.398Zm2.609 1.781a1.13 1.13 0 0 0 .401.823c.129.108.288.192.478.252.19.061.41.091.665.091.338 0 .624-.053.858-.158.236-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1.002 1.002 0 0 0-.375-.357 2.028 2.028 0 0 0-.566-.21l-.62-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.142 0 .265.023.369.068a.623.623 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.091 1.091 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.292 0-.551.05-.776.15-.224.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.152.095.332.167.54.213l.617.144c.207.049.362.113.463.193a.387.387 0 0 1 .153.326.512.512 0 0 1-.085.29.558.558 0 0 1-.255.193 1.07 1.07 0 0 1-.413.07c-.118 0-.224-.013-.32-.04a.837.837 0 0 1-.249-.115.578.578 0 0 1-.255-.384H8.24Zm3.502.449a1.176 1.176 0 0 1-.11-.449h.764a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.558.558 0 0 0 .255-.193.506.506 0 0 0 .085-.29.387.387 0 0 0-.152-.326c-.102-.08-.256-.144-.463-.193l-.618-.143a1.72 1.72 0 0 1-.54-.214 1.002 1.002 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .565.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.623.623 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.387.05-.512.152a.472.472 0 0 0-.185.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.218.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.062.466-.187.656a1.217 1.217 0 0 1-.54.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.131 1.131 0 0 1-.29-.375Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sh.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sh.svg
new file mode 100644
index 00000000..200fae41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sh.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-sh" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H8v-1h4a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.111 15.29A1.176 1.176 0 0 1 0 14.84h.765a.578.578 0 0 0 .255.384c.07.049.153.087.249.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.528-.422.224-.1.483-.149.776-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.624.624 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.218.05.406.12.566.211.16.09.285.21.375.358.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm6.67-3.358v4h-.79v-1.715H4.308v1.714h-.792v-3.999h.792v1.626H5.99v-1.626h.791Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sql.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sql.svg
new file mode 100644
index 00000000..b523b376
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-sql.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-sql" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 14.841a1.129 1.129 0 0 0 .401.823c.13.108.288.192.478.252s.411.091.665.091c.338 0 .624-.053.858-.158.237-.106.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1 1 0 0 0-.375-.357 2.027 2.027 0 0 0-.565-.21l-.621-.144a.97.97 0 0 1-.405-.176.369.369 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.143 0 .266.022.37.068a.624.624 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.199-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.776.15-.225.099-.4.24-.528.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.153.095.332.167.54.213l.618.144c.207.049.36.113.462.193a.387.387 0 0 1 .153.325c0 .11-.029.207-.085.29A.558.558 0 0 1 2 15.31c-.111.047-.249.07-.413.07-.117 0-.224-.013-.32-.04a.835.835 0 0 1-.248-.115.579.579 0 0 1-.255-.384H0Zm6.878 1.489-.507-.739c.176-.162.31-.362.401-.6.092-.239.138-.507.138-.806v-.501c0-.371-.07-.693-.208-.967a1.495 1.495 0 0 0-.589-.636c-.256-.15-.561-.225-.917-.225-.351 0-.656.075-.914.225-.256.149-.453.36-.592.636a2.138 2.138 0 0 0-.205.967v.5c0 .37.069.691.205.965.139.273.336.485.592.636a1.8 1.8 0 0 0 .914.222 1.8 1.8 0 0 0 .6-.1l.294.422h.788ZM4.262 14.2v-.522c0-.246.038-.456.114-.63a.91.91 0 0 1 .325-.398.885.885 0 0 1 .495-.138c.192 0 .357.046.495.138a.88.88 0 0 1 .325.398c.077.174.115.384.115.63v.522c0 .164-.018.312-.053.445-.035.13-.087.244-.155.34l-.106-.14-.105-.147h-.733l.451.65a.638.638 0 0 1-.251.047.872.872 0 0 1-.487-.147.916.916 0 0 1-.32-.404 1.67 1.67 0 0 1-.11-.644Zm3.986 1.057h1.696v.674H7.457v-3.999h.79v3.325Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-svg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-svg.svg
new file mode 100644
index 00000000..ea1264c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-svg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-svg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM0 14.841a1.13 1.13 0 0 0 .401.823c.13.108.288.192.478.252.19.061.411.091.665.091.338 0 .624-.053.858-.158.237-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1 1 0 0 0-.375-.357 2.027 2.027 0 0 0-.565-.21l-.621-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.143 0 .266.023.37.068a.625.625 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.199-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.776.15-.225.099-.4.24-.528.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.153.095.332.167.54.213l.618.144c.207.049.36.113.462.193a.387.387 0 0 1 .153.326.512.512 0 0 1-.085.29.559.559 0 0 1-.256.193c-.111.047-.249.07-.413.07-.117 0-.224-.013-.32-.04a.837.837 0 0 1-.248-.115.578.578 0 0 1-.255-.384H0Zm4.575 1.09h.952l1.327-3.999h-.879l-.887 3.138H5.05l-.897-3.138h-.917l1.339 4Zm5.483-3.293c.076.152.123.316.14.492h-.776a.797.797 0 0 0-.096-.249.689.689 0 0 0-.17-.19.707.707 0 0 0-.237-.126.963.963 0 0 0-.3-.044c-.284 0-.506.1-.664.302-.157.2-.235.484-.235.85v.497c0 .235.033.44.097.616a.881.881 0 0 0 .305.413.87.87 0 0 0 .518.146.965.965 0 0 0 .457-.097.67.67 0 0 0 .273-.263c.06-.11.09-.23.09-.364v-.254h-.823v-.59h1.576v.798c0 .193-.032.377-.096.55a1.29 1.29 0 0 1-.293.457 1.37 1.37 0 0 1-.495.314c-.198.074-.43.111-.698.111a1.98 1.98 0 0 1-.752-.132 1.447 1.447 0 0 1-.534-.377 1.58 1.58 0 0 1-.319-.58 2.482 2.482 0 0 1-.105-.745v-.507c0-.36.066-.677.199-.949.134-.271.329-.482.583-.633.256-.152.564-.228.926-.228.238 0 .45.033.635.1.188.066.348.158.48.275.134.117.238.253.314.407Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tiff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tiff.svg
new file mode 100644
index 00000000..d6f9e9be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tiff.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-tiff" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 12.512v3.337h-.794v-3.337H0v-.662h3.064v.662H1.928Zm2.131-.662v3.999h-.79V11.85h.79Zm1.373 3.999v-1.59h1.606v-.64H5.432v-1.116H7.19v-.653H4.641v3.999h.791Zm2.868-1.59v1.59h-.791V11.85h2.548v.653H8.3v1.117h1.605v.638H8.3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tsx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tsx.svg
new file mode 100644
index 00000000..cef1dc4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-tsx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-tsx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.172 14.841a1.13 1.13 0 0 0 .401.823c.129.108.288.192.478.252.189.061.41.091.665.091.338 0 .624-.053.858-.158.236-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1.001 1.001 0 0 0-.375-.357 2.027 2.027 0 0 0-.566-.21l-.62-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384.125-.101.296-.152.513-.152.142 0 .265.023.369.068a.624.624 0 0 1 .246.181.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.292 0-.551.05-.776.15-.224.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.122.524.083.149.2.27.352.367.152.095.332.167.54.213l.617.144c.207.049.362.113.463.193a.387.387 0 0 1 .152.326.511.511 0 0 1-.084.29.559.559 0 0 1-.255.193 1.07 1.07 0 0 1-.413.07c-.118 0-.224-.013-.32-.04a.837.837 0 0 1-.249-.115.578.578 0 0 1-.255-.384h-.764Zm-1.244 1.09v-3.337h1.136v-.662H0v.662h1.134v3.337h.794Zm7.076-3.999h.893l-1.274 2.007 1.254 1.992h-.909l-.85-1.415h-.034l-.853 1.415H6.37l1.239-2.016-1.228-1.983h.932l.832 1.438h.035l.824-1.438Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ttf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ttf.svg
new file mode 100644
index 00000000..549d4df1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-ttf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-ttf" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 15.849v-3.337h2.269v3.337h.794v-3.337h1.137v-.662H0v.662h1.134v3.337h.794Zm5.315-1.59v1.59h-.791V11.85H9v.653H7.243v1.117h1.605v.638H7.243Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-txt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-txt.svg
new file mode 100644
index 00000000..6fae02a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-txt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-txt" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337h.794Zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992 1.274-2.007Zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-wav.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-wav.svg
new file mode 100644
index 00000000..bd226e8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-wav.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-wav" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.784 15.849l.741-2.789h.033l.74 2.789h.73l1.055-3.999h-.858l-.595 2.903h-.041l-.706-2.903H2.2l-.706 2.903h-.038l-.6-2.903H0l1.055 3.999h.73Zm3.715 0 .314-1.028h1.336l.313 1.028h.841L6.967 11.85h-.926L4.7 15.849h.8Zm1.002-3.234.49 1.617H5.977l.49-1.617H6.5Zm3.604 3.234h-.952L7.814 11.85h.917l.897 3.138h.038l.888-3.138h.879l-1.328 3.999Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-woff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-woff.svg
new file mode 100644
index 00000000..d8ec5825
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-woff.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-woff" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-5.464 9.688v-.522c0-.257-.04-.471-.117-.641a.861.861 0 0 0-.323-.387.862.862 0 0 0-.468-.129.868.868 0 0 0-.472.13.868.868 0 0 0-.32.386c-.077.17-.116.384-.116.641v.522c0 .256.039.47.117.641a.866.866 0 0 0 .319.387.883.883 0 0 0 .472.126.877.877 0 0 0 .468-.126.861.861 0 0 0 .323-.386 1.55 1.55 0 0 0 .117-.642Zm.803-.516v.513c0 .375-.069.7-.205.973-.137.271-.333.48-.59.627-.253.144-.559.216-.916.216-.356 0-.662-.072-.92-.216a1.463 1.463 0 0 1-.59-.627 2.151 2.151 0 0 1-.204-.973v-.513c0-.379.068-.704.205-.975.137-.274.333-.483.589-.627.258-.147.564-.22.92-.22.357 0 .663.073.917.22.256.146.452.356.589.63.136.271.205.595.205.972Zm-6.064-.536-.74 2.79h-.73l-1.055-4h.855l.601 2.903h.038l.706-2.903h.683l.706 2.903h.04l.596-2.903h.858l-1.055 4h-.73l-.74-2.79h-.033Zm7.398 2.79v-1.592h1.606v-.638h-1.606v-1.117h1.758v-.653H9.882v4h.791Zm2.988-1.592v1.591h-.791v-3.999h2.548v.653h-1.757v1.117h1.605v.638h-1.605Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xls.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xls.svg
new file mode 100644
index 00000000..9c266cdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xls.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-xls" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM6.472 15.29a1.176 1.176 0 0 1-.111-.449h.765a.578.578 0 0 0 .254.384c.07.049.154.087.25.114.095.028.202.041.319.041.164 0 .302-.023.413-.07a.559.559 0 0 0 .255-.193.507.507 0 0 0 .085-.29.387.387 0 0 0-.153-.326c-.101-.08-.255-.144-.462-.193l-.619-.143a1.72 1.72 0 0 1-.539-.214 1.001 1.001 0 0 1-.351-.367 1.068 1.068 0 0 1-.123-.524c0-.244.063-.457.19-.639.127-.181.303-.322.527-.422.225-.1.484-.149.777-.149.305 0 .564.05.78.152.216.102.383.239.5.41.12.17.186.359.2.566h-.75a.56.56 0 0 0-.12-.258.625.625 0 0 0-.247-.181.923.923 0 0 0-.369-.068c-.217 0-.388.05-.513.152a.472.472 0 0 0-.184.384c0 .121.048.22.143.3a.97.97 0 0 0 .405.175l.62.143c.217.05.406.12.566.211a1 1 0 0 1 .375.358c.09.148.135.335.135.56 0 .247-.063.466-.188.656a1.216 1.216 0 0 1-.539.439c-.234.105-.52.158-.858.158-.254 0-.476-.03-.665-.09a1.404 1.404 0 0 1-.478-.252 1.13 1.13 0 0 1-.29-.375Zm-2.945-3.358h-.893L1.81 13.37h-.036l-.832-1.438h-.93l1.227 1.983L0 15.931h.861l.853-1.415h.035l.85 1.415h.908L2.253 13.94l1.274-2.007Zm2.727 3.325H4.557v-3.325h-.79v4h2.487v-.675Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xlsx.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xlsx.svg
new file mode 100644
index 00000000..a1aa8024
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xlsx.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-xlsx" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM7.86 14.841a1.13 1.13 0 0 0 .401.823c.13.108.29.192.479.252.19.061.411.091.665.091.338 0 .624-.053.858-.158.237-.105.416-.252.54-.44a1.17 1.17 0 0 0 .187-.656c0-.224-.045-.41-.135-.56a1.002 1.002 0 0 0-.375-.357 2.028 2.028 0 0 0-.565-.21l-.621-.144a.97.97 0 0 1-.405-.176.37.37 0 0 1-.143-.299c0-.156.061-.284.184-.384.125-.101.296-.152.513-.152.143 0 .266.023.37.068a.624.624 0 0 1 .245.181.56.56 0 0 1 .12.258h.75a1.093 1.093 0 0 0-.199-.566 1.21 1.21 0 0 0-.5-.41 1.813 1.813 0 0 0-.78-.152c-.293 0-.552.05-.777.15-.224.099-.4.24-.527.421-.127.182-.19.395-.19.639 0 .201.04.376.123.524.082.149.199.27.351.367.153.095.332.167.54.213l.618.144c.207.049.36.113.462.193a.387.387 0 0 1 .153.326.512.512 0 0 1-.085.29.558.558 0 0 1-.255.193c-.111.047-.25.07-.413.07-.117 0-.224-.013-.32-.04a.837.837 0 0 1-.249-.115.578.578 0 0 1-.255-.384h-.764Zm-3.726-2.909h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415H1.5l1.24-2.016-1.228-1.983h.931l.832 1.438h.036l.823-1.438Zm1.923 3.325h1.697v.674H5.266v-3.999h.791v3.325Zm7.636-3.325h.893l-1.274 2.007 1.254 1.992h-.908l-.85-1.415h-.035l-.853 1.415h-.861l1.24-2.016-1.228-1.983h.931l.832 1.438h.036l.823-1.438Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xml.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xml.svg
new file mode 100644
index 00000000..d8226455
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-xml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-xml" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.527 11.85h-.893l-.823 1.439h-.036L.943 11.85H.012l1.227 1.983L0 15.85h.861l.853-1.415h.035l.85 1.415h.908l-1.254-1.992 1.274-2.007Zm.954 3.999v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596h-.025L4.58 11.85h-.806v3.999h.706Zm4.71-.674h1.696v.674H8.4V11.85h.791v3.325Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filetype-yml.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-yml.svg
new file mode 100644
index 00000000..e8bf63d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filetype-yml.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filetype-yml" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM2.133 15.849v-1.535l1.339-2.464h-.856l-.855 1.696h-.032L.876 11.85H0l1.339 2.479v1.52h.794Zm2.287 0v-2.66h.038l.952 2.159h.516l.946-2.16h.038v2.661h.715V11.85h-.8l-1.14 2.596H5.66L4.52 11.85h-.805v3.999h.706Zm4.71-.674h1.696v.674H8.338V11.85h.791v3.325Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/film.svg b/apps/phoenix_webcomponent/priv/bsi/svg/film.svg
new file mode 100644
index 00000000..5cef9395
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/film.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-film" viewBox="0 0 16 16">
+  <path d="M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm4 0v6h8V1H4zm8 8H4v6h8V9zM1 1v2h2V1H1zm2 3H1v2h2V4zM1 7v2h2V7H1zm2 3H1v2h2v-2zm-2 3v2h2v-2H1zM15 1h-2v2h2V1zm-2 3v2h2V4h-2zm2 3h-2v2h2V7zm-2 3v2h2v-2h-2zm2 3h-2v2h2v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle-fill.svg
new file mode 100644
index 00000000..f60fd59f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zM3.5 5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1zM5 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm2 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle.svg
new file mode 100644
index 00000000..bbdc85f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M7 11.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-left.svg
new file mode 100644
index 00000000..22441de5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-left" viewBox="0 0 16 16">
+  <path d="M2 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-right.svg
new file mode 100644
index 00000000..466a9b1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-right" viewBox="0 0 16 16">
+  <path d="M14 10.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5zm0-3a.5.5 0 0 0-.5-.5h-7a.5.5 0 0 0 0 1h7a.5.5 0 0 0 .5-.5zm0-3a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0 0 1h11a.5.5 0 0 0 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-square-fill.svg
new file mode 100644
index 00000000..f8813b8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm.5 5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1zM4 8.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm2 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter-square.svg
new file mode 100644
index 00000000..ae8c837f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M6 11.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/filter.svg b/apps/phoenix_webcomponent/priv/bsi/svg/filter.svg
new file mode 100644
index 00000000..555c6125
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/filter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-filter" viewBox="0 0 16 16">
+  <path d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fingerprint.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fingerprint.svg
new file mode 100644
index 00000000..3cf20423
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fingerprint.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fingerprint" viewBox="0 0 16 16">
+  <path d="M8.06 6.5a.5.5 0 0 1 .5.5v.776a11.5 11.5 0 0 1-.552 3.519l-1.331 4.14a.5.5 0 0 1-.952-.305l1.33-4.141a10.5 10.5 0 0 0 .504-3.213V7a.5.5 0 0 1 .5-.5Z"/>
+  <path d="M6.06 7a2 2 0 1 1 4 0 .5.5 0 1 1-1 0 1 1 0 1 0-2 0v.332c0 .409-.022.816-.066 1.221A.5.5 0 0 1 6 8.447c.04-.37.06-.742.06-1.115V7Zm3.509 1a.5.5 0 0 1 .487.513 11.5 11.5 0 0 1-.587 3.339l-1.266 3.8a.5.5 0 0 1-.949-.317l1.267-3.8a10.5 10.5 0 0 0 .535-3.048A.5.5 0 0 1 9.569 8Zm-3.356 2.115a.5.5 0 0 1 .33.626L5.24 14.939a.5.5 0 1 1-.955-.296l1.303-4.199a.5.5 0 0 1 .625-.329Z"/>
+  <path d="M4.759 5.833A3.501 3.501 0 0 1 11.559 7a.5.5 0 0 1-1 0 2.5 2.5 0 0 0-4.857-.833.5.5 0 1 1-.943-.334Zm.3 1.67a.5.5 0 0 1 .449.546 10.72 10.72 0 0 1-.4 2.031l-1.222 4.072a.5.5 0 1 1-.958-.287L4.15 9.793a9.72 9.72 0 0 0 .363-1.842.5.5 0 0 1 .546-.449Zm6 .647a.5.5 0 0 1 .5.5c0 1.28-.213 2.552-.632 3.762l-1.09 3.145a.5.5 0 0 1-.944-.327l1.089-3.145c.382-1.105.578-2.266.578-3.435a.5.5 0 0 1 .5-.5Z"/>
+  <path d="M3.902 4.222a4.996 4.996 0 0 1 5.202-2.113.5.5 0 0 1-.208.979 3.996 3.996 0 0 0-4.163 1.69.5.5 0 0 1-.831-.556Zm6.72-.955a.5.5 0 0 1 .705-.052A4.99 4.99 0 0 1 13.059 7v1.5a.5.5 0 1 1-1 0V7a3.99 3.99 0 0 0-1.386-3.028.5.5 0 0 1-.051-.705ZM3.68 5.842a.5.5 0 0 1 .422.568c-.029.192-.044.39-.044.59 0 .71-.1 1.417-.298 2.1l-1.14 3.923a.5.5 0 1 1-.96-.279L2.8 8.821A6.531 6.531 0 0 0 3.058 7c0-.25.019-.496.054-.736a.5.5 0 0 1 .568-.422Zm8.882 3.66a.5.5 0 0 1 .456.54c-.084 1-.298 1.986-.64 2.934l-.744 2.068a.5.5 0 0 1-.941-.338l.745-2.07a10.51 10.51 0 0 0 .584-2.678.5.5 0 0 1 .54-.456Z"/>
+  <path d="M4.81 1.37A6.5 6.5 0 0 1 14.56 7a.5.5 0 1 1-1 0 5.5 5.5 0 0 0-8.25-4.765.5.5 0 0 1-.5-.865Zm-.89 1.257a.5.5 0 0 1 .04.706A5.478 5.478 0 0 0 2.56 7a.5.5 0 0 1-1 0c0-1.664.626-3.184 1.655-4.333a.5.5 0 0 1 .706-.04ZM1.915 8.02a.5.5 0 0 1 .346.616l-.779 2.767a.5.5 0 1 1-.962-.27l.778-2.767a.5.5 0 0 1 .617-.346Zm12.15.481a.5.5 0 0 1 .49.51c-.03 1.499-.161 3.025-.727 4.533l-.07.187a.5.5 0 0 1-.936-.351l.07-.187c.506-1.35.634-2.74.663-4.202a.5.5 0 0 1 .51-.49Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fire.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fire.svg
new file mode 100644
index 00000000..f702837c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fire.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fire" viewBox="0 0 16 16">
+  <path d="M8 16c3.314 0 6-2 6-5.5 0-1.5-.5-4-2.5-6 .25 1.5-1.25 2-1.25 2C11 4 9 .5 6 0c.357 2 .5 4-2 6-1.25 1-2 2.729-2 4.5C2 14 4.686 16 8 16Zm0-1c-1.657 0-3-1-3-2.75 0-.75.25-2 1.25-3C6.125 10 7 10.5 7 10.5c-.375-1.25.5-3.25 2-3.5-.179 1-.25 2 1 3 .625.5 1 1.364 1 2.25C11 14 9.657 15 8 15Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/flag-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/flag-fill.svg
new file mode 100644
index 00000000..73fffc25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/flag-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flag-fill" viewBox="0 0 16 16">
+  <path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/flag.svg b/apps/phoenix_webcomponent/priv/bsi/svg/flag.svg
new file mode 100644
index 00000000..357c4813
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/flag.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flag" viewBox="0 0 16 16">
+  <path d="M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001M14 1.221c-.22.078-.48.167-.766.255-.81.252-1.872.523-2.734.523-.886 0-1.592-.286-2.203-.534l-.008-.003C7.662 1.21 7.139 1 6.5 1c-.669 0-1.606.229-2.415.478A21.294 21.294 0 0 0 3 1.845v6.433c.22-.078.48-.167.766-.255C4.576 7.77 5.638 7.5 6.5 7.5c.847 0 1.548.28 2.158.525l.028.01C9.32 8.29 9.86 8.5 10.5 8.5c.668 0 1.606-.229 2.415-.478A21.317 21.317 0 0 0 14 7.655V1.222z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/flower1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/flower1.svg
new file mode 100644
index 00000000..08a7e2e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/flower1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flower1" viewBox="0 0 16 16">
+  <path d="M6.174 1.184a2 2 0 0 1 3.652 0A2 2 0 0 1 12.99 3.01a2 2 0 0 1 1.826 3.164 2 2 0 0 1 0 3.652 2 2 0 0 1-1.826 3.164 2 2 0 0 1-3.164 1.826 2 2 0 0 1-3.652 0A2 2 0 0 1 3.01 12.99a2 2 0 0 1-1.826-3.164 2 2 0 0 1 0-3.652A2 2 0 0 1 3.01 3.01a2 2 0 0 1 3.164-1.826zM8 1a1 1 0 0 0-.998 1.03l.01.091c.012.077.029.176.054.296.049.241.122.542.213.887.182.688.428 1.513.676 2.314L8 5.762l.045-.144c.248-.8.494-1.626.676-2.314.091-.345.164-.646.213-.887a4.997 4.997 0 0 0 .064-.386L9 2a1 1 0 0 0-1-1zM2 9l.03-.002.091-.01a4.99 4.99 0 0 0 .296-.054c.241-.049.542-.122.887-.213a60.59 60.59 0 0 0 2.314-.676L5.762 8l-.144-.045a60.59 60.59 0 0 0-2.314-.676 16.705 16.705 0 0 0-.887-.213 4.99 4.99 0 0 0-.386-.064L2 7a1 1 0 1 0 0 2zm7 5-.002-.03a5.005 5.005 0 0 0-.064-.386 16.398 16.398 0 0 0-.213-.888 60.582 60.582 0 0 0-.676-2.314L8 10.238l-.045.144c-.248.8-.494 1.626-.676 2.314-.091.345-.164.646-.213.887a4.996 4.996 0 0 0-.064.386L7 14a1 1 0 1 0 2 0zm-5.696-2.134.025-.017a5.001 5.001 0 0 0 .303-.248c.184-.164.408-.377.661-.629A60.614 60.614 0 0 0 5.96 9.23l.103-.111-.147.033a60.88 60.88 0 0 0-2.343.572c-.344.093-.64.18-.874.258a5.063 5.063 0 0 0-.367.138l-.027.014a1 1 0 1 0 1 1.732zM4.5 14.062a1 1 0 0 0 1.366-.366l.014-.027c.01-.02.021-.048.036-.084a5.09 5.09 0 0 0 .102-.283c.078-.233.165-.53.258-.874a60.6 60.6 0 0 0 .572-2.343l.033-.147-.11.102a60.848 60.848 0 0 0-1.743 1.667 17.07 17.07 0 0 0-.629.66 5.06 5.06 0 0 0-.248.304l-.017.025a1 1 0 0 0 .366 1.366zm9.196-8.196a1 1 0 0 0-1-1.732l-.025.017a4.951 4.951 0 0 0-.303.248 16.69 16.69 0 0 0-.661.629A60.72 60.72 0 0 0 10.04 6.77l-.102.111.147-.033a60.6 60.6 0 0 0 2.342-.572c.345-.093.642-.18.875-.258a4.993 4.993 0 0 0 .367-.138.53.53 0 0 0 .027-.014zM11.5 1.938a1 1 0 0 0-1.366.366l-.014.027c-.01.02-.021.048-.036.084a5.09 5.09 0 0 0-.102.283c-.078.233-.165.53-.258.875a60.62 60.62 0 0 0-.572 2.342l-.033.147.11-.102a60.848 60.848 0 0 0 1.743-1.667c.252-.253.465-.477.629-.66a5.001 5.001 0 0 0 .248-.304l.017-.025a1 1 0 0 0-.366-1.366zM14 9a1 1 0 0 0 0-2l-.03.002a4.996 4.996 0 0 0-.386.064c-.242.049-.543.122-.888.213-.688.182-1.513.428-2.314.676L10.238 8l.144.045c.8.248 1.626.494 2.314.676.345.091.646.164.887.213a4.996 4.996 0 0 0 .386.064L14 9zM1.938 4.5a1 1 0 0 0 .393 1.38l.084.035c.072.03.166.064.283.103.233.078.53.165.874.258a60.88 60.88 0 0 0 2.343.572l.147.033-.103-.111a60.584 60.584 0 0 0-1.666-1.742 16.705 16.705 0 0 0-.66-.629 4.996 4.996 0 0 0-.304-.248l-.025-.017a1 1 0 0 0-1.366.366zm2.196-1.196.017.025a4.996 4.996 0 0 0 .248.303c.164.184.377.408.629.661A60.597 60.597 0 0 0 6.77 5.96l.111.102-.033-.147a60.602 60.602 0 0 0-.572-2.342c-.093-.345-.18-.642-.258-.875a5.006 5.006 0 0 0-.138-.367l-.014-.027a1 1 0 1 0-1.732 1zm9.928 8.196a1 1 0 0 0-.366-1.366l-.027-.014a5 5 0 0 0-.367-.138c-.233-.078-.53-.165-.875-.258a60.619 60.619 0 0 0-2.342-.572l-.147-.033.102.111a60.73 60.73 0 0 0 1.667 1.742c.253.252.477.465.66.629a4.946 4.946 0 0 0 .304.248l.025.017a1 1 0 0 0 1.366-.366zm-3.928 2.196a1 1 0 0 0 1.732-1l-.017-.025a5.065 5.065 0 0 0-.248-.303 16.705 16.705 0 0 0-.629-.661A60.462 60.462 0 0 0 9.23 10.04l-.111-.102.033.147a60.6 60.6 0 0 0 .572 2.342c.093.345.18.642.258.875a4.985 4.985 0 0 0 .138.367.575.575 0 0 0 .014.027zM8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/flower2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/flower2.svg
new file mode 100644
index 00000000..d793728b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/flower2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flower2" viewBox="0 0 16 16">
+  <path d="M8 16a4 4 0 0 0 4-4 4 4 0 0 0 0-8 4 4 0 0 0-8 0 4 4 0 1 0 0 8 4 4 0 0 0 4 4zm3-12c0 .073-.01.155-.03.247-.544.241-1.091.638-1.598 1.084A2.987 2.987 0 0 0 8 5c-.494 0-.96.12-1.372.331-.507-.446-1.054-.843-1.597-1.084A1.117 1.117 0 0 1 5 4a3 3 0 0 1 6 0zm-.812 6.052A2.99 2.99 0 0 0 11 8a2.99 2.99 0 0 0-.812-2.052c.215-.18.432-.346.647-.487C11.34 5.131 11.732 5 12 5a3 3 0 1 1 0 6c-.268 0-.66-.13-1.165-.461a6.833 6.833 0 0 1-.647-.487zm-3.56.617a3.001 3.001 0 0 0 2.744 0c.507.446 1.054.842 1.598 1.084.02.091.03.174.03.247a3 3 0 1 1-6 0c0-.073.01-.155.03-.247.544-.242 1.091-.638 1.598-1.084zm-.816-4.721A2.99 2.99 0 0 0 5 8c0 .794.308 1.516.812 2.052a6.83 6.83 0 0 1-.647.487C4.66 10.869 4.268 11 4 11a3 3 0 0 1 0-6c.268 0 .66.13 1.165.461.215.141.432.306.647.487zM8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/flower3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/flower3.svg
new file mode 100644
index 00000000..147e32fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/flower3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-flower3" viewBox="0 0 16 16">
+  <path d="M11.424 8c.437-.052.811-.136 1.04-.268a2 2 0 0 0-2-3.464c-.229.132-.489.414-.752.767C9.886 4.63 10 4.264 10 4a2 2 0 1 0-4 0c0 .264.114.63.288 1.035-.263-.353-.523-.635-.752-.767a2 2 0 0 0-2 3.464c.229.132.603.216 1.04.268-.437.052-.811.136-1.04.268a2 2 0 1 0 2 3.464c.229-.132.489-.414.752-.767C6.114 11.37 6 11.736 6 12a2 2 0 1 0 4 0c0-.264-.114-.63-.288-1.035.263.353.523.635.752.767a2 2 0 1 0 2-3.464c-.229-.132-.603-.216-1.04-.268zM9 4a1.468 1.468 0 0 1-.045.205c-.039.132-.1.295-.183.484a12.88 12.88 0 0 1-.637 1.223L8 6.142a21.73 21.73 0 0 1-.135-.23 12.88 12.88 0 0 1-.637-1.223 4.216 4.216 0 0 1-.183-.484A1.473 1.473 0 0 1 7 4a1 1 0 1 1 2 0zM3.67 5.5a1 1 0 0 1 1.366-.366 1.472 1.472 0 0 1 .156.142c.094.1.204.233.326.4.245.333.502.747.742 1.163l.13.232a21.86 21.86 0 0 1-.265.002 12.88 12.88 0 0 1-1.379-.06 4.214 4.214 0 0 1-.51-.083 1.47 1.47 0 0 1-.2-.064A1 1 0 0 1 3.67 5.5zm1.366 5.366a1 1 0 0 1-1-1.732c.001 0 .016-.008.047-.02.037-.013.087-.028.153-.044.134-.032.305-.06.51-.083a12.88 12.88 0 0 1 1.379-.06c.09 0 .178 0 .266.002a21.82 21.82 0 0 1-.131.232c-.24.416-.497.83-.742 1.163a4.1 4.1 0 0 1-.327.4 1.483 1.483 0 0 1-.155.142zM9 12a1 1 0 0 1-2 0 1.476 1.476 0 0 1 .045-.206c.039-.131.1-.294.183-.483.166-.378.396-.808.637-1.223L8 9.858l.135.23c.241.415.47.845.637 1.223.083.19.144.352.183.484A1.338 1.338 0 0 1 9 12zm3.33-6.5a1 1 0 0 1-.366 1.366 1.478 1.478 0 0 1-.2.064c-.134.032-.305.06-.51.083-.412.045-.898.061-1.379.06-.09 0-.178 0-.266-.002l.131-.232c.24-.416.497-.83.742-1.163a4.1 4.1 0 0 1 .327-.4c.046-.05.085-.086.114-.11.026-.022.04-.03.041-.032a1 1 0 0 1 1.366.366zm-1.366 5.366a1.494 1.494 0 0 1-.155-.141 4.225 4.225 0 0 1-.327-.4A12.88 12.88 0 0 1 9.74 9.16a22 22 0 0 1-.13-.232l.265-.002c.48-.001.967.015 1.379.06.205.023.376.051.51.083.066.016.116.031.153.044l.048.02a1 1 0 1 1-1 1.732zM8 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-check.svg
new file mode 100644
index 00000000..d5995549
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-check" viewBox="0 0 16 16">
+  <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/>
+  <path d="M15.854 10.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.707 0l-1.5-1.5a.5.5 0 0 1 .707-.708l1.146 1.147 2.646-2.647a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-fill.svg
new file mode 100644
index 00000000..fd10c8e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-fill" viewBox="0 0 16 16">
+  <path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-minus.svg
new file mode 100644
index 00000000..f41b6601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-minus" viewBox="0 0 16 16">
+  <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/>
+  <path d="M11 11.5a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-plus.svg
new file mode 100644
index 00000000..29b5115a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-plus" viewBox="0 0 16 16">
+  <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14H9v-1H2.826a1 1 0 0 1-.995-.91l-.637-7A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09L14.54 8h1.005l.256-2.819A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm5.672-1a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/>
+  <path d="M13.5 10a.5.5 0 0 1 .5.5V12h1.5a.5.5 0 1 1 0 1H14v1.5a.5.5 0 1 1-1 0V13h-1.5a.5.5 0 0 1 0-1H13v-1.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink-fill.svg
new file mode 100644
index 00000000..91dc0c01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-symlink-fill" viewBox="0 0 16 16">
+  <path d="M13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2l.04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3zM2.19 3c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672a1 1 0 0 1 .707.293L7.586 3H2.19zm9.608 5.271-3.182 1.97c-.27.166-.616-.036-.616-.372V9.1s-2.571-.3-4 2.4c.571-4.8 3.143-4.8 4-4.8v-.769c0-.336.346-.538.616-.371l3.182 1.969c.27.166.27.576 0 .742z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink.svg
new file mode 100644
index 00000000..b258b6aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-symlink.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-symlink" viewBox="0 0 16 16">
+  <path d="m11.798 8.271-3.182 1.97c-.27.166-.616-.036-.616-.372V9.1s-2.571-.3-4 2.4c.571-4.8 3.143-4.8 4-4.8v-.769c0-.336.346-.538.616-.371l3.182 1.969c.27.166.27.576 0 .742z"/>
+  <path d="m.5 3 .04.87a1.99 1.99 0 0 0-.342 1.311l.637 7A2 2 0 0 0 2.826 14h10.348a2 2 0 0 0 1.991-1.819l.637-7A2 2 0 0 0 13.81 3H9.828a2 2 0 0 1-1.414-.586l-.828-.828A2 2 0 0 0 6.172 1H2.5a2 2 0 0 0-2 2zm.694 2.09A1 1 0 0 1 2.19 4h11.62a1 1 0 0 1 .996 1.09l-.636 7a1 1 0 0 1-.996.91H2.826a1 1 0 0 1-.995-.91l-.637-7zM6.172 2a1 1 0 0 1 .707.293L7.586 3H2.19c-.24 0-.47.042-.683.12L1.5 2.98a1 1 0 0 1 1-.98h3.672z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder-x.svg
new file mode 100644
index 00000000..d571d085
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-x" viewBox="0 0 16 16">
+  <path d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181L15.546 8H14.54l.265-2.91A1 1 0 0 0 13.81 4H2.19a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91H9v1H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zm6.339-1.577A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z"/>
+  <path d="M11.854 10.146a.5.5 0 0 0-.707.708L12.293 12l-1.146 1.146a.5.5 0 0 0 .707.708L13 12.707l1.146 1.147a.5.5 0 0 0 .708-.708L13.707 12l1.147-1.146a.5.5 0 0 0-.707-.708L13 11.293l-1.146-1.147z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder.svg
new file mode 100644
index 00000000..fd4dc5aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder" viewBox="0 0 16 16">
+  <path d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder2-open.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder2-open.svg
new file mode 100644
index 00000000..59d8382f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder2-open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder2-open" viewBox="0 0 16 16">
+  <path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14V3.5zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5V6zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7H1.633z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/folder2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/folder2.svg
new file mode 100644
index 00000000..41457532
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/folder2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder2" viewBox="0 0 16 16">
+  <path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9zM2.5 3a.5.5 0 0 0-.5.5V6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5zM14 7H2v5.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fonts.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fonts.svg
new file mode 100644
index 00000000..3afc7d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fonts.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fonts" viewBox="0 0 16 16">
+  <path d="M12.258 3h-8.51l-.083 2.46h.479c.26-1.544.758-1.783 2.693-1.845l.424-.013v7.827c0 .663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062 2.434.301 2.693 1.846h.479L12.258 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/forward-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/forward-fill.svg
new file mode 100644
index 00000000..7f2839b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/forward-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-forward-fill" viewBox="0 0 16 16">
+  <path d="m9.77 12.11 4.012-2.953a.647.647 0 0 0 0-1.114L9.771 5.09a.644.644 0 0 0-.971.557V6.65H2v3.9h6.8v1.003c0 .505.545.808.97.557z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/forward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/forward.svg
new file mode 100644
index 00000000..4b856141
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/forward.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-forward" viewBox="0 0 16 16">
+  <path d="M9.502 5.513a.144.144 0 0 0-.202.134V6.65a.5.5 0 0 1-.5.5H2.5v2.9h6.3a.5.5 0 0 1 .5.5v1.003c0 .108.11.176.202.134l3.984-2.933a.51.51 0 0 1 .042-.028.147.147 0 0 0 0-.252.51.51 0 0 1-.042-.028L9.502 5.513zM8.3 5.647a1.144 1.144 0 0 1 1.767-.96l3.994 2.94a1.147 1.147 0 0 1 0 1.946l-3.994 2.94a1.144 1.144 0 0 1-1.767-.96v-.503H2a.5.5 0 0 1-.5-.5v-3.9a.5.5 0 0 1 .5-.5h6.3v-.503z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/front.svg
new file mode 100644
index 00000000..d1edeb1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/front.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-front" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel-fill.svg
new file mode 100644
index 00000000..824913cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fuel-pump-diesel-fill" viewBox="0 0 16 16">
+  <path d="M4.974 9.806h.692c.306 0 .556.063.75.19.198.127.343.317.437.568.096.252.144.565.144.941 0 .284-.027.53-.083.74-.053.21-.133.386-.241.528a.986.986 0 0 1-.412.315 1.575 1.575 0 0 1-.595.103h-.692V9.806Z"/>
+  <path d="M1 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1 2 2v.5a.5.5 0 0 0 1 0V8h-.5a.5.5 0 0 1-.5-.5V4.375a.5.5 0 0 1 .5-.5h1.495c-.011-.476-.053-.894-.201-1.222a.97.97 0 0 0-.394-.458c-.184-.11-.464-.195-.9-.195a.5.5 0 0 1 0-1c.564 0 1.034.11 1.412.336.383.228.634.551.794.907.295.655.294 1.465.294 2.081V7.5a.5.5 0 0 1-.5.5H15v4.5a1.5 1.5 0 0 1-3 0V12a1 1 0 0 0-1-1v4h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V2Zm2 .5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0-.5.5ZM4 9v5h1.796c.496 0 .906-.099 1.23-.297.327-.197.571-.484.732-.86.161-.377.242-.828.242-1.356 0-.525-.08-.973-.242-1.344a1.775 1.775 0 0 0-.725-.85C6.71 9.098 6.296 9 5.796 9H4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel.svg
new file mode 100644
index 00000000..ad24a929
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-diesel.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fuel-pump-diesel" viewBox="0 0 16 16">
+  <path d="M3.5 2a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5ZM4 14V9h1.796c.5 0 .913.098 1.237.293.325.195.567.479.725.85.161.371.242.82.242 1.344 0 .528-.08.98-.242 1.355a1.805 1.805 0 0 1-.732.861c-.324.198-.734.297-1.23.297H4Zm1.666-4.194h-.692v3.385h.692c.229 0 .427-.035.595-.103a.986.986 0 0 0 .412-.315c.108-.142.188-.318.241-.528.056-.21.083-.456.083-.74 0-.376-.048-.69-.144-.94a1.11 1.11 0 0 0-.436-.569c-.195-.127-.445-.19-.75-.19Z"/>
+  <path d="M3 0a2 2 0 0 0-2 2v13H.5a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1H11v-4a1 1 0 0 1 1 1v.5a1.5 1.5 0 0 0 3 0V8h.5a.5.5 0 0 0 .5-.5V4.324c0-.616 0-1.426-.294-2.081a1.969 1.969 0 0 0-.794-.907C14.534 1.111 14.064 1 13.5 1a.5.5 0 0 0 0 1c.436 0 .716.086.9.195a.97.97 0 0 1 .394.458c.147.328.19.746.201 1.222H13.5a.5.5 0 0 0-.5.5V7.5a.5.5 0 0 0 .5.5h.5v4.5a.5.5 0 0 1-1 0V12a2 2 0 0 0-2-2V2a2 2 0 0 0-2-2H3Zm7 2v13H2V2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-fill.svg
new file mode 100644
index 00000000..51545231
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fuel-pump-fill" viewBox="0 0 16 16">
+  <path d="M1 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1 2 2v.5a.5.5 0 0 0 1 0V8h-.5a.5.5 0 0 1-.5-.5V4.375a.5.5 0 0 1 .5-.5h1.495c-.011-.476-.053-.894-.201-1.222a.97.97 0 0 0-.394-.458c-.184-.11-.464-.195-.9-.195a.5.5 0 0 1 0-1c.564 0 1.034.11 1.412.336.383.228.634.551.794.907.295.655.294 1.465.294 2.081V7.5a.5.5 0 0 1-.5.5H15v4.5a1.5 1.5 0 0 1-3 0V12a1 1 0 0 0-1-1v4h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V2Zm2.5 0a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump.svg
new file mode 100644
index 00000000..f4742f5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fuel-pump.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fuel-pump" viewBox="0 0 16 16">
+  <path d="M3 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-5Z"/>
+  <path d="M1 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v8a2 2 0 0 1 2 2v.5a.5.5 0 0 0 1 0V8h-.5a.5.5 0 0 1-.5-.5V4.375a.5.5 0 0 1 .5-.5h1.495c-.011-.476-.053-.894-.201-1.222a.97.97 0 0 0-.394-.458c-.184-.11-.464-.195-.9-.195a.5.5 0 0 1 0-1c.564 0 1.034.11 1.412.336.383.228.634.551.794.907.295.655.294 1.465.294 2.081v3.175a.5.5 0 0 1-.5.501H15v4.5a1.5 1.5 0 0 1-3 0V12a1 1 0 0 0-1-1v4h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V2Zm9 0a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v13h8V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen-exit.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen-exit.svg
new file mode 100644
index 00000000..b9bdb1b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen-exit.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fullscreen-exit" viewBox="0 0 16 16">
+  <path d="M5.5 0a.5.5 0 0 1 .5.5v4A1.5 1.5 0 0 1 4.5 6h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5zm5 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 10 4.5v-4a.5.5 0 0 1 .5-.5zM0 10.5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 6 11.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zm10 1a1.5 1.5 0 0 1 1.5-1.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen.svg
new file mode 100644
index 00000000..7789d36b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/fullscreen.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fullscreen" viewBox="0 0 16 16">
+  <path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/funnel-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/funnel-fill.svg
new file mode 100644
index 00000000..5f16f16a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/funnel-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-funnel-fill" viewBox="0 0 16 16">
+  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/funnel.svg b/apps/phoenix_webcomponent/priv/bsi/svg/funnel.svg
new file mode 100644
index 00000000..d027aa5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/funnel.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-funnel" viewBox="0 0 16 16">
+  <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2zm1 .5v1.308l4.372 4.858A.5.5 0 0 1 7 8.5v5.306l2-.666V8.5a.5.5 0 0 1 .128-.334L13.5 3.308V2h-11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gear-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gear-fill.svg
new file mode 100644
index 00000000..2aa36a1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gear-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-fill" viewBox="0 0 16 16">
+  <path d="M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide-connected.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide-connected.svg
new file mode 100644
index 00000000..fc196dd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide-connected.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-wide-connected" viewBox="0 0 16 16">
+  <path d="M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434l.071-.286zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5zm0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78h4.723zM5.048 3.967c-.03.021-.058.043-.087.065l.087-.065zm-.431.355A4.984 4.984 0 0 0 3.002 8c0 1.455.622 2.765 1.615 3.678L7.375 8 4.617 4.322zm.344 7.646.087.065-.087-.065z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide.svg
new file mode 100644
index 00000000..83194ce4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gear-wide.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear-wide" viewBox="0 0 16 16">
+  <path d="M8.932.727c-.243-.97-1.62-.97-1.864 0l-.071.286a.96.96 0 0 1-1.622.434l-.205-.211c-.695-.719-1.888-.03-1.613.931l.08.284a.96.96 0 0 1-1.186 1.187l-.284-.081c-.96-.275-1.65.918-.931 1.613l.211.205a.96.96 0 0 1-.434 1.622l-.286.071c-.97.243-.97 1.62 0 1.864l.286.071a.96.96 0 0 1 .434 1.622l-.211.205c-.719.695-.03 1.888.931 1.613l.284-.08a.96.96 0 0 1 1.187 1.187l-.081.283c-.275.96.918 1.65 1.613.931l.205-.211a.96.96 0 0 1 1.622.434l.071.286c.243.97 1.62.97 1.864 0l.071-.286a.96.96 0 0 1 1.622-.434l.205.211c.695.719 1.888.03 1.613-.931l-.08-.284a.96.96 0 0 1 1.187-1.187l.283.081c.96.275 1.65-.918.931-1.613l-.211-.205a.96.96 0 0 1 .434-1.622l.286-.071c.97-.243.97-1.62 0-1.864l-.286-.071a.96.96 0 0 1-.434-1.622l.211-.205c.719-.695.03-1.888-.931-1.613l-.284.08a.96.96 0 0 1-1.187-1.186l.081-.284c.275-.96-.918-1.65-1.613-.931l-.205.211a.96.96 0 0 1-1.622-.434L8.932.727zM8 12.997a4.998 4.998 0 1 1 0-9.995 4.998 4.998 0 0 1 0 9.996z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gear.svg
new file mode 100644
index 00000000..c11dbc1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
+  <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/>
+  <path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gem.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gem.svg
new file mode 100644
index 00000000..360d5549
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gem.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gem" viewBox="0 0 16 16">
+  <path d="M3.1.7a.5.5 0 0 1 .4-.2h9a.5.5 0 0 1 .4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 0 1-.8 0L.1 5.3a.5.5 0 0 1 0-.6l3-4zm11.386 3.785-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495 8 13.366l2.532-7.876-5.062.005zm-1.371-.999-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l5.113 6.817-2.192-6.82L1.5 5.5zm7.889 6.817 5.123-6.83-2.928.002-2.195 6.828z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gender-ambiguous.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gender-ambiguous.svg
new file mode 100644
index 00000000..2ffaf112
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gender-ambiguous.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gender-ambiguous" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.5 1a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-3.45 3.45A4 4 0 0 1 8.5 10.97V13H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V14H6a.5.5 0 0 1 0-1h1.5v-2.03a4 4 0 1 1 3.471-6.648L14.293 1H11.5zm-.997 4.346a3 3 0 1 0-5.006 3.309 3 3 0 0 0 5.006-3.31z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gender-female.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gender-female.svg
new file mode 100644
index 00000000..102783cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gender-female.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gender-female" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 1a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM3 5a5 5 0 1 1 5.5 4.975V12h2a.5.5 0 0 1 0 1h-2v2.5a.5.5 0 0 1-1 0V13h-2a.5.5 0 0 1 0-1h2V9.975A5 5 0 0 1 3 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gender-male.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gender-male.svg
new file mode 100644
index 00000000..b0aee1d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gender-male.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gender-male" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9.5 2a.5.5 0 0 1 0-1h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V2.707L9.871 6.836a5 5 0 1 1-.707-.707L13.293 2H9.5zM6 6a4 4 0 1 0 0 8 4 4 0 0 0 0-8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gender-trans.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gender-trans.svg
new file mode 100644
index 00000000..4c4c074a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gender-trans.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gender-trans" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h3a.5.5 0 0 1 0 1H1.707L3.5 2.793l.646-.647a.5.5 0 1 1 .708.708l-.647.646.822.822A3.99 3.99 0 0 1 8 3c1.18 0 2.239.51 2.971 1.322L14.293 1H11.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-3.45 3.45A4 4 0 0 1 8.5 10.97V13H10a.5.5 0 0 1 0 1H8.5v1.5a.5.5 0 0 1-1 0V14H6a.5.5 0 0 1 0-1h1.5v-2.03a4 4 0 0 1-3.05-5.814l-.95-.949-.646.647a.5.5 0 1 1-.708-.708l.647-.646L1 1.707V3.5a.5.5 0 0 1-1 0v-3zm5.49 4.856a3 3 0 1 0 5.02 3.288 3 3 0 0 0-5.02-3.288z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt-fill.svg
new file mode 100644
index 00000000..e88b77b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
+  <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt.svg
new file mode 100644
index 00000000..40927941
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/geo-alt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
+  <path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/>
+  <path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/geo-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/geo-fill.svg
new file mode 100644
index 00000000..a53f2bdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/geo-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/geo.svg b/apps/phoenix_webcomponent/priv/bsi/svg/geo.svg
new file mode 100644
index 00000000..6686fea9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/geo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999zm2.493 8.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.057.09V14l.002.008a.147.147 0 0 0 .016.033.617.617 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.619.619 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gift-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gift-fill.svg
new file mode 100644
index 00000000..69f33793
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gift-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift-fill" viewBox="0 0 16 16">
+  <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zm6 4v7.5a1.5 1.5 0 0 1-1.5 1.5H9V7h6zM2.5 16A1.5 1.5 0 0 1 1 14.5V7h6v9H2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gift.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gift.svg
new file mode 100644
index 00000000..663b87e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gift.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gift" viewBox="0 0 16 16">
+  <path d="M3 2.5a2.5 2.5 0 0 1 5 0 2.5 2.5 0 0 1 5 0v.006c0 .07 0 .27-.038.494H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 14.5V7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h2.038A2.968 2.968 0 0 1 3 2.506V2.5zm1.068.5H7v-.5a1.5 1.5 0 1 0-3 0c0 .085.002.274.045.43a.522.522 0 0 0 .023.07zM9 3h2.932a.56.56 0 0 0 .023-.07c.043-.156.045-.345.045-.43a1.5 1.5 0 0 0-3 0V3zM1 4v2h6V4H1zm8 0v2h6V4H9zm5 3H9v8h4.5a.5.5 0 0 0 .5-.5V7zm-7 8V7H2v7.5a.5.5 0 0 0 .5.5H7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/git.svg b/apps/phoenix_webcomponent/priv/bsi/svg/git.svg
new file mode 100644
index 00000000..092d23e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/git.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-git" viewBox="0 0 16 16">
+  <path d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/github.svg b/apps/phoenix_webcomponent/priv/bsi/svg/github.svg
new file mode 100644
index 00000000..bb4e45ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/github.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+  <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe-americas.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe-americas.svg
new file mode 100644
index 00000000..f66f5fea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe-americas.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-americas" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM2.04 4.326c.325 1.329 2.532 2.54 3.717 3.19.48.263.793.434.743.484-.08.08-.162.158-.242.234-.416.396-.787.749-.758 1.266.035.634.618.824 1.214 1.017.577.188 1.168.38 1.286.983.082.417-.075.988-.22 1.52-.215.782-.406 1.48.22 1.48 1.5-.5 3.798-3.186 4-5 .138-1.243-2-2-3.5-2.5-.478-.16-.755.081-.99.284-.172.15-.322.279-.51.216-.445-.148-2.5-2-1.5-2.5.78-.39.952-.171 1.227.182.078.099.163.208.273.318.609.304.662-.132.723-.633.039-.322.081-.671.277-.867.434-.434 1.265-.791 2.028-1.12.712-.306 1.365-.587 1.579-.88A7 7 0 1 1 2.04 4.327Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe-asia-australia.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe-asia-australia.svg
new file mode 100644
index 00000000..e4715f1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe-asia-australia.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-asia-australia" viewBox="0 0 16 16">
+  <path d="m10.495 6.92 1.278-.619a.483.483 0 0 0 .126-.782c-.252-.244-.682-.139-.932.107-.23.226-.513.373-.816.53l-.102.054c-.338.178-.264.626.1.736a.476.476 0 0 0 .346-.027ZM7.741 9.808V9.78a.413.413 0 1 1 .783.183l-.22.443a.602.602 0 0 1-.12.167l-.193.185a.36.36 0 1 1-.5-.516l.112-.108a.453.453 0 0 0 .138-.326ZM5.672 12.5l.482.233A.386.386 0 1 0 6.32 12h-.416a.702.702 0 0 1-.419-.139l-.277-.206a.302.302 0 1 0-.298.52l.761.325Z"/>
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1.612 10.867l.756-1.288a1 1 0 0 1 1.545-.225l1.074 1.005a.986.986 0 0 0 1.36-.011l.038-.037a.882.882 0 0 0 .26-.755c-.075-.548.37-1.033.92-1.099.728-.086 1.587-.324 1.728-.957.086-.386-.114-.83-.361-1.2-.207-.312 0-.8.374-.8.123 0 .24-.055.318-.15l.393-.474c.196-.237.491-.368.797-.403.554-.064 1.407-.277 1.583-.973.098-.391-.192-.634-.484-.88-.254-.212-.51-.426-.515-.741a6.998 6.998 0 0 1 3.425 7.692 1.015 1.015 0 0 0-.087-.063l-.316-.204a1 1 0 0 0-.977-.06l-.169.082a1 1 0 0 1-.741.051l-1.021-.329A1 1 0 0 0 11.205 9h-.165a1 1 0 0 0-.945.674l-.172.499a1 1 0 0 1-.404.514l-.802.518a1 1 0 0 0-.458.84v.455a1 1 0 0 0 1 1h.257a1 1 0 0 1 .542.16l.762.49a.998.998 0 0 0 .283.126 7.001 7.001 0 0 1-9.49-3.409Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe-central-south-asia.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe-central-south-asia.svg
new file mode 100644
index 00000000..d4699d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe-central-south-asia.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-central-south-asia" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM4.882 1.731a.482.482 0 0 0 .14.291.487.487 0 0 1-.126.78l-.291.146a.721.721 0 0 0-.188.135l-.48.48a1 1 0 0 1-1.023.242l-.02-.007a.996.996 0 0 0-.462-.04 7.03 7.03 0 0 1 2.45-2.027Zm-3 9.674.86-.216a1 1 0 0 0 .758-.97v-.184a1 1 0 0 1 .445-.832l.04-.026a1 1 0 0 0 .152-1.54L3.121 6.621a.414.414 0 0 1 .542-.624l1.09.818a.5.5 0 0 0 .523.047.5.5 0 0 1 .724.447v.455a.78.78 0 0 0 .131.433l.795 1.192a1 1 0 0 1 .116.238l.73 2.19a1 1 0 0 0 .949.683h.058a1 1 0 0 0 .949-.684l.73-2.189a1 1 0 0 1 .116-.238l.791-1.187A.454.454 0 0 1 11.743 8c.16 0 .306.084.392.218.557.875 1.63 2.282 2.365 2.282a.61.61 0 0 0 .04-.001 7.003 7.003 0 0 1-12.658.905Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe-europe-africa.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe-europe-africa.svg
new file mode 100644
index 00000000..3bd6c49e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe-europe-africa.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe-europe-africa" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM3.668 2.501l-.288.646a.847.847 0 0 0 1.479.815l.245-.368a.809.809 0 0 1 1.034-.275.809.809 0 0 0 .724 0l.261-.13a1 1 0 0 1 .775-.05l.984.34c.078.028.16.044.243.054.784.093.855.377.694.801-.155.41-.616.617-1.035.487l-.01-.003C8.274 4.663 7.748 4.5 6 4.5 4.8 4.5 3.5 5.62 3.5 7c0 1.96.826 2.166 1.696 2.382.46.115.935.233 1.304.618.449.467.393 1.181.339 1.877C6.755 12.96 6.674 14 8.5 14c1.75 0 3-3.5 3-4.5 0-.262.208-.468.444-.7.396-.392.87-.86.556-1.8-.097-.291-.396-.568-.641-.756-.174-.133-.207-.396-.052-.551a.333.333 0 0 1 .42-.042l1.085.724c.11.072.255.058.348-.035.15-.15.415-.083.489.117.16.43.445 1.05.849 1.357L15 8A7 7 0 1 1 3.668 2.501Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe.svg
new file mode 100644
index 00000000..96cf8157
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/globe2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/globe2.svg
new file mode 100644
index 00000000..150a01eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/globe2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe2" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/google-play.svg b/apps/phoenix_webcomponent/priv/bsi/svg/google-play.svg
new file mode 100644
index 00000000..a970e9a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/google-play.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google-play" viewBox="0 0 16 16">
+  <path d="M14.222 9.374c1.037-.61 1.037-2.137 0-2.748L11.528 5.04 8.32 8l3.207 2.96 2.694-1.586Zm-3.595 2.116L7.583 8.68 1.03 14.73c.201 1.029 1.36 1.61 2.303 1.055l7.294-4.295ZM1 13.396V2.603L6.846 8 1 13.396ZM1.03 1.27l6.553 6.05 3.044-2.81L3.333.215C2.39-.341 1.231.24 1.03 1.27Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/google.svg b/apps/phoenix_webcomponent/priv/bsi/svg/google.svg
new file mode 100644
index 00000000..47abd492
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/google.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
+  <path d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/gpu-card.svg b/apps/phoenix_webcomponent/priv/bsi/svg/gpu-card.svg
new file mode 100644
index 00000000..b75ddcee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/gpu-card.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gpu-card" viewBox="0 0 16 16">
+  <path d="M4 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm7.5-1.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/>
+  <path d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .5.5V4h13.5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5H2v2.5a.5.5 0 0 1-1 0V2H.5a.5.5 0 0 1-.5-.5Zm5.5 4a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5ZM9 8a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Z"/>
+  <path d="M3 12.5h3.5v1a.5.5 0 0 1-.5.5H3.5a.5.5 0 0 1-.5-.5v-1Zm4 1v-1h4v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/graph-down-arrow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/graph-down-arrow.svg
new file mode 100644
index 00000000..bf522b56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/graph-down-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-graph-down-arrow" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm10 11.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-1 0v2.6l-3.613-4.417a.5.5 0 0 0-.74-.037L7.06 8.233 3.404 3.206a.5.5 0 0 0-.808.588l4 5.5a.5.5 0 0 0 .758.06l2.609-2.61L13.445 11H10.5a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/graph-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/graph-down.svg
new file mode 100644
index 00000000..55adb4f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/graph-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-graph-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm14.817 11.887a.5.5 0 0 0 .07-.704l-4.5-5.5a.5.5 0 0 0-.74-.037L7.06 8.233 3.404 3.206a.5.5 0 0 0-.808.588l4 5.5a.5.5 0 0 0 .758.06l2.609-2.61 4.15 5.073a.5.5 0 0 0 .704.07Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/graph-up-arrow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/graph-up-arrow.svg
new file mode 100644
index 00000000..fd582e46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/graph-up-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-graph-up-arrow" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/graph-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/graph-up.svg
new file mode 100644
index 00000000..a68bc9db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/graph-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-graph-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2-fill.svg
new file mode 100644
index 00000000..11951176
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-1x2-fill" viewBox="0 0 16 16">
+  <path d="M0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V1zm0 9a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2.svg
new file mode 100644
index 00000000..dd36f54c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-1x2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-1x2" viewBox="0 0 16 16">
+  <path d="M6 1H1v14h5V1zm9 0h-5v5h5V1zm0 9v5h-5v-5h5zM0 1a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V1zm9 0a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V1zm1 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap-fill.svg
new file mode 100644
index 00000000..4fe82884
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x2-gap-fill" viewBox="0 0 16 16">
+  <path d="M1 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zM1 9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V9zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap.svg
new file mode 100644
index 00000000..a9e8689d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2-gap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x2-gap" viewBox="0 0 16 16">
+  <path d="M4 4v2H2V4h2zm1 7V9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 5V9a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V4a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 4v2H7V4h2zm5 0h-2v2h2V4zM4 9v2H2V9h2zm5 0v2H7V9h2zm5 0v2h-2V9h2zm-3-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V4zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2.svg
new file mode 100644
index 00000000..6dd39fde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x2" viewBox="0 0 16 16">
+  <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v8a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5v-8zM1.5 3a.5.5 0 0 0-.5.5V7h4V3H1.5zM5 8H1v3.5a.5.5 0 0 0 .5.5H5V8zm1 0v4h4V8H6zm4-1V3H6v4h4zm1 1v4h3.5a.5.5 0 0 0 .5-.5V8h-4zm0-1h4V3.5a.5.5 0 0 0-.5-.5H11v4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap-fill.svg
new file mode 100644
index 00000000..d29616c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x3-gap-fill" viewBox="0 0 16 16">
+  <path d="M1 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2zM1 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zM1 12a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-2zm5 0a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap.svg
new file mode 100644
index 00000000..675f4288
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3-gap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x3-gap" viewBox="0 0 16 16">
+  <path d="M4 2v2H2V2h2zm1 12v-2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V7a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm5 10v-2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V7a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zm0-5V2a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1zM9 2v2H7V2h2zm5 0v2h-2V2h2zM4 7v2H2V7h2zm5 0v2H7V7h2zm5 0h-2v2h2V7zM4 12v2H2v-2h2zm5 0v2H7v-2h2zm5 0v2h-2v-2h2zM12 1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zm-1 6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V7zm1 4a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3.svg
new file mode 100644
index 00000000..c40d98c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-3x3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-3x3" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5V5h4V1H1.5zM5 6H1v4h4V6zm1 4h4V6H6v4zm-1 1H1v3.5a.5.5 0 0 0 .5.5H5v-4zm1 0v4h4v-4H6zm5 0v4h3.5a.5.5 0 0 0 .5-.5V11h-4zm0-1h4V6h-4v4zm0-5h4V1.5a.5.5 0 0 0-.5-.5H11v4zm-1 0V1H6v4h4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid-fill.svg
new file mode 100644
index 00000000..202265ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid-fill" viewBox="0 0 16 16">
+  <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zm8 0A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm-8 8A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm8 0A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grid.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grid.svg
new file mode 100644
index 00000000..bc505957
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grid.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grid" viewBox="0 0 16 16">
+  <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grip-horizontal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grip-horizontal.svg
new file mode 100644
index 00000000..c4439afe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grip-horizontal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-horizontal" viewBox="0 0 16 16">
+  <path d="M2 8a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm3 3a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm0-3a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/grip-vertical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/grip-vertical.svg
new file mode 100644
index 00000000..0182ad91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/grip-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">
+  <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/h-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/h-circle-fill.svg
new file mode 100644
index 00000000..6a707360
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/h-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-h-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-5-3.998H9.67v3.322H6.33V4.002H5V12h1.33V8.455h3.34V12H11V4.002Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/h-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/h-circle.svg
new file mode 100644
index 00000000..6579c1f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/h-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-h-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-5-3.998V12H9.67V8.455H6.33V12H5V4.002h1.33v3.322h3.34V4.002H11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/h-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/h-square-fill.svg
new file mode 100644
index 00000000..51d11d11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/h-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-h-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm9 4.002V12H9.67V8.455H6.33V12H5V4.002h1.33v3.322h3.34V4.002H11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/h-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/h-square.svg
new file mode 100644
index 00000000..2eac5d72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/h-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-h-square" viewBox="0 0 16 16">
+  <path d="M11 4.002V12H9.67V8.455H6.33V12H5V4.002h1.33v3.322h3.34V4.002H11Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hammer.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hammer.svg
new file mode 100644
index 00000000..d702c115
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hammer.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hammer" viewBox="0 0 16 16">
+  <path d="M9.972 2.508a.5.5 0 0 0-.16-.556l-.178-.129a5.009 5.009 0 0 0-2.076-.783C6.215.862 4.504 1.229 2.84 3.133H1.786a.5.5 0 0 0-.354.147L.146 4.567a.5.5 0 0 0 0 .706l2.571 2.579a.5.5 0 0 0 .708 0l1.286-1.29a.5.5 0 0 0 .146-.353V5.57l8.387 8.873A.5.5 0 0 0 14 14.5l1.5-1.5a.5.5 0 0 0 .017-.689l-9.129-8.63c.747-.456 1.772-.839 3.112-.839a.5.5 0 0 0 .472-.334z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-fill.svg
new file mode 100644
index 00000000..ef94089f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index-fill" viewBox="0 0 16 16">
+  <path d="M8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb-fill.svg
new file mode 100644
index 00000000..43e958c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index-thumb-fill" viewBox="0 0 16 16">
+  <path d="M8.5 1.75v2.716l.047-.002c.312-.012.742-.016 1.051.046.28.056.543.18.738.288.273.152.456.385.56.642l.132-.012c.312-.024.794-.038 1.158.108.37.148.689.487.88.716.075.09.141.175.195.248h.582a2 2 0 0 1 1.99 2.199l-.272 2.715a3.5 3.5 0 0 1-.444 1.389l-1.395 2.441A1.5 1.5 0 0 1 12.42 16H6.118a1.5 1.5 0 0 1-1.342-.83l-1.215-2.43L1.07 8.589a1.517 1.517 0 0 1 2.373-1.852L5 8.293V1.75a1.75 1.75 0 0 1 3.5 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb.svg
new file mode 100644
index 00000000..699e5057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index-thumb.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index-thumb" viewBox="0 0 16 16">
+  <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 0 0 1 0V6.435l.106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 1 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.118a.5.5 0 0 1-.447-.276l-1.232-2.465-2.512-4.185a.517.517 0 0 1 .809-.631l2.41 2.41A.5.5 0 0 0 6 9.5V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v6.543L3.443 6.736A1.517 1.517 0 0 0 1.07 8.588l2.491 4.153 1.215 2.43A1.5 1.5 0 0 0 6.118 16h6.302a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-index.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index.svg
new file mode 100644
index 00000000..789622c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-index.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-index" viewBox="0 0 16 16">
+  <path d="M6.75 1a.75.75 0 0 1 .75.75V8a.5.5 0 0 0 1 0V5.467l.086-.004c.317-.012.637-.008.816.027.134.027.294.096.448.182.077.042.15.147.15.314V8a.5.5 0 1 0 1 0V6.435a4.9 4.9 0 0 1 .106-.01c.316-.024.584-.01.708.04.118.046.3.207.486.43.081.096.15.19.2.259V8.5a.5.5 0 0 0 1 0v-1h.342a1 1 0 0 1 .995 1.1l-.271 2.715a2.5 2.5 0 0 1-.317.991l-1.395 2.442a.5.5 0 0 1-.434.252H6.035a.5.5 0 0 1-.416-.223l-1.433-2.15a1.5 1.5 0 0 1-.243-.666l-.345-3.105a.5.5 0 0 1 .399-.546L5 8.11V9a.5.5 0 0 0 1 0V1.75A.75.75 0 0 1 6.75 1zM8.5 4.466V1.75a1.75 1.75 0 1 0-3.5 0v5.34l-1.2.24a1.5 1.5 0 0 0-1.196 1.636l.345 3.106a2.5 2.5 0 0 0 .405 1.11l1.433 2.15A1.5 1.5 0 0 0 6.035 16h6.385a1.5 1.5 0 0 0 1.302-.756l1.395-2.441a3.5 3.5 0 0 0 .444-1.389l.271-2.715a2 2 0 0 0-1.99-2.199h-.581a5.114 5.114 0 0 0-.195-.248c-.191-.229-.51-.568-.88-.716-.364-.146-.846-.132-1.158-.108l-.132.012a1.26 1.26 0 0 0-.56-.642 2.632 2.632 0 0 0-.738-.288c-.31-.062-.739-.058-1.05-.046l-.048.002zm2.094 2.025z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down-fill.svg
new file mode 100644
index 00000000..c2f51eba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16">
+  <path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.378 1.378 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51.136.02.285.037.443.051.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.896 1.896 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2.094 2.094 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.162 3.162 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.823 4.823 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down.svg
new file mode 100644
index 00000000..e8dadb5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-down" viewBox="0 0 16 16">
+  <path d="M8.864 15.674c-.956.24-1.843-.484-1.908-1.42-.072-1.05-.23-2.015-.428-2.59-.125-.36-.479-1.012-1.04-1.638-.557-.624-1.282-1.179-2.131-1.41C2.685 8.432 2 7.85 2 7V3c0-.845.682-1.464 1.448-1.546 1.07-.113 1.564-.415 2.068-.723l.048-.029c.272-.166.578-.349.97-.484C6.931.08 7.395 0 8 0h3.5c.937 0 1.599.478 1.934 1.064.164.287.254.607.254.913 0 .152-.023.312-.077.464.201.262.38.577.488.9.11.33.172.762.004 1.15.069.13.12.268.159.403.077.27.113.567.113.856 0 .289-.036.586-.113.856-.035.12-.08.244-.138.363.394.571.418 1.2.234 1.733-.206.592-.682 1.1-1.2 1.272-.847.283-1.803.276-2.516.211a9.877 9.877 0 0 1-.443-.05 9.364 9.364 0 0 1-.062 4.51c-.138.508-.55.848-1.012.964l-.261.065zM11.5 1H8c-.51 0-.863.068-1.14.163-.281.097-.506.229-.776.393l-.04.025c-.555.338-1.198.73-2.49.868-.333.035-.554.29-.554.55V7c0 .255.226.543.62.65 1.095.3 1.977.997 2.614 1.709.635.71 1.064 1.475 1.238 1.977.243.7.407 1.768.482 2.85.025.362.36.595.667.518l.262-.065c.16-.04.258-.144.288-.255a8.34 8.34 0 0 0-.145-4.726.5.5 0 0 1 .595-.643h.003l.014.004.058.013a8.912 8.912 0 0 0 1.036.157c.663.06 1.457.054 2.11-.163.175-.059.45-.301.57-.651.107-.308.087-.67-.266-1.021L12.793 7l.353-.354c.043-.042.105-.14.154-.315.048-.167.075-.37.075-.581 0-.211-.027-.414-.075-.581-.05-.174-.111-.273-.154-.315l-.353-.354.353-.354c.047-.047.109-.176.005-.488a2.224 2.224 0 0 0-.505-.804l-.353-.354.353-.354c.006-.005.041-.05.041-.17a.866.866 0 0 0-.121-.415C12.4 1.272 12.063 1 11.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up-fill.svg
new file mode 100644
index 00000000..e7216e19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16">
+  <path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a9.84 9.84 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733.058.119.103.242.138.363.077.27.113.567.113.856 0 .289-.036.586-.113.856-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.163 3.163 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.82 4.82 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up.svg
new file mode 100644
index 00000000..0d410a16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hand-thumbs-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
+  <path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/handbag-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/handbag-fill.svg
new file mode 100644
index 00000000..5d4367c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/handbag-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-handbag-fill" viewBox="0 0 16 16">
+  <path d="M8 1a2 2 0 0 0-2 2v2H5V3a3 3 0 1 1 6 0v2h-1V3a2 2 0 0 0-2-2zM5 5H3.36a1.5 1.5 0 0 0-1.483 1.277L.85 13.13A2.5 2.5 0 0 0 3.322 16h9.355a2.5 2.5 0 0 0 2.473-2.87l-1.028-6.853A1.5 1.5 0 0 0 12.64 5H11v1.5a.5.5 0 0 1-1 0V5H6v1.5a.5.5 0 0 1-1 0V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/handbag.svg b/apps/phoenix_webcomponent/priv/bsi/svg/handbag.svg
new file mode 100644
index 00000000..99e5904d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/handbag.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-handbag" viewBox="0 0 16 16">
+  <path d="M8 1a2 2 0 0 1 2 2v2H6V3a2 2 0 0 1 2-2zm3 4V3a3 3 0 1 0-6 0v2H3.36a1.5 1.5 0 0 0-1.483 1.277L.85 13.13A2.5 2.5 0 0 0 3.322 16h9.355a2.5 2.5 0 0 0 2.473-2.87l-1.028-6.853A1.5 1.5 0 0 0 12.64 5H11zm-1 1v1.5a.5.5 0 0 0 1 0V6h1.639a.5.5 0 0 1 .494.426l1.028 6.851A1.5 1.5 0 0 1 12.678 15H3.322a1.5 1.5 0 0 1-1.483-1.723l1.028-6.851A.5.5 0 0 1 3.36 6H5v1.5a.5.5 0 1 0 1 0V6h4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hash.svg
new file mode 100644
index 00000000..4621b1da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hash" viewBox="0 0 16 16">
+  <path d="M8.39 12.648a1.32 1.32 0 0 0-.015.18c0 .305.21.508.5.508.266 0 .492-.172.555-.477l.554-2.703h1.204c.421 0 .617-.234.617-.547 0-.312-.188-.53-.617-.53h-.985l.516-2.524h1.265c.43 0 .618-.227.618-.547 0-.313-.188-.524-.618-.524h-1.046l.476-2.304a1.06 1.06 0 0 0 .016-.164.51.51 0 0 0-.516-.516.54.54 0 0 0-.539.43l-.523 2.554H7.617l.477-2.304c.008-.04.015-.118.015-.164a.512.512 0 0 0-.523-.516.539.539 0 0 0-.531.43L6.53 5.484H5.414c-.43 0-.617.22-.617.532 0 .312.187.539.617.539h.906l-.515 2.523H4.609c-.421 0-.609.219-.609.531 0 .313.188.547.61.547h.976l-.516 2.492c-.008.04-.015.125-.015.18 0 .305.21.508.5.508.265 0 .492-.172.554-.477l.555-2.703h2.242l-.515 2.492zm-1-6.109h2.266l-.515 2.563H6.859l.532-2.563z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-fill.svg
new file mode 100644
index 00000000..9bdc467e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-fill" viewBox="0 0 16 16">
+  <path d="M0 10a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-1zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM.91 7.204A2.993 2.993 0 0 1 2 7h12c.384 0 .752.072 1.09.204l-1.867-3.422A1.5 1.5 0 0 0 11.906 3H4.094a1.5 1.5 0 0 0-1.317.782L.91 7.204z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network-fill.svg
new file mode 100644
index 00000000..403d4723
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-network-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h5.5v3A1.5 1.5 0 0 0 6 11.5H.5a.5.5 0 0 0 0 1H6A1.5 1.5 0 0 0 7.5 14h1a1.5 1.5 0 0 0 1.5-1.5h5.5a.5.5 0 0 0 0-1H10A1.5 1.5 0 0 0 8.5 10V7H14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network.svg
new file mode 100644
index 00000000..f0db3050
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-network.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-network" viewBox="0 0 16 16">
+  <path d="M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2H8.5v3a1.5 1.5 0 0 1 1.5 1.5h5.5a.5.5 0 0 1 0 1H10A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5H.5a.5.5 0 0 1 0-1H6A1.5 1.5 0 0 1 7.5 10V7H2a2 2 0 0 1-2-2V4zm1 0v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1zm6 7.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack-fill.svg
new file mode 100644
index 00000000..bb450781
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-rack-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1v2H2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2h-1V7h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm-2 7a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zM12 7v2H4V7h8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack.svg
new file mode 100644
index 00000000..480d0d90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-rack.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-rack" viewBox="0 0 16 16">
+  <path d="M4.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm2 7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-2.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h1v2H2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2h-1V7h1a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm13 2v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm0 7v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zm-3-4v2H4V7h8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack-fill.svg
new file mode 100644
index 00000000..c81687ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-stack-fill" viewBox="0 0 16 16">
+  <path d="M2 9a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zM2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2zm.5 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm2 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack.svg
new file mode 100644
index 00000000..2f74d3b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd-stack.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd-stack" viewBox="0 0 16 16">
+  <path d="M14 10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h12zM2 9a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-1a2 2 0 0 0-2-2H2z"/>
+  <path d="M5 11.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zM14 3a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+  <path d="M5 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdd.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdd.svg
new file mode 100644
index 00000000..7dd67003
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdd.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdd" viewBox="0 0 16 16">
+  <path d="M4.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z"/>
+  <path d="M16 11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.51c0-.418.105-.83.305-1.197l2.472-4.531A1.5 1.5 0 0 1 4.094 3h7.812a1.5 1.5 0 0 1 1.317.782l2.472 4.53c.2.368.305.78.305 1.198V11zM3.655 4.26 1.592 8.043C1.724 8.014 1.86 8 2 8h12c.14 0 .276.014.408.042L12.345 4.26a.5.5 0 0 0-.439-.26H4.094a.5.5 0 0 0-.44.26zM1 10v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdmi-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdmi-fill.svg
new file mode 100644
index 00000000..9b52d61e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdmi-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdmi-fill" viewBox="0 0 16 16">
+  <path d="M1 5a1 1 0 0 0-1 1v3.293c0 .39.317.707.707.707.188 0 .368.075.5.207l.5.5a1 1 0 0 0 .707.293h11.172a1 1 0 0 0 .707-.293l.5-.5a.707.707 0 0 1 .5-.207c.39 0 .707-.317.707-.707V6a1 1 0 0 0-1-1H1Zm1.5 2h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hdmi.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hdmi.svg
new file mode 100644
index 00000000..b8a4b416
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hdmi.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hdmi" viewBox="0 0 16 16">
+  <path d="M2.5 7a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Z"/>
+  <path d="M1 5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h.293l.707.707a1 1 0 0 0 .707.293h10.586a1 1 0 0 0 .707-.293l.707-.707H15a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H1Zm0 1h14v3h-.293a1 1 0 0 0-.707.293l-.707.707H2.707L2 9.293A1 1 0 0 0 1.293 9H1V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/headphones.svg b/apps/phoenix_webcomponent/priv/bsi/svg/headphones.svg
new file mode 100644
index 00000000..c2c1d6fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/headphones.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-headphones" viewBox="0 0 16 16">
+  <path d="M8 3a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a6 6 0 1 1 12 0v5a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1V8a5 5 0 0 0-5-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/headset-vr.svg b/apps/phoenix_webcomponent/priv/bsi/svg/headset-vr.svg
new file mode 100644
index 00000000..9f07b76c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/headset-vr.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-headset-vr" viewBox="0 0 16 16">
+  <path d="M8 1.248c1.857 0 3.526.641 4.65 1.794a4.978 4.978 0 0 1 2.518 1.09C13.907 1.482 11.295 0 8 0 4.75 0 2.12 1.48.844 4.122a4.979 4.979 0 0 1 2.289-1.047C4.236 1.872 5.974 1.248 8 1.248z"/>
+  <path d="M12 12a3.988 3.988 0 0 1-2.786-1.13l-.002-.002a1.612 1.612 0 0 0-.276-.167A2.164 2.164 0 0 0 8 10.5c-.414 0-.729.103-.935.201a1.612 1.612 0 0 0-.277.167l-.002.002A4 4 0 1 1 4 4h8a4 4 0 0 1 0 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/headset.svg b/apps/phoenix_webcomponent/priv/bsi/svg/headset.svg
new file mode 100644
index 00000000..53699744
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/headset.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-headset" viewBox="0 0 16 16">
+  <path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart-arrow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart-arrow.svg
new file mode 100644
index 00000000..0407ed6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart-arrow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-arrow" viewBox="0 0 16 16">
+  <path d="M6.707 9h4.364c-.536 1.573 2.028 3.806 4.929-.5-2.9-4.306-5.465-2.073-4.929-.5H6.707L4.854 6.146a.5.5 0 1 0-.708.708L5.293 8h-.586L2.854 6.146a.5.5 0 1 0-.708.708L3.293 8h-.586L.854 6.146a.5.5 0 1 0-.708.708L1.793 8.5.146 10.146a.5.5 0 0 0 .708.708L2.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708L4.707 9h.586l-1.147 1.146a.5.5 0 0 0 .708.708L6.707 9Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart-fill.svg
new file mode 100644
index 00000000..4026252e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart-half.svg
new file mode 100644
index 00000000..1474a725
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-half" viewBox="0 0 16 16">
+  <path d="M8 2.748v11.047c3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse-fill.svg
new file mode 100644
index 00000000..b95a18ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-pulse-fill" viewBox="0 0 16 16">
+  <path d="M1.475 9C2.702 10.84 4.779 12.871 8 15c3.221-2.129 5.298-4.16 6.525-6H12a.5.5 0 0 1-.464-.314l-1.457-3.642-1.598 5.593a.5.5 0 0 1-.945.049L5.889 6.568l-1.473 2.21A.5.5 0 0 1 4 9H1.475Z"/>
+  <path d="M.88 8C-2.427 1.68 4.41-2 7.823 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C11.59-2 18.426 1.68 15.12 8h-2.783l-1.874-4.686a.5.5 0 0 0-.945.049L7.921 8.956 6.464 5.314a.5.5 0 0 0-.88-.091L3.732 8H.88Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse.svg
new file mode 100644
index 00000000..16aaaaff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart-pulse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart-pulse" viewBox="0 0 16 16">
+  <path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053.918 3.995.78 5.323 1.508 7H.43c-2.128-5.697 4.165-8.83 7.394-5.857.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17c3.23-2.974 9.522.159 7.394 5.856h-1.078c.728-1.677.59-3.005.108-3.947C13.486.878 10.4.28 8.717 2.01L8 2.748ZM2.212 10h1.315C4.593 11.183 6.05 12.458 8 13.795c1.949-1.337 3.407-2.612 4.473-3.795h1.315c-1.265 1.566-3.14 3.25-5.788 5-2.648-1.75-4.523-3.434-5.788-5Z"/>
+  <path d="M10.464 3.314a.5.5 0 0 0-.945.049L7.921 8.956 6.464 5.314a.5.5 0 0 0-.88-.091L3.732 8H.5a.5.5 0 0 0 0 1H4a.5.5 0 0 0 .416-.223l1.473-2.209 1.647 4.118a.5.5 0 0 0 .945-.049l1.598-5.593 1.457 3.642A.5.5 0 0 0 12 9h3.5a.5.5 0 0 0 0-1h-3.162l-1.874-4.686Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heart.svg
new file mode 100644
index 00000000..d650006d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
+  <path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak-fill.svg
new file mode 100644
index 00000000..b669ad99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heartbreak-fill" viewBox="0 0 16 16">
+  <path d="M8.931.586 7 3l1.5 4-2 3L8 15C22.534 5.396 13.757-2.21 8.931.586ZM7.358.77 5.5 3 7 7l-1.5 3 1.815 4.537C-6.533 4.96 2.685-2.467 7.358.77Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak.svg
new file mode 100644
index 00000000..7fe62a58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heartbreak.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heartbreak" viewBox="0 0 16 16">
+  <path d="M8.867 14.41c13.308-9.322 4.79-16.563.064-13.824L7 3l1.5 4-2 3L8 15a38.094 38.094 0 0 0 .867-.59Zm-.303-1.01-.971-3.237 1.74-2.608a1 1 0 0 0 .103-.906l-1.3-3.468 1.45-1.813c1.861-.948 4.446.002 5.197 2.11.691 1.94-.055 5.521-6.219 9.922Zm-1.25 1.137a36.027 36.027 0 0 1-1.522-1.116C-5.077 4.97 1.842-1.472 6.454.293c.314.12.618.279.904.477L5.5 3 7 7l-1.5 3 1.815 4.537Zm-2.3-3.06-.442-1.106a1 1 0 0 1 .034-.818l1.305-2.61L4.564 3.35a1 1 0 0 1 .168-.991l1.032-1.24c-1.688-.449-3.7.398-4.456 2.128-.711 1.627-.413 4.55 3.706 8.229Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hearts.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hearts.svg
new file mode 100644
index 00000000..c1c52e41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hearts.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hearts" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.931.481c1.627-1.671 5.692 1.254 0 5.015-5.692-3.76-1.626-6.686 0-5.015Zm6.84 1.794c1.084-1.114 3.795.836 0 3.343-3.795-2.507-1.084-4.457 0-3.343ZM7.84 7.642c2.71-2.786 9.486 2.09 0 8.358-9.487-6.268-2.71-11.144 0-8.358Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-fill.svg
new file mode 100644
index 00000000..ad8e0586
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heptagon-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.779.052a.5.5 0 0 1 .442 0l6.015 2.97a.5.5 0 0 1 .267.34l1.485 6.676a.5.5 0 0 1-.093.415l-4.162 5.354a.5.5 0 0 1-.395.193H4.662a.5.5 0 0 1-.395-.193L.105 10.453a.5.5 0 0 1-.093-.415l1.485-6.676a.5.5 0 0 1 .267-.34L7.779.053z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-half.svg
new file mode 100644
index 00000000..5753b628
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heptagon-half" viewBox="0 0 16 16">
+  <path d="M7.779.052a.5.5 0 0 1 .442 0l6.015 2.97a.5.5 0 0 1 .267.34l1.485 6.676a.5.5 0 0 1-.093.415l-4.162 5.354a.5.5 0 0 1-.395.193H4.662a.5.5 0 0 1-.395-.193L.105 10.453a.5.5 0 0 1-.093-.415l1.485-6.676a.5.5 0 0 1 .267-.34L7.779.053zM8 15h3.093l3.868-4.975-1.383-6.212L8 1.058V15z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/heptagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon.svg
new file mode 100644
index 00000000..e85a0bd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/heptagon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heptagon" viewBox="0 0 16 16">
+  <path d="M7.779.052a.5.5 0 0 1 .442 0l6.015 2.97a.5.5 0 0 1 .267.34l1.485 6.676a.5.5 0 0 1-.093.415l-4.162 5.354a.5.5 0 0 1-.395.193H4.662a.5.5 0 0 1-.395-.193L.105 10.453a.5.5 0 0 1-.093-.415l1.485-6.676a.5.5 0 0 1 .267-.34L7.779.053zM2.422 3.813l-1.383 6.212L4.907 15h6.186l3.868-4.975-1.383-6.212L8 1.058 2.422 3.813z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-fill.svg
new file mode 100644
index 00000000..afd7870e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hexagon-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-half.svg
new file mode 100644
index 00000000..a9fc1368
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hexagon-half" viewBox="0 0 16 16">
+  <path d="M14 4.577v6.846L8 15V1l6 3.577zM8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hexagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon.svg
new file mode 100644
index 00000000..f6601f2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hexagon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hexagon" viewBox="0 0 16 16">
+  <path d="M14 4.577v6.846L8 15l-6-3.577V4.577L8 1l6 3.577zM8.5.134a1 1 0 0 0-1 0l-6 3.577a1 1 0 0 0-.5.866v6.846a1 1 0 0 0 .5.866l6 3.577a1 1 0 0 0 1 0l6-3.577a1 1 0 0 0 .5-.866V4.577a1 1 0 0 0-.5-.866L8.5.134z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hospital-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hospital-fill.svg
new file mode 100644
index 00000000..a9321332
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hospital-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hospital-fill" viewBox="0 0 16 16">
+  <path d="M6 0a1 1 0 0 0-1 1v1a1 1 0 0 0-1 1v4H1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h6v-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V16h6a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-3V3a1 1 0 0 0-1-1V1a1 1 0 0 0-1-1H6Zm2.5 5.034v1.1l.953-.55.5.867L9 7l.953.55-.5.866-.953-.55v1.1h-1v-1.1l-.953.55-.5-.866L7 7l-.953-.55.5-.866.953.55v-1.1h1ZM2.25 9h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 9.75v-.5A.25.25 0 0 1 2.25 9Zm0 2h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25ZM2 13.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5ZM13.25 9h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25ZM13 11.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5Zm.25 1.75h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hospital.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hospital.svg
new file mode 100644
index 00000000..5168a299
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hospital.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hospital" viewBox="0 0 16 16">
+  <path d="M8.5 5.034v1.1l.953-.55.5.867L9 7l.953.55-.5.866-.953-.55v1.1h-1v-1.1l-.953.55-.5-.866L7 7l-.953-.55.5-.866.953.55v-1.1h1ZM13.25 9a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5ZM13 11.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5Zm.25 1.75a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5Zm-11-4a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 9.75v-.5A.25.25 0 0 0 2.75 9h-.5Zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5ZM2 13.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5Z"/>
+  <path d="M5 1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1a1 1 0 0 1 1 1v4h3a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3V3a1 1 0 0 1 1-1V1Zm2 14h2v-3H7v3Zm3 0h1V3H5v12h1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3Zm0-14H6v1h4V1Zm2 7v7h3V8h-3Zm-8 7V8H1v7h3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-bottom.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-bottom.svg
new file mode 100644
index 00000000..8ce8394a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-bottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hourglass-bottom" viewBox="0 0 16 16">
+  <path d="M2 1.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1-.5-.5zm2.5.5v1a3.5 3.5 0 0 0 1.989 3.158c.533.256 1.011.791 1.011 1.491v.702s.18.149.5.149.5-.15.5-.15v-.7c0-.701.478-1.236 1.011-1.492A3.5 3.5 0 0 0 11.5 3V2h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-split.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-split.svg
new file mode 100644
index 00000000..b8bba9b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-split.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hourglass-split" viewBox="0 0 16 16">
+  <path d="M2.5 15a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1 0-1h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11zm2-13v1c0 .537.12 1.045.337 1.5h6.326c.216-.455.337-.963.337-1.5V2h-7zm3 6.35c0 .701-.478 1.236-1.011 1.492A3.5 3.5 0 0 0 4.5 13s.866-1.299 3-1.48V8.35zm1 0v3.17c2.134.181 3 1.48 3 1.48a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-top.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-top.svg
new file mode 100644
index 00000000..f471084d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass-top.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hourglass-top" viewBox="0 0 16 16">
+  <path d="M2 14.5a.5.5 0 0 0 .5.5h11a.5.5 0 1 0 0-1h-1v-1a4.5 4.5 0 0 0-2.557-4.06c-.29-.139-.443-.377-.443-.59v-.7c0-.213.154-.451.443-.59A4.5 4.5 0 0 0 12.5 3V2h1a.5.5 0 0 0 0-1h-11a.5.5 0 0 0 0 1h1v1a4.5 4.5 0 0 0 2.557 4.06c.29.139.443.377.443.59v.7c0 .213-.154.451-.443.59A4.5 4.5 0 0 0 3.5 13v1h-1a.5.5 0 0 0-.5.5zm2.5-.5v-1a3.5 3.5 0 0 1 1.989-3.158c.533-.256 1.011-.79 1.011-1.491v-.702s.18.101.5.101.5-.1.5-.1v.7c0 .701.478 1.236 1.011 1.492A3.5 3.5 0 0 1 11.5 13v1h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hourglass.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass.svg
new file mode 100644
index 00000000..cecfa7e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hourglass.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hourglass" viewBox="0 0 16 16">
+  <path d="M2 1.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-1v1a4.5 4.5 0 0 1-2.557 4.06c-.29.139-.443.377-.443.59v.7c0 .213.154.451.443.59A4.5 4.5 0 0 1 12.5 13v1h1a.5.5 0 0 1 0 1h-11a.5.5 0 1 1 0-1h1v-1a4.5 4.5 0 0 1 2.557-4.06c.29-.139.443-.377.443-.59v-.7c0-.213-.154-.451-.443-.59A4.5 4.5 0 0 1 3.5 3V2h-1a.5.5 0 0 1-.5-.5zm2.5.5v1a3.5 3.5 0 0 0 1.989 3.158c.533.256 1.011.791 1.011 1.491v.702c0 .7-.478 1.235-1.011 1.491A3.5 3.5 0 0 0 4.5 13v1h7v-1a3.5 3.5 0 0 0-1.989-3.158C8.978 9.586 8.5 9.052 8.5 8.351v-.702c0-.7.478-1.235 1.011-1.491A3.5 3.5 0 0 0 11.5 3V2h-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-add-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-add-fill.svg
new file mode 100644
index 00000000..e4733b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-add-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-add-fill" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 1 1-1 0v-1h-1a.5.5 0 1 1 0-1h1v-1a.5.5 0 0 1 1 0Z"/>
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-add.svg
new file mode 100644
index 00000000..2964397c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-add" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 1-.5-.5V7.207l5-5 6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 1 0 1 0v-1h1a.5.5 0 1 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-check-fill.svg
new file mode 100644
index 00000000..75463428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-check-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-check-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.707l.547.547 1.17-1.951a.5.5 0 1 1 .858.514Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-check.svg
new file mode 100644
index 00000000..a30080a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-check" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.707l.547.547 1.17-1.951a.5.5 0 1 1 .858.514Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-dash-fill.svg
new file mode 100644
index 00000000..5465ef46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-dash-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-dash-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-dash.svg
new file mode 100644
index 00000000..fa6fb26b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 1 1 0-1Z"/>
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-door-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-door-fill.svg
new file mode 100644
index 00000000..a260a702
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-door-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door-fill" viewBox="0 0 16 16">
+  <path d="M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-door.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-door.svg
new file mode 100644
index 00000000..d411105d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-door.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-door" viewBox="0 0 16 16">
+  <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146ZM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-down-fill.svg
new file mode 100644
index 00000000..d3bf68f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-down-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-down-fill" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.707l-.646.646V10.5a.5.5 0 0 0-1 0v2.793l-.646-.646a.5.5 0 0 0-.708.707l1.5 1.5a.5.5 0 0 0 .708 0Z"/>
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-down.svg
new file mode 100644
index 00000000..6de3d796
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-down" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.707l-.646.646V10.5a.5.5 0 0 0-1 0v2.793l-.646-.646a.5.5 0 0 0-.708.707l1.5 1.5a.5.5 0 0 0 .708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation-fill.svg
new file mode 100644
index 00000000..74337383
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-exclamation-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 1 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation.svg
new file mode 100644
index 00000000..301d9818
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-exclamation" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 1 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-fill.svg
new file mode 100644
index 00000000..89326671
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-gear-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-gear-fill.svg
new file mode 100644
index 00000000..001ea96a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-gear-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-gear-fill" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M11.07 9.047a1.5 1.5 0 0 0-1.742.26l-.02.021a1.5 1.5 0 0 0-.261 1.742 1.5 1.5 0 0 0 0 2.86 1.504 1.504 0 0 0-.12 1.07H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6 4.724 4.724a1.5 1.5 0 0 0-1.654 1.03Z"/>
+  <path d="m13.158 9.608-.043-.148c-.181-.613-1.049-.613-1.23 0l-.043.148a.64.64 0 0 1-.921.382l-.136-.074c-.561-.306-1.175.308-.87.869l.075.136a.64.64 0 0 1-.382.92l-.148.045c-.613.18-.613 1.048 0 1.229l.148.043a.64.64 0 0 1 .382.921l-.074.136c-.306.561.308 1.175.869.87l.136-.075a.64.64 0 0 1 .92.382l.045.149c.18.612 1.048.612 1.229 0l.043-.15a.64.64 0 0 1 .921-.38l.136.074c.561.305 1.175-.309.87-.87l-.075-.136a.64.64 0 0 1 .382-.92l.149-.044c.612-.181.612-1.049 0-1.23l-.15-.043a.64.64 0 0 1-.38-.921l.074-.136c.305-.561-.309-1.175-.87-.87l-.136.075a.64.64 0 0 1-.92-.382ZM12.5 14a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-gear.svg
new file mode 100644
index 00000000..c7f9d430
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-gear.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-gear" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.044c-.613-.181-.613-1.049 0-1.23l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-heart-fill.svg
new file mode 100644
index 00000000..6d874fc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-heart-fill" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707L7.293 1.5Z"/>
+  <path d="m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9.293Zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-heart.svg
new file mode 100644
index 00000000..26b23952
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-heart" viewBox="0 0 16 16">
+  <path d="M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z"/>
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-lock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-lock-fill.svg
new file mode 100644
index 00000000..842b9143
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-lock-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-lock-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.72 4.72a3 3 0 0 0-2.709 3.248A2 2 0 0 0 9 13v2H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M13 9a2 2 0 0 0-2 2v1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1v-1a2 2 0 0 0-2-2Zm0 1a1 1 0 0 1 1 1v1h-2v-1a1 1 0 0 1 1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-lock.svg
new file mode 100644
index 00000000..e6eb9681
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-lock" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M10 13a1 1 0 0 1 1-1v-1a2 2 0 0 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-slash-fill.svg
new file mode 100644
index 00000000..20ea07b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-slash-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-slash-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M13.879 10.414a2.5 2.5 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-slash.svg
new file mode 100644
index 00000000..3e1cb66b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.5 2.5 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95Z"/>
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-up-fill.svg
new file mode 100644
index 00000000..3e6713e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-up-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-up-fill" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 1 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.707l1.5-1.5a.5.5 0 0 1 .708 0Z"/>
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-up.svg
new file mode 100644
index 00000000..0a8deb31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-up" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 1 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.707l1.5-1.5a.5.5 0 0 1 .708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-x-fill.svg
new file mode 100644
index 00000000..00483c40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-x-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-x-fill" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z"/>
+  <path d="m8 3.293 4.712 4.712A4.5 4.5 0 0 0 8.758 15H3.5A1.5 1.5 0 0 1 2 13.5V9.293l6-6Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.646a.5.5 0 0 1 .708.707l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.707l.647-.647-.647-.646a.5.5 0 0 1 .708-.707Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house-x.svg
new file mode 100644
index 00000000..88b2825b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-x" viewBox="0 0 16 16">
+  <path d="M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.708L8 2.207l-5 5V13.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 2 13.5V8.207l-.646.647a.5.5 0 1 1-.708-.708L7.293 1.5Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.646a.5.5 0 0 1 .708.707l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.707l.647-.647-.647-.646a.5.5 0 0 1 .708-.707Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/house.svg b/apps/phoenix_webcomponent/priv/bsi/svg/house.svg
new file mode 100644
index 00000000..77ac144c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/house.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house" viewBox="0 0 16 16">
+  <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/houses-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/houses-fill.svg
new file mode 100644
index 00000000..30a72d88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/houses-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-houses-fill" viewBox="0 0 16 16">
+  <path d="M7.207 1a1 1 0 0 0-1.414 0L.146 6.646a.5.5 0 0 0 .708.708L1 7.207V12.5A1.5 1.5 0 0 0 2.5 14h.55a2.51 2.51 0 0 1-.05-.5V9.415a1.5 1.5 0 0 1-.56-2.475l5.353-5.354L7.207 1Z"/>
+  <path d="M8.793 2a1 1 0 0 1 1.414 0L12 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l1.854 1.853a.5.5 0 0 1-.708.708L15 8.207V13.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 13.5V8.207l-.146.147a.5.5 0 1 1-.708-.708L8.793 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/houses.svg b/apps/phoenix_webcomponent/priv/bsi/svg/houses.svg
new file mode 100644
index 00000000..d66b4da3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/houses.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-houses" viewBox="0 0 16 16">
+  <path d="M5.793 1a1 1 0 0 1 1.414 0l.647.646a.5.5 0 1 1-.708.708L6.5 1.707 2 6.207V12.5a.5.5 0 0 0 .5.5.5.5 0 0 1 0 1A1.5 1.5 0 0 1 1 12.5V7.207l-.146.147a.5.5 0 0 1-.708-.708L5.793 1Zm3 1a1 1 0 0 1 1.414 0L12 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l1.854 1.853a.5.5 0 0 1-.708.708L15 8.207V13.5a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 4 13.5V8.207l-.146.147a.5.5 0 1 1-.708-.708L8.793 2Zm.707.707L5 7.207V13.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5V7.207l-4.5-4.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hr.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hr.svg
new file mode 100644
index 00000000..b6f2e337
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hr.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hr" viewBox="0 0 16 16">
+  <path d="M12 3H4a1 1 0 0 0-1 1v2.5H2V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2.5h-1V4a1 1 0 0 0-1-1zM2 9.5h1V12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V9.5h1V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.5zm-1.5-2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hurricane.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hurricane.svg
new file mode 100644
index 00000000..e21aaec5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hurricane.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hurricane" viewBox="0 0 16 16">
+  <path d="M6.999 2.6A5.5 5.5 0 0 1 15 7.5a.5.5 0 0 0 1 0 6.5 6.5 0 1 0-13 0 5 5 0 0 0 6.001 4.9A5.5 5.5 0 0 1 1 7.5a.5.5 0 0 0-1 0 6.5 6.5 0 1 0 13 0 5 5 0 0 0-6.001-4.9zM10 7.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/hypnotize.svg b/apps/phoenix_webcomponent/priv/bsi/svg/hypnotize.svg
new file mode 100644
index 00000000..baa2298d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/hypnotize.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hypnotize" viewBox="0 0 16 16">
+  <path d="m7.949 7.998.006-.003.003.009-.01-.006Zm.025-.028v-.03l.018.01-.018.02Zm0 .015.04-.022.01.006v.04l-.029.016-.021-.012v-.028Zm.049.057v-.014l-.008.01.008.004Zm-.05-.008h.006l-.006.004v-.004Z"/>
+  <path fill-rule="evenodd" d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM4.965 1.69a6.972 6.972 0 0 1 3.861-.642c.722.767 1.177 1.887 1.177 3.135 0 1.656-.802 3.088-1.965 3.766 1.263.24 2.655-.815 3.406-2.742.38-.975.537-2.023.492-2.996a7.027 7.027 0 0 1 2.488 3.003c-.303 1.01-1.046 1.966-2.128 2.59-1.44.832-3.09.85-4.26.173l.008.021.012-.006-.01.01c.42 1.218 2.032 1.9 4.08 1.586a7.415 7.415 0 0 0 2.856-1.081 6.963 6.963 0 0 1-1.358 3.662c-1.03.248-2.235.084-3.322-.544-1.433-.827-2.272-2.236-2.279-3.58l-.012-.003c-.845.972-.63 2.71.666 4.327a7.415 7.415 0 0 0 2.37 1.935 6.972 6.972 0 0 1-3.86.65c-.727-.767-1.186-1.892-1.186-3.146 0-1.658.804-3.091 1.969-3.768l-.002-.007c-1.266-.25-2.666.805-3.42 2.74a7.415 7.415 0 0 0-.49 3.012 7.026 7.026 0 0 1-2.49-3.018C1.87 9.757 2.613 8.8 3.696 8.174c1.438-.83 3.084-.85 4.253-.176l.005-.006C7.538 6.77 5.924 6.085 3.872 6.4c-1.04.16-2.03.55-2.853 1.08a6.962 6.962 0 0 1 1.372-3.667l-.002.003c1.025-.243 2.224-.078 3.306.547 1.43.826 2.269 2.23 2.28 3.573L8 7.941c.837-.974.62-2.706-.673-4.319a7.415 7.415 0 0 0-2.362-1.931Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/image-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/image-alt.svg
new file mode 100644
index 00000000..98142b22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/image-alt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-image-alt" viewBox="0 0 16 16">
+  <path d="M7 2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0zm4.225 4.053a.5.5 0 0 0-.577.093l-3.71 4.71-2.66-2.772a.5.5 0 0 0-.63.062L.002 13v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4.5l-4.777-3.947z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/image-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/image-fill.svg
new file mode 100644
index 00000000..33c40a13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/image-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-image-fill" viewBox="0 0 16 16">
+  <path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/image.svg b/apps/phoenix_webcomponent/priv/bsi/svg/image.svg
new file mode 100644
index 00000000..facacee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/image.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-image" viewBox="0 0 16 16">
+  <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+  <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-12zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/images.svg b/apps/phoenix_webcomponent/priv/bsi/svg/images.svg
new file mode 100644
index 00000000..b35ecebc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/images.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-images" viewBox="0 0 16 16">
+  <path d="M4.502 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+  <path d="M14.002 13a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2V5A2 2 0 0 1 2 3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v8a2 2 0 0 1-1.998 2zM14 2H4a1 1 0 0 0-1 1h9.002a2 2 0 0 1 2 2v7A1 1 0 0 0 15 11V3a1 1 0 0 0-1-1zM2.002 4a1 1 0 0 0-1 1v8l2.646-2.354a.5.5 0 0 1 .63-.062l2.66 1.773 3.71-3.71a.5.5 0 0 1 .577-.094l1.777 1.947V5a1 1 0 0 0-1-1h-10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/inbox-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/inbox-fill.svg
new file mode 100644
index 00000000..bf5c8c91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/inbox-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-inbox-fill" viewBox="0 0 16 16">
+  <path d="M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4H4.98zm-1.17-.437A1.5 1.5 0 0 1 4.98 3h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374l3.7-4.625z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/inbox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/inbox.svg
new file mode 100644
index 00000000..59ad2d77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/inbox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-inbox" viewBox="0 0 16 16">
+  <path d="M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4H4.98zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438L14.933 9zM3.809 3.563A1.5 1.5 0 0 1 4.981 3h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374l3.7-4.625z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/inboxes-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/inboxes-fill.svg
new file mode 100644
index 00000000..27447dc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/inboxes-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-inboxes-fill" viewBox="0 0 16 16">
+  <path d="M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1H4.98zM3.81.563A1.5 1.5 0 0 1 4.98 0h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374L3.81.563zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/inboxes.svg b/apps/phoenix_webcomponent/priv/bsi/svg/inboxes.svg
new file mode 100644
index 00000000..f23f0ec5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/inboxes.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-inboxes" viewBox="0 0 16 16">
+  <path d="M4.98 1a.5.5 0 0 0-.39.188L1.54 5H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0A.5.5 0 0 1 10 5h4.46l-3.05-3.812A.5.5 0 0 0 11.02 1H4.98zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562A.5.5 0 0 0 1.884 9h12.234a.5.5 0 0 0 .496-.438L14.933 6zM3.809.563A1.5 1.5 0 0 1 4.981 0h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 10H1.883A1.5 1.5 0 0 1 .394 8.686l-.39-3.124a.5.5 0 0 1 .106-.374L3.81.563zM.125 11.17A.5.5 0 0 1 .5 11H6a.5.5 0 0 1 .5.5 1.5 1.5 0 0 0 3 0 .5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .496.562l-.39 3.124A1.5 1.5 0 0 1 14.117 16H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .121-.393zm.941.83.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438l.32-2.562H10.45a2.5 2.5 0 0 1-4.9 0H1.066z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/incognito.svg b/apps/phoenix_webcomponent/priv/bsi/svg/incognito.svg
new file mode 100644
index 00000000..fc9f6dce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/incognito.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-incognito" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="m4.736 1.968-.892 3.269-.014.058C2.113 5.568 1 6.006 1 6.5 1 7.328 4.134 8 8 8s7-.672 7-1.5c0-.494-1.113-.932-2.83-1.205a1.032 1.032 0 0 0-.014-.058l-.892-3.27c-.146-.533-.698-.849-1.239-.734C9.411 1.363 8.62 1.5 8 1.5c-.62 0-1.411-.136-2.025-.267-.541-.115-1.093.2-1.239.735Zm.015 3.867a.25.25 0 0 1 .274-.224c.9.092 1.91.143 2.975.143a29.58 29.58 0 0 0 2.975-.143.25.25 0 0 1 .05.498c-.918.093-1.944.145-3.025.145s-2.107-.052-3.025-.145a.25.25 0 0 1-.224-.274ZM3.5 10h2a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-3 0v-1a.5.5 0 0 1 .5-.5Zm-1.5.5c0-.175.03-.344.085-.5H2a.5.5 0 0 1 0-1h3.5a1.5 1.5 0 0 1 1.488 1.312 3.5 3.5 0 0 1 2.024 0A1.5 1.5 0 0 1 10.5 9H14a.5.5 0 0 1 0 1h-.085c.055.156.085.325.085.5v1a2.5 2.5 0 0 1-5 0v-.14l-.21-.07a2.5 2.5 0 0 0-1.58 0l-.21.07v.14a2.5 2.5 0 0 1-5 0v-1Zm8.5-.5h2a.5.5 0 0 1 .5.5v1a1.5 1.5 0 0 1-3 0v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/indent.svg b/apps/phoenix_webcomponent/priv/bsi/svg/indent.svg
new file mode 100644
index 00000000..025acef2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/indent.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-indent" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3 8a.5.5 0 0 1 .5-.5h6.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H3.5A.5.5 0 0 1 3 8Z"/>
+  <path fill-rule="evenodd" d="M12.5 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/infinity.svg b/apps/phoenix_webcomponent/priv/bsi/svg/infinity.svg
new file mode 100644
index 00000000..e9dd437b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/infinity.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-infinity" viewBox="0 0 16 16">
+  <path d="M5.68 5.792 7.345 7.75 5.681 9.708a2.75 2.75 0 1 1 0-3.916ZM8 6.978 6.416 5.113l-.014-.015a3.75 3.75 0 1 0 0 5.304l.014-.015L8 8.522l1.584 1.865.014.015a3.75 3.75 0 1 0 0-5.304l-.014.015L8 6.978Zm.656.772 1.663-1.958a2.75 2.75 0 1 1 0 3.916L8.656 7.75Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info-circle-fill.svg
new file mode 100644
index 00000000..9d38231f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info-circle.svg
new file mode 100644
index 00000000..8f48f86c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info-lg.svg
new file mode 100644
index 00000000..d1b988e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-lg" viewBox="0 0 16 16">
+  <path d="m9.708 6.075-3.024.379-.108.502.595.108c.387.093.464.232.38.619l-.975 4.577c-.255 1.183.14 1.74 1.067 1.74.72 0 1.554-.332 1.933-.789l.116-.549c-.263.232-.65.325-.905.325-.363 0-.494-.255-.402-.704l1.323-6.208Zm.091-2.755a1.32 1.32 0 1 1-2.64 0 1.32 1.32 0 0 1 2.64 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info-square-fill.svg
new file mode 100644
index 00000000..c2e5a663
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm8.93 4.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info-square.svg
new file mode 100644
index 00000000..71e2818f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/info.svg b/apps/phoenix_webcomponent/priv/bsi/svg/info.svg
new file mode 100644
index 00000000..9d061b4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/info.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info" viewBox="0 0 16 16">
+  <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor-text.svg
new file mode 100644
index 00000000..f2121113
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor-text.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-input-cursor-text" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 2a.5.5 0 0 1 .5-.5c.862 0 1.573.287 2.06.566.174.099.321.198.44.286.119-.088.266-.187.44-.286A4.165 4.165 0 0 1 10.5 1.5a.5.5 0 0 1 0 1c-.638 0-1.177.213-1.564.434a3.49 3.49 0 0 0-.436.294V7.5H9a.5.5 0 0 1 0 1h-.5v4.272c.1.08.248.187.436.294.387.221.926.434 1.564.434a.5.5 0 0 1 0 1 4.165 4.165 0 0 1-2.06-.566A4.561 4.561 0 0 1 8 13.65a4.561 4.561 0 0 1-.44.285 4.165 4.165 0 0 1-2.06.566.5.5 0 0 1 0-1c.638 0 1.177-.213 1.564-.434.188-.107.335-.214.436-.294V8.5H7a.5.5 0 0 1 0-1h.5V3.228a3.49 3.49 0 0 0-.436-.294A3.166 3.166 0 0 0 5.5 2.5.5.5 0 0 1 5 2z"/>
+  <path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor.svg b/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor.svg
new file mode 100644
index 00000000..3a89bb7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/input-cursor.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-input-cursor" viewBox="0 0 16 16">
+  <path d="M10 5h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4v1h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4v1zM6 5V4H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v-1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4z"/>
+  <path fill-rule="evenodd" d="M8 1a.5.5 0 0 1 .5.5v13a.5.5 0 0 1-1 0v-13A.5.5 0 0 1 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/instagram.svg b/apps/phoenix_webcomponent/priv/bsi/svg/instagram.svg
new file mode 100644
index 00000000..0b5c5cef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/instagram.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
+  <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/intersect.svg b/apps/phoenix_webcomponent/priv/bsi/svg/intersect.svg
new file mode 100644
index 00000000..2d8c3295
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/intersect.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-intersect" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2H5zm6-8V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2V6a2 2 0 0 1 2-2h5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-album.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-album.svg
new file mode 100644
index 00000000..2504b3d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-album.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-album" viewBox="0 0 16 16">
+  <path d="M5.5 4a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5h-5zm1 7a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-down.svg
new file mode 100644
index 00000000..79c313d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-down.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-arrow-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 5a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5A.5.5 0 0 1 8 5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-up.svg
new file mode 100644
index 00000000..84234612
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-arrow-up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-arrow-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 11a.5.5 0 0 0 .5-.5V6.707l1.146 1.147a.5.5 0 0 0 .708-.708l-2-2a.5.5 0 0 0-.708 0l-2 2a.5.5 0 1 0 .708.708L7.5 6.707V10.5a.5.5 0 0 0 .5.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark-fill.svg
new file mode 100644
index 00000000..03e24766
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-bookmark-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 1h6v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8V1z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark.svg
new file mode 100644
index 00000000..66527643
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-bookmark.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-bookmark" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-check.svg
new file mode 100644
index 00000000..41b97e94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-check.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.854 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 8.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-code.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-code.svg
new file mode 100644
index 00000000..82098b9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-code.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-code" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-medical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-medical.svg
new file mode 100644
index 00000000..5500110a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-medical.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-medical" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 4a.5.5 0 0 1 .5.5v.634l.549-.317a.5.5 0 1 1 .5.866L9 6l.549.317a.5.5 0 1 1-.5.866L8.5 6.866V7.5a.5.5 0 0 1-1 0v-.634l-.549.317a.5.5 0 1 1-.5-.866L7 6l-.549-.317a.5.5 0 0 1 .5-.866l.549.317V4.5A.5.5 0 0 1 8 4zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-minus.svg
new file mode 100644
index 00000000..c8cd4d84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-minus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-plus.svg
new file mode 100644
index 00000000..fa6d7026
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-plus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 5.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 .5-.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-richtext.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-richtext.svg
new file mode 100644
index 00000000..14b0e1f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-richtext.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
+  <path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-text.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-text.svg
new file mode 100644
index 00000000..9b66f43a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-text.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-text" viewBox="0 0 16 16">
+  <path d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal-x.svg
new file mode 100644
index 00000000..2ca24f46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-x" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.146 6.146a.5.5 0 0 1 .708 0L8 7.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 8l1.147 1.146a.5.5 0 0 1-.708.708L8 8.707 6.854 9.854a.5.5 0 0 1-.708-.708L7.293 8 6.146 6.854a.5.5 0 0 1 0-.708z"/>
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journal.svg
new file mode 100644
index 00000000..941c9878
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journal.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal" viewBox="0 0 16 16">
+  <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
+  <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/journals.svg b/apps/phoenix_webcomponent/priv/bsi/svg/journals.svg
new file mode 100644
index 00000000..03f6dad8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/journals.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journals" viewBox="0 0 16 16">
+  <path d="M5 0h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2 2 2 0 0 1-2 2H3a2 2 0 0 1-2-2h1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1H1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v9a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1H3a2 2 0 0 1 2-2z"/>
+  <path d="M1 6v-.5a.5.5 0 0 1 1 0V6h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V9h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 2.5v.5H.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1H2v-.5a.5.5 0 0 0-1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/joystick.svg b/apps/phoenix_webcomponent/priv/bsi/svg/joystick.svg
new file mode 100644
index 00000000..a8a90274
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/joystick.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-joystick" viewBox="0 0 16 16">
+  <path d="M10 2a2 2 0 0 1-1.5 1.937v5.087c.863.083 1.5.377 1.5.726 0 .414-.895.75-2 .75s-2-.336-2-.75c0-.35.637-.643 1.5-.726V3.937A2 2 0 1 1 10 2z"/>
+  <path d="M0 9.665v1.717a1 1 0 0 0 .553.894l6.553 3.277a2 2 0 0 0 1.788 0l6.553-3.277a1 1 0 0 0 .553-.894V9.665c0-.1-.06-.19-.152-.23L9.5 6.715v.993l5.227 2.178a.125.125 0 0 1 .001.23l-5.94 2.546a2 2 0 0 1-1.576 0l-5.94-2.546a.125.125 0 0 1 .001-.23L6.5 7.708l-.013-.988L.152 9.435a.25.25 0 0 0-.152.23z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/justify-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/justify-left.svg
new file mode 100644
index 00000000..68859b8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/justify-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/justify-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/justify-right.svg
new file mode 100644
index 00000000..1efe4f38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/justify-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/justify.svg b/apps/phoenix_webcomponent/priv/bsi/svg/justify.svg
new file mode 100644
index 00000000..009bd721
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/justify.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-justify" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/kanban-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/kanban-fill.svg
new file mode 100644
index 00000000..d633a538
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/kanban-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-kanban-fill" viewBox="0 0 16 16">
+  <path d="M2.5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-11zm5 2h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm-5 1a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3zm9-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/kanban.svg b/apps/phoenix_webcomponent/priv/bsi/svg/kanban.svg
new file mode 100644
index 00000000..c5cdaaf5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/kanban.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-kanban" viewBox="0 0 16 16">
+  <path d="M13.5 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h11zm-11-1a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-11z"/>
+  <path d="M6.5 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3zm-4 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3zm8 0a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1V3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/key-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/key-fill.svg
new file mode 100644
index 00000000..25a6d45a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/key-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-key-fill" viewBox="0 0 16 16">
+  <path d="M3.5 11.5a3.5 3.5 0 1 1 3.163-5H14L15.5 8 14 9.5l-1-1-1 1-1-1-1 1-1-1-1 1H6.663a3.5 3.5 0 0 1-3.163 2zM2.5 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/key.svg b/apps/phoenix_webcomponent/priv/bsi/svg/key.svg
new file mode 100644
index 00000000..dbaae3fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/key.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-key" viewBox="0 0 16 16">
+  <path d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z"/>
+  <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/keyboard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/keyboard-fill.svg
new file mode 100644
index 00000000..876321d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/keyboard-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-keyboard-fill" viewBox="0 0 16 16">
+  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm13 .25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM2.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 3 8.75v-.5A.25.25 0 0 0 2.75 8h-.5zM4 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 5 8.75v-.5A.25.25 0 0 0 4.75 8h-.5a.25.25 0 0 0-.25.25zM6.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 7 8.75v-.5A.25.25 0 0 0 6.75 8h-.5zM8 8.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 9 8.75v-.5A.25.25 0 0 0 8.75 8h-.5a.25.25 0 0 0-.25.25zM13.25 8a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm0 2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zm-3-2a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-1.5zm.75 2.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM11.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5zM9 6.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5A.25.25 0 0 0 9.75 6h-.5a.25.25 0 0 0-.25.25zM7.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 8 6.75v-.5A.25.25 0 0 0 7.75 6h-.5zM5 6.25v.5c0 .138.112.25.25.25h.5A.25.25 0 0 0 6 6.75v-.5A.25.25 0 0 0 5.75 6h-.5a.25.25 0 0 0-.25.25zM2.25 6a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 4 6.75v-.5A.25.25 0 0 0 3.75 6h-1.5zM2 10.25v.5c0 .138.112.25.25.25h.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-.5a.25.25 0 0 0-.25.25zM4.25 10a.25.25 0 0 0-.25.25v.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-.5a.25.25 0 0 0-.25-.25h-5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/keyboard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/keyboard.svg
new file mode 100644
index 00000000..996c1eba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/keyboard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-keyboard" viewBox="0 0 16 16">
+  <path d="M14 5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h12zM2 4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2z"/>
+  <path d="M13 10.25a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm0-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5 0A.25.25 0 0 1 8.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 8 8.75v-.5zm2 0a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-.5zm1 2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-5-2A.25.25 0 0 1 6.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 6 8.75v-.5zm-2 0A.25.25 0 0 1 4.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 4 8.75v-.5zm-2 0A.25.25 0 0 1 2.25 8h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 2 8.75v-.5zm11-2a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm-2 0A.25.25 0 0 1 9.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 9 6.75v-.5zm-2 0A.25.25 0 0 1 7.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 7 6.75v-.5zm-2 0A.25.25 0 0 1 5.25 6h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5A.25.25 0 0 1 5 6.75v-.5zm-3 0A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 6.75v-.5zm0 4a.25.25 0 0 1 .25-.25h.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-.5a.25.25 0 0 1-.25-.25v-.5zm2 0a.25.25 0 0 1 .25-.25h5.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25v-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ladder.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ladder.svg
new file mode 100644
index 00000000..fd9182ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ladder.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ladder" viewBox="0 0 16 16">
+  <path d="M4.5 1a.5.5 0 0 1 .5.5V2h6v-.5a.5.5 0 0 1 1 0v14a.5.5 0 0 1-1 0V15H5v.5a.5.5 0 0 1-1 0v-14a.5.5 0 0 1 .5-.5zM5 14h6v-2H5v2zm0-3h6V9H5v2zm0-3h6V6H5v2zm0-3h6V3H5v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lamp-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lamp-fill.svg
new file mode 100644
index 00000000..ff91f4ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lamp-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lamp-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.04.303A.5.5 0 0 1 5.5 0h5c.2 0 .38.12.46.303l3 7a.5.5 0 0 1-.363.687h-.002c-.15.03-.3.056-.45.081a32.731 32.731 0 0 1-4.645.425V13.5a.5.5 0 1 1-1 0V8.495a32.753 32.753 0 0 1-4.645-.425c-.15-.025-.3-.05-.45-.08h-.003a.5.5 0 0 1-.362-.688l3-7Z"/>
+  <path d="M6.493 12.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.052.075l-.001.004-.004.01V14l.002.008a.147.147 0 0 0 .016.033.62.62 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.62.62 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lamp.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lamp.svg
new file mode 100644
index 00000000..6c50a70c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lamp.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lamp" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.04.303A.5.5 0 0 1 5.5 0h5c.2 0 .38.12.46.303l3 7a.5.5 0 0 1-.363.687h-.002c-.15.03-.3.056-.45.081a32.731 32.731 0 0 1-4.645.425V13.5a.5.5 0 1 1-1 0V8.495a32.753 32.753 0 0 1-4.645-.425c-.15-.025-.3-.05-.45-.08h-.003a.5.5 0 0 1-.362-.688l3-7ZM3.21 7.116A31.27 31.27 0 0 0 8 7.5a31.27 31.27 0 0 0 4.791-.384L10.171 1H5.83L3.209 7.116Z"/>
+  <path d="M6.493 12.574a.5.5 0 0 1-.411.575c-.712.118-1.28.295-1.655.493a1.319 1.319 0 0 0-.37.265.301.301 0 0 0-.052.075l-.001.004-.004.01V14l.002.008a.147.147 0 0 0 .016.033.62.62 0 0 0 .145.15c.165.13.435.27.813.395.751.25 1.82.414 3.024.414s2.273-.163 3.024-.414c.378-.126.648-.265.813-.395a.62.62 0 0 0 .146-.15.148.148 0 0 0 .015-.033L12 14v-.004a.301.301 0 0 0-.057-.09 1.318 1.318 0 0 0-.37-.264c-.376-.198-.943-.375-1.655-.493a.5.5 0 1 1 .164-.986c.77.127 1.452.328 1.957.594C12.5 13 13 13.4 13 14c0 .426-.26.752-.544.977-.29.228-.68.413-1.116.558-.878.293-2.059.465-3.34.465-1.281 0-2.462-.172-3.34-.465-.436-.145-.826-.33-1.116-.558C3.26 14.752 3 14.426 3 14c0-.599.5-1 .961-1.243.505-.266 1.187-.467 1.957-.594a.5.5 0 0 1 .575.411Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/laptop-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/laptop-fill.svg
new file mode 100644
index 00000000..5b1755da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/laptop-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-laptop-fill" viewBox="0 0 16 16">
+  <path d="M2.5 2A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/laptop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/laptop.svg
new file mode 100644
index 00000000..0fc463de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/laptop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-laptop" viewBox="0 0 16 16">
+  <path d="M13.5 3a.5.5 0 0 1 .5.5V11H2V3.5a.5.5 0 0 1 .5-.5h11zm-11-1A1.5 1.5 0 0 0 1 3.5V12h14V3.5A1.5 1.5 0 0 0 13.5 2h-11zM0 12.5h16a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layer-backward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layer-backward.svg
new file mode 100644
index 00000000..073034ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layer-backward.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layer-backward" viewBox="0 0 16 16">
+  <path d="M8.354 15.854a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708l1-1a.5.5 0 0 1 .708 0l.646.647V4H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H9v7.793l.646-.647a.5.5 0 0 1 .708 0l1 1a.5.5 0 0 1 0 .708l-3 3z"/>
+  <path d="M1 9a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h4.5a.5.5 0 0 1 0 1H1v2h4.5a.5.5 0 0 1 0 1H1zm9.5 0a.5.5 0 0 1 0-1H15V6h-4.5a.5.5 0 0 1 0-1H15a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layer-forward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layer-forward.svg
new file mode 100644
index 00000000..ffc6e2aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layer-forward.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layer-forward" viewBox="0 0 16 16">
+  <path d="M8.354.146a.5.5 0 0 0-.708 0l-3 3a.5.5 0 0 0 0 .708l1 1a.5.5 0 0 0 .708 0L7 4.207V12H1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H9V4.207l.646.647a.5.5 0 0 0 .708 0l1-1a.5.5 0 0 0 0-.708l-3-3z"/>
+  <path d="M1 7a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h4.5a.5.5 0 0 0 0-1H1V8h4.5a.5.5 0 0 0 0-1H1zm9.5 0a.5.5 0 0 0 0 1H15v2h-4.5a.5.5 0 0 0 0 1H15a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layers-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layers-fill.svg
new file mode 100644
index 00000000..8af0b1cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layers-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layers-fill" viewBox="0 0 16 16">
+  <path d="M7.765 1.559a.5.5 0 0 1 .47 0l7.5 4a.5.5 0 0 1 0 .882l-7.5 4a.5.5 0 0 1-.47 0l-7.5-4a.5.5 0 0 1 0-.882l7.5-4z"/>
+  <path d="m2.125 8.567-1.86.992a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882l-1.86-.992-5.17 2.756a1.5 1.5 0 0 1-1.41 0l-5.17-2.756z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layers-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layers-half.svg
new file mode 100644
index 00000000..a054e25a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layers-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layers-half" viewBox="0 0 16 16">
+  <path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layers.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layers.svg
new file mode 100644
index 00000000..ac2f5b29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layers.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layers" viewBox="0 0 16 16">
+  <path d="M8.235 1.559a.5.5 0 0 0-.47 0l-7.5 4a.5.5 0 0 0 0 .882L3.188 8 .264 9.559a.5.5 0 0 0 0 .882l7.5 4a.5.5 0 0 0 .47 0l7.5-4a.5.5 0 0 0 0-.882L12.813 8l2.922-1.559a.5.5 0 0 0 0-.882l-7.5-4zm3.515 7.008L14.438 10 8 13.433 1.562 10 4.25 8.567l3.515 1.874a.5.5 0 0 0 .47 0l3.515-1.874zM8 9.433 1.562 6 8 2.567 14.438 6 8 9.433z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset-reverse.svg
new file mode 100644
index 00000000..5b6f3246
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset-reverse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-sidebar-inset-reverse" viewBox="0 0 16 16">
+  <path d="M2 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2zm12-1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12z"/>
+  <path d="M13 4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset.svg
new file mode 100644
index 00000000..8dc0243e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-inset.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-sidebar-inset" viewBox="0 0 16 16">
+  <path d="M14 2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12zM2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2z"/>
+  <path d="M3 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-reverse.svg
new file mode 100644
index 00000000..8ab95090
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar-reverse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-sidebar-reverse" viewBox="0 0 16 16">
+  <path d="M16 3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3zm-5-1v12H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h9zm1 0h2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-2V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar.svg
new file mode 100644
index 00000000..1cfc86e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-sidebar.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-sidebar" viewBox="0 0 16 16">
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3zm5-1v12h9a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H5zM4 2H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-split.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-split.svg
new file mode 100644
index 00000000..71f33d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-split.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-split" viewBox="0 0 16 16">
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3zm8.5-1v12H14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H8.5zm-1 0H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.5V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar-reverse.svg
new file mode 100644
index 00000000..46252d57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar-reverse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-text-sidebar-reverse" viewBox="0 0 16 16">
+  <path d="M12.5 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5zm0 3a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5zm.5 3.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z"/>
+  <path d="M16 2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2zM4 1v14H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h2zm1 0h9a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5V1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar.svg
new file mode 100644
index 00000000..5effada2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-sidebar.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-text-sidebar" viewBox="0 0 16 16">
+  <path d="M3.5 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM3 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm12-1v14h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zm-1 0H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h9V1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window-reverse.svg
new file mode 100644
index 00000000..fb348409
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window-reverse.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-text-window-reverse" viewBox="0 0 16 16">
+  <path d="M13 6.5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm0 3a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 .5-.5zm-.5 2.5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5z"/>
+  <path d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12zM2 1a1 1 0 0 0-1 1v1h14V2a1 1 0 0 0-1-1H2zM1 4v10a1 1 0 0 0 1 1h2V4H1zm4 0v11h9a1 1 0 0 0 1-1V4H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window.svg
new file mode 100644
index 00000000..0aef1107
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-text-window.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-text-window" viewBox="0 0 16 16">
+  <path d="M3 6.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v1H1V2a1 1 0 0 1 1-1h12zm1 3v10a1 1 0 0 1-1 1h-2V4h3zm-4 0v11H2a1 1 0 0 1-1-1V4h10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-three-columns.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-three-columns.svg
new file mode 100644
index 00000000..6d358d6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-three-columns.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-three-columns" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 14.5v-13zM1.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5H5V1H1.5zM10 15V1H6v14h4zm1 0h3.5a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H11v14z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/layout-wtf.svg b/apps/phoenix_webcomponent/priv/bsi/svg/layout-wtf.svg
new file mode 100644
index 00000000..b603f8f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/layout-wtf.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-layout-wtf" viewBox="0 0 16 16">
+  <path d="M5 1v8H1V1h4zM1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H1zm13 2v5H9V2h5zM9 1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9zM5 13v2H3v-2h2zm-2-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H3zm12-1v2H9v-2h6zm-6-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/life-preserver.svg b/apps/phoenix_webcomponent/priv/bsi/svg/life-preserver.svg
new file mode 100644
index 00000000..6466ea24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/life-preserver.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-life-preserver" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm6.43-5.228a7.025 7.025 0 0 1-3.658 3.658l-1.115-2.788a4.015 4.015 0 0 0 1.985-1.985l2.788 1.115zM5.228 14.43a7.025 7.025 0 0 1-3.658-3.658l2.788-1.115a4.015 4.015 0 0 0 1.985 1.985L5.228 14.43zm9.202-9.202-2.788 1.115a4.015 4.015 0 0 0-1.985-1.985l1.115-2.788a7.025 7.025 0 0 1 3.658 3.658zm-8.087-.87a4.015 4.015 0 0 0-1.985 1.985L1.57 5.228A7.025 7.025 0 0 1 5.228 1.57l1.115 2.788zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-fill.svg
new file mode 100644
index 00000000..99039504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-fill" viewBox="0 0 16 16">
+  <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm3 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off-fill.svg
new file mode 100644
index 00000000..7d9600e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-off-fill" viewBox="0 0 16 16">
+  <path d="M2 6c0-.572.08-1.125.23-1.65l8.558 8.559A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm10.303 4.181L3.818 1.697a6 6 0 0 1 8.484 8.484zM5 14.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1-.5-.5zM2.354 1.646a.5.5 0 1 0-.708.708l12 12a.5.5 0 0 0 .708-.708l-12-12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off.svg
new file mode 100644
index 00000000..5675e9c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb-off" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.23 4.35A6.004 6.004 0 0 0 2 6c0 1.691.7 3.22 1.826 4.31.203.196.359.4.453.619l.762 1.769A.5.5 0 0 0 5.5 13a.5.5 0 0 0 0 1 .5.5 0 0 0 0 1l.224.447a1 1 0 0 0 .894.553h2.764a1 1 0 0 0 .894-.553L10.5 15a.5.5 0 0 0 0-1 .5.5 0 0 0 0-1 .5.5 0 0 0 .288-.091L9.878 12H5.83l-.632-1.467a2.954 2.954 0 0 0-.676-.941 4.984 4.984 0 0 1-1.455-4.405l-.837-.836zm1.588-2.653.708.707a5 5 0 0 1 7.07 7.07l.707.707a6 6 0 0 0-8.484-8.484zm-2.172-.051a.5.5 0 0 1 .708 0l12 12a.5.5 0 0 1-.708.708l-12-12a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb.svg
new file mode 100644
index 00000000..c13f6278
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightbulb.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightbulb" viewBox="0 0 16 16">
+  <path d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge-fill.svg
new file mode 100644
index 00000000..5e197fb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning-charge-fill" viewBox="0 0 16 16">
+  <path d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge.svg
new file mode 100644
index 00000000..8a97432e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-charge.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning-charge" viewBox="0 0 16 16">
+  <path d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09zM4.157 8.5H7a.5.5 0 0 1 .478.647L6.11 13.59l5.732-6.09H9a.5.5 0 0 1-.478-.647L9.89 2.41 4.157 8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightning-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-fill.svg
new file mode 100644
index 00000000..4d05a2b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightning-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning-fill" viewBox="0 0 16 16">
+  <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lightning.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lightning.svg
new file mode 100644
index 00000000..87370608
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lightning.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning" viewBox="0 0 16 16">
+  <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1H6.374z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/line.svg b/apps/phoenix_webcomponent/priv/bsi/svg/line.svg
new file mode 100644
index 00000000..bedc051b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/line.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-line" viewBox="0 0 16 16">
+  <path d="M8 0c4.411 0 8 2.912 8 6.492 0 1.433-.555 2.723-1.715 3.994-1.678 1.932-5.431 4.285-6.285 4.645-.83.35-.734-.197-.696-.413l.003-.018.114-.685c.027-.204.055-.521-.026-.723-.09-.223-.444-.339-.704-.395C2.846 12.39 0 9.701 0 6.492 0 2.912 3.59 0 8 0ZM5.022 7.686H3.497V4.918a.156.156 0 0 0-.155-.156H2.78a.156.156 0 0 0-.156.156v3.486c0 .041.017.08.044.107v.001l.002.002.002.002a.154.154 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157Zm.791-2.924a.156.156 0 0 0-.156.156v3.486c0 .086.07.155.156.155h.562c.086 0 .155-.07.155-.155V4.918a.156.156 0 0 0-.155-.156h-.562Zm3.863 0a.156.156 0 0 0-.156.156v2.07L7.923 4.832a.17.17 0 0 0-.013-.015v-.001a.139.139 0 0 0-.01-.01l-.003-.003a.092.092 0 0 0-.011-.009h-.001L7.88 4.79l-.003-.002a.029.029 0 0 0-.005-.003l-.008-.005h-.002l-.003-.002-.01-.004-.004-.002a.093.093 0 0 0-.01-.003h-.002l-.003-.001-.009-.002h-.006l-.003-.001h-.004l-.002-.001h-.574a.156.156 0 0 0-.156.155v3.486c0 .086.07.155.156.155h.56c.087 0 .157-.07.157-.155v-2.07l1.6 2.16a.154.154 0 0 0 .039.038l.001.001.01.006.004.002a.066.066 0 0 0 .008.004l.007.003.005.002a.168.168 0 0 0 .01.003h.003a.155.155 0 0 0 .04.006h.56c.087 0 .157-.07.157-.155V4.918a.156.156 0 0 0-.156-.156h-.561Zm3.815.717v-.56a.156.156 0 0 0-.155-.157h-2.242a.155.155 0 0 0-.108.044h-.001l-.001.002-.002.003a.155.155 0 0 0-.044.107v3.486c0 .041.017.08.044.107l.002.003.002.002a.155.155 0 0 0 .108.043h2.242c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156v-.56a.156.156 0 0 0-.155-.157H11.81v-.589h1.525c.086 0 .155-.07.155-.156Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/link-45deg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/link-45deg.svg
new file mode 100644
index 00000000..127956a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/link-45deg.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
+  <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/>
+  <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/link.svg b/apps/phoenix_webcomponent/priv/bsi/svg/link.svg
new file mode 100644
index 00000000..df35bc8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/link.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link" viewBox="0 0 16 16">
+  <path d="M6.354 5.5H4a3 3 0 0 0 0 6h3a3 3 0 0 0 2.83-4H9c-.086 0-.17.01-.25.031A2 2 0 0 1 7 10.5H4a2 2 0 1 1 0-4h1.535c.218-.376.495-.714.82-1z"/>
+  <path d="M9 5.5a3 3 0 0 0-2.83 4h1.098A2 2 0 0 1 9 6.5h3a2 2 0 1 1 0 4h-1.535a4.02 4.02 0 0 1-.82 1H12a3 3 0 1 0 0-6H9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/linkedin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/linkedin.svg
new file mode 100644
index 00000000..4c4efe59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/linkedin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
+  <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-check.svg
new file mode 100644
index 00000000..34dd4206
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-check.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-columns-reverse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-columns-reverse.svg
new file mode 100644
index 00000000..2cb50786
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-columns-reverse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-columns-reverse" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 .5Zm4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10A.5.5 0 0 1 4 .5Zm-4 2A.5.5 0 0 1 .5 2h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 4h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm-4 2A.5.5 0 0 1 .5 8h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-columns.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-columns.svg
new file mode 100644
index 00000000..d04a30f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-columns.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-columns" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 0 .5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 2h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 4h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 6h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2A.5.5 0 0 1 .5 8h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-13 2a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-nested.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-nested.svg
new file mode 100644
index 00000000..21c9a7d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-nested.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-nested" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-ol.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-ol.svg
new file mode 100644
index 00000000..5782568d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-ol.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ol" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+  <path d="M1.713 11.865v-.474H2c.217 0 .363-.137.363-.317 0-.185-.158-.31-.361-.31-.223 0-.367.152-.373.31h-.59c.016-.467.373-.787.986-.787.588-.002.954.291.957.703a.595.595 0 0 1-.492.594v.033a.615.615 0 0 1 .569.631c.003.533-.502.8-1.051.8-.656 0-1-.37-1.008-.794h.582c.008.178.186.306.422.309.254 0 .424-.145.422-.35-.002-.195-.155-.348-.414-.348h-.3zm-.004-4.699h-.604v-.035c0-.408.295-.844.958-.844.583 0 .96.326.96.756 0 .389-.257.617-.476.848l-.537.572v.03h1.054V9H1.143v-.395l.957-.99c.138-.142.293-.304.293-.508 0-.18-.147-.32-.342-.32a.33.33 0 0 0-.342.338v.041zM2.564 5h-.635V2.924h-.031l-.598.42v-.567l.629-.443h.635V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-stars.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-stars.svg
new file mode 100644
index 00000000..88dce521
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-stars.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-stars" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5z"/>
+  <path d="M2.242 2.194a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.277.277 0 0 0-.094.3l.173.569c.078.256-.213.462-.423.3l-.417-.324a.267.267 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271 0 0 0 .259-.194l.162-.53zm0 4a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.277.277 0 0 0-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271 0 0 0 .259-.194l.162-.53zm0 4a.27.27 0 0 1 .516 0l.162.53c.035.115.14.194.258.194h.551c.259 0 .37.333.164.493l-.468.363a.277.277 0 0 0-.094.3l.173.569c.078.255-.213.462-.423.3l-.417-.324a.267.267 0 0 0-.328 0l-.417.323c-.21.163-.5-.043-.423-.299l.173-.57a.277.277 0 0 0-.094-.299l-.468-.363c-.206-.16-.095-.493.164-.493h.55a.271.271 0 0 0 .259-.194l.162-.53z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-task.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-task.svg
new file mode 100644
index 00000000..81181905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-task.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-task" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 2.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V3a.5.5 0 0 0-.5-.5H2zM3 3H2v1h1V3z"/>
+  <path d="M5 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM5.5 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 4a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9z"/>
+  <path fill-rule="evenodd" d="M1.5 7a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5V7zM2 7h1v1H2V7zm0 3.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2zm1 .5H2v1h1v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list-ul.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list-ul.svg
new file mode 100644
index 00000000..217d1539
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list-ul.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-ul" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/list.svg b/apps/phoenix_webcomponent/priv/bsi/svg/list.svg
new file mode 100644
index 00000000..e039056e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/list.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lock-fill.svg
new file mode 100644
index 00000000..9fb8f7b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lock-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock-fill" viewBox="0 0 16 16">
+  <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lock.svg
new file mode 100644
index 00000000..b50a68ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lock" viewBox="0 0 16 16">
+  <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lungs-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lungs-fill.svg
new file mode 100644
index 00000000..a3b555d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lungs-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lungs-fill" viewBox="0 0 16 16">
+  <path d="M8 1a.5.5 0 0 1 .5.5v5.243L9 7.1V4.72C9 3.77 9.77 3 10.72 3c.524 0 1.023.27 1.443.592.431.332.847.773 1.216 1.229.736.908 1.347 1.946 1.58 2.48.176.405.393 1.16.556 2.011.165.857.283 1.857.24 2.759-.04.867-.232 1.79-.837 2.33-.67.6-1.622.556-2.741-.004l-1.795-.897A2.5 2.5 0 0 1 9 11.264V8.329l-1-.715-1 .715V7.214c-.1 0-.202.03-.29.093l-2.5 1.786a.5.5 0 1 0 .58.814L7 8.329v2.935A2.5 2.5 0 0 1 5.618 13.5l-1.795.897c-1.12.56-2.07.603-2.741.004-.605-.54-.798-1.463-.838-2.33-.042-.902.076-1.902.24-2.759.164-.852.38-1.606.558-2.012.232-.533.843-1.571 1.579-2.479.37-.456.785-.897 1.216-1.229C4.257 3.27 4.756 3 5.28 3 6.23 3 7 3.77 7 4.72V7.1l.5-.357V1.5A.5.5 0 0 1 8 1Zm3.21 8.907a.5.5 0 1 0 .58-.814l-2.5-1.786A.498.498 0 0 0 9 7.214V8.33l2.21 1.578Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/lungs.svg b/apps/phoenix_webcomponent/priv/bsi/svg/lungs.svg
new file mode 100644
index 00000000..53708525
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/lungs.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lungs" viewBox="0 0 16 16">
+  <path d="M8.5 1.5a.5.5 0 1 0-1 0v5.243L7 7.1V4.72C7 3.77 6.23 3 5.28 3c-.524 0-1.023.27-1.443.592-.431.332-.847.773-1.216 1.229-.736.908-1.347 1.946-1.58 2.48-.176.405-.393 1.16-.556 2.011-.165.857-.283 1.857-.241 2.759.04.867.233 1.79.838 2.33.67.6 1.622.556 2.741-.004l1.795-.897A2.5 2.5 0 0 0 7 11.264V10.5a.5.5 0 0 0-1 0v.764a1.5 1.5 0 0 1-.83 1.342l-1.794.897c-.978.489-1.415.343-1.628.152-.28-.25-.467-.801-.505-1.63-.037-.795.068-1.71.224-2.525.157-.82.357-1.491.491-1.8.19-.438.75-1.4 1.44-2.25.342-.422.703-.799 1.049-1.065.358-.276.639-.385.833-.385a.72.72 0 0 1 .72.72v3.094l-1.79 1.28a.5.5 0 0 0 .58.813L8 7.614l3.21 2.293a.5.5 0 1 0 .58-.814L10 7.814V4.72a.72.72 0 0 1 .72-.72c.194 0 .475.11.833.385.346.266.706.643 1.05 1.066.688.85 1.248 1.811 1.439 2.249.134.309.334.98.491 1.8.156.814.26 1.73.224 2.525-.038.829-.224 1.38-.505 1.63-.213.19-.65.337-1.628-.152l-1.795-.897A1.5 1.5 0 0 1 10 11.264V10.5a.5.5 0 0 0-1 0v.764a2.5 2.5 0 0 0 1.382 2.236l1.795.897c1.12.56 2.07.603 2.741.004.605-.54.798-1.463.838-2.33.042-.902-.076-1.902-.24-2.759-.164-.852-.38-1.606-.558-2.012-.232-.533-.843-1.571-1.579-2.479-.37-.456-.785-.897-1.216-1.229C11.743 3.27 11.244 3 10.72 3 9.77 3 9 3.77 9 4.72V7.1l-.5-.357V1.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/magic.svg b/apps/phoenix_webcomponent/priv/bsi/svg/magic.svg
new file mode 100644
index 00000000..3df2ec0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/magic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-magic" viewBox="0 0 16 16">
+  <path d="M9.5 2.672a.5.5 0 1 0 1 0V.843a.5.5 0 0 0-1 0v1.829Zm4.5.035A.5.5 0 0 0 13.293 2L12 3.293a.5.5 0 1 0 .707.707L14 2.707ZM7.293 4A.5.5 0 1 0 8 3.293L6.707 2A.5.5 0 0 0 6 2.707L7.293 4Zm-.621 2.5a.5.5 0 1 0 0-1H4.843a.5.5 0 1 0 0 1h1.829Zm8.485 0a.5.5 0 1 0 0-1h-1.829a.5.5 0 0 0 0 1h1.829ZM13.293 10A.5.5 0 1 0 14 9.293L12.707 8a.5.5 0 1 0-.707.707L13.293 10ZM9.5 11.157a.5.5 0 0 0 1 0V9.328a.5.5 0 0 0-1 0v1.829Zm1.854-5.097a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L8.646 5.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0l1.293-1.293Zm-3 3a.5.5 0 0 0 0-.706l-.708-.708a.5.5 0 0 0-.707 0L.646 13.94a.5.5 0 0 0 0 .707l.708.708a.5.5 0 0 0 .707 0L8.354 9.06Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/magnet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/magnet-fill.svg
new file mode 100644
index 00000000..9ca18652
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/magnet-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-magnet-fill" viewBox="0 0 16 16">
+  <path d="M15 12h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/magnet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/magnet.svg
new file mode 100644
index 00000000..aab17635
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/magnet.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-magnet" viewBox="0 0 16 16">
+  <path d="M8 1a7 7 0 0 0-7 7v3h4V8a3 3 0 0 1 6 0v3h4V8a7 7 0 0 0-7-7Zm7 11h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mailbox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mailbox.svg
new file mode 100644
index 00000000..e2ac2f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mailbox.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mailbox" viewBox="0 0 16 16">
+  <path d="M4 4a3 3 0 0 0-3 3v6h6V7a3 3 0 0 0-3-3zm0-1h8a4 4 0 0 1 4 4v6a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V7a4 4 0 0 1 4-4zm2.646 1A3.99 3.99 0 0 1 8 7v6h7V7a3 3 0 0 0-3-3H6.646z"/>
+  <path d="M11.793 8.5H9v-1h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.354-.146l-.853-.854zM5 7c0 .552-.448 0-1 0s-1 .552-1 0a1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mailbox2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mailbox2.svg
new file mode 100644
index 00000000..60a523bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mailbox2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mailbox2" viewBox="0 0 16 16">
+  <path d="M9 8.5h2.793l.853.854A.5.5 0 0 0 13 9.5h1a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5H9v1z"/>
+  <path d="M12 3H4a4 4 0 0 0-4 4v6a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a4 4 0 0 0-4-4zM8 7a3.99 3.99 0 0 0-1.354-3H12a3 3 0 0 1 3 3v6H8V7zm-3.415.157C4.42 7.087 4.218 7 4 7c-.218 0-.42.086-.585.157C3.164 7.264 3 7.334 3 7a1 1 0 0 1 2 0c0 .334-.164.264-.415.157z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/map-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/map-fill.svg
new file mode 100644
index 00000000..6097c5f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/map-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-map-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.598-.49L10.5.99 5.598.01a.5.5 0 0 0-.196 0l-5 1A.5.5 0 0 0 0 1.5v14a.5.5 0 0 0 .598.49l4.902-.98 4.902.98a.502.502 0 0 0 .196 0l5-1A.5.5 0 0 0 16 14.5V.5zM5 14.09V1.11l.5-.1.5.1v12.98l-.402-.08a.498.498 0 0 0-.196 0L5 14.09zm5 .8V1.91l.402.08a.5.5 0 0 0 .196 0L11 1.91v12.98l-.5.1-.5-.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/map.svg b/apps/phoenix_webcomponent/priv/bsi/svg/map.svg
new file mode 100644
index 00000000..f9dbb084
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/map.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-map" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103zM10 1.91l-4-.8v12.98l4 .8V1.91zm1 12.98 4-.8V1.11l-4 .8v12.98zm-6-.8V1.11l-4 .8v12.98l4-.8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/markdown-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/markdown-fill.svg
new file mode 100644
index 00000000..b87e236c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/markdown-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-markdown-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm11.5 1a.5.5 0 0 0-.5.5v3.793L9.854 8.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 0 0 .708 0l2-2a.5.5 0 0 0-.708-.708L12 9.293V5.5a.5.5 0 0 0-.5-.5zM3.56 7.01h.056l1.428 3.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H2.5V11h1.06V7.01z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/markdown.svg b/apps/phoenix_webcomponent/priv/bsi/svg/markdown.svg
new file mode 100644
index 00000000..f9933a60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/markdown.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-markdown" viewBox="0 0 16 16">
+  <path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z"/>
+  <path fill-rule="evenodd" d="M9.146 8.146a.5.5 0 0 1 .708 0L11.5 9.793l1.646-1.647a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 0-.708z"/>
+  <path fill-rule="evenodd" d="M11.5 5a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 1 .5-.5z"/>
+  <path d="M3.56 11V7.01h.056l1.428 3.239h.774l1.42-3.24h.056V11h1.073V5.001h-1.2l-1.71 3.894h-.039l-1.71-3.894H2.5V11h1.06z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mask.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mask.svg
new file mode 100644
index 00000000..3bfe141c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mask.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mask" viewBox="0 0 16 16">
+  <path d="M6.225 1.227A7.5 7.5 0 0 1 10.5 8a7.5 7.5 0 0 1-4.275 6.773 7 7 0 1 0 0-13.546zM4.187.966a8 8 0 1 1 7.627 14.069A8 8 0 0 1 4.186.964z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mastodon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mastodon.svg
new file mode 100644
index 00000000..23b34f5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mastodon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mastodon" viewBox="0 0 16 16">
+  <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/medium.svg b/apps/phoenix_webcomponent/priv/bsi/svg/medium.svg
new file mode 100644
index 00000000..cc468765
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/medium.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-medium" viewBox="0 0 16 16">
+  <path d="M9.025 8c0 2.485-2.02 4.5-4.513 4.5A4.506 4.506 0 0 1 0 8c0-2.486 2.02-4.5 4.512-4.5A4.506 4.506 0 0 1 9.025 8zm4.95 0c0 2.34-1.01 4.236-2.256 4.236-1.246 0-2.256-1.897-2.256-4.236 0-2.34 1.01-4.236 2.256-4.236 1.246 0 2.256 1.897 2.256 4.236zM16 8c0 2.096-.355 3.795-.794 3.795-.438 0-.793-1.7-.793-3.795 0-2.096.355-3.795.794-3.795.438 0 .793 1.699.793 3.795z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/megaphone-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/megaphone-fill.svg
new file mode 100644
index 00000000..237e8146
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/megaphone-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-megaphone-fill" viewBox="0 0 16 16">
+  <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-11zm-1 .724c-2.067.95-4.539 1.481-7 1.656v6.237a25.222 25.222 0 0 1 1.088.085c2.053.204 4.038.668 5.912 1.56V3.224zm-8 7.841V4.934c-.68.027-1.399.043-2.008.053A2.02 2.02 0 0 0 0 7v2c0 1.106.896 1.996 1.994 2.009a68.14 68.14 0 0 1 .496.008 64 64 0 0 1 1.51.048zm1.39 1.081c.285.021.569.047.85.078l.253 1.69a1 1 0 0 1-.983 1.187h-.548a1 1 0 0 1-.916-.599l-1.314-2.48a65.81 65.81 0 0 1 1.692.064c.327.017.65.037.966.06z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/megaphone.svg b/apps/phoenix_webcomponent/priv/bsi/svg/megaphone.svg
new file mode 100644
index 00000000..834083c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/megaphone.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-megaphone" viewBox="0 0 16 16">
+  <path d="M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/memory.svg b/apps/phoenix_webcomponent/priv/bsi/svg/memory.svg
new file mode 100644
index 00000000..cdc2943f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/memory.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-memory" viewBox="0 0 16 16">
+  <path d="M1 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.586a1 1 0 0 0 .707-.293l.353-.353a.5.5 0 0 1 .708 0l.353.353a1 1 0 0 0 .707.293H15a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H1Zm.5 1h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm5 0h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5Zm4.5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-4ZM2 10v2H1v-2h1Zm2 0v2H3v-2h1Zm2 0v2H5v-2h1Zm3 0v2H8v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Zm2 0v2h-1v-2h1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-app-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-app-fill.svg
new file mode 100644
index 00000000..c41c6fbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-app-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-app-fill" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h2A1.5 1.5 0 0 1 5 1.5v2A1.5 1.5 0 0 1 3.5 5h-2A1.5 1.5 0 0 1 0 3.5v-2zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-app.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-app.svg
new file mode 100644
index 00000000..36e57dfa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-app.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-app" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h2A1.5 1.5 0 0 1 5 1.5v2A1.5 1.5 0 0 1 3.5 5h-2A1.5 1.5 0 0 1 0 3.5v-2zM1.5 1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-fill.svg
new file mode 100644
index 00000000..034b64d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-button-fill" viewBox="0 0 16 16">
+  <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v2A1.5 1.5 0 0 0 1.5 5h8A1.5 1.5 0 0 0 11 3.5v-2A1.5 1.5 0 0 0 9.5 0h-8zm5.927 2.427A.25.25 0 0 1 7.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0l-.396-.396zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide-fill.svg
new file mode 100644
index 00000000..d6e17da0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-button-wide-fill" viewBox="0 0 16 16">
+  <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v2A1.5 1.5 0 0 0 1.5 5h13A1.5 1.5 0 0 0 16 3.5v-2A1.5 1.5 0 0 0 14.5 0h-13zm1 2h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1zm9.927.427A.25.25 0 0 1 12.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0l-.396-.396zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide.svg
new file mode 100644
index 00000000..d67ba6a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button-wide.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-button-wide" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h13A1.5 1.5 0 0 1 16 1.5v2A1.5 1.5 0 0 1 14.5 5h-13A1.5 1.5 0 0 1 0 3.5v-2zM1.5 1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-13z"/>
+  <path d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm10.823.323-.396-.396A.25.25 0 0 1 12.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-button.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button.svg
new file mode 100644
index 00000000..4e0fff93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-button.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-button" viewBox="0 0 16 16">
+  <path d="M0 1.5A1.5 1.5 0 0 1 1.5 0h8A1.5 1.5 0 0 1 11 1.5v2A1.5 1.5 0 0 1 9.5 5h-8A1.5 1.5 0 0 1 0 3.5v-2zM1.5 1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-8z"/>
+  <path d="m7.823 2.823-.396-.396A.25.25 0 0 1 7.604 2h.792a.25.25 0 0 1 .177.427l-.396.396a.25.25 0 0 1-.354 0zM0 8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8zm1 3v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2H1zm14-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2h14zM2 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-down.svg
new file mode 100644
index 00000000..b2d84b24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-down" viewBox="0 0 16 16">
+  <path d="M7.646.146a.5.5 0 0 1 .708 0L10.207 2H14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.793L7.646.146zM1 7v3h14V7H1zm14-1V4a1 1 0 0 0-1-1h-3.793a1 1 0 0 1-.707-.293L8 1.207l-1.5 1.5A1 1 0 0 1 5.793 3H2a1 1 0 0 0-1 1v2h14zm0 5H1v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2zM2 4.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0 4a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/menu-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/menu-up.svg
new file mode 100644
index 00000000..fb35e8db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/menu-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-menu-up" viewBox="0 0 16 16">
+  <path d="M7.646 15.854a.5.5 0 0 0 .708 0L10.207 14H14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3.793l1.853 1.854zM1 9V6h14v3H1zm14 1v2a1 1 0 0 1-1 1h-3.793a1 1 0 0 0-.707.293l-1.5 1.5-1.5-1.5A1 1 0 0 0 5.793 13H2a1 1 0 0 1-1-1v-2h14zm0-5H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2zM2 11.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 0-1h-8a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 0-1h-11a.5.5 0 0 0-.5.5zm0-4a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 0-1h-6a.5.5 0 0 0-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/messenger.svg b/apps/phoenix_webcomponent/priv/bsi/svg/messenger.svg
new file mode 100644
index 00000000..5c6d37d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/messenger.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-messenger" viewBox="0 0 16 16">
+  <path d="M0 7.76C0 3.301 3.493 0 8 0s8 3.301 8 7.76-3.493 7.76-8 7.76c-.81 0-1.586-.107-2.316-.307a.639.639 0 0 0-.427.03l-1.588.702a.64.64 0 0 1-.898-.566l-.044-1.423a.639.639 0 0 0-.215-.456C.956 12.108 0 10.092 0 7.76zm5.546-1.459-2.35 3.728c-.225.358.214.761.551.506l2.525-1.916a.48.48 0 0 1 .578-.002l1.869 1.402a1.2 1.2 0 0 0 1.735-.32l2.35-3.728c.226-.358-.214-.761-.551-.506L9.728 7.381a.48.48 0 0 1-.578.002L7.281 5.98a1.2 1.2 0 0 0-1.735.32z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/meta.svg b/apps/phoenix_webcomponent/priv/bsi/svg/meta.svg
new file mode 100644
index 00000000..2c6885d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/meta.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-meta" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.217 5.243C9.145 3.988 10.171 3 11.483 3 13.96 3 16 6.153 16.001 9.907c0 2.29-.986 3.725-2.757 3.725-1.543 0-2.395-.866-3.924-3.424l-.667-1.123-.118-.197a54.944 54.944 0 0 0-.53-.877l-1.178 2.08c-1.673 2.925-2.615 3.541-3.923 3.541C1.086 13.632 0 12.217 0 9.973 0 6.388 1.995 3 4.598 3c.319 0 .625.039.924.122.31.086.611.22.913.407.577.359 1.154.915 1.782 1.714Zm1.516 2.224c-.252-.41-.494-.787-.727-1.133L9 6.326c.845-1.305 1.543-1.954 2.372-1.954 1.723 0 3.102 2.537 3.102 5.653 0 1.188-.39 1.877-1.195 1.877-.773 0-1.142-.51-2.61-2.87l-.937-1.565ZM4.846 4.756c.725.1 1.385.634 2.34 2.001A212.13 212.13 0 0 0 5.551 9.3c-1.357 2.126-1.826 2.603-2.581 2.603-.777 0-1.24-.682-1.24-1.9 0-2.602 1.298-5.264 2.846-5.264.091 0 .181.006.27.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mic-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mic-fill.svg
new file mode 100644
index 00000000..9be58e9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mic-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-fill" viewBox="0 0 16 16">
+  <path d="M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z"/>
+  <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute-fill.svg
new file mode 100644
index 00000000..cc325a0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-mute-fill" viewBox="0 0 16 16">
+  <path d="M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879L5.158 2.037A3.001 3.001 0 0 1 11 3z"/>
+  <path d="M9.486 10.607 5 6.12V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute.svg
new file mode 100644
index 00000000..5a520a12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mic-mute.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic-mute" viewBox="0 0 16 16">
+  <path d="M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879l-1-1V3a2 2 0 0 0-3.997-.118l-.845-.845A3.001 3.001 0 0 1 11 3z"/>
+  <path d="m9.486 10.607-.748-.748A2 2 0 0 1 6 8v-.878l-1-1V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mic.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mic.svg
new file mode 100644
index 00000000..57be2e56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mic.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mic" viewBox="0 0 16 16">
+  <path d="M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z"/>
+  <path d="M10 8a2 2 0 1 1-4 0V3a2 2 0 1 1 4 0v5zM8 0a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V3a3 3 0 0 0-3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/microsoft-teams.svg b/apps/phoenix_webcomponent/priv/bsi/svg/microsoft-teams.svg
new file mode 100644
index 00000000..e0cc253e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/microsoft-teams.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-microsoft-teams" viewBox="0 0 16 16">
+  <path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682v.766Zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0Zm-2.238 9.488c-.04 0-.08 0-.12-.002a5.19 5.19 0 0 0 .381-2.07V6.306a1.692 1.692 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.598 2.598 0 0 1-2.598 2.598h-.013Z"/>
+  <path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.682.682 0 0 1-.682.682H.682A.682.682 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945h1.363Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/microsoft.svg b/apps/phoenix_webcomponent/priv/bsi/svg/microsoft.svg
new file mode 100644
index 00000000..d28281f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/microsoft.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-microsoft" viewBox="0 0 16 16">
+  <path d="M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/minecart-loaded.svg b/apps/phoenix_webcomponent/priv/bsi/svg/minecart-loaded.svg
new file mode 100644
index 00000000..8a754571
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/minecart-loaded.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-minecart-loaded" viewBox="0 0 16 16">
+  <path d="M4 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8-1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82 1.313 7h11.17l1.313-7H1.102z"/>
+  <path fill-rule="evenodd" d="M6 1a2.498 2.498 0 0 1 4 0c.818 0 1.545.394 2 1 .67 0 1.552.57 2 1h-2c-.314 0-.611-.15-.8-.4-.274-.365-.71-.6-1.2-.6-.314 0-.611-.15-.8-.4a1.497 1.497 0 0 0-2.4 0c-.189.25-.486.4-.8.4-.507 0-.955.251-1.228.638-.09.13-.194.25-.308.362H3c.13-.147.401-.432.562-.545a1.63 1.63 0 0 0 .393-.393A2.498 2.498 0 0 1 6 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/minecart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/minecart.svg
new file mode 100644
index 00000000..7f3ad000
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/minecart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-minecart" viewBox="0 0 16 16">
+  <path d="M4 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm8-1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM.115 3.18A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 14 12H2a.5.5 0 0 1-.491-.408l-1.5-8a.5.5 0 0 1 .106-.411zm.987.82 1.313 7h11.17l1.313-7H1.102z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/modem-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/modem-fill.svg
new file mode 100644
index 00000000..1fe97bef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/modem-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-modem-fill" viewBox="0 0 16 16">
+  <path d="M7 0a1.5 1.5 0 0 0-1.5 1.5v11a1.5 1.5 0 0 0 1.404 1.497c-.35.305-.872.678-1.628 1.056A.5.5 0 0 0 5.5 16h5a.5.5 0 0 0 .224-.947c-.756-.378-1.278-.75-1.628-1.056A1.5 1.5 0 0 0 10.5 12.5v-11A1.5 1.5 0 0 0 9 0H7Zm1 3a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm0 2a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm.5 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 9a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/modem.svg b/apps/phoenix_webcomponent/priv/bsi/svg/modem.svg
new file mode 100644
index 00000000..873090dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/modem.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-modem" viewBox="0 0 16 16">
+  <path d="M5.5 1.5A1.5 1.5 0 0 1 7 0h2a1.5 1.5 0 0 1 1.5 1.5v11a1.5 1.5 0 0 1-1.404 1.497c.35.305.872.678 1.628 1.056A.5.5 0 0 1 10.5 16h-5a.5.5 0 0 1-.224-.947c.756-.378 1.277-.75 1.628-1.056A1.5 1.5 0 0 1 5.5 12.5v-11ZM7 1a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-11A.5.5 0 0 0 9 1H7Z"/>
+  <path d="M8.5 2.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/moisture.svg b/apps/phoenix_webcomponent/priv/bsi/svg/moisture.svg
new file mode 100644
index 00000000..732f4ac2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/moisture.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moisture" viewBox="0 0 16 16">
+  <path d="M13.5 0a.5.5 0 0 0 0 1H15v2.75h-.5a.5.5 0 0 0 0 1h.5V7.5h-1.5a.5.5 0 0 0 0 1H15v2.75h-.5a.5.5 0 0 0 0 1h.5V15h-1.5a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-2zM7 1.5l.364-.343a.5.5 0 0 0-.728 0l-.002.002-.006.007-.022.023-.08.088a28.458 28.458 0 0 0-1.274 1.517c-.769.983-1.714 2.325-2.385 3.727C2.368 7.564 2 8.682 2 9.733 2 12.614 4.212 15 7 15s5-2.386 5-5.267c0-1.05-.368-2.169-.867-3.212-.671-1.402-1.616-2.744-2.385-3.727a28.458 28.458 0 0 0-1.354-1.605l-.022-.023-.006-.007-.002-.001L7 1.5zm0 0-.364-.343L7 1.5zm-.016.766L7 2.247l.016.019c.24.274.572.667.944 1.144.611.781 1.32 1.776 1.901 2.827H4.14c.58-1.051 1.29-2.046 1.9-2.827.373-.477.706-.87.945-1.144zM3 9.733c0-.755.244-1.612.638-2.496h6.724c.395.884.638 1.741.638 2.496C11 12.117 9.182 14 7 14s-4-1.883-4-4.267z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/moon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/moon-fill.svg
new file mode 100644
index 00000000..1149676d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/moon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-fill" viewBox="0 0 16 16">
+  <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars-fill.svg
new file mode 100644
index 00000000..d2e1d6ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill" viewBox="0 0 16 16">
+  <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
+  <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars.svg b/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars.svg
new file mode 100644
index 00000000..b25ef863
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/moon-stars.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars" viewBox="0 0 16 16">
+  <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
+  <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/moon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/moon.svg
new file mode 100644
index 00000000..4cd88202
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/moon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
+  <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278zM4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard-fill.svg
new file mode 100644
index 00000000..7f5fb484
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mortarboard-fill" viewBox="0 0 16 16">
+  <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5Z"/>
+  <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard.svg
new file mode 100644
index 00000000..ed82b6aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mortarboard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mortarboard" viewBox="0 0 16 16">
+  <path d="M8.211 2.047a.5.5 0 0 0-.422 0l-7.5 3.5a.5.5 0 0 0 .025.917l7.5 3a.5.5 0 0 0 .372 0L14 7.14V13a1 1 0 0 0-1 1v2h3v-2a1 1 0 0 0-1-1V6.739l.686-.275a.5.5 0 0 0 .025-.917l-7.5-3.5ZM8 8.46 1.758 5.965 8 3.052l6.242 2.913L8 8.46Z"/>
+  <path d="M4.176 9.032a.5.5 0 0 0-.656.327l-.5 1.7a.5.5 0 0 0 .294.605l4.5 1.8a.5.5 0 0 0 .372 0l4.5-1.8a.5.5 0 0 0 .294-.605l-.5-1.7a.5.5 0 0 0-.656-.327L8 10.466 4.176 9.032Zm-.068 1.873.22-.748 3.496 1.311a.5.5 0 0 0 .352 0l3.496-1.311.22.748L8 12.46l-3.892-1.556Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/motherboard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/motherboard-fill.svg
new file mode 100644
index 00000000..bf15e965
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/motherboard-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-motherboard-fill" viewBox="0 0 16 16">
+  <path d="M5 7h3V4H5v3Z"/>
+  <path d="M1 2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-2H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 9H1V8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6H1V5H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 2H1Zm11 .5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7Zm2 0a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7ZM3.5 10a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm0 2a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6ZM4 4h-.5a.5.5 0 0 0 0 1H4v1h-.5a.5.5 0 0 0 0 1H4a1 1 0 0 0 1 1v.5a.5.5 0 0 0 1 0V8h1v.5a.5.5 0 0 0 1 0V8a1 1 0 0 0 1-1h.5a.5.5 0 0 0 0-1H9V5h.5a.5.5 0 0 0 0-1H9a1 1 0 0 0-1-1v-.5a.5.5 0 0 0-1 0V3H6v-.5a.5.5 0 0 0-1 0V3a1 1 0 0 0-1 1Zm7 7.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/motherboard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/motherboard.svg
new file mode 100644
index 00000000..ed13d0c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/motherboard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-motherboard" viewBox="0 0 16 16">
+  <path d="M11.5 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5Zm2 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5Zm-10 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6Zm0 2a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1h-6ZM5 3a1 1 0 0 0-1 1h-.5a.5.5 0 0 0 0 1H4v1h-.5a.5.5 0 0 0 0 1H4a1 1 0 0 0 1 1v.5a.5.5 0 0 0 1 0V8h1v.5a.5.5 0 0 0 1 0V8a1 1 0 0 0 1-1h.5a.5.5 0 0 0 0-1H9V5h.5a.5.5 0 0 0 0-1H9a1 1 0 0 0-1-1v-.5a.5.5 0 0 0-1 0V3H6v-.5a.5.5 0 0 0-1 0V3Zm0 1h3v3H5V4Zm6.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-2Z"/>
+  <path d="M1 2a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-2H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 9H1V8H.5a.5.5 0 0 1-.5-.5v-1A.5.5 0 0 1 .5 6H1V5H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 2H1Zm1 11a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse-fill.svg
new file mode 100644
index 00000000..bd0b5eb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse-fill" viewBox="0 0 16 16">
+  <path d="M3 5a5 5 0 0 1 10 0v6a5 5 0 0 1-10 0V5zm5.5-1.5a.5.5 0 0 0-1 0v2a.5.5 0 0 0 1 0v-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse.svg
new file mode 100644
index 00000000..40976e06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse" viewBox="0 0 16 16">
+  <path d="M8 3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 3zm4 8a4 4 0 0 1-8 0V5a4 4 0 1 1 8 0v6zM8 0a5 5 0 0 0-5 5v6a5 5 0 0 0 10 0V5a5 5 0 0 0-5-5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse2-fill.svg
new file mode 100644
index 00000000..283d1cde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse2-fill" viewBox="0 0 16 16">
+  <path d="M7.5.026C4.958.286 3 2.515 3 5.188V5.5h4.5V.026zm1 0V5.5H13v-.312C13 2.515 11.042.286 8.5.026zM13 6.5H3v4.313C3 13.658 5.22 16 8 16s5-2.342 5-5.188V6.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse2.svg
new file mode 100644
index 00000000..359da4d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse2" viewBox="0 0 16 16">
+  <path d="M3 5.188C3 2.341 5.22 0 8 0s5 2.342 5 5.188v5.625C13 13.658 10.78 16 8 16s-5-2.342-5-5.188V5.189zm4.5-4.155C5.541 1.289 4 3.035 4 5.188V5.5h3.5V1.033zm1 0V5.5H12v-.313c0-2.152-1.541-3.898-3.5-4.154zM12 6.5H4v4.313C4 13.145 5.81 15 8 15s4-1.855 4-4.188V6.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse3-fill.svg
new file mode 100644
index 00000000..de6dbc7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse3-fill" viewBox="0 0 16 16">
+  <path d="M8.5.069A15.328 15.328 0 0 0 7 0c-.593 0-1.104.157-1.527.463-.418.302-.717.726-.93 1.208-.386.873-.522 2.01-.54 3.206l4.497 1V.069zM3.71 5.836 3.381 6A2.5 2.5 0 0 0 2 8.236v2.576C2 13.659 4.22 16 7 16h2c2.78 0 5-2.342 5-5.188V8.123l-9-2v.003l.008.353c.007.3.023.715.053 1.175.063.937.186 2.005.413 2.688a.5.5 0 1 1-.948.316c-.273-.817-.4-2-.462-2.937A30.16 30.16 0 0 1 4 6.003c0-.034.003-.067.01-.1l-.3-.067zM14 7.1V5.187c0-1.13-.272-2.044-.748-2.772-.474-.726-1.13-1.235-1.849-1.59A7.495 7.495 0 0 0 9.5.212v5.887l4.5 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/mouse3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/mouse3.svg
new file mode 100644
index 00000000..d042bfd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/mouse3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-mouse3" viewBox="0 0 16 16">
+  <path d="M7 0c-.593 0-1.104.157-1.527.463-.418.302-.717.726-.93 1.208C4.123 2.619 4 3.879 4 5.187v.504L3.382 6A2.5 2.5 0 0 0 2 8.236v2.576C2 13.659 4.22 16 7 16h2c2.78 0 5-2.342 5-5.188V7.51a.71.71 0 0 0 0-.02V5.186c0-1.13-.272-2.044-.748-2.772-.474-.726-1.13-1.235-1.849-1.59C9.981.123 8.26 0 7 0zm2.5 6.099V1.232c.51.11 1.008.267 1.46.49.596.293 1.099.694 1.455 1.24.355.543.585 1.262.585 2.225v1.69l-3.5-.778zm-1-5.025v4.803L5 5.099c.006-1.242.134-2.293.457-3.024.162-.366.363-.63.602-.801C6.292 1.105 6.593 1 7 1c.468 0 .98.018 1.5.074zM5 6.124 13 7.9v2.912C13 13.145 11.19 15 9 15H7c-2.19 0-4-1.855-4-4.188V8.236a1.5 1.5 0 0 1 .83-1.342l.187-.093c.01.265.024.58.047.92.062.938.19 2.12.462 2.937a.5.5 0 1 0 .948-.316c-.227-.683-.35-1.75-.413-2.688a29.17 29.17 0 0 1-.06-1.528v-.002z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/music-note-beamed.svg b/apps/phoenix_webcomponent/priv/bsi/svg/music-note-beamed.svg
new file mode 100644
index 00000000..04cedf09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/music-note-beamed.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-note-beamed" viewBox="0 0 16 16">
+  <path d="M6 13c0 1.105-1.12 2-2.5 2S1 14.105 1 13c0-1.104 1.12-2 2.5-2s2.5.896 2.5 2zm9-2c0 1.105-1.12 2-2.5 2s-2.5-.895-2.5-2 1.12-2 2.5-2 2.5.895 2.5 2z"/>
+  <path fill-rule="evenodd" d="M14 11V2h1v9h-1zM6 3v10H5V3h1z"/>
+  <path d="M5 2.905a1 1 0 0 1 .9-.995l8-.8a1 1 0 0 1 1.1.995V3L5 4V2.905z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/music-note-list.svg b/apps/phoenix_webcomponent/priv/bsi/svg/music-note-list.svg
new file mode 100644
index 00000000..5c306bd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/music-note-list.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-note-list" viewBox="0 0 16 16">
+  <path d="M12 13c0 1.105-1.12 2-2.5 2S7 14.105 7 13s1.12-2 2.5-2 2.5.895 2.5 2z"/>
+  <path fill-rule="evenodd" d="M12 3v10h-1V3h1z"/>
+  <path d="M11 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 16 2.22V4l-5 1V2.82z"/>
+  <path fill-rule="evenodd" d="M0 11.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 .5 7H8a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 .5 3H8a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/music-note.svg b/apps/phoenix_webcomponent/priv/bsi/svg/music-note.svg
new file mode 100644
index 00000000..1125a662
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/music-note.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-note" viewBox="0 0 16 16">
+  <path d="M9 13c0 1.105-1.12 2-2.5 2S4 14.105 4 13s1.12-2 2.5-2 2.5.895 2.5 2z"/>
+  <path fill-rule="evenodd" d="M9 3v10H8V3h1z"/>
+  <path d="M8 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 13 2.22V4L8 5V2.82z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/music-player-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/music-player-fill.svg
new file mode 100644
index 00000000..6619d1e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/music-player-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-player-fill" viewBox="0 0 16 16">
+  <path d="M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm1 2h6a1 1 0 0 1 1 1v2.5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm3 12a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/music-player.svg b/apps/phoenix_webcomponent/priv/bsi/svg/music-player.svg
new file mode 100644
index 00000000..2d50a635
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/music-player.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-music-player" viewBox="0 0 16 16">
+  <path d="M4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3zm1 0v3h6V3H5zm3 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+  <path d="M11 11a3 3 0 1 1-6 0 3 3 0 0 1 6 0zm-3 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/newspaper.svg b/apps/phoenix_webcomponent/priv/bsi/svg/newspaper.svg
new file mode 100644
index 00000000..7d7fa716
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/newspaper.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-newspaper" viewBox="0 0 16 16">
+  <path d="M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5v-11zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5H12z"/>
+  <path d="M2 3h10v2H2V3zm0 3h4v3H2V6zm0 4h4v1H2v-1zm0 2h4v1H2v-1zm5-6h2v1H7V6zm3 0h2v1h-2V6zM7 8h2v1H7V8zm3 0h2v1h-2V8zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1zm-3 2h2v1H7v-1zm3 0h2v1h-2v-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/nintendo-switch.svg b/apps/phoenix_webcomponent/priv/bsi/svg/nintendo-switch.svg
new file mode 100644
index 00000000..0f1e2ac6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/nintendo-switch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nintendo-switch" viewBox="0 0 16 16">
+  <path d="M9.34 8.005c0-4.38.01-7.972.023-7.982C9.373.01 10.036 0 10.831 0c1.153 0 1.51.01 1.743.05 1.73.298 3.045 1.6 3.373 3.326.046.242.053.809.053 4.61 0 4.06.005 4.537-.123 4.976-.022.076-.048.15-.08.242a4.136 4.136 0 0 1-3.426 2.767c-.317.033-2.889.046-2.978.013-.05-.02-.053-.752-.053-7.979Zm4.675.269a1.621 1.621 0 0 0-1.113-1.034 1.609 1.609 0 0 0-1.938 1.073 1.9 1.9 0 0 0-.014.935 1.632 1.632 0 0 0 1.952 1.107c.51-.136.908-.504 1.11-1.028.11-.285.113-.742.003-1.053ZM3.71 3.317c-.208.04-.526.199-.695.348-.348.301-.52.729-.494 1.232.013.262.03.332.136.544.155.321.39.556.712.715.222.11.278.123.567.133.261.01.354 0 .53-.06.719-.242 1.153-.94 1.03-1.656-.142-.852-.95-1.422-1.786-1.256Z"/>
+  <path d="M3.425.053a4.136 4.136 0 0 0-3.28 3.015C0 3.628-.01 3.956.005 8.3c.01 3.99.014 4.082.08 4.39.368 1.66 1.548 2.844 3.224 3.235.22.05.497.06 2.29.07 1.856.012 2.048.009 2.097-.04.05-.05.053-.69.053-7.94 0-5.374-.01-7.906-.033-7.952-.033-.06-.09-.063-2.03-.06-1.578.004-2.052.014-2.26.05Zm3 14.665-1.35-.016c-1.242-.013-1.375-.02-1.623-.083a2.81 2.81 0 0 1-2.08-2.167c-.074-.335-.074-8.579-.004-8.907a2.845 2.845 0 0 1 1.716-2.05c.438-.176.64-.196 2.058-.2l1.282-.003v13.426Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/node-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/node-minus-fill.svg
new file mode 100644
index 00000000..32430b92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/node-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-node-minus-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M16 8a5 5 0 0 1-9.975.5H4A1.5 1.5 0 0 1 2.5 10h-1A1.5 1.5 0 0 1 0 8.5v-1A1.5 1.5 0 0 1 1.5 6h1A1.5 1.5 0 0 1 4 7.5h2.025A5 5 0 0 1 16 8zm-2 0a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h5A.5.5 0 0 0 14 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/node-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/node-minus.svg
new file mode 100644
index 00000000..b1accd4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/node-minus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-node-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM6.025 7.5a5 5 0 1 1 0 1H4A1.5 1.5 0 0 1 2.5 10h-1A1.5 1.5 0 0 1 0 8.5v-1A1.5 1.5 0 0 1 1.5 6h1A1.5 1.5 0 0 1 4 7.5h2.025zM1.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1zM8 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 8 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/node-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/node-plus-fill.svg
new file mode 100644
index 00000000..e5ee855c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/node-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-node-plus-fill" viewBox="0 0 16 16">
+  <path d="M11 13a5 5 0 1 0-4.975-5.5H4A1.5 1.5 0 0 0 2.5 6h-1A1.5 1.5 0 0 0 0 7.5v1A1.5 1.5 0 0 0 1.5 10h1A1.5 1.5 0 0 0 4 8.5h2.025A5 5 0 0 0 11 13zm.5-7.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/node-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/node-plus.svg
new file mode 100644
index 00000000..085f04fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/node-plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-node-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM6.025 7.5a5 5 0 1 1 0 1H4A1.5 1.5 0 0 1 2.5 10h-1A1.5 1.5 0 0 1 0 8.5v-1A1.5 1.5 0 0 1 1.5 6h1A1.5 1.5 0 0 1 4 7.5h2.025zM11 5a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2A.5.5 0 0 1 11 5zM1.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/nut-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/nut-fill.svg
new file mode 100644
index 00000000..4babc033
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/nut-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nut-fill" viewBox="0 0 16 16">
+  <path d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58zm5.018 9.696a3 3 0 1 1-3-5.196 3 3 0 0 1 3 5.196z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/nut.svg b/apps/phoenix_webcomponent/priv/bsi/svg/nut.svg
new file mode 100644
index 00000000..4912d489
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/nut.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nut" viewBox="0 0 16 16">
+  <path d="m11.42 2 3.428 6-3.428 6H4.58L1.152 8 4.58 2h6.84zM4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58z"/>
+  <path d="M6.848 5.933a2.5 2.5 0 1 0 2.5 4.33 2.5 2.5 0 0 0-2.5-4.33zm-1.78 3.915a3.5 3.5 0 1 1 6.061-3.5 3.5 3.5 0 0 1-6.062 3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/nvidia.svg b/apps/phoenix_webcomponent/priv/bsi/svg/nvidia.svg
new file mode 100644
index 00000000..64920465
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/nvidia.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-nvidia" viewBox="0 0 16 16">
+  <path d="M1.635 7.146S3.08 5.012 5.97 4.791v-.774C2.77 4.273 0 6.983 0 6.983s1.57 4.536 5.97 4.952v-.824c-3.23-.406-4.335-3.965-4.335-3.965ZM5.97 9.475v.753c-2.44-.435-3.118-2.972-3.118-2.972S4.023 5.958 5.97 5.747v.828h-.004c-1.021-.123-1.82.83-1.82.83s.448 1.607 1.824 2.07ZM6 2l-.03 2.017A6.64 6.64 0 0 1 6.252 4c3.637-.123 6.007 2.983 6.007 2.983s-2.722 3.31-5.557 3.31c-.26 0-.504-.024-.732-.065v.883c.195.025.398.04.61.04 2.638 0 4.546-1.348 6.394-2.943.307.246 1.561.842 1.819 1.104-1.757 1.47-5.852 2.657-8.173 2.657a6.84 6.84 0 0 1-.65-.034V14H16l.03-12H6Zm-.03 3.747v-.956a6.4 6.4 0 0 1 .282-.015c2.616-.082 4.332 2.248 4.332 2.248S8.73 9.598 6.743 9.598c-.286 0-.542-.046-.773-.123v-2.9c1.018.123 1.223.572 1.835 1.593L9.167 7.02s-.994-1.304-2.67-1.304a4.9 4.9 0 0 0-.527.031Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/octagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/octagon-fill.svg
new file mode 100644
index 00000000..c1283178
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/octagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-fill" viewBox="0 0 16 16">
+  <path d="M11.107 0a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146A.5.5 0 0 1 4.893 0h6.214z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/octagon-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/octagon-half.svg
new file mode 100644
index 00000000..d95240ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/octagon-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon-half" viewBox="0 0 16 16">
+  <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM8 15h2.9l4.1-4.1V5.1L10.9 1H8v14z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/octagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/octagon.svg
new file mode 100644
index 00000000..9f3657ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/octagon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-octagon" viewBox="0 0 16 16">
+  <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio-fill.svg
new file mode 100644
index 00000000..5bdfd822
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-optical-audio-fill" viewBox="0 0 16 16">
+  <path d="M8 6a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm1 3a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/>
+  <path d="M2.5 15a.5.5 0 0 1-.5-.5v-3.05a2.5 2.5 0 0 1 0-4.9V4.5a.5.5 0 0 1 .146-.354l2-2A.5.5 0 0 1 4.5 2h7a.5.5 0 0 1 .354.146l2 2A.5.5 0 0 1 14 4.5v2.05a2.5 2.5 0 0 1 0 4.9v3.05a.5.5 0 0 1-.5.5h-11ZM8 5a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio.svg b/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio.svg
new file mode 100644
index 00000000..7a38b83e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/optical-audio.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-optical-audio" viewBox="0 0 16 16">
+  <path d="M8 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+  <path d="M4.5 9a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0ZM8 6.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z"/>
+  <path d="M2 14.5a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-3.05a2.5 2.5 0 0 0 0-4.9V4.5a.5.5 0 0 0-.146-.354l-2-2A.5.5 0 0 0 11.5 2h-7a.5.5 0 0 0-.354.146l-2 2A.5.5 0 0 0 2 4.5v2.05a2.5 2.5 0 0 0 0 4.9v3.05Zm1-.5v-3a.5.5 0 0 0-.5-.5 1.5 1.5 0 1 1 0-3A.5.5 0 0 0 3 7V4.707L4.707 3h6.586L13 4.707V7a.5.5 0 0 0 .5.5 1.5 1.5 0 0 1 0 3 .5.5 0 0 0-.5.5v3H3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/option.svg b/apps/phoenix_webcomponent/priv/bsi/svg/option.svg
new file mode 100644
index 00000000..d7702b10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/option.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-option" viewBox="0 0 16 16">
+  <path d="M1 2.5a.5.5 0 0 1 .5-.5h3.797a.5.5 0 0 1 .439.26L11 13h3.5a.5.5 0 0 1 0 1h-3.797a.5.5 0 0 1-.439-.26L5 3H1.5a.5.5 0 0 1-.5-.5zm10 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/outlet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/outlet.svg
new file mode 100644
index 00000000..b48af60d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/outlet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-outlet" viewBox="0 0 16 16">
+  <path d="M3.34 2.994c.275-.338.68-.494 1.074-.494h7.172c.393 0 .798.156 1.074.494.578.708 1.84 2.534 1.84 5.006 0 2.472-1.262 4.297-1.84 5.006-.276.338-.68.494-1.074.494H4.414c-.394 0-.799-.156-1.074-.494C2.762 12.297 1.5 10.472 1.5 8c0-2.472 1.262-4.297 1.84-5.006zm1.074.506a.376.376 0 0 0-.299.126C3.599 4.259 2.5 5.863 2.5 8c0 2.137 1.099 3.74 1.615 4.374.06.073.163.126.3.126h7.17c.137 0 .24-.053.3-.126.516-.633 1.615-2.237 1.615-4.374 0-2.137-1.099-3.74-1.615-4.374a.376.376 0 0 0-.3-.126h-7.17z"/>
+  <path d="M6 5.5a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zM7 10v1h2v-1a1 1 0 0 0-2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/p-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/p-circle-fill.svg
new file mode 100644
index 00000000..ea54307f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/p-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.5 4.002V12h1.283V9.164h1.668C10.033 9.164 11 8.08 11 6.586c0-1.482-.955-2.584-2.538-2.584H5.5Zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97H8.27Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/p-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/p-circle.svg
new file mode 100644
index 00000000..888a1fad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/p-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.5 4.002h2.962C10.045 4.002 11 5.104 11 6.586c0 1.494-.967 2.578-2.55 2.578H6.784V12H5.5V4.002Zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97H8.27Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/p-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/p-square-fill.svg
new file mode 100644
index 00000000..ad3caa20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/p-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-square-fill" viewBox="0 0 16 16">
+  <path d="M8.27 8.074c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97H8.27Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm3.5 4.002h2.962C10.045 4.002 11 5.104 11 6.586c0 1.494-.967 2.578-2.55 2.578H6.784V12H5.5V4.002Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/p-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/p-square.svg
new file mode 100644
index 00000000..ad630d04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/p-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-p-square" viewBox="0 0 16 16">
+  <path d="M5.5 4.002h2.962C10.045 4.002 11 5.104 11 6.586c0 1.494-.967 2.578-2.55 2.578H6.784V12H5.5V4.002Zm2.77 4.072c.893 0 1.419-.545 1.419-1.488s-.526-1.482-1.42-1.482H6.778v2.97H8.27Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/paint-bucket.svg b/apps/phoenix_webcomponent/priv/bsi/svg/paint-bucket.svg
new file mode 100644
index 00000000..ee15d10f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/paint-bucket.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paint-bucket" viewBox="0 0 16 16">
+  <path d="M6.192 2.78c-.458-.677-.927-1.248-1.35-1.643a2.972 2.972 0 0 0-.71-.515c-.217-.104-.56-.205-.882-.02-.367.213-.427.63-.43.896-.003.304.064.664.173 1.044.196.687.556 1.528 1.035 2.402L.752 8.22c-.277.277-.269.656-.218.918.055.283.187.593.36.903.348.627.92 1.361 1.626 2.068.707.707 1.441 1.278 2.068 1.626.31.173.62.305.903.36.262.05.64.059.918-.218l5.615-5.615c.118.257.092.512.05.939-.03.292-.068.665-.073 1.176v.123h.003a1 1 0 0 0 1.993 0H14v-.057a1.01 1.01 0 0 0-.004-.117c-.055-1.25-.7-2.738-1.86-3.494a4.322 4.322 0 0 0-.211-.434c-.349-.626-.92-1.36-1.627-2.067-.707-.707-1.441-1.279-2.068-1.627-.31-.172-.62-.304-.903-.36-.262-.05-.64-.058-.918.219l-.217.216zM4.16 1.867c.381.356.844.922 1.311 1.632l-.704.705c-.382-.727-.66-1.402-.813-1.938a3.283 3.283 0 0 1-.131-.673c.091.061.204.15.337.274zm.394 3.965c.54.852 1.107 1.567 1.607 2.033a.5.5 0 1 0 .682-.732c-.453-.422-1.017-1.136-1.564-2.027l1.088-1.088c.054.12.115.243.183.365.349.627.92 1.361 1.627 2.068.706.707 1.44 1.278 2.068 1.626.122.068.244.13.365.183l-4.861 4.862a.571.571 0 0 1-.068-.01c-.137-.027-.342-.104-.608-.252-.524-.292-1.186-.8-1.846-1.46-.66-.66-1.168-1.32-1.46-1.846-.147-.265-.225-.47-.251-.607a.573.573 0 0 1-.01-.068l3.048-3.047zm2.87-1.935a2.44 2.44 0 0 1-.241-.561c.135.033.324.11.562.241.524.292 1.186.8 1.846 1.46.45.45.83.901 1.118 1.31a3.497 3.497 0 0 0-1.066.091 11.27 11.27 0 0 1-.76-.694c-.66-.66-1.167-1.322-1.458-1.847z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/palette-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/palette-fill.svg
new file mode 100644
index 00000000..7dc5ecda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/palette-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-palette-fill" viewBox="0 0 16 16">
+  <path d="M12.433 10.07C14.133 10.585 16 11.15 16 8a8 8 0 1 0-8 8c1.996 0 1.826-1.504 1.649-3.08-.124-1.101-.252-2.237.351-2.92.465-.527 1.42-.237 2.433.07zM8 5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm4.5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zM5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/palette.svg b/apps/phoenix_webcomponent/priv/bsi/svg/palette.svg
new file mode 100644
index 00000000..fea76d92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/palette.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-palette" viewBox="0 0 16 16">
+  <path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm4 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM5.5 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+  <path d="M16 8c0 3.15-1.866 2.585-3.567 2.07C11.42 9.763 10.465 9.473 10 10c-.603.683-.475 1.819-.351 2.92C9.826 14.495 9.996 16 8 16a8 8 0 1 1 8-8zm-8 7c.611 0 .654-.171.655-.176.078-.146.124-.464.07-1.119-.014-.168-.037-.37-.061-.591-.052-.464-.112-1.005-.118-1.462-.01-.707.083-1.61.704-2.314.369-.417.845-.578 1.272-.618.404-.038.812.026 1.16.104.343.077.702.186 1.025.284l.028.008c.346.105.658.199.953.266.653.148.904.083.991.024C14.717 9.38 15 9.161 15 8a7 7 0 1 0-7 7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/palette2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/palette2.svg
new file mode 100644
index 00000000..5d140b31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/palette2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-palette2" viewBox="0 0 16 16">
+  <path d="M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 .5.5v5.277l4.147-4.131a.5.5 0 0 1 .707 0l3.535 3.536a.5.5 0 0 1 0 .708L10.261 10H15.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H3a2.99 2.99 0 0 1-2.121-.879A2.99 2.99 0 0 1 0 13.044m6-.21 7.328-7.3-2.829-2.828L6 7.188v5.647zM4.5 13a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zM15 15v-4H9.258l-4.015 4H15zM0 .5v12.495V.5z"/>
+  <path d="M0 12.995V13a3.07 3.07 0 0 0 0-.005z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/paperclip.svg b/apps/phoenix_webcomponent/priv/bsi/svg/paperclip.svg
new file mode 100644
index 00000000..00f311d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/paperclip.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paperclip" viewBox="0 0 16 16">
+  <path d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0V3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/paragraph.svg b/apps/phoenix_webcomponent/priv/bsi/svg/paragraph.svg
new file mode 100644
index 00000000..999cb532
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/paragraph.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paragraph" viewBox="0 0 16 16">
+  <path d="M10.5 15a.5.5 0 0 1-.5-.5V2H9v12.5a.5.5 0 0 1-1 0V9H7a4 4 0 1 1 0-8h5.5a.5.5 0 0 1 0 1H11v12.5a.5.5 0 0 1-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pass-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pass-fill.svg
new file mode 100644
index 00000000..a5715df4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pass-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pass-fill" viewBox="0 0 16 16">
+  <path d="M10 0a2 2 0 1 1-4 0H3.5A1.5 1.5 0 0 0 2 1.5v13A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 12.5 0H10ZM4.5 5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1Zm0 2h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pass.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pass.svg
new file mode 100644
index 00000000..3f51eb5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pass.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pass" viewBox="0 0 16 16">
+  <path d="M5.5 5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Z"/>
+  <path d="M8 2a2 2 0 0 0 2-2h2.5A1.5 1.5 0 0 1 14 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-13A1.5 1.5 0 0 1 3.5 0H6a2 2 0 0 0 2 2Zm0 1a3.001 3.001 0 0 1-2.83-2H3.5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-1.67A3.001 3.001 0 0 1 8 3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-check-fill.svg
new file mode 100644
index 00000000..13014151
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-check-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check-fill" viewBox="0 0 16 16">
+  <path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-check.svg
new file mode 100644
index 00000000..2dd799ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation-fill.svg
new file mode 100644
index 00000000..fd900c4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-exclamation-fill" viewBox="0 0 16 16">
+  <path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation.svg
new file mode 100644
index 00000000..153d97dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-exclamation" viewBox="0 0 16 16">
+  <path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z"/>
+  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus-fill.svg
new file mode 100644
index 00000000..12f35c23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-minus-fill" viewBox="0 0 16 16">
+  <path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zM6 7.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus.svg
new file mode 100644
index 00000000..f6024f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M5.5 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus-fill.svg
new file mode 100644
index 00000000..1a79d799
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-plus-fill" viewBox="0 0 16 16">
+  <path d="M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01-.622-.636zM8.5 6v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus.svg
new file mode 100644
index 00000000..b9a78461
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 5.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V10a.5.5 0 0 1-1 0V8.5H6a.5.5 0 0 1 0-1h1.5V6a.5.5 0 0 1 .5-.5z"/>
+  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-question-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-question-fill.svg
new file mode 100644
index 00000000..665588b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-question-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-question-fill" viewBox="0 0 16 16">
+  <path d="M5.933.87a2.89 2.89 0 0 1 4.134 0l.622.638.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636zM7.002 11a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm1.602-2.027c.04-.534.198-.815.846-1.26.674-.475 1.05-1.09 1.05-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.71 1.71 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745.336 0 .504-.24.554-.627z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/patch-question.svg b/apps/phoenix_webcomponent/priv/bsi/svg/patch-question.svg
new file mode 100644
index 00000000..ef4ca58e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/patch-question.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-patch-question" viewBox="0 0 16 16">
+  <path d="M8.05 9.6c.336 0 .504-.24.554-.627.04-.534.198-.815.847-1.26.673-.475 1.049-1.09 1.049-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.71 1.71 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745z"/>
+  <path d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z"/>
+  <path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn-fill.svg
new file mode 100644
index 00000000..efca1428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6.25-7C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn.svg
new file mode 100644
index 00000000..0e9eb3a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-btn" viewBox="0 0 16 16">
+  <path d="M6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle-fill.svg
new file mode 100644
index 00000000..5e3525f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle.svg
new file mode 100644
index 00000000..1b6b64af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M5 6.25a1.25 1.25 0 1 1 2.5 0v3.5a1.25 1.25 0 1 1-2.5 0v-3.5zm3.5 0a1.25 1.25 0 1 1 2.5 0v3.5a1.25 1.25 0 1 1-2.5 0v-3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause-fill.svg
new file mode 100644
index 00000000..68285b2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+  <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pause.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pause.svg
new file mode 100644
index 00000000..22478eaf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pause.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause" viewBox="0 0 16 16">
+  <path d="M6 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/paypal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/paypal.svg
new file mode 100644
index 00000000..41bd5366
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/paypal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-paypal" viewBox="0 0 16 16">
+  <path d="M14.06 3.713c.12-1.071-.093-1.832-.702-2.526C12.628.356 11.312 0 9.626 0H4.734a.7.7 0 0 0-.691.59L2.005 13.509a.42.42 0 0 0 .415.486h2.756l-.202 1.28a.628.628 0 0 0 .62.726H8.14c.429 0 .793-.31.862-.731l.025-.13.48-3.043.03-.164.001-.007a.351.351 0 0 1 .348-.297h.38c1.266 0 2.425-.256 3.345-.91.379-.27.712-.603.993-1.005a4.942 4.942 0 0 0 .88-2.195c.242-1.246.13-2.356-.57-3.154a2.687 2.687 0 0 0-.76-.59l-.094-.061ZM6.543 8.82a.695.695 0 0 1 .321-.079H8.3c2.82 0 5.027-1.144 5.672-4.456l.003-.016c.217.124.4.27.548.438.546.623.679 1.535.45 2.71-.272 1.397-.866 2.307-1.663 2.874-.802.57-1.842.815-3.043.815h-.38a.873.873 0 0 0-.863.734l-.03.164-.48 3.043-.024.13-.001.004a.352.352 0 0 1-.348.296H5.595a.106.106 0 0 1-.105-.123l.208-1.32.845-5.214Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pc-display-horizontal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pc-display-horizontal.svg
new file mode 100644
index 00000000..2013f155
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pc-display-horizontal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pc-display-horizontal" viewBox="0 0 16 16">
+  <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v7A1.5 1.5 0 0 0 1.5 10H6v1H1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-5v-1h4.5A1.5 1.5 0 0 0 16 8.5v-7A1.5 1.5 0 0 0 14.5 0h-13Zm0 1h13a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5ZM12 12.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0ZM1.5 12h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1ZM1 14.25a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5a.25.25 0 0 1-.25-.25Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pc-display.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pc-display.svg
new file mode 100644
index 00000000..f5d09daf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pc-display.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pc-display" viewBox="0 0 16 16">
+  <path d="M8 1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V1Zm1 13.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0ZM9.5 1a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM9 3.5a.5.5 0 0 0 .5.5h5a.5.5 0 0 0 0-1h-5a.5.5 0 0 0-.5.5ZM1.5 2A1.5 1.5 0 0 0 0 3.5v7A1.5 1.5 0 0 0 1.5 12H6v2h-.5a.5.5 0 0 0 0 1H7v-4H1.5a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .5-.5H7V2H1.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pc-horizontal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pc-horizontal.svg
new file mode 100644
index 00000000..9ae513a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pc-horizontal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pc-horizontal" viewBox="0 0 16 16">
+  <path d="M1 6a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H1Zm11.5 1a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm2 0a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM1 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM1.25 9h5.5a.25.25 0 0 1 0 .5h-5.5a.25.25 0 0 1 0-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pc.svg
new file mode 100644
index 00000000..f0f280d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pc.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pc" viewBox="0 0 16 16">
+  <path d="M5 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H5Zm.5 14a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm2 0a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM5 1.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM5.5 3h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pci-card.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pci-card.svg
new file mode 100644
index 00000000..600a5d06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pci-card.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pci-card" viewBox="0 0 16 16">
+  <path d="M0 1.5A.5.5 0 0 1 .5 1h1a.5.5 0 0 1 .5.5V4h13.5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5H2v2.5a.5.5 0 0 1-1 0V2H.5a.5.5 0 0 1-.5-.5Z"/>
+  <path d="M3 12.5h3.5v1a.5.5 0 0 1-.5.5H3.5a.5.5 0 0 1-.5-.5v-1Zm4 0h4v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/peace-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/peace-fill.svg
new file mode 100644
index 00000000..c8ed5bdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/peace-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-peace-fill" viewBox="0 0 16 16">
+  <path d="M14 13.292A8 8 0 0 0 8.5.015v7.778l5.5 5.5zm-.708.708L8.5 9.206v6.778a7.967 7.967 0 0 0 4.792-1.986zM7.5 15.985V9.207L2.708 14A7.967 7.967 0 0 0 7.5 15.985zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/peace.svg b/apps/phoenix_webcomponent/priv/bsi/svg/peace.svg
new file mode 100644
index 00000000..3e4420b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/peace.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-peace" viewBox="0 0 16 16">
+  <path d="M7.5 1.018a7 7 0 0 0-4.79 11.566L7.5 7.793V1.018zm1 0v6.775l4.79 4.79A7 7 0 0 0 8.5 1.018zm4.084 12.273L8.5 9.207v5.775a6.97 6.97 0 0 0 4.084-1.691zM7.5 14.982V9.207l-4.084 4.084A6.97 6.97 0 0 0 7.5 14.982zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pen-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pen-fill.svg
new file mode 100644
index 00000000..b7bb3371
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pen-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pen-fill" viewBox="0 0 16 16">
+  <path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pen.svg
new file mode 100644
index 00000000..8eb3be7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pen.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pen" viewBox="0 0 16 16">
+  <path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001zm-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pencil-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pencil-fill.svg
new file mode 100644
index 00000000..59d2830c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pencil-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill" viewBox="0 0 16 16">
+  <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pencil-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pencil-square.svg
new file mode 100644
index 00000000..b8c90d54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pencil-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-square" viewBox="0 0 16 16">
+  <path d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z"/>
+  <path fill-rule="evenodd" d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pencil.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pencil.svg
new file mode 100644
index 00000000..f8dbfebc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pencil.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil" viewBox="0 0 16 16">
+  <path d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5 13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-fill.svg
new file mode 100644
index 00000000..9c807890
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pentagon-fill" viewBox="0 0 16 16">
+  <path d="M7.685.256a.5.5 0 0 1 .63 0l7.421 6.03a.5.5 0 0 1 .162.538l-2.788 8.827a.5.5 0 0 1-.476.349H3.366a.5.5 0 0 1-.476-.35L.102 6.825a.5.5 0 0 1 .162-.538l7.42-6.03Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-half.svg
new file mode 100644
index 00000000..305125cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pentagon-half" viewBox="0 0 16 16">
+  <path d="m8 1.288 6.578 5.345a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H8V1.288Zm7.898 5.536a.5.5 0 0 0-.162-.538L8.316.256a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pentagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon.svg
new file mode 100644
index 00000000..b6f5fe30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pentagon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pentagon" viewBox="0 0 16 16">
+  <path d="M7.685 1.545a.5.5 0 0 1 .63 0l6.263 5.088a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H4.099a.5.5 0 0 1-.476-.35L1.26 7.173a.5.5 0 0 1 .161-.54l6.263-5.087Zm8.213 5.28a.5.5 0 0 0-.162-.54L8.316.257a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/people-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/people-fill.svg
new file mode 100644
index 00000000..81d5a8e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/people-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-people-fill" viewBox="0 0 16 16">
+  <path d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/people.svg b/apps/phoenix_webcomponent/priv/bsi/svg/people.svg
new file mode 100644
index 00000000..29dfc5b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/people.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-people" viewBox="0 0 16 16">
+  <path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8Zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002a.274.274 0 0 1-.014.002H7.022ZM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816ZM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0Zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/percent.svg b/apps/phoenix_webcomponent/priv/bsi/svg/percent.svg
new file mode 100644
index 00000000..8af2bc4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/percent.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-percent" viewBox="0 0 16 16">
+  <path d="M13.442 2.558a.625.625 0 0 1 0 .884l-10 10a.625.625 0 1 1-.884-.884l10-10a.625.625 0 0 1 .884 0zM4.5 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm7 6a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 1a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-add.svg
new file mode 100644
index 00000000..cd9f071c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Zm-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-badge-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-badge-fill.svg
new file mode 100644
index 00000000..d9ebe672
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-badge-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-badge-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm4.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm5 2.755C12.146 12.825 10.623 12 8 12s-4.146.826-5 1.755V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-.245z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-badge.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-badge.svg
new file mode 100644
index 00000000..d071d44b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-badge.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-badge" viewBox="0 0 16 16">
+  <path d="M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+  <path d="M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-bounding-box.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-bounding-box.svg
new file mode 100644
index 00000000..92e662c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-bounding-box.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-bounding-box" viewBox="0 0 16 16">
+  <path d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5z"/>
+  <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm8-9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-check-fill.svg
new file mode 100644
index 00000000..872497a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-check-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-check-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+  <path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-check.svg
new file mode 100644
index 00000000..85f6ada4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-circle.svg
new file mode 100644
index 00000000..fd7f2c92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
+  <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+  <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-dash-fill.svg
new file mode 100644
index 00000000..fd719f20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-dash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-dash-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11 7.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
+  <path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-dash.svg
new file mode 100644
index 00000000..b374ee00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Zm0-7a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-down.svg
new file mode 100644
index 00000000..00489b95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-exclamation.svg
new file mode 100644
index 00000000..ceb698ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-exclamation" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-add.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-add.svg
new file mode 100644
index 00000000..4383a852
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-add.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-add" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0Zm-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+  <path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-check.svg
new file mode 100644
index 00000000..0bb8ee46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-check" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm1.679-4.493-1.335 2.226a.75.75 0 0 1-1.174.144l-.774-.773a.5.5 0 0 1 .708-.708l.547.548 1.17-1.951a.5.5 0 1 1 .858.514ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+  <path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-dash.svg
new file mode 100644
index 00000000..d2cdec55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-dash" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7ZM11 12h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Zm0-7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+  <path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-down.svg
new file mode 100644
index 00000000..a1cfcdcd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-down" viewBox="0 0 16 16">
+  <path d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854 1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V10.5a.5.5 0 0 0-1 0v2.793l-.646-.647a.5.5 0 0 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+  <path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-exclamation.svg
new file mode 100644
index 00000000..59cfd6ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-exclamation" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1.5a.5.5 0 0 0 1 0V11a.5.5 0 0 0-.5-.5Zm0 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-gear.svg
new file mode 100644
index 00000000..f91006b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-gear.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-gear" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Zm9.886-3.54c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-lock.svg
new file mode 100644
index 00000000..8af5ee14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-lock" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5v-1a1.9 1.9 0 0 1 .01-.2 4.49 4.49 0 0 1 1.534-3.693C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Zm7 0a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-slash.svg
new file mode 100644
index 00000000..ede8fa42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-up.svg
new file mode 100644
index 00000000..be73bf27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+  <path d="M2 13c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-x.svg
new file mode 100644
index 00000000..959fcee4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill-x" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h5.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.544-3.393C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill.svg
new file mode 100644
index 00000000..5e71aca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+  <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-gear.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-gear.svg
new file mode 100644
index 00000000..8024d86c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-gear.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-gear" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Zm3.63-4.54c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-heart.svg
new file mode 100644
index 00000000..e9ebbf48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-heart" viewBox="0 0 16 16">
+  <path d="M9 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h10s1 0 1-1-1-4-6-4-6 3-6 4Zm13.5-8.09c1.387-1.425 4.855 1.07 0 4.277-4.854-3.207-1.387-5.702 0-4.276Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-hearts.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-hearts.svg
new file mode 100644
index 00000000..06970be9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-hearts.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-hearts" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.5 1.246c.832-.855 2.913.642 0 2.566-2.913-1.924-.832-3.421 0-2.566ZM9 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-9 8c0 1 1 1 1 1h10s1 0 1-1-1-4-6-4-6 3-6 4Zm13.5-8.09c1.387-1.425 4.855 1.07 0 4.277-4.854-3.207-1.387-5.702 0-4.276ZM15 2.165c.555-.57 1.942.428 0 1.711-1.942-1.283-.555-2.281 0-1.71Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-lines-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-lines-fill.svg
new file mode 100644
index 00000000..736421c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-lines-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-lines-fill" viewBox="0 0 16 16">
+  <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zM11 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4zm2 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2zm0 3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-lock.svg
new file mode 100644
index 00000000..1c20dc77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-lock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-lock" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 5.996V14H3s-1 0-1-1 1-4 6-4c.564 0 1.077.038 1.544.107a4.524 4.524 0 0 0-.803.918A10.46 10.46 0 0 0 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h5ZM9 13a1 1 0 0 1 1-1v-1a2 2 0 1 1 4 0v1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-2Zm3-3a1 1 0 0 0-1 1v1h2v-1a1 1 0 0 0-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-plus-fill.svg
new file mode 100644
index 00000000..151ccfe8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-plus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-plus-fill" viewBox="0 0 16 16">
+  <path d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+  <path fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-plus.svg
new file mode 100644
index 00000000..aac3a673
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-plus" viewBox="0 0 16 16">
+  <path d="M6 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H1s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
+  <path fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-rolodex.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-rolodex.svg
new file mode 100644
index 00000000..af898ca7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-rolodex.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-rolodex" viewBox="0 0 16 16">
+  <path d="M8 9.05a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+  <path d="M1 1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h.5a.5.5 0 0 0 .5-.5.5.5 0 0 1 1 0 .5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5.5.5 0 0 1 1 0 .5.5 0 0 0 .5.5h.5a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H6.707L6 1.293A1 1 0 0 0 5.293 1H1Zm0 1h4.293L6 2.707A1 1 0 0 0 6.707 3H15v10h-.085a1.5 1.5 0 0 0-2.4-.63C11.885 11.223 10.554 10 8 10c-2.555 0-3.886 1.224-4.514 2.37a1.5 1.5 0 0 0-2.4.63H1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-slash.svg
new file mode 100644
index 00000000..7316d7ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-slash" viewBox="0 0 16 16">
+  <path d="M13.879 10.414a2.501 2.501 0 0 0-3.465 3.465l3.465-3.465Zm.707.707-3.465 3.465a2.501 2.501 0 0 0 3.465-3.465Zm-4.56-1.096a3.5 3.5 0 1 1 4.949 4.95 3.5 3.5 0 0 1-4.95-4.95ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-square.svg
new file mode 100644
index 00000000..a7eb40ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-square" viewBox="0 0 16 16">
+  <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1v-1c0-1-1-4-6-4s-6 3-6 4v1a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-up.svg
new file mode 100644
index 00000000..5ec777d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-up" viewBox="0 0 16 16">
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.354-5.854 1.5 1.5a.5.5 0 0 1-.708.708L13 11.707V14.5a.5.5 0 0 1-1 0v-2.793l-.646.647a.5.5 0 0 1-.708-.708l1.5-1.5a.5.5 0 0 1 .708 0ZM11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path d="M8.256 14a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard-fill.svg
new file mode 100644
index 00000000..f40d1088
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-vcard-fill" viewBox="0 0 16 16">
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm9 1.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5ZM9 8a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4A.5.5 0 0 0 9 8Zm1 2.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Zm-1 2C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 0 2 13h6.96c.026-.163.04-.33.04-.5ZM7 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard.svg
new file mode 100644
index 00000000..3b871584
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-vcard.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-vcard" viewBox="0 0 16 16">
+  <path d="M5 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm4-2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5ZM9 8a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4A.5.5 0 0 1 9 8Zm1 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2ZM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H8.96c.026-.163.04-.33.04-.5C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1.006 1.006 0 0 1 1 12V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-video.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-video.svg
new file mode 100644
index 00000000..b8c19954
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-video.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-video" viewBox="0 0 16 16">
+  <path d="M8 9.05a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm10.798 11c-.453-1.27-1.76-3-4.798-3-3.037 0-4.345 1.73-4.798 3H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-1.202Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-video2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-video2.svg
new file mode 100644
index 00000000..3f4292e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-video2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-video2" viewBox="0 0 16 16">
+  <path d="M10 9.05a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2ZM1 3a1 1 0 0 1 1-1h2v2H1V3Zm4 10V2h9a1 1 0 0 1 1 1v9c0 .285-.12.543-.31.725C14.15 11.494 12.822 10 10 10c-3.037 0-4.345 1.73-4.798 3H5Zm-4-2h3v2H2a1 1 0 0 1-1-1v-1Zm3-1H1V8h3v2Zm0-3H1V5h3v2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-video3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-video3.svg
new file mode 100644
index 00000000..be38b249
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-video3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-video3" viewBox="0 0 16 16">
+  <path d="M14 9.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-6 5.7c0 .8.8.8.8.8h6.4s.8 0 .8-.8-.8-3.2-4-3.2-4 2.4-4 3.2Z"/>
+  <path d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h5.243c.122-.326.295-.668.526-1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v7.81c.353.23.656.496.91.783.059-.187.09-.386.09-.593V4a2 2 0 0 0-2-2H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-workspace.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-workspace.svg
new file mode 100644
index 00000000..e72bea02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-workspace.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-workspace" viewBox="0 0 16 16">
+  <path d="M4 16s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H4Zm4-5.95a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v9.5A1.5 1.5 0 0 0 1.5 14h.653a5.373 5.373 0 0 1 1.066-2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9h-2.219c.554.654.89 1.373 1.066 2h.653a1.5 1.5 0 0 0 1.5-1.5V3a2 2 0 0 0-2-2H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-x-fill.svg
new file mode 100644
index 00000000..d4903a6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-x-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm6.146-2.854a.5.5 0 0 1 .708 0L14 6.293l1.146-1.147a.5.5 0 0 1 .708.708L14.707 7l1.147 1.146a.5.5 0 0 1-.708.708L14 7.707l-1.146 1.147a.5.5 0 0 1-.708-.708L13.293 7l-1.147-1.146a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person-x.svg
new file mode 100644
index 00000000..129660d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-x" viewBox="0 0 16 16">
+  <path d="M11 5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM8 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm.256 7a4.474 4.474 0 0 1-.229-1.004H3c.001-.246.154-.986.832-1.664C4.484 10.68 5.711 10 8 10c.26 0 .507.009.74.025.226-.341.496-.65.804-.918C9.077 9.038 8.564 9 8 9c-5 0-6 3-6 4s1 1 1 1h5.256Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm-.646-4.854.646.647.646-.647a.5.5 0 0 1 .708.708l-.647.646.647.646a.5.5 0 0 1-.708.708l-.646-.647-.646.647a.5.5 0 0 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 .708-.708Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/person.svg b/apps/phoenix_webcomponent/priv/bsi/svg/person.svg
new file mode 100644
index 00000000..18d64119
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/person.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
+  <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-fill.svg
new file mode 100644
index 00000000..a2dfd034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-fill" viewBox="0 0 16 16">
+  <path d="M3 2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V2zm6 11a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-flip.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-flip.svg
new file mode 100644
index 00000000..54e2d266
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-flip.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-flip" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11 1H5a1 1 0 0 0-1 1v6a.5.5 0 0 1-1 0V2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a.5.5 0 0 1-1 0V2a1 1 0 0 0-1-1Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a.5.5 0 0 0-1 0v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a.5.5 0 0 0-1 0v2ZM1.713 7.954a.5.5 0 1 0-.419-.908c-.347.16-.654.348-.882.57C.184 7.842 0 8.139 0 8.5c0 .546.408.94.823 1.201.44.278 1.043.51 1.745.696C3.978 10.773 5.898 11 8 11c.099 0 .197 0 .294-.002l-1.148 1.148a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708l1.145 1.144L8 10c-2.04 0-3.87-.221-5.174-.569-.656-.175-1.151-.374-1.47-.575C1.012 8.639 1 8.506 1 8.5c0-.003 0-.059.112-.17.115-.112.31-.242.6-.376Zm12.993-.908a.5.5 0 0 0-.419.908c.292.134.486.264.6.377.113.11.113.166.113.169 0 .003 0 .065-.13.187-.132.122-.352.26-.677.4-.645.28-1.596.523-2.763.687a.5.5 0 0 0 .14.99c1.212-.17 2.26-.43 3.02-.758.38-.164.713-.357.96-.587.246-.229.45-.537.45-.919 0-.362-.184-.66-.412-.883-.228-.223-.535-.411-.882-.571ZM7.5 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape-fill.svg
new file mode 100644
index 00000000..295481c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-landscape-fill" viewBox="0 0 16 16">
+  <path d="M2 12.5a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H2zm11-6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape.svg
new file mode 100644
index 00000000..65cd2731
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-landscape.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-landscape" viewBox="0 0 16 16">
+  <path d="M1 4.5a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-6zm-1 6a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v6z"/>
+  <path d="M14 7.5a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate-fill.svg
new file mode 100644
index 00000000..6e61ecce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-vibrate-fill" viewBox="0 0 16 16">
+  <path d="M4 4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm5 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0zM1.807 4.734a.5.5 0 1 0-.884-.468A7.967 7.967 0 0 0 0 8c0 1.347.334 2.618.923 3.734a.5.5 0 1 0 .884-.468A6.967 6.967 0 0 1 1 8c0-1.18.292-2.292.807-3.266zm13.27-.468a.5.5 0 0 0-.884.468C14.708 5.708 15 6.819 15 8c0 1.18-.292 2.292-.807 3.266a.5.5 0 0 0 .884.468A7.967 7.967 0 0 0 16 8a7.967 7.967 0 0 0-.923-3.734zM3.34 6.182a.5.5 0 1 0-.93-.364A5.986 5.986 0 0 0 2 8c0 .769.145 1.505.41 2.182a.5.5 0 1 0 .93-.364A4.986 4.986 0 0 1 3 8c0-.642.12-1.255.34-1.818zm10.25-.364a.5.5 0 0 0-.93.364c.22.563.34 1.176.34 1.818 0 .642-.12 1.255-.34 1.818a.5.5 0 0 0 .93.364C13.856 9.505 14 8.769 14 8c0-.769-.145-1.505-.41-2.182z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate.svg
new file mode 100644
index 00000000..f380cabb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone-vibrate.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone-vibrate" viewBox="0 0 16 16">
+  <path d="M10 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4zM6 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6z"/>
+  <path d="M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM1.599 4.058a.5.5 0 0 1 .208.676A6.967 6.967 0 0 0 1 8c0 1.18.292 2.292.807 3.266a.5.5 0 0 1-.884.468A7.968 7.968 0 0 1 0 8c0-1.347.334-2.619.923-3.734a.5.5 0 0 1 .676-.208zm12.802 0a.5.5 0 0 1 .676.208A7.967 7.967 0 0 1 16 8a7.967 7.967 0 0 1-.923 3.734.5.5 0 0 1-.884-.468A6.967 6.967 0 0 0 15 8c0-1.18-.292-2.292-.807-3.266a.5.5 0 0 1 .208-.676zM3.057 5.534a.5.5 0 0 1 .284.648A4.986 4.986 0 0 0 3 8c0 .642.12 1.255.34 1.818a.5.5 0 1 1-.93.364A5.986 5.986 0 0 1 2 8c0-.769.145-1.505.41-2.182a.5.5 0 0 1 .647-.284zm9.886 0a.5.5 0 0 1 .648.284C13.855 6.495 14 7.231 14 8c0 .769-.145 1.505-.41 2.182a.5.5 0 0 1-.93-.364C12.88 9.255 13 8.642 13 8c0-.642-.12-1.255-.34-1.818a.5.5 0 0 1 .283-.648z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/phone.svg b/apps/phoenix_webcomponent/priv/bsi/svg/phone.svg
new file mode 100644
index 00000000..3f3fd74c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/phone.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16">
+  <path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
+  <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart-fill.svg
new file mode 100644
index 00000000..6aa71eb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pie-chart-fill" viewBox="0 0 16 16">
+  <path d="M15.985 8.5H8.207l-5.5 5.5a8 8 0 0 0 13.277-5.5zM2 13.292A8 8 0 0 1 7.5.015v7.778l-5.5 5.5zM8.5.015V7.5h7.485A8.001 8.001 0 0 0 8.5.015z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart.svg
new file mode 100644
index 00000000..a20f6a7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pie-chart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pie-chart" viewBox="0 0 16 16">
+  <path d="M7.5 1.018a7 7 0 0 0-4.79 11.566L7.5 7.793V1.018zm1 0V7.5h6.482A7.001 7.001 0 0 0 8.5 1.018zM14.982 8.5H8.207l-4.79 4.79A7 7 0 0 0 14.982 8.5zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank-fill.svg
new file mode 100644
index 00000000..b44f35d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-piggy-bank-fill" viewBox="0 0 16 16">
+  <path d="M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069c0-.145-.007-.29-.02-.431.261-.11.508-.266.705-.444.315.306.815.306.815-.417 0 .223-.5.223-.461-.026a.95.95 0 0 0 .09-.255.7.7 0 0 0-.202-.645.58.58 0 0 0-.707-.098.735.735 0 0 0-.375.562c-.024.243.082.48.32.654a2.112 2.112 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595Zm7.173 3.876a.565.565 0 0 1-.098.21.704.704 0 0 1-.044-.025c-.146-.09-.157-.175-.152-.223a.236.236 0 0 1 .117-.173c.049-.027.08-.021.113.012a.202.202 0 0 1 .064.199Zm-8.999-.65a.5.5 0 1 1-.276-.96A7.613 7.613 0 0 1 7.964 3.5c.763 0 1.497.11 2.18.315a.5.5 0 1 1-.287.958A6.602 6.602 0 0 0 7.964 4.5c-.64 0-1.255.09-1.826.254ZM5 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank.svg b/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank.svg
new file mode 100644
index 00000000..1d836ce1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/piggy-bank.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-piggy-bank" viewBox="0 0 16 16">
+  <path d="M5 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm1.138-1.496A6.613 6.613 0 0 1 7.964 4.5c.666 0 1.303.097 1.893.273a.5.5 0 0 0 .286-.958A7.602 7.602 0 0 0 7.964 3.5c-.734 0-1.441.103-2.102.292a.5.5 0 1 0 .276.962z"/>
+  <path fill-rule="evenodd" d="M7.964 1.527c-2.977 0-5.571 1.704-6.32 4.125h-.55A1 1 0 0 0 .11 6.824l.254 1.46a1.5 1.5 0 0 0 1.478 1.243h.263c.3.513.688.978 1.145 1.382l-.729 2.477a.5.5 0 0 0 .48.641h2a.5.5 0 0 0 .471-.332l.482-1.351c.635.173 1.31.267 2.011.267.707 0 1.388-.095 2.028-.272l.543 1.372a.5.5 0 0 0 .465.316h2a.5.5 0 0 0 .478-.645l-.761-2.506C13.81 9.895 14.5 8.559 14.5 7.069c0-.145-.007-.29-.02-.431.261-.11.508-.266.705-.444.315.306.815.306.815-.417 0 .223-.5.223-.461-.026a.95.95 0 0 0 .09-.255.7.7 0 0 0-.202-.645.58.58 0 0 0-.707-.098.735.735 0 0 0-.375.562c-.024.243.082.48.32.654a2.112 2.112 0 0 1-.259.153c-.534-2.664-3.284-4.595-6.442-4.595zM2.516 6.26c.455-2.066 2.667-3.733 5.448-3.733 3.146 0 5.536 2.114 5.536 4.542 0 1.254-.624 2.41-1.67 3.248a.5.5 0 0 0-.165.535l.66 2.175h-.985l-.59-1.487a.5.5 0 0 0-.629-.288c-.661.23-1.39.359-2.157.359a6.558 6.558 0 0 1-2.157-.359.5.5 0 0 0-.635.304l-.525 1.471h-.979l.633-2.15a.5.5 0 0 0-.17-.534 4.649 4.649 0 0 1-1.284-1.541.5.5 0 0 0-.446-.275h-.56a.5.5 0 0 1-.492-.414l-.254-1.46h.933a.5.5 0 0 0 .488-.393zm12.621-.857a.565.565 0 0 1-.098.21.704.704 0 0 1-.044-.025c-.146-.09-.157-.175-.152-.223a.236.236 0 0 1 .117-.173c.049-.027.08-.021.113.012a.202.202 0 0 1 .064.199z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle-fill.svg
new file mode 100644
index 00000000..3112c0b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-angle-fill" viewBox="0 0 16 16">
+  <path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle.svg
new file mode 100644
index 00000000..a07b038e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin-angle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-angle" viewBox="0 0 16 16">
+  <path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146zm.122 2.112v-.002.002zm0-.002v.002a.5.5 0 0 1-.122.51L6.293 6.878a.5.5 0 0 1-.511.12H5.78l-.014-.004a4.507 4.507 0 0 0-.288-.076 4.922 4.922 0 0 0-.765-.116c-.422-.028-.836.008-1.175.15l5.51 5.509c.141-.34.177-.753.149-1.175a4.924 4.924 0 0 0-.192-1.054l-.004-.013v-.001a.5.5 0 0 1 .12-.512l3.536-3.535a.5.5 0 0 1 .532-.115l.096.022c.087.017.208.034.344.034.114 0 .23-.011.343-.04L9.927 2.028c-.029.113-.04.23-.04.343a1.779 1.779 0 0 0 .062.46z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin-fill.svg
new file mode 100644
index 00000000..f00b7904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-fill" viewBox="0 0 16 16">
+  <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin-map-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin-map-fill.svg
new file mode 100644
index 00000000..b8c8502b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin-map-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-map-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z"/>
+  <path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin-map.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin-map.svg
new file mode 100644
index 00000000..f04129a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin-map.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin-map" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z"/>
+  <path fill-rule="evenodd" d="M8 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pin.svg
new file mode 100644
index 00000000..45fd7dea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pin" viewBox="0 0 16 16">
+  <path d="M4.146.146A.5.5 0 0 1 4.5 0h7a.5.5 0 0 1 .5.5c0 .68-.342 1.174-.646 1.479-.126.125-.25.224-.354.298v4.431l.078.048c.203.127.476.314.751.555C12.36 7.775 13 8.527 13 9.5a.5.5 0 0 1-.5.5h-4v4.5c0 .276-.224 1.5-.5 1.5s-.5-1.224-.5-1.5V10h-4a.5.5 0 0 1-.5-.5c0-.973.64-1.725 1.17-2.189A5.921 5.921 0 0 1 5 6.708V2.277a2.77 2.77 0 0 1-.354-.298C4.342 1.674 4 1.179 4 .5a.5.5 0 0 1 .146-.354zm1.58 1.408-.002-.001.002.001zm-.002-.001.002.001A.5.5 0 0 1 6 2v5a.5.5 0 0 1-.276.447h-.002l-.012.007-.054.03a4.922 4.922 0 0 0-.827.58c-.318.278-.585.596-.725.936h7.792c-.14-.34-.407-.658-.725-.936a4.915 4.915 0 0 0-.881-.61l-.012-.006h-.002A.5.5 0 0 1 10 7V2a.5.5 0 0 1 .295-.458 1.775 1.775 0 0 0 .351-.271c.08-.08.155-.17.214-.271H5.14c.06.1.133.191.214.271a1.78 1.78 0 0 0 .37.282z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pinterest.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pinterest.svg
new file mode 100644
index 00000000..b4fbc23d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pinterest.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pinterest" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 0 0-2.915 15.452c-.07-.633-.134-1.606.027-2.297.146-.625.938-3.977.938-3.977s-.239-.479-.239-1.187c0-1.113.645-1.943 1.448-1.943.682 0 1.012.512 1.012 1.127 0 .686-.437 1.712-.663 2.663-.188.796.4 1.446 1.185 1.446 1.422 0 2.515-1.5 2.515-3.664 0-1.915-1.377-3.254-3.342-3.254-2.276 0-3.612 1.707-3.612 3.471 0 .688.265 1.425.595 1.826a.24.24 0 0 1 .056.23c-.061.252-.196.796-.222.907-.035.146-.116.177-.268.107-1-.465-1.624-1.926-1.624-3.1 0-2.523 1.834-4.84 5.286-4.84 2.775 0 4.932 1.977 4.932 4.62 0 2.757-1.739 4.976-4.151 4.976-.811 0-1.573-.421-1.834-.919l-.498 1.902c-.181.695-.669 1.566-.995 2.097A8 8 0 1 0 8 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pip-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pip-fill.svg
new file mode 100644
index 00000000..1869f789
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pip-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pip-fill" viewBox="0 0 16 16">
+  <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm7 6h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/pip.svg b/apps/phoenix_webcomponent/priv/bsi/svg/pip.svg
new file mode 100644
index 00000000..58f06382
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/pip.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pip" viewBox="0 0 16 16">
+  <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
+  <path d="M8 8.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play-btn-fill.svg
new file mode 100644
index 00000000..18b91678
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6.79-6.907A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play-btn.svg
new file mode 100644
index 00000000..576e30bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-btn" viewBox="0 0 16 16">
+  <path d="M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play-circle-fill.svg
new file mode 100644
index 00000000..511ef37b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play-circle.svg
new file mode 100644
index 00000000..c93144ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play-fill.svg
new file mode 100644
index 00000000..28f2e673
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+  <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/play.svg b/apps/phoenix_webcomponent/priv/bsi/svg/play.svg
new file mode 100644
index 00000000..b3fd3dc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/play.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play" viewBox="0 0 16 16">
+  <path d="M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/playstation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/playstation.svg
new file mode 100644
index 00000000..f8ce05b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/playstation.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-playstation" viewBox="0 0 16 16">
+  <path d="M15.858 11.451c-.313.395-1.079.676-1.079.676l-5.696 2.046v-1.509l4.192-1.493c.476-.17.549-.412.162-.538-.386-.127-1.085-.09-1.56.08l-2.794.984v-1.566l.161-.054s.807-.286 1.942-.412c1.135-.125 2.525.017 3.616.43 1.23.39 1.368.962 1.056 1.356ZM9.625 8.883v-3.86c0-.453-.083-.87-.508-.988-.326-.105-.528.198-.528.65v9.664l-2.606-.827V2c1.108.206 2.722.692 3.59.985 2.207.757 2.955 1.7 2.955 3.825 0 2.071-1.278 2.856-2.903 2.072Zm-8.424 3.625C-.061 12.15-.271 11.41.304 10.984c.532-.394 1.436-.69 1.436-.69l3.737-1.33v1.515l-2.69.963c-.474.17-.547.411-.161.538.386.126 1.085.09 1.56-.08l1.29-.469v1.356l-.257.043a8.454 8.454 0 0 1-4.018-.323Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plug-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plug-fill.svg
new file mode 100644
index 00000000..d15b8e6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plug-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plug-fill" viewBox="0 0 16 16">
+  <path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plug.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plug.svg
new file mode 100644
index 00000000..c5e6688d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plug.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plug" viewBox="0 0 16 16">
+  <path d="M6 0a.5.5 0 0 1 .5.5V3h3V.5a.5.5 0 0 1 1 0V3h1a.5.5 0 0 1 .5.5v3A3.5 3.5 0 0 1 8.5 10c-.002.434-.01.845-.04 1.22-.041.514-.126 1.003-.317 1.424a2.083 2.083 0 0 1-.97 1.028C6.725 13.9 6.169 14 5.5 14c-.998 0-1.61.33-1.974.718A1.922 1.922 0 0 0 3 16H2c0-.616.232-1.367.797-1.968C3.374 13.42 4.261 13 5.5 13c.581 0 .962-.088 1.218-.219.241-.123.4-.3.514-.55.121-.266.193-.621.23-1.09.027-.34.035-.718.037-1.141A3.5 3.5 0 0 1 4 6.5v-3a.5.5 0 0 1 .5-.5h1V.5A.5.5 0 0 1 6 0zM5 4v2.5A2.5 2.5 0 0 0 7.5 9h1A2.5 2.5 0 0 0 11 6.5V4H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plugin.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plugin.svg
new file mode 100644
index 00000000..3f179a39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plugin.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plugin" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-dotted.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-dotted.svg
new file mode 100644
index 00000000..c69316ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-dotted.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-dotted" viewBox="0 0 16 16">
+  <path d="M8 0c-.176 0-.35.006-.523.017l.064.998a7.117 7.117 0 0 1 .918 0l.064-.998A8.113 8.113 0 0 0 8 0zM6.44.152c-.346.069-.684.16-1.012.27l.321.948c.287-.098.582-.177.884-.237L6.44.153zm4.132.271a7.946 7.946 0 0 0-1.011-.27l-.194.98c.302.06.597.14.884.237l.321-.947zm1.873.925a8 8 0 0 0-.906-.524l-.443.896c.275.136.54.29.793.459l.556-.831zM4.46.824c-.314.155-.616.33-.905.524l.556.83a7.07 7.07 0 0 1 .793-.458L4.46.824zM2.725 1.985c-.262.23-.51.478-.74.74l.752.66c.202-.23.418-.446.648-.648l-.66-.752zm11.29.74a8.058 8.058 0 0 0-.74-.74l-.66.752c.23.202.447.418.648.648l.752-.66zm1.161 1.735a7.98 7.98 0 0 0-.524-.905l-.83.556c.169.253.322.518.458.793l.896-.443zM1.348 3.555c-.194.289-.37.591-.524.906l.896.443c.136-.275.29-.54.459-.793l-.831-.556zM.423 5.428a7.945 7.945 0 0 0-.27 1.011l.98.194c.06-.302.14-.597.237-.884l-.947-.321zM15.848 6.44a7.943 7.943 0 0 0-.27-1.012l-.948.321c.098.287.177.582.237.884l.98-.194zM.017 7.477a8.113 8.113 0 0 0 0 1.046l.998-.064a7.117 7.117 0 0 1 0-.918l-.998-.064zM16 8a8.1 8.1 0 0 0-.017-.523l-.998.064a7.11 7.11 0 0 1 0 .918l.998.064A8.1 8.1 0 0 0 16 8zM.152 9.56c.069.346.16.684.27 1.012l.948-.321a6.944 6.944 0 0 1-.237-.884l-.98.194zm15.425 1.012c.112-.328.202-.666.27-1.011l-.98-.194c-.06.302-.14.597-.237.884l.947.321zM.824 11.54a8 8 0 0 0 .524.905l.83-.556a6.999 6.999 0 0 1-.458-.793l-.896.443zm13.828.905c.194-.289.37-.591.524-.906l-.896-.443c-.136.275-.29.54-.459.793l.831.556zm-12.667.83c.23.262.478.51.74.74l.66-.752a7.047 7.047 0 0 1-.648-.648l-.752.66zm11.29.74c.262-.23.51-.478.74-.74l-.752-.66c-.201.23-.418.447-.648.648l.66.752zm-1.735 1.161c.314-.155.616-.33.905-.524l-.556-.83a7.07 7.07 0 0 1-.793.458l.443.896zm-7.985-.524c.289.194.591.37.906.524l.443-.896a6.998 6.998 0 0 1-.793-.459l-.556.831zm1.873.925c.328.112.666.202 1.011.27l.194-.98a6.953 6.953 0 0 1-.884-.237l-.321.947zm4.132.271a7.944 7.944 0 0 0 1.012-.27l-.321-.948a6.954 6.954 0 0 1-.884.237l.194.98zm-2.083.135a8.1 8.1 0 0 0 1.046 0l-.064-.998a7.11 7.11 0 0 1-.918 0l-.064.998zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-fill.svg
new file mode 100644
index 00000000..f3201164
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle.svg
new file mode 100644
index 00000000..66308ef1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-lg.svg
new file mode 100644
index 00000000..f821cc33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-slash-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-slash-minus.svg
new file mode 100644
index 00000000..44a8e0eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-slash-minus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-slash-minus" viewBox="0 0 16 16">
+  <path d="m1.854 14.854 13-13a.5.5 0 0 0-.708-.708l-13 13a.5.5 0 0 0 .708.708ZM4 1a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2A.5.5 0 0 1 4 1Zm5 11a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 9 12Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-dotted.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-dotted.svg
new file mode 100644
index 00000000..4ae7ad68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-dotted.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-square-dotted" viewBox="0 0 16 16">
+  <path d="M2.5 0c-.166 0-.33.016-.487.048l.194.98A1.51 1.51 0 0 1 2.5 1h.458V0H2.5zm2.292 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zm1.833 0h-.916v1h.916V0zm1.834 0h-.917v1h.917V0zm1.833 0h-.917v1h.917V0zM13.5 0h-.458v1h.458c.1 0 .199.01.293.029l.194-.981A2.51 2.51 0 0 0 13.5 0zm2.079 1.11a2.511 2.511 0 0 0-.69-.689l-.556.831c.164.11.305.251.415.415l.83-.556zM1.11.421a2.511 2.511 0 0 0-.689.69l.831.556c.11-.164.251-.305.415-.415L1.11.422zM16 2.5c0-.166-.016-.33-.048-.487l-.98.194c.018.094.028.192.028.293v.458h1V2.5zM.048 2.013A2.51 2.51 0 0 0 0 2.5v.458h1V2.5c0-.1.01-.199.029-.293l-.981-.194zM0 3.875v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 5.708v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zM0 7.542v.916h1v-.916H0zm15 .916h1v-.916h-1v.916zM0 9.375v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .916v.917h1v-.917H0zm16 .917v-.917h-1v.917h1zm-16 .917v.458c0 .166.016.33.048.487l.98-.194A1.51 1.51 0 0 1 1 13.5v-.458H0zm16 .458v-.458h-1v.458c0 .1-.01.199-.029.293l.981.194c.032-.158.048-.32.048-.487zM.421 14.89c.183.272.417.506.69.689l.556-.831a1.51 1.51 0 0 1-.415-.415l-.83.556zm14.469.689c.272-.183.506-.417.689-.69l-.831-.556c-.11.164-.251.305-.415.415l.556.83zm-12.877.373c.158.032.32.048.487.048h.458v-1H2.5c-.1 0-.199-.01-.293-.029l-.194.981zM13.5 16c.166 0 .33-.016.487-.048l-.194-.98A1.51 1.51 0 0 1 13.5 15h-.458v1h.458zm-9.625 0h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zm1.834-1v1h.916v-1h-.916zm1.833 1h.917v-1h-.917v1zm1.833 0h.917v-1h-.917v1zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-fill.svg
new file mode 100644
index 00000000..0d5e15cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square.svg
new file mode 100644
index 00000000..15c4c44f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/plus.svg
new file mode 100644
index 00000000..5b088c08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
+  <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postage-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postage-fill.svg
new file mode 100644
index 00000000..701a1c64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postage-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postage-fill" viewBox="0 0 16 16">
+  <path d="M4.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-7Z"/>
+  <path d="M3.5 1a1 1 0 0 0 1-1h1a1 1 0 0 0 2 0h1a1 1 0 0 0 2 0h1a1 1 0 1 0 2 0H15v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1h-1.5a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0H1v-1a1 1 0 1 0 0-2v-1a1 1 0 1 0 0-2V9a1 1 0 1 0 0-2V6a1 1 0 0 0 0-2V3a1 1 0 0 0 0-2V0h1.5a1 1 0 0 0 1 1ZM3 3v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart-fill.svg
new file mode 100644
index 00000000..a2689014
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postage-heart-fill" viewBox="0 0 16 16">
+  <path d="M4.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-7ZM8 11C2.175 7.236 6.336 4.31 8 5.982 9.664 4.309 13.825 7.236 8 11Z"/>
+  <path d="M4.5 0a1 1 0 0 1-2 0H1v1a1 1 0 0 1 0 2v1a1 1 0 0 1 0 2v1a1 1 0 0 1 0 2v1a1 1 0 1 1 0 2v1a1 1 0 1 1 0 2v1h1.5a1 1 0 1 1 2 0h1a1 1 0 1 1 2 0h1a1 1 0 1 1 2 0h1a1 1 0 1 1 2 0H15v-1a1 1 0 1 1 0-2v-1a1 1 0 1 1 0-2V9a1 1 0 1 1 0-2V6a1 1 0 1 1 0-2V3a1 1 0 1 1 0-2V0h-1.5a1 1 0 1 1-2 0h-1a1 1 0 1 1-2 0h-1a1 1 0 0 1-2 0h-1ZM4 14a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart.svg
new file mode 100644
index 00000000..4d22b180
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postage-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postage-heart" viewBox="0 0 16 16">
+  <path d="M3.5 1a1 1 0 0 0 1-1h1a1 1 0 0 0 2 0h1a1 1 0 0 0 2 0h1a1 1 0 1 0 2 0H15v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1h-1.5a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0H1v-1a1 1 0 1 0 0-2v-1a1 1 0 1 0 0-2V9a1 1 0 1 0 0-2V6a1 1 0 0 0 0-2V3a1 1 0 0 0 0-2V0h1.5a1 1 0 0 0 1 1ZM3 3v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1Z"/>
+  <path d="M8 11C2.175 7.236 6.336 4.31 8 5.982 9.664 4.309 13.825 7.236 8 11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postage.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postage.svg
new file mode 100644
index 00000000..cc49c700
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postage.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postage" viewBox="0 0 16 16">
+  <path d="M4.75 3a.75.75 0 0 0-.75.75v8.5c0 .414.336.75.75.75h6.5a.75.75 0 0 0 .75-.75v-8.5a.75.75 0 0 0-.75-.75h-6.5ZM11 12H5V4h6v8Z"/>
+  <path d="M3.5 1a1 1 0 0 0 1-1h1a1 1 0 0 0 2 0h1a1 1 0 0 0 2 0h1a1 1 0 1 0 2 0H15v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1a1 1 0 1 0 0 2v1h-1.5a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0h-1a1 1 0 1 0-2 0H1v-1a1 1 0 1 0 0-2v-1a1 1 0 1 0 0-2V9a1 1 0 1 0 0-2V6a1 1 0 0 0 0-2V3a1 1 0 0 0 0-2V0h1.5a1 1 0 0 0 1 1ZM3 3v10a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postcard-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-fill.svg
new file mode 100644
index 00000000..01b54dd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postcard-fill" viewBox="0 0 16 16">
+  <path d="M11 8h2V6h-2v2Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm8.5.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7ZM2 5.5a.5.5 0 0 0 .5.5H6a.5.5 0 0 0 0-1H2.5a.5.5 0 0 0-.5.5ZM2.5 7a.5.5 0 0 0 0 1H6a.5.5 0 0 0 0-1H2.5ZM2 9.5a.5.5 0 0 0 .5.5H6a.5.5 0 0 0 0-1H2.5a.5.5 0 0 0-.5.5Zm8-4v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart-fill.svg
new file mode 100644
index 00000000..5e551fb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postcard-heart-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2Zm6 2.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7Zm3.5.878c1.482-1.42 4.795 1.392 0 4.622-4.795-3.23-1.482-6.043 0-4.622ZM2 5.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart.svg
new file mode 100644
index 00000000..e0f2f05a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postcard-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postcard-heart" viewBox="0 0 16 16">
+  <path d="M8 4.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7Zm3.5.878c1.482-1.42 4.795 1.392 0 4.622-4.795-3.23-1.482-6.043 0-4.622ZM2.5 5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Z"/>
+  <path fill-rule="evenodd" d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/postcard.svg b/apps/phoenix_webcomponent/priv/bsi/svg/postcard.svg
new file mode 100644
index 00000000..827180e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/postcard.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-postcard" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2ZM1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm7.5.5a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0v-7ZM2 5.5a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5Zm0 2a.5.5 0 0 1 .5-.5H6a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5ZM10.5 5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3ZM13 8h-2V6h2v2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/power.svg b/apps/phoenix_webcomponent/priv/bsi/svg/power.svg
new file mode 100644
index 00000000..6fb97563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/power.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-power" viewBox="0 0 16 16">
+  <path d="M7.5 1v7h1V1h-1z"/>
+  <path d="M3 8.812a4.999 4.999 0 0 1 2.578-4.375l-.485-.874A6 6 0 1 0 11 3.616l-.501.865A5 5 0 1 1 3 8.812z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/prescription.svg b/apps/phoenix_webcomponent/priv/bsi/svg/prescription.svg
new file mode 100644
index 00000000..263433a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/prescription.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-prescription" viewBox="0 0 16 16">
+  <path d="M5.5 6a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 1 0V9h.293l2 2-1.147 1.146a.5.5 0 0 0 .708.708L9 11.707l1.146 1.147a.5.5 0 0 0 .708-.708L9.707 11l1.147-1.146a.5.5 0 0 0-.708-.708L9 10.293 7.695 8.987A1.5 1.5 0 0 0 7.5 6h-2ZM6 7h1.5a.5.5 0 0 1 0 1H6V7Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/prescription2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/prescription2.svg
new file mode 100644
index 00000000..fbe2f918
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/prescription2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-prescription2" viewBox="0 0 16 16">
+  <path d="M7 6h2v2h2v2H9v2H7v-2H5V8h2V6Z"/>
+  <path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1V1Zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4H4ZM3 3h10V1H3v2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/printer-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/printer-fill.svg
new file mode 100644
index 00000000..485d9878
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/printer-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer-fill" viewBox="0 0 16 16">
+  <path d="M5 1a2 2 0 0 0-2 2v1h10V3a2 2 0 0 0-2-2H5zm6 8H5a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1z"/>
+  <path d="M0 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1v-2a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2H2a2 2 0 0 1-2-2V7zm2.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/printer.svg b/apps/phoenix_webcomponent/priv/bsi/svg/printer.svg
new file mode 100644
index 00000000..60196bc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/printer.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
+  <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
+  <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/projector-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/projector-fill.svg
new file mode 100644
index 00000000..ff6a3418
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/projector-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-projector-fill" viewBox="0 0 16 16">
+  <path d="M2 4a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2 1 1 0 0 0 1 1h1a1 1 0 0 0 1-1h6a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1 2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2Zm.5 2h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1ZM14 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-12 1a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/projector.svg b/apps/phoenix_webcomponent/priv/bsi/svg/projector.svg
new file mode 100644
index 00000000..218c6a5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/projector.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-projector" viewBox="0 0 16 16">
+  <path d="M14 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM2.5 6a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Zm0 2a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z"/>
+  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2 1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1H5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 2 2 0 0 1-2-2V6Zm2-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/puzzle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/puzzle-fill.svg
new file mode 100644
index 00000000..e9bbfae6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/puzzle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-puzzle-fill" viewBox="0 0 16 16">
+  <path d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.459.459 0 0 0-.115.118.113.113 0 0 0-.012.025L6.5 4.5v.003l.003.01c.004.01.014.028.036.053a.86.86 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.86.86 0 0 0 .271-.194.213.213 0 0 0 .036-.054l.003-.01v-.008a.112.112 0 0 0-.012-.025.459.459 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.459.459 0 0 0 .115-.118.113.113 0 0 0 .012-.025L9.5 11.5v-.003l-.003-.01a.214.214 0 0 0-.036-.053.859.859 0 0 0-.27-.194C8.91 11.1 8.49 11 8 11c-.491 0-.912.1-1.19.24a.859.859 0 0 0-.271.194.214.214 0 0 0-.036.054l-.003.01v.002l.001.006a.113.113 0 0 0 .012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238l-.244-2.855z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/puzzle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/puzzle.svg
new file mode 100644
index 00000000..c9b07a24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/puzzle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-puzzle" viewBox="0 0 16 16">
+  <path d="M3.112 3.645A1.5 1.5 0 0 1 4.605 2H7a.5.5 0 0 1 .5.5v.382c0 .696-.497 1.182-.872 1.469a.459.459 0 0 0-.115.118.113.113 0 0 0-.012.025L6.5 4.5v.003l.003.01c.004.01.014.028.036.053a.86.86 0 0 0 .27.194C7.09 4.9 7.51 5 8 5c.492 0 .912-.1 1.19-.24a.86.86 0 0 0 .271-.194.213.213 0 0 0 .039-.063v-.009a.112.112 0 0 0-.012-.025.459.459 0 0 0-.115-.118c-.375-.287-.872-.773-.872-1.469V2.5A.5.5 0 0 1 9 2h2.395a1.5 1.5 0 0 1 1.493 1.645L12.645 6.5h.237c.195 0 .42-.147.675-.48.21-.274.528-.52.943-.52.568 0 .947.447 1.154.862C15.877 6.807 16 7.387 16 8s-.123 1.193-.346 1.638c-.207.415-.586.862-1.154.862-.415 0-.733-.246-.943-.52-.255-.333-.48-.48-.675-.48h-.237l.243 2.855A1.5 1.5 0 0 1 11.395 14H9a.5.5 0 0 1-.5-.5v-.382c0-.696.497-1.182.872-1.469a.459.459 0 0 0 .115-.118.113.113 0 0 0 .012-.025L9.5 11.5v-.003a.214.214 0 0 0-.039-.064.859.859 0 0 0-.27-.193C8.91 11.1 8.49 11 8 11c-.491 0-.912.1-1.19.24a.859.859 0 0 0-.271.194.214.214 0 0 0-.039.063v.003l.001.006a.113.113 0 0 0 .012.025c.016.027.05.068.115.118.375.287.872.773.872 1.469v.382a.5.5 0 0 1-.5.5H4.605a1.5 1.5 0 0 1-1.493-1.645L3.356 9.5h-.238c-.195 0-.42.147-.675.48-.21.274-.528.52-.943.52-.568 0-.947-.447-1.154-.862C.123 9.193 0 8.613 0 8s.123-1.193.346-1.638C.553 5.947.932 5.5 1.5 5.5c.415 0 .733.246.943.52.255.333.48.48.675.48h.238l-.244-2.855zM4.605 3a.5.5 0 0 0-.498.55l.001.007.29 3.4A.5.5 0 0 1 3.9 7.5h-.782c-.696 0-1.182-.497-1.469-.872a.459.459 0 0 0-.118-.115.112.112 0 0 0-.025-.012L1.5 6.5h-.003a.213.213 0 0 0-.064.039.86.86 0 0 0-.193.27C1.1 7.09 1 7.51 1 8c0 .491.1.912.24 1.19.07.14.14.225.194.271a.213.213 0 0 0 .063.039H1.5l.006-.001a.112.112 0 0 0 .025-.012.459.459 0 0 0 .118-.115c.287-.375.773-.872 1.469-.872H3.9a.5.5 0 0 1 .498.542l-.29 3.408a.5.5 0 0 0 .497.55h1.878c-.048-.166-.195-.352-.463-.557-.274-.21-.52-.528-.52-.943 0-.568.447-.947.862-1.154C6.807 10.123 7.387 10 8 10s1.193.123 1.638.346c.415.207.862.586.862 1.154 0 .415-.246.733-.52.943-.268.205-.415.39-.463.557h1.878a.5.5 0 0 0 .498-.55l-.001-.007-.29-3.4A.5.5 0 0 1 12.1 8.5h.782c.696 0 1.182.497 1.469.872.05.065.091.099.118.115.013.008.021.01.025.012a.02.02 0 0 0 .006.001h.003a.214.214 0 0 0 .064-.039.86.86 0 0 0 .193-.27c.14-.28.24-.7.24-1.191 0-.492-.1-.912-.24-1.19a.86.86 0 0 0-.194-.271.215.215 0 0 0-.063-.039H14.5l-.006.001a.113.113 0 0 0-.025.012.459.459 0 0 0-.118.115c-.287.375-.773.872-1.469.872H12.1a.5.5 0 0 1-.498-.543l.29-3.407a.5.5 0 0 0-.497-.55H9.517c.048.166.195.352.463.557.274.21.52.528.52.943 0 .568-.447.947-.862 1.154C9.193 5.877 8.613 6 8 6s-1.193-.123-1.638-.346C5.947 5.447 5.5 5.068 5.5 4.5c0-.415.246-.733.52-.943.268-.205.415-.39.463-.557H4.605z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/qr-code-scan.svg b/apps/phoenix_webcomponent/priv/bsi/svg/qr-code-scan.svg
new file mode 100644
index 00000000..7eb599e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/qr-code-scan.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-qr-code-scan" viewBox="0 0 16 16">
+  <path d="M0 .5A.5.5 0 0 1 .5 0h3a.5.5 0 0 1 0 1H1v2.5a.5.5 0 0 1-1 0v-3Zm12 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V1h-2.5a.5.5 0 0 1-.5-.5ZM.5 12a.5.5 0 0 1 .5.5V15h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm15 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H15v-2.5a.5.5 0 0 1 .5-.5ZM4 4h1v1H4V4Z"/>
+  <path d="M7 2H2v5h5V2ZM3 3h3v3H3V3Zm2 8H4v1h1v-1Z"/>
+  <path d="M7 9H2v5h5V9Zm-4 1h3v3H3v-3Zm8-6h1v1h-1V4Z"/>
+  <path d="M9 2h5v5H9V2Zm1 1v3h3V3h-3ZM8 8v2h1v1H8v1h2v-2h1v2h1v-1h2v-1h-3V8H8Zm2 2H9V9h1v1Zm4 2h-1v1h-2v1h3v-2Zm-4 2v-1H8v1h2Z"/>
+  <path d="M12 9h2V8h-2v1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/qr-code.svg b/apps/phoenix_webcomponent/priv/bsi/svg/qr-code.svg
new file mode 100644
index 00000000..bf5570dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/qr-code.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-qr-code" viewBox="0 0 16 16">
+  <path d="M2 2h2v2H2V2Z"/>
+  <path d="M6 0v6H0V0h6ZM5 1H1v4h4V1ZM4 12H2v2h2v-2Z"/>
+  <path d="M6 10v6H0v-6h6Zm-5 1v4h4v-4H1Zm11-9h2v2h-2V2Z"/>
+  <path d="M10 0v6h6V0h-6Zm5 1v4h-4V1h4ZM8 1V0h1v2H8v2H7V1h1Zm0 5V4h1v2H8ZM6 8V7h1V6h1v2h1V7h5v1h-4v1H7V8H6Zm0 0v1H2V8H1v1H0V7h3v1h3Zm10 1h-1V7h1v2Zm-1 0h-1v2h2v-1h-1V9Zm-4 0h2v1h-1v1h-1V9Zm2 3v-1h-1v1h-1v1H9v1h3v-2h1Zm0 0h3v1h-2v1h-1v-2Zm-4-1v1h1v-2H7v1h2Z"/>
+  <path d="M7 12h1v3h4v1H7v-4Zm9 2v2h-3v-1h2v-1h1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-circle-fill.svg
new file mode 100644
index 00000000..d8e5e06d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-circle.svg
new file mode 100644
index 00000000..1c8cbe7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond-fill.svg
new file mode 100644
index 00000000..a86583be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-diamond-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435zM5.495 6.033a.237.237 0 0 1-.24-.247C5.35 4.091 6.737 3.5 8.005 3.5c1.396 0 2.672.73 2.672 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.105a.25.25 0 0 1-.25.25h-.81a.25.25 0 0 1-.25-.246l-.004-.217c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.803 0-1.253.478-1.342 1.134-.018.137-.128.25-.266.25h-.825zm2.325 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond.svg
new file mode 100644
index 00000000..a7d8233c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-diamond.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-diamond" viewBox="0 0 16 16">
+  <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134z"/>
+  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-lg.svg
new file mode 100644
index 00000000..fa3452e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-lg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215 0 1.344-.665 2.288-1.79 2.973-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712 1.03-.632 1.397-1.135 1.397-2.028 0-.979-.758-1.698-1.926-1.698-1.009 0-1.71.529-1.938 1.402-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09 0-.618-.473-1.092-1.095-1.092-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon-fill.svg
new file mode 100644
index 00000000..2ff954ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-octagon-fill" viewBox="0 0 16 16">
+  <path d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM5.496 6.033a.237.237 0 0 1-.24-.247C5.35 4.091 6.737 3.5 8.005 3.5c1.396 0 2.672.73 2.672 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.105a.25.25 0 0 1-.25.25h-.81a.25.25 0 0 1-.25-.246l-.004-.217c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.803 0-1.253.478-1.342 1.134-.018.137-.128.25-.266.25h-.825zm2.325 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon.svg
new file mode 100644
index 00000000..02e8ffe2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-octagon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-octagon" viewBox="0 0 16 16">
+  <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
+  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-square-fill.svg
new file mode 100644
index 00000000..dd724104
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.496 6.033a.237.237 0 0 1-.24-.247C5.35 4.091 6.737 3.5 8.005 3.5c1.396 0 2.672.73 2.672 2.24 0 1.08-.635 1.594-1.244 2.057-.737.559-1.01.768-1.01 1.486v.105a.25.25 0 0 1-.25.25h-.81a.25.25 0 0 1-.25-.246l-.004-.217c-.038-.927.495-1.498 1.168-1.987.59-.444.965-.736.965-1.371 0-.825-.628-1.168-1.314-1.168-.803 0-1.253.478-1.342 1.134-.018.137-.128.25-.266.25h-.825zm2.325 6.443c-.584 0-1.009-.394-1.009-.927 0-.552.425-.94 1.01-.94.609 0 1.028.388 1.028.94 0 .533-.42.927-1.029.927z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question-square.svg
new file mode 100644
index 00000000..d0a56ffb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/question.svg b/apps/phoenix_webcomponent/priv/bsi/svg/question.svg
new file mode 100644
index 00000000..05abe29c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/question.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-question" viewBox="0 0 16 16">
+  <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/quora.svg b/apps/phoenix_webcomponent/priv/bsi/svg/quora.svg
new file mode 100644
index 00000000..e90e571b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/quora.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-quora" viewBox="0 0 16 16">
+  <path d="M8.73 12.476c-.554-1.091-1.204-2.193-2.473-2.193-.242 0-.484.04-.707.142l-.43-.863c.525-.45 1.373-.808 2.464-.808 1.697 0 2.568.818 3.26 1.86.41-.89.605-2.093.605-3.584 0-3.724-1.165-5.636-3.885-5.636-2.68 0-3.839 1.912-3.839 5.636 0 3.704 1.159 5.596 3.84 5.596.425 0 .811-.046 1.166-.15Zm.665 1.3a7.127 7.127 0 0 1-1.83.244C3.994 14.02.5 11.172.5 7.03.5 2.849 3.995 0 7.564 0c3.63 0 7.09 2.828 7.09 7.03 0 2.337-1.09 4.236-2.675 5.464.512.767 1.04 1.277 1.773 1.277.802 0 1.125-.62 1.179-1.105h1.043c.061.647-.262 3.334-3.178 3.334-1.767 0-2.7-1.024-3.4-2.224Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/quote.svg b/apps/phoenix_webcomponent/priv/bsi/svg/quote.svg
new file mode 100644
index 00000000..03b45bf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/quote.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-quote" viewBox="0 0 16 16">
+  <path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/r-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/r-circle-fill.svg
new file mode 100644
index 00000000..c2386c3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/r-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-r-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.5 4.002V12h1.335V8.924H8.52L9.98 12h1.52L9.856 8.701c.828-.299 1.495-1.101 1.495-2.238 0-1.488-1.03-2.461-2.74-2.461H5.5Zm1.335 1.09v2.777h1.549c.995 0 1.573-.463 1.573-1.36 0-.913-.596-1.417-1.537-1.417H6.835Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/r-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/r-circle.svg
new file mode 100644
index 00000000..ab5c574a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/r-circle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-r-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM5.5 4.002h3.11c1.71 0 2.741.973 2.741 2.46 0 1.138-.667 1.94-1.495 2.24L11.5 12H9.98L8.52 8.924H6.836V12H5.5V4.002Zm1.335 1.09v2.777h1.549c.995 0 1.573-.463 1.573-1.36 0-.913-.596-1.417-1.537-1.417H6.835Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/r-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/r-square-fill.svg
new file mode 100644
index 00000000..e039b8ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/r-square-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-r-square-fill" viewBox="0 0 16 16">
+  <path d="M6.835 5.092v2.777h1.549c.995 0 1.573-.463 1.573-1.36 0-.913-.596-1.417-1.537-1.417H6.835Z"/>
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm3.5 4.002h3.11c1.71 0 2.741.973 2.741 2.46 0 1.138-.667 1.94-1.495 2.24L11.5 12H9.98L8.52 8.924H6.836V12H5.5V4.002Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/r-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/r-square.svg
new file mode 100644
index 00000000..37ddc6ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/r-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-r-square" viewBox="0 0 16 16">
+  <path d="M5.5 4.002h3.11c1.71 0 2.741.973 2.741 2.46 0 1.138-.667 1.94-1.495 2.24L11.5 12H9.98L8.52 8.924H6.836V12H5.5V4.002Zm1.335 1.09v2.777h1.549c.995 0 1.573-.463 1.573-1.36 0-.913-.596-1.417-1.537-1.417H6.835Z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/radioactive.svg b/apps/phoenix_webcomponent/priv/bsi/svg/radioactive.svg
new file mode 100644
index 00000000..1b1072f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/radioactive.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-radioactive" viewBox="0 0 16 16">
+  <path d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Z"/>
+  <path d="M9.653 5.496A2.986 2.986 0 0 0 8 5c-.61 0-1.179.183-1.653.496L4.694 2.992A5.972 5.972 0 0 1 8 2c1.222 0 2.358.365 3.306.992L9.653 5.496Zm1.342 2.324a2.986 2.986 0 0 1-.884 2.312 3.01 3.01 0 0 1-.769.552l1.342 2.683c.57-.286 1.09-.66 1.538-1.103a5.986 5.986 0 0 0 1.767-4.624l-2.994.18Zm-5.679 5.548 1.342-2.684A3 3 0 0 1 5.005 7.82l-2.994-.18a6 6 0 0 0 3.306 5.728ZM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rainbow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rainbow.svg
new file mode 100644
index 00000000..8e8aea78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rainbow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rainbow" viewBox="0 0 16 16">
+  <path d="M8 4.5a7 7 0 0 0-7 7 .5.5 0 0 1-1 0 8 8 0 1 1 16 0 .5.5 0 0 1-1 0 7 7 0 0 0-7-7zm0 2a5 5 0 0 0-5 5 .5.5 0 0 1-1 0 6 6 0 1 1 12 0 .5.5 0 0 1-1 0 5 5 0 0 0-5-5zm0 2a3 3 0 0 0-3 3 .5.5 0 0 1-1 0 4 4 0 1 1 8 0 .5.5 0 0 1-1 0 3 3 0 0 0-3-3zm0 2a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 4 0 .5.5 0 0 1-1 0 1 1 0 0 0-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/receipt-cutoff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/receipt-cutoff.svg
new file mode 100644
index 00000000..27be3c09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/receipt-cutoff.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-receipt-cutoff" viewBox="0 0 16 16">
+  <path d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zM11.5 4a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1zm0 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+  <path d="M2.354.646a.5.5 0 0 0-.801.13l-.5 1A.5.5 0 0 0 1 2v13H.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H15V2a.5.5 0 0 0-.053-.224l-.5-1a.5.5 0 0 0-.8-.13L13 1.293l-.646-.647a.5.5 0 0 0-.708 0L11 1.293l-.646-.647a.5.5 0 0 0-.708 0L9 1.293 8.354.646a.5.5 0 0 0-.708 0L7 1.293 6.354.646a.5.5 0 0 0-.708 0L5 1.293 4.354.646a.5.5 0 0 0-.708 0L3 1.293 2.354.646zm-.217 1.198.51.51a.5.5 0 0 0 .707 0L4 1.707l.646.647a.5.5 0 0 0 .708 0L6 1.707l.646.647a.5.5 0 0 0 .708 0L8 1.707l.646.647a.5.5 0 0 0 .708 0L10 1.707l.646.647a.5.5 0 0 0 .708 0L12 1.707l.646.647a.5.5 0 0 0 .708 0l.509-.51.137.274V15H2V2.118l.137-.274z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/receipt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/receipt.svg
new file mode 100644
index 00000000..9ea72836
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/receipt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-receipt" viewBox="0 0 16 16">
+  <path d="M1.92.506a.5.5 0 0 1 .434.14L3 1.293l.646-.647a.5.5 0 0 1 .708 0L5 1.293l.646-.647a.5.5 0 0 1 .708 0L7 1.293l.646-.647a.5.5 0 0 1 .708 0L9 1.293l.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .801.13l.5 1A.5.5 0 0 1 15 2v12a.5.5 0 0 1-.053.224l-.5 1a.5.5 0 0 1-.8.13L13 14.707l-.646.647a.5.5 0 0 1-.708 0L11 14.707l-.646.647a.5.5 0 0 1-.708 0L9 14.707l-.646.647a.5.5 0 0 1-.708 0L7 14.707l-.646.647a.5.5 0 0 1-.708 0L5 14.707l-.646.647a.5.5 0 0 1-.708 0L3 14.707l-.646.647a.5.5 0 0 1-.801-.13l-.5-1A.5.5 0 0 1 1 14V2a.5.5 0 0 1 .053-.224l.5-1a.5.5 0 0 1 .367-.27zm.217 1.338L2 2.118v11.764l.137.274.51-.51a.5.5 0 0 1 .707 0l.646.647.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.646.646.646-.646a.5.5 0 0 1 .708 0l.509.509.137-.274V2.118l-.137-.274-.51.51a.5.5 0 0 1-.707 0L12 1.707l-.646.647a.5.5 0 0 1-.708 0L10 1.707l-.646.647a.5.5 0 0 1-.708 0L8 1.707l-.646.647a.5.5 0 0 1-.708 0L6 1.707l-.646.647a.5.5 0 0 1-.708 0L4 1.707l-.646.647a.5.5 0 0 1-.708 0l-.509-.51z"/>
+  <path d="M3 4.5a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 1 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm8-6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reception-0.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reception-0.svg
new file mode 100644
index 00000000..885bf3bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reception-0.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reception-0" viewBox="0 0 16 16">
+  <path d="M0 13.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reception-1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reception-1.svg
new file mode 100644
index 00000000..3deafb62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reception-1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reception-1" viewBox="0 0 16 16">
+  <path d="M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2zm4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reception-2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reception-2.svg
new file mode 100644
index 00000000..7dca57ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reception-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reception-2" viewBox="0 0 16 16">
+  <path d="M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-5zm4 5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reception-3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reception-3.svg
new file mode 100644
index 00000000..b30d5fb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reception-3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reception-3" viewBox="0 0 16 16">
+  <path d="M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-8zm4 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reception-4.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reception-4.svg
new file mode 100644
index 00000000..611bdf1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reception-4.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reception-4" viewBox="0 0 16 16">
+  <path d="M0 11.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-5zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-8zm4-3a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record-btn-fill.svg
new file mode 100644
index 00000000..caa3ea11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm8-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record-btn.svg
new file mode 100644
index 00000000..4fd261ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-btn" viewBox="0 0 16 16">
+  <path d="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record-circle-fill.svg
new file mode 100644
index 00000000..2c2429a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-8 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record-circle.svg
new file mode 100644
index 00000000..d45d91c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record-fill.svg
new file mode 100644
index 00000000..d4743936
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record.svg
new file mode 100644
index 00000000..27f82a97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record" viewBox="0 0 16 16">
+  <path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 1A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record2-fill.svg
new file mode 100644
index 00000000..76489287
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record2-fill" viewBox="0 0 16 16">
+  <path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+  <path d="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm0-2a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/record2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/record2.svg
new file mode 100644
index 00000000..43a11504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/record2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-record2" viewBox="0 0 16 16">
+  <path d="M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 1A5 5 0 1 0 8 3a5 5 0 0 0 0 10z"/>
+  <path d="M10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/recycle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/recycle.svg
new file mode 100644
index 00000000..e4fa6c03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/recycle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-recycle" viewBox="0 0 16 16">
+  <path d="M9.302 1.256a1.5 1.5 0 0 0-2.604 0l-1.704 2.98a.5.5 0 0 0 .869.497l1.703-2.981a.5.5 0 0 1 .868 0l2.54 4.444-1.256-.337a.5.5 0 1 0-.26.966l2.415.647a.5.5 0 0 0 .613-.353l.647-2.415a.5.5 0 1 0-.966-.259l-.333 1.242-2.532-4.431zM2.973 7.773l-1.255.337a.5.5 0 1 1-.26-.966l2.416-.647a.5.5 0 0 1 .612.353l.647 2.415a.5.5 0 0 1-.966.259l-.333-1.242-2.545 4.454a.5.5 0 0 0 .434.748H5a.5.5 0 0 1 0 1H1.723A1.5 1.5 0 0 1 .421 12.24l2.552-4.467zm10.89 1.463a.5.5 0 1 0-.868.496l1.716 3.004a.5.5 0 0 1-.434.748h-5.57l.647-.646a.5.5 0 1 0-.708-.707l-1.5 1.5a.498.498 0 0 0 0 .707l1.5 1.5a.5.5 0 1 0 .708-.707l-.647-.647h5.57a1.5 1.5 0 0 0 1.302-2.244l-1.716-3.004z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reddit.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reddit.svg
new file mode 100644
index 00000000..b1c9cfed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reddit.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reddit" viewBox="0 0 16 16">
+  <path d="M6.167 8a.831.831 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661zm1.843 3.647c.315 0 1.403-.038 1.976-.611a.232.232 0 0 0 0-.306.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0 .213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83.458 0 .83-.381.83-.83a.831.831 0 0 0-1.66 0z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.828-1.165c-.315 0-.602.124-.812.325-.801-.573-1.9-.945-3.121-.993l.534-2.501 1.738.372a.83.83 0 1 0 .83-.869.83.83 0 0 0-.744.468l-1.938-.41a.203.203 0 0 0-.153.028.186.186 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224c-.02.115-.029.23-.029.353 0 1.795 2.091 3.256 4.669 3.256 2.577 0 4.668-1.451 4.668-3.256 0-.114-.01-.238-.029-.353.401-.181.688-.592.688-1.069 0-.65-.525-1.165-1.165-1.165z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/regex.svg b/apps/phoenix_webcomponent/priv/bsi/svg/regex.svg
new file mode 100644
index 00000000..19c0ff30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/regex.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-regex" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M3.05 3.05a7 7 0 0 0 0 9.9.5.5 0 0 1-.707.707 8 8 0 0 1 0-11.314.5.5 0 1 1 .707.707Zm9.9-.707a.5.5 0 0 1 .707 0 8 8 0 0 1 0 11.314.5.5 0 0 1-.707-.707 7 7 0 0 0 0-9.9.5.5 0 0 1 0-.707ZM6 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5-6.5a.5.5 0 0 0-1 0v2.117L8.257 5.57a.5.5 0 0 0-.514.858L9.528 7.5 7.743 8.571a.5.5 0 1 0 .514.858L10 8.383V10.5a.5.5 0 1 0 1 0V8.383l1.743 1.046a.5.5 0 0 0 .514-.858L11.472 7.5l1.785-1.071a.5.5 0 1 0-.514-.858L11 6.617V4.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/repeat-1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/repeat-1.svg
new file mode 100644
index 00000000..07f4a8b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/repeat-1.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-repeat-1" viewBox="0 0 16 16">
+  <path d="M11 4v1.466a.25.25 0 0 0 .41.192l2.36-1.966a.25.25 0 0 0 0-.384l-2.36-1.966a.25.25 0 0 0-.41.192V3H5a5 5 0 0 0-4.48 7.223.5.5 0 0 0 .896-.446A4 4 0 0 1 5 4h6Zm4.48 1.777a.5.5 0 0 0-.896.446A4 4 0 0 1 11 12H5.001v-1.466a.25.25 0 0 0-.41-.192l-2.36 1.966a.25.25 0 0 0 0 .384l2.36 1.966a.25.25 0 0 0 .41-.192V13h6a5 5 0 0 0 4.48-7.223Z"/>
+  <path d="M9 5.5a.5.5 0 0 0-.854-.354l-1.75 1.75a.5.5 0 1 0 .708.708L8 6.707V10.5a.5.5 0 0 0 1 0v-5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/repeat.svg b/apps/phoenix_webcomponent/priv/bsi/svg/repeat.svg
new file mode 100644
index 00000000..0f6d54d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/repeat.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-repeat" viewBox="0 0 16 16">
+  <path d="M11 5.466V4H5a4 4 0 0 0-3.584 5.777.5.5 0 1 1-.896.446A5 5 0 0 1 5 3h6V1.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192Zm3.81.086a.5.5 0 0 1 .67.225A5 5 0 0 1 11 13H5v1.466a.25.25 0 0 1-.41.192l-2.36-1.966a.25.25 0 0 1 0-.384l2.36-1.966a.25.25 0 0 1 .41.192V12h6a4 4 0 0 0 3.585-5.777.5.5 0 0 1 .225-.67Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reply-all-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reply-all-fill.svg
new file mode 100644
index 00000000..7b77b069
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reply-all-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reply-all-fill" viewBox="0 0 16 16">
+  <path d="M8.021 11.9 3.453 8.62a.719.719 0 0 1 0-1.238L8.021 4.1a.716.716 0 0 1 1.079.619V6c1.5 0 6 0 7 8-2.5-4.5-7-4-7-4v1.281c0 .56-.606.898-1.079.62z"/>
+  <path d="M5.232 4.293a.5.5 0 0 1-.106.7L1.114 7.945a.5.5 0 0 1-.042.028.147.147 0 0 0 0 .252.503.503 0 0 1 .042.028l4.012 2.954a.5.5 0 1 1-.593.805L.539 9.073a1.147 1.147 0 0 1 0-1.946l3.994-2.94a.5.5 0 0 1 .699.106z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reply-all.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reply-all.svg
new file mode 100644
index 00000000..c95025b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reply-all.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reply-all" viewBox="0 0 16 16">
+  <path d="M8.098 5.013a.144.144 0 0 1 .202.134V6.3a.5.5 0 0 0 .5.5c.667 0 2.013.005 3.3.822.984.624 1.99 1.76 2.595 3.876-1.02-.983-2.185-1.516-3.205-1.799a8.74 8.74 0 0 0-1.921-.306 7.404 7.404 0 0 0-.798.008h-.013l-.005.001h-.001L8.8 9.9l-.05-.498a.5.5 0 0 0-.45.498v1.153c0 .108-.11.176-.202.134L4.114 8.254a.502.502 0 0 0-.042-.028.147.147 0 0 1 0-.252.497.497 0 0 0 .042-.028l3.984-2.933zM9.3 10.386c.068 0 .143.003.223.006.434.02 1.034.086 1.7.271 1.326.368 2.896 1.202 3.94 3.08a.5.5 0 0 0 .933-.305c-.464-3.71-1.886-5.662-3.46-6.66-1.245-.79-2.527-.942-3.336-.971v-.66a1.144 1.144 0 0 0-1.767-.96l-3.994 2.94a1.147 1.147 0 0 0 0 1.946l3.994 2.94a1.144 1.144 0 0 0 1.767-.96v-.667z"/>
+  <path d="M5.232 4.293a.5.5 0 0 0-.7-.106L.54 7.127a1.147 1.147 0 0 0 0 1.946l3.994 2.94a.5.5 0 1 0 .593-.805L1.114 8.254a.503.503 0 0 0-.042-.028.147.147 0 0 1 0-.252.5.5 0 0 0 .042-.028l4.012-2.954a.5.5 0 0 0 .106-.699z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reply-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reply-fill.svg
new file mode 100644
index 00000000..b5a87228
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reply-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reply-fill" viewBox="0 0 16 16">
+  <path d="M5.921 11.9 1.353 8.62a.719.719 0 0 1 0-1.238L5.921 4.1A.716.716 0 0 1 7 4.719V6c1.5 0 6 0 7 8-2.5-4.5-7-4-7-4v1.281c0 .56-.606.898-1.079.62z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/reply.svg b/apps/phoenix_webcomponent/priv/bsi/svg/reply.svg
new file mode 100644
index 00000000..c2dc098e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/reply.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-reply" viewBox="0 0 16 16">
+  <path d="M6.598 5.013a.144.144 0 0 1 .202.134V6.3a.5.5 0 0 0 .5.5c.667 0 2.013.005 3.3.822.984.624 1.99 1.76 2.595 3.876-1.02-.983-2.185-1.516-3.205-1.799a8.74 8.74 0 0 0-1.921-.306 7.404 7.404 0 0 0-.798.008h-.013l-.005.001h-.001L7.3 9.9l-.05-.498a.5.5 0 0 0-.45.498v1.153c0 .108-.11.176-.202.134L2.614 8.254a.503.503 0 0 0-.042-.028.147.147 0 0 1 0-.252.499.499 0 0 0 .042-.028l3.984-2.933zM7.8 10.386c.068 0 .143.003.223.006.434.02 1.034.086 1.7.271 1.326.368 2.896 1.202 3.94 3.08a.5.5 0 0 0 .933-.305c-.464-3.71-1.886-5.662-3.46-6.66-1.245-.79-2.527-.942-3.336-.971v-.66a1.144 1.144 0 0 0-1.767-.96l-3.994 2.94a1.147 1.147 0 0 0 0 1.946l3.994 2.94a1.144 1.144 0 0 0 1.767-.96v-.667z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn-fill.svg
new file mode 100644
index 00000000..5136147d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 4v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2Zm7.729 1.055A.5.5 0 0 1 8 5.5v1.886l3.21-2.293A.5.5 0 0 1 12 5.5v5a.5.5 0 0 1-.79.407L8 8.614V10.5a.5.5 0 0 1-.79.407l-3.5-2.5a.5.5 0 0 1 0-.814l3.5-2.5a.5.5 0 0 1 .519-.038Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn.svg
new file mode 100644
index 00000000..45c02328
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind-btn" viewBox="0 0 16 16">
+  <path d="M7.21 5.093A.5.5 0 0 1 8 5.5v1.886l3.21-2.293A.5.5 0 0 1 12 5.5v5a.5.5 0 0 1-.79.407L8 8.614V10.5a.5.5 0 0 1-.79.407l-3.5-2.5a.5.5 0 0 1 0-.814l3.5-2.5Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle-fill.svg
new file mode 100644
index 00000000..afdaaf3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM7.729 5.055A.5.5 0 0 1 8 5.5v1.886l3.21-2.293A.5.5 0 0 1 12 5.5v5a.5.5 0 0 1-.79.407L8 8.614V10.5a.5.5 0 0 1-.79.407l-3.5-2.5a.5.5 0 0 1 0-.814l3.5-2.5a.5.5 0 0 1 .519-.038Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle.svg
new file mode 100644
index 00000000..054fd952
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind-circle" viewBox="0 0 16 16">
+  <path d="M7.729 5.055a.5.5 0 0 0-.52.038l-3.5 2.5a.5.5 0 0 0 0 .814l3.5 2.5A.5.5 0 0 0 8 10.5V8.614l3.21 2.293A.5.5 0 0 0 12 10.5v-5a.5.5 0 0 0-.79-.407L8 7.386V5.5a.5.5 0 0 0-.271-.445Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0ZM1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-fill.svg
new file mode 100644
index 00000000..79596e0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind-fill" viewBox="0 0 16 16">
+  <path d="M8.404 7.304a.802.802 0 0 0 0 1.392l6.363 3.692c.52.302 1.233-.043 1.233-.696V4.308c0-.653-.713-.998-1.233-.696L8.404 7.304Z"/>
+  <path d="M.404 7.304a.802.802 0 0 0 0 1.392l6.363 3.692c.52.302 1.233-.043 1.233-.696V4.308c0-.653-.713-.998-1.233-.696L.404 7.304Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rewind.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rewind.svg
new file mode 100644
index 00000000..58684d4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rewind.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rewind" viewBox="0 0 16 16">
+  <path d="M9.196 8 15 4.633v6.734L9.196 8Zm-.792-.696a.802.802 0 0 0 0 1.392l6.363 3.692c.52.302 1.233-.043 1.233-.696V4.308c0-.653-.713-.998-1.233-.696L8.404 7.304Z"/>
+  <path d="M1.196 8 7 4.633v6.734L1.196 8Zm-.792-.696a.802.802 0 0 0 0 1.392l6.363 3.692c.52.302 1.233-.043 1.233-.696V4.308c0-.653-.713-.998-1.233-.696L.404 7.304Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/robot.svg b/apps/phoenix_webcomponent/priv/bsi/svg/robot.svg
new file mode 100644
index 00000000..526cb991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/robot.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-robot" viewBox="0 0 16 16">
+  <path d="M6 12.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM3 8.062C3 6.76 4.235 5.765 5.53 5.886a26.58 26.58 0 0 0 4.94 0C11.765 5.765 13 6.76 13 8.062v1.157a.933.933 0 0 1-.765.935c-.845.147-2.34.346-4.235.346-1.895 0-3.39-.2-4.235-.346A.933.933 0 0 1 3 9.219V8.062Zm4.542-.827a.25.25 0 0 0-.217.068l-.92.9a24.767 24.767 0 0 1-1.871-.183.25.25 0 0 0-.068.495c.55.076 1.232.149 2.02.193a.25.25 0 0 0 .189-.071l.754-.736.847 1.71a.25.25 0 0 0 .404.062l.932-.97a25.286 25.286 0 0 0 1.922-.188.25.25 0 0 0-.068-.495c-.538.074-1.207.145-1.98.189a.25.25 0 0 0-.166.076l-.754.785-.842-1.7a.25.25 0 0 0-.182-.135Z"/>
+  <path d="M8.5 1.866a1 1 0 1 0-1 0V3h-2A4.5 4.5 0 0 0 1 7.5V8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1v1a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-1a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1v-.5A4.5 4.5 0 0 0 10.5 3h-2V1.866ZM14 7.5V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.5A3.5 3.5 0 0 1 5.5 4h5A3.5 3.5 0 0 1 14 7.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rocket-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-fill.svg
new file mode 100644
index 00000000..dcb5cb84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rocket-fill" viewBox="0 0 16 16">
+  <path d="M10.175 1.991c.81 1.312 1.583 3.43 1.778 6.819l1.5 1.83A2.5 2.5 0 0 1 14 12.202V15.5a.5.5 0 0 1-.9.3l-1.125-1.5c-.166-.222-.42-.4-.752-.57-.214-.108-.414-.192-.627-.282l-.196-.083C9.7 13.793 8.85 14 8 14c-.85 0-1.7-.207-2.4-.635-.068.03-.133.057-.198.084-.211.089-.411.173-.625.281-.332.17-.586.348-.752.57L2.9 15.8a.5.5 0 0 1-.9-.3v-3.298a2.5 2.5 0 0 1 .548-1.562l.004-.005L4.049 8.81c.197-3.323.969-5.434 1.774-6.756.466-.767.94-1.262 1.31-1.57a3.67 3.67 0 0 1 .601-.41A.549.549 0 0 1 8 0c.101 0 .17.027.25.064.037.017.086.041.145.075.118.066.277.167.463.315.373.297.85.779 1.317 1.537ZM9.5 6c0-1.105-.672-2-1.5-2s-1.5.895-1.5 2S7.172 8 8 8s1.5-.895 1.5-2Z"/>
+  <path d="M8 14.5c.5 0 .999-.046 1.479-.139L8.4 15.8a.5.5 0 0 1-.8 0l-1.079-1.439c.48.093.98.139 1.479.139Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff-fill.svg
new file mode 100644
index 00000000..a748d6d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rocket-takeoff-fill" viewBox="0 0 16 16">
+  <path d="M12.17 9.53c2.307-2.592 3.278-4.684 3.641-6.218.21-.887.214-1.58.16-2.065a3.578 3.578 0 0 0-.108-.563 2.22 2.22 0 0 0-.078-.23V.453c-.073-.164-.168-.234-.352-.295a2.35 2.35 0 0 0-.16-.045 3.797 3.797 0 0 0-.57-.093c-.49-.044-1.19-.03-2.08.188-1.536.374-3.618 1.343-6.161 3.604l-2.4.238h-.006a2.552 2.552 0 0 0-1.524.734L.15 7.17a.512.512 0 0 0 .433.868l1.896-.271c.28-.04.592.013.955.132.232.076.437.16.655.248l.203.083c.196.816.66 1.58 1.275 2.195.613.614 1.376 1.08 2.191 1.277l.082.202c.089.218.173.424.249.657.118.363.172.676.132.956l-.271 1.9a.512.512 0 0 0 .867.433l2.382-2.386c.41-.41.668-.949.732-1.526l.24-2.408Zm.11-3.699c-.797.8-1.93.961-2.528.362-.598-.6-.436-1.733.361-2.532.798-.799 1.93-.96 2.528-.361.599.599.437 1.732-.36 2.531Z"/>
+  <path d="M5.205 10.787a7.632 7.632 0 0 0 1.804 1.352c-1.118 1.007-4.929 2.028-5.054 1.903-.126-.127.737-4.189 1.839-5.18.346.69.837 1.35 1.411 1.925Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff.svg
new file mode 100644
index 00000000..376d3429
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rocket-takeoff.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rocket-takeoff" viewBox="0 0 16 16">
+  <path d="M9.752 6.193c.599.6 1.73.437 2.528-.362.798-.799.96-1.932.362-2.531-.599-.6-1.73-.438-2.528.361-.798.8-.96 1.933-.362 2.532Z"/>
+  <path d="M15.811 3.312c-.363 1.534-1.334 3.626-3.64 6.218l-.24 2.408a2.56 2.56 0 0 1-.732 1.526L8.817 15.85a.51.51 0 0 1-.867-.434l.27-1.899c.04-.28-.013-.593-.131-.956a9.42 9.42 0 0 0-.249-.657l-.082-.202c-.815-.197-1.578-.662-2.191-1.277-.614-.615-1.079-1.379-1.275-2.195l-.203-.083a9.556 9.556 0 0 0-.655-.248c-.363-.119-.675-.172-.955-.132l-1.896.27A.51.51 0 0 1 .15 7.17l2.382-2.386c.41-.41.947-.67 1.524-.734h.006l2.4-.238C9.005 1.55 11.087.582 12.623.208c.89-.217 1.59-.232 2.08-.188.244.023.435.06.57.093.067.017.12.033.16.045.184.06.279.13.351.295l.029.073a3.475 3.475 0 0 1 .157.721c.055.485.051 1.178-.159 2.065Zm-4.828 7.475.04-.04-.107 1.081a1.536 1.536 0 0 1-.44.913l-1.298 1.3.054-.38c.072-.506-.034-.993-.172-1.418a8.548 8.548 0 0 0-.164-.45c.738-.065 1.462-.38 2.087-1.006ZM5.205 5c-.625.626-.94 1.351-1.004 2.09a8.497 8.497 0 0 0-.45-.164c-.424-.138-.91-.244-1.416-.172l-.38.054 1.3-1.3c.245-.246.566-.401.91-.44l1.08-.107-.04.039Zm9.406-3.961c-.38-.034-.967-.027-1.746.163-1.558.38-3.917 1.496-6.937 4.521-.62.62-.799 1.34-.687 2.051.107.676.483 1.362 1.048 1.928.564.565 1.25.941 1.924 1.049.71.112 1.429-.067 2.048-.688 3.079-3.083 4.192-5.444 4.556-6.987.183-.771.18-1.345.138-1.713a2.835 2.835 0 0 0-.045-.283 3.078 3.078 0 0 0-.3-.041Z"/>
+  <path d="M7.009 12.139a7.632 7.632 0 0 1-1.804-1.352A7.568 7.568 0 0 1 3.794 8.86c-1.102.992-1.965 5.054-1.839 5.18.125.126 3.936-.896 5.054-1.902Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rocket.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rocket.svg
new file mode 100644
index 00000000..5b3cd5c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rocket.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rocket" viewBox="0 0 16 16">
+  <path d="M8 8c.828 0 1.5-.895 1.5-2S8.828 4 8 4s-1.5.895-1.5 2S7.172 8 8 8Z"/>
+  <path d="M11.953 8.81c-.195-3.388-.968-5.507-1.777-6.819C9.707 1.233 9.23.751 8.857.454a3.495 3.495 0 0 0-.463-.315A2.19 2.19 0 0 0 8.25.064.546.546 0 0 0 8 0a.549.549 0 0 0-.266.073 2.312 2.312 0 0 0-.142.08 3.67 3.67 0 0 0-.459.33c-.37.308-.844.803-1.31 1.57-.805 1.322-1.577 3.433-1.774 6.756l-1.497 1.826-.004.005A2.5 2.5 0 0 0 2 12.202V15.5a.5.5 0 0 0 .9.3l1.125-1.5c.166-.222.42-.4.752-.57.214-.108.414-.192.625-.281l.198-.084c.7.428 1.55.635 2.4.635.85 0 1.7-.207 2.4-.635.067.03.132.056.196.083.213.09.413.174.627.282.332.17.586.348.752.57l1.125 1.5a.5.5 0 0 0 .9-.3v-3.298a2.5 2.5 0 0 0-.548-1.562l-1.499-1.83ZM12 10.445v.055c0 .866-.284 1.585-.75 2.14.146.064.292.13.425.199.39.197.8.46 1.1.86L13 14v-1.798a1.5 1.5 0 0 0-.327-.935L12 10.445ZM4.75 12.64C4.284 12.085 4 11.366 4 10.5v-.054l-.673.82a1.5 1.5 0 0 0-.327.936V14l.225-.3c.3-.4.71-.664 1.1-.861.133-.068.279-.135.425-.199ZM8.009 1.073c.063.04.14.094.226.163.284.226.683.621 1.09 1.28C10.137 3.836 11 6.237 11 10.5c0 .858-.374 1.48-.943 1.893C9.517 12.786 8.781 13 8 13c-.781 0-1.517-.214-2.057-.607C5.373 11.979 5 11.358 5 10.5c0-4.182.86-6.586 1.677-7.928.409-.67.81-1.082 1.096-1.32.09-.076.17-.135.236-.18Z"/>
+  <path d="M9.479 14.361c-.48.093-.98.139-1.479.139-.5 0-.999-.046-1.479-.139L7.6 15.8a.5.5 0 0 0 .8 0l1.079-1.439Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/router-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/router-fill.svg
new file mode 100644
index 00000000..de050cff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/router-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-router-fill" viewBox="0 0 16 16">
+  <path d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z"/>
+  <path d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707Z"/>
+  <path d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm4.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm1.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"/>
+  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/router.svg b/apps/phoenix_webcomponent/priv/bsi/svg/router.svg
new file mode 100644
index 00000000..8fa22d0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/router.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-router" viewBox="0 0 16 16">
+  <path d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z"/>
+  <path d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm4.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm1.5-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 0a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Z"/>
+  <path d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM14.5 9a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h13Z"/>
+  <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rss-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rss-fill.svg
new file mode 100644
index 00000000..39bef06e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rss-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rss-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm1.5 2.5c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1 0-2zm0 4a6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1 0-2zm.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rss.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rss.svg
new file mode 100644
index 00000000..be41f20c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rss.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rss" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1-1-1zm0 4a1 1 0 0 1 1-1 6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1-1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/rulers.svg b/apps/phoenix_webcomponent/priv/bsi/svg/rulers.svg
new file mode 100644
index 00000000..e9891c9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/rulers.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-rulers" viewBox="0 0 16 16">
+  <path d="M1 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h5v-1H2v-1h4v-1H4v-1h2v-1H2v-1h4V9H4V8h2V7H2V6h4V2h1v4h1V4h1v2h1V2h1v4h1V4h1v2h1V2h1v4h1V1a1 1 0 0 0-1-1H1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/safe-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/safe-fill.svg
new file mode 100644
index 00000000..1036d675
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/safe-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-safe-fill" viewBox="0 0 16 16">
+  <path d="M9.778 9.414A2 2 0 1 1 6.95 6.586a2 2 0 0 1 2.828 2.828z"/>
+  <path d="M2.5 0A1.5 1.5 0 0 0 1 1.5V3H.5a.5.5 0 0 0 0 1H1v3.5H.5a.5.5 0 0 0 0 1H1V12H.5a.5.5 0 0 0 0 1H1v1.5A1.5 1.5 0 0 0 2.5 16h12a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 14.5 0h-12zm3.036 4.464 1.09 1.09a3.003 3.003 0 0 1 3.476 0l1.09-1.09a.5.5 0 1 1 .707.708l-1.09 1.09c.74 1.037.74 2.44 0 3.476l1.09 1.09a.5.5 0 1 1-.707.708l-1.09-1.09a3.002 3.002 0 0 1-3.476 0l-1.09 1.09a.5.5 0 1 1-.708-.708l1.09-1.09a3.003 3.003 0 0 1 0-3.476l-1.09-1.09a.5.5 0 1 1 .708-.708zM14 6.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/safe.svg b/apps/phoenix_webcomponent/priv/bsi/svg/safe.svg
new file mode 100644
index 00000000..fb5b7cb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/safe.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-safe" viewBox="0 0 16 16">
+  <path d="M1 1.5A1.5 1.5 0 0 1 2.5 0h12A1.5 1.5 0 0 1 16 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V13H.5a.5.5 0 0 1 0-1H1V8.5H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1V1.5zM2.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-12z"/>
+  <path d="M13.5 6a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 1 .5-.5zM4.828 4.464a.5.5 0 0 1 .708 0l1.09 1.09a3.003 3.003 0 0 1 3.476 0l1.09-1.09a.5.5 0 1 1 .707.708l-1.09 1.09c.74 1.037.74 2.44 0 3.476l1.09 1.09a.5.5 0 1 1-.707.708l-1.09-1.09a3.002 3.002 0 0 1-3.476 0l-1.09 1.09a.5.5 0 1 1-.708-.708l1.09-1.09a3.003 3.003 0 0 1 0-3.476l-1.09-1.09a.5.5 0 0 1 0-.708zM6.95 6.586a2 2 0 1 0 2.828 2.828A2 2 0 0 0 6.95 6.586z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/safe2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/safe2-fill.svg
new file mode 100644
index 00000000..d1d37f2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/safe2-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-safe2-fill" viewBox="0 0 16 16">
+  <path d="M6.563 8H5.035a3.482 3.482 0 0 1 .662-1.596l1.08 1.08c-.094.16-.167.332-.214.516zm.921-1.223-1.08-1.08A3.482 3.482 0 0 1 8 5.035v1.528c-.184.047-.357.12-.516.214zM9 6.563V5.035a3.482 3.482 0 0 1 1.596.662l-1.08 1.08A1.988 1.988 0 0 0 9 6.563zm1.223.921 1.08-1.08c.343.458.577 1.003.662 1.596h-1.528a1.989 1.989 0 0 0-.214-.516zM10.437 9h1.528a3.483 3.483 0 0 1-.662 1.596l-1.08-1.08c.094-.16.167-.332.214-.516zm-.921 1.223 1.08 1.08A3.483 3.483 0 0 1 9 11.965v-1.528c.184-.047.357-.12.516-.214zM8 10.437v1.528a3.483 3.483 0 0 1-1.596-.662l1.08-1.08c.16.094.332.167.516.214zm-1.223-.921-1.08 1.08A3.482 3.482 0 0 1 5.035 9h1.528c.047.184.12.357.214.516zM7.5 8.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"/>
+  <path d="M2.5 1A1.5 1.5 0 0 0 1 2.5V3H.5a.5.5 0 0 0 0 1H1v4H.5a.5.5 0 0 0 0 1H1v4H.5a.5.5 0 0 0 0 1H1v.5A1.5 1.5 0 0 0 2.5 16h12a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 14.5 1h-12zm6 3a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/safe2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/safe2.svg
new file mode 100644
index 00000000..37bfbe80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/safe2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-safe2" viewBox="0 0 16 16">
+  <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h12A1.5 1.5 0 0 1 16 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 1 14.5V14H.5a.5.5 0 0 1 0-1H1V9H.5a.5.5 0 0 1 0-1H1V4H.5a.5.5 0 0 1 0-1H1v-.5zM2.5 2a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-12z"/>
+  <path d="M5.035 8h1.528c.047-.184.12-.357.214-.516l-1.08-1.08A3.482 3.482 0 0 0 5.035 8zm1.369-2.303 1.08 1.08c.16-.094.332-.167.516-.214V5.035a3.482 3.482 0 0 0-1.596.662zM9 5.035v1.528c.184.047.357.12.516.214l1.08-1.08A3.482 3.482 0 0 0 9 5.035zm2.303 1.369-1.08 1.08c.094.16.167.332.214.516h1.528a3.483 3.483 0 0 0-.662-1.596zM11.965 9h-1.528c-.047.184-.12.357-.214.516l1.08 1.08A3.483 3.483 0 0 0 11.965 9zm-1.369 2.303-1.08-1.08c-.16.094-.332.167-.516.214v1.528a3.483 3.483 0 0 0 1.596-.662zM8 11.965v-1.528a1.989 1.989 0 0 1-.516-.214l-1.08 1.08A3.483 3.483 0 0 0 8 11.965zm-2.303-1.369 1.08-1.08A1.988 1.988 0 0 1 6.563 9H5.035c.085.593.319 1.138.662 1.596zM4 8.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0zm4.5-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/save-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/save-fill.svg
new file mode 100644
index 00000000..0a43dc15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/save-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-save-fill" viewBox="0 0 16 16">
+  <path d="M8.5 1.5A1.5 1.5 0 0 1 10 0h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h6c-.314.418-.5.937-.5 1.5v7.793L4.854 6.646a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l3.5-3.5a.5.5 0 0 0-.708-.708L8.5 9.293V1.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/save.svg b/apps/phoenix_webcomponent/priv/bsi/svg/save.svg
new file mode 100644
index 00000000..26b8aed5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/save.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-save" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v7.293l2.646-2.647a.5.5 0 0 1 .708.708l-3.5 3.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L7.5 9.293V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/save2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/save2-fill.svg
new file mode 100644
index 00000000..45feb593
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/save2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-save2-fill" viewBox="0 0 16 16">
+  <path d="M8.5 1.5A1.5 1.5 0 0 1 10 0h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h6c-.314.418-.5.937-.5 1.5v6h-2a.5.5 0 0 0-.354.854l2.5 2.5a.5.5 0 0 0 .708 0l2.5-2.5A.5.5 0 0 0 10.5 7.5h-2v-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/save2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/save2.svg
new file mode 100644
index 00000000..52bc9e40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/save2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-save2" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H9.5a1 1 0 0 0-1 1v4.5h2a.5.5 0 0 1 .354.854l-2.5 2.5a.5.5 0 0 1-.708 0l-2.5-2.5A.5.5 0 0 1 5.5 6.5h2V2a2 2 0 0 1 2-2H14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h2.5a.5.5 0 0 1 0 1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/scissors.svg b/apps/phoenix_webcomponent/priv/bsi/svg/scissors.svg
new file mode 100644
index 00000000..ab71b0dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/scissors.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-scissors" viewBox="0 0 16 16">
+  <path d="M3.5 3.5c-.614-.884-.074-1.962.858-2.5L8 7.226 11.642 1c.932.538 1.472 1.616.858 2.5L8.81 8.61l1.556 2.661a2.5 2.5 0 1 1-.794.637L8 9.73l-1.572 2.177a2.5 2.5 0 1 1-.794-.637L7.19 8.61 3.5 3.5zm2.5 10a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0zm7 0a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/scooter.svg b/apps/phoenix_webcomponent/priv/bsi/svg/scooter.svg
new file mode 100644
index 00000000..238eedb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/scooter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-scooter" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M9 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-.39l1.4 7a2.5 2.5 0 1 1-.98.195l-.189-.938-2.43 3.527A.5.5 0 0 1 9.5 13H4.95a2.5 2.5 0 1 1 0-1h4.287l2.831-4.11L11.09 3H9.5a.5.5 0 0 1-.5-.5ZM3.915 12a1.5 1.5 0 1 0 0 1H2.5a.5.5 0 0 1 0-1h1.415Zm8.817-.789A1.499 1.499 0 0 0 13.5 14a1.5 1.5 0 0 0 .213-2.985l.277 1.387a.5.5 0 0 1-.98.196l-.278-1.387Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/screwdriver.svg b/apps/phoenix_webcomponent/priv/bsi/svg/screwdriver.svg
new file mode 100644
index 00000000..dc9c3743
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/screwdriver.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-screwdriver" viewBox="0 0 16 16">
+  <path d="M0 .995.995 0l3.064 2.19a.995.995 0 0 1 .417.809v.07c0 .264.105.517.291.704l5.677 5.676.909-.303a.995.995 0 0 1 1.018.24l3.338 3.339a.995.995 0 0 1 0 1.406L14.13 15.71a.995.995 0 0 1-1.406 0l-3.337-3.34a.995.995 0 0 1-.24-1.018l.302-.909-5.676-5.677a.995.995 0 0 0-.704-.291H3a.995.995 0 0 1-.81-.417L0 .995Zm11.293 9.595a.497.497 0 1 0-.703.703l2.984 2.984a.497.497 0 0 0 .703-.703l-2.984-2.984Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sd-card-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sd-card-fill.svg
new file mode 100644
index 00000000..9fe36b68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sd-card-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sd-card-fill" viewBox="0 0 16 16">
+  <path d="M12.5 0H5.914a1.5 1.5 0 0 0-1.06.44L2.439 2.853A1.5 1.5 0 0 0 2 3.914V14.5A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-13A1.5 1.5 0 0 0 12.5 0Zm-7 2.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75Zm2 0a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75Zm2.75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 1.5 0Zm1.25-.75a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 1 .75-.75Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sd-card.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sd-card.svg
new file mode 100644
index 00000000..12ed59f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sd-card.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sd-card" viewBox="0 0 16 16">
+  <path d="M6.25 3.5a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2zm2 0a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0v-2z"/>
+  <path fill-rule="evenodd" d="M5.914 0H12.5A1.5 1.5 0 0 1 14 1.5v13a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5V3.914c0-.398.158-.78.44-1.06L4.853.439A1.5 1.5 0 0 1 5.914 0zM13 1.5a.5.5 0 0 0-.5-.5H5.914a.5.5 0 0 0-.353.146L3.146 3.561A.5.5 0 0 0 3 3.914V14.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/search-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/search-heart-fill.svg
new file mode 100644
index 00000000..54e31c71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/search-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search-heart-fill" viewBox="0 0 16 16">
+  <path d="M6.5 13a6.474 6.474 0 0 0 3.845-1.258h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.008 1.008 0 0 0-.115-.1A6.471 6.471 0 0 0 13 6.5 6.502 6.502 0 0 0 6.5 0a6.5 6.5 0 1 0 0 13Zm0-8.518c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.69 0-5.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/search-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/search-heart.svg
new file mode 100644
index 00000000..92ea0591
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/search-heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search-heart" viewBox="0 0 16 16">
+  <path d="M6.5 4.482c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.69 0-5.018Z"/>
+  <path d="M13 6.5a6.471 6.471 0 0 1-1.258 3.844c.04.03.078.062.115.098l3.85 3.85a1 1 0 0 1-1.414 1.415l-3.85-3.85a1.007 1.007 0 0 1-.1-.115h.002A6.5 6.5 0 1 1 13 6.5ZM6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/search.svg b/apps/phoenix_webcomponent/priv/bsi/svg/search.svg
new file mode 100644
index 00000000..d3dc7ca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/search.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/segmented-nav.svg b/apps/phoenix_webcomponent/priv/bsi/svg/segmented-nav.svg
new file mode 100644
index 00000000..42323b2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/segmented-nav.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-segmented-nav" viewBox="0 0 16 16">
+  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6zm6 3h4V5H6v4zm9-1V6a1 1 0 0 0-1-1h-3v4h3a1 1 0 0 0 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-check-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-check-fill.svg
new file mode 100644
index 00000000..4b0a56af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-check-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-check-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-check.svg
new file mode 100644
index 00000000..581ebbe2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-check" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-dash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-dash-fill.svg
new file mode 100644
index 00000000..254329c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-dash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-dash-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-dash.svg
new file mode 100644
index 00000000..abfbad37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-dash" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation-fill.svg
new file mode 100644
index 00000000..5a77e982
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-exclamation-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation.svg
new file mode 100644
index 00000000..149a7f74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-exclamation" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Zm.5-5v1.5a.5.5 0 0 1-1 0V11a.5.5 0 0 1 1 0Zm0 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-fill.svg
new file mode 100644
index 00000000..2a84015d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 3.178 4.995.002.002.26.41a.5.5 0 0 0 .886-.083l6-15Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-plus-fill.svg
new file mode 100644
index 00000000..bea3738a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-plus-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-plus-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-plus.svg
new file mode 100644
index 00000000..41202289
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-plus" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-slash-fill.svg
new file mode 100644
index 00000000..33456870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-slash-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-slash-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M14.975 10.025a3.5 3.5 0 1 0-4.95 4.95 3.5 3.5 0 0 0 4.95-4.95Zm-4.243.707a2.501 2.501 0 0 1 3.147-.318l-3.465 3.465a2.501 2.501 0 0 1 .318-3.147Zm.39 3.854 3.464-3.465a2.501 2.501 0 0 1-3.465 3.465Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-slash.svg
new file mode 100644
index 00000000..782daf3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-slash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-slash" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M14.975 10.025a3.5 3.5 0 1 0-4.95 4.95 3.5 3.5 0 0 0 4.95-4.95Zm-4.243.707a2.501 2.501 0 0 1 3.147-.318l-3.465 3.465a2.501 2.501 0 0 1 .318-3.147Zm.39 3.854 3.464-3.465a2.501 2.501 0 0 1-3.465 3.465Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-x-fill.svg
new file mode 100644
index 00000000..ce102ba4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-x-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-x-fill" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855H.766l-.452.18a.5.5 0 0 0-.082.887l.41.26.001.002 4.995 3.178 1.59 2.498C8 14 8 13 8 12.5a4.5 4.5 0 0 1 5.026-4.47L15.964.686Zm-1.833 1.89L6.637 10.07l-.215-.338a.5.5 0 0 0-.154-.154l-.338-.215 7.494-7.494 1.178-.471-.47 1.178Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send-x.svg
new file mode 100644
index 00000000..c8bc8bf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send-x" viewBox="0 0 16 16">
+  <path d="M15.964.686a.5.5 0 0 0-.65-.65L.767 5.855a.75.75 0 0 0-.124 1.329l4.995 3.178 1.531 2.406a.5.5 0 0 0 .844-.536L6.637 10.07l7.494-7.494-1.895 4.738a.5.5 0 1 0 .928.372l2.8-7Zm-2.54 1.183L5.93 9.363 1.591 6.602l11.833-4.733Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/send.svg b/apps/phoenix_webcomponent/priv/bsi/svg/send.svg
new file mode 100644
index 00000000..c81fc955
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/send.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-send" viewBox="0 0 16 16">
+  <path d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576 6.636 10.07Zm6.787-8.201L1.591 6.602l4.339 2.76 7.494-7.493Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/server.svg b/apps/phoenix_webcomponent/priv/bsi/svg/server.svg
new file mode 100644
index 00000000..ff85feb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/server.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-server" viewBox="0 0 16 16">
+  <path d="M1.333 2.667C1.333 1.194 4.318 0 8 0s6.667 1.194 6.667 2.667V4c0 1.473-2.985 2.667-6.667 2.667S1.333 5.473 1.333 4V2.667z"/>
+  <path d="M1.333 6.334v3C1.333 10.805 4.318 12 8 12s6.667-1.194 6.667-2.667V6.334a6.51 6.51 0 0 1-1.458.79C11.81 7.684 9.967 8 8 8c-1.966 0-3.809-.317-5.208-.876a6.508 6.508 0 0 1-1.458-.79z"/>
+  <path d="M14.667 11.668a6.51 6.51 0 0 1-1.458.789c-1.4.56-3.242.876-5.21.876-1.966 0-3.809-.316-5.208-.876a6.51 6.51 0 0 1-1.458-.79v1.666C1.333 14.806 4.318 16 8 16s6.667-1.194 6.667-2.667v-1.665z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/share-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/share-fill.svg
new file mode 100644
index 00000000..8b0ee88d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/share-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">
+  <path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/share.svg b/apps/phoenix_webcomponent/priv/bsi/svg/share.svg
new file mode 100644
index 00000000..79d3075f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/share.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share" viewBox="0 0 16 16">
+  <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-check.svg
new file mode 100644
index 00000000..ecbf5439
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-check" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-exclamation.svg
new file mode 100644
index 00000000..825de04d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-exclamation.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-exclamation" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M7.001 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-check.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-check.svg
new file mode 100644
index 00000000..a72b2baf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-check.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill-check" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm2.146 5.146a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-exclamation.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-exclamation.svg
new file mode 100644
index 00000000..b489a681
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-exclamation.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill-exclamation" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm-.55 8.502L7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0zM8.002 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-minus.svg
new file mode 100644
index 00000000..b9b9129c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-minus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zM6 7.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-plus.svg
new file mode 100644
index 00000000..aec96d17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill-plus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm-.5 5a.5.5 0 0 1 1 0v1.5H10a.5.5 0 0 1 0 1H8.5V9a.5.5 0 0 1-1 0V7.5H6a.5.5 0 0 1 0-1h1.5V5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-x.svg
new file mode 100644
index 00000000..d384af45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill-x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill-x" viewBox="0 0 16 16">
+  <path d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zM6.854 5.146 8 6.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 7l1.147 1.146a.5.5 0 0 1-.708.708L8 7.707 6.854 8.854a.5.5 0 1 1-.708-.708L7.293 7 6.146 5.854a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill.svg
new file mode 100644
index 00000000..d1d877da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-fill" viewBox="0 0 16 16">
+  <path d="M5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock-fill.svg
new file mode 100644
index 00000000..e4c96b4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-lock-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0c-.69 0-1.843.265-2.928.56-1.11.3-2.229.655-2.887.87a1.54 1.54 0 0 0-1.044 1.262c-.596 4.477.787 7.795 2.465 9.99a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.775 11.775 0 0 0 2.517-2.453c1.678-2.195 3.061-5.513 2.465-9.99a1.541 1.541 0 0 0-1.044-1.263 62.467 62.467 0 0 0-2.887-.87C9.843.266 8.69 0 8 0zm0 5a1.5 1.5 0 0 1 .5 2.915l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 0 1 8 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock.svg
new file mode 100644
index 00000000..ff384250
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-lock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-lock" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99a1.5 1.5 0 1 1 2-1.415z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-minus.svg
new file mode 100644
index 00000000..d1cedfdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-minus" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M5.5 7a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-plus.svg
new file mode 100644
index 00000000..77bcb1a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-plus" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M8 4.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V9a.5.5 0 0 1-1 0V7.5H6a.5.5 0 0 1 0-1h1.5V5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-shaded.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-shaded.svg
new file mode 100644
index 00000000..9c4af1a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-shaded.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-shaded" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 14.933a.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067v13.866zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash-fill.svg
new file mode 100644
index 00000000..015d11b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-slash-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.093 3.093c-.465 4.275.885 7.46 2.513 9.589a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.32 11.32 0 0 0 1.733-1.525L1.093 3.093zm12.215 8.215L3.128 1.128A61.369 61.369 0 0 1 5.073.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.483 3.626-.332 6.491-1.551 8.616zm.338 3.046-13-13 .708-.708 13 13-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash.svg
new file mode 100644
index 00000000..234afa2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-slash" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.093 3.093c-.465 4.275.885 7.46 2.513 9.589a11.777 11.777 0 0 0 2.517 2.453c.386.273.744.482 1.048.625.28.132.581.24.829.24s.548-.108.829-.24a7.159 7.159 0 0 0 1.048-.625 11.32 11.32 0 0 0 1.733-1.525l-.745-.745a10.27 10.27 0 0 1-1.578 1.392c-.346.244-.652.42-.893.533-.12.057-.218.095-.293.118a.55.55 0 0 1-.101.025.615.615 0 0 1-.1-.025 2.348 2.348 0 0 1-.294-.118 6.141 6.141 0 0 1-.893-.533 10.725 10.725 0 0 1-2.287-2.233C3.053 10.228 1.879 7.594 2.06 4.06l-.967-.967zM3.98 1.98l-.852-.852A58.935 58.935 0 0 1 5.072.559C6.157.266 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.483 3.626-.332 6.491-1.551 8.616l-.77-.77c1.042-1.915 1.72-4.469 1.29-7.702a.48.48 0 0 0-.33-.39c-.65-.213-1.75-.56-2.836-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524a49.7 49.7 0 0 0-1.357.39zm9.666 12.374-13-13 .708-.708 13 13-.707.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield-x.svg
new file mode 100644
index 00000000..3fe16661
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield-x" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+  <path d="M6.146 5.146a.5.5 0 0 1 .708 0L8 6.293l1.146-1.147a.5.5 0 1 1 .708.708L8.707 7l1.147 1.146a.5.5 0 0 1-.708.708L8 7.707 6.854 8.854a.5.5 0 1 1-.708-.708L7.293 7 6.146 5.854a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shield.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shield.svg
new file mode 100644
index 00000000..18309d18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shield.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shield" viewBox="0 0 16 16">
+  <path d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shift-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shift-fill.svg
new file mode 100644
index 00000000..da897bcd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shift-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shift-fill" viewBox="0 0 16 16">
+  <path d="M7.27 2.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v3a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-3H1.654C.78 10.5.326 9.455.924 8.816L7.27 2.047z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shift.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shift.svg
new file mode 100644
index 00000000..59a88ef5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shift.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shift" viewBox="0 0 16 16">
+  <path d="M7.27 2.047a1 1 0 0 1 1.46 0l6.345 6.77c.6.638.146 1.683-.73 1.683H11.5v3a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-3H1.654C.78 10.5.326 9.455.924 8.816L7.27 2.047zM14.346 9.5 8 2.731 1.654 9.5H4.5a1 1 0 0 1 1 1v3h5v-3a1 1 0 0 1 1-1h2.846z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shop-window.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shop-window.svg
new file mode 100644
index 00000000..a306cfa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shop-window.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop-window" viewBox="0 0 16 16">
+  <path d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h12V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zm2 .5a.5.5 0 0 1 .5.5V13h8V9.5a.5.5 0 0 1 1 0V13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shop.svg
new file mode 100644
index 00000000..223d77b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shop" viewBox="0 0 16 16">
+  <path d="M2.97 1.35A1 1 0 0 1 3.73 1h8.54a1 1 0 0 1 .76.35l2.609 3.044A1.5 1.5 0 0 1 16 5.37v.255a2.375 2.375 0 0 1-4.25 1.458A2.371 2.371 0 0 1 9.875 8 2.37 2.37 0 0 1 8 7.083 2.37 2.37 0 0 1 6.125 8a2.37 2.37 0 0 1-1.875-.917A2.375 2.375 0 0 1 0 5.625V5.37a1.5 1.5 0 0 1 .361-.976l2.61-3.045zm1.78 4.275a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0 1.375 1.375 0 1 0 2.75 0V5.37a.5.5 0 0 0-.12-.325L12.27 2H3.73L1.12 5.045A.5.5 0 0 0 1 5.37v.255a1.375 1.375 0 0 0 2.75 0 .5.5 0 0 1 1 0zM1.5 8.5A.5.5 0 0 1 2 9v6h1v-5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v5h6V9a.5.5 0 0 1 1 0v6h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1V9a.5.5 0 0 1 .5-.5zM4 15h3v-5H4v5zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3zm3 0h-2v3h2v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/shuffle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/shuffle.svg
new file mode 100644
index 00000000..83bf20ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/shuffle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-shuffle" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 3.5A.5.5 0 0 1 .5 3H1c2.202 0 3.827 1.24 4.874 2.418.49.552.865 1.102 1.126 1.532.26-.43.636-.98 1.126-1.532C9.173 4.24 10.798 3 13 3v1c-1.798 0-3.173 1.01-4.126 2.082A9.624 9.624 0 0 0 7.556 8a9.624 9.624 0 0 0 1.317 1.918C9.828 10.99 11.204 12 13 12v1c-2.202 0-3.827-1.24-4.874-2.418A10.595 10.595 0 0 1 7 9.05c-.26.43-.636.98-1.126 1.532C4.827 11.76 3.202 13 1 13H.5a.5.5 0 0 1 0-1H1c1.798 0 3.173-1.01 4.126-2.082A9.624 9.624 0 0 0 6.444 8a9.624 9.624 0 0 0-1.317-1.918C4.172 5.01 2.796 4 1 4H.5a.5.5 0 0 1-.5-.5z"/>
+  <path d="M13 5.466V1.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192zm0 9v-3.932a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end-fill.svg
new file mode 100644
index 00000000..b7f5876a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-dead-end-fill" viewBox="0 0 16 16">
+  <path d="M5.116 6.28h.32c.395 0 .582.24.582.722 0 .48-.186.718-.581.718h-.321V6.28Zm3.636.066.268.845h-.552l.27-.845h.014Zm1.327-.066h.32c.394 0 .582.24.582.722 0 .48-.186.718-.582.718h-.32V6.28Zm-.792 3h.32c.395 0 .582.24.582.722 0 .48-.186.718-.581.718h-.32V9.28Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM4.782 6h.69c.596 0 .886.355.886.998S6.066 8 5.473 8h-.69V6ZM7.82 7.72V8H6.571V6H7.82v.28h-.917v.57h.863v.268h-.863v.602h.917Zm.397.28h-.34l.688-2h.371l.689 2h-.352l-.177-.554h-.702L8.216 8Zm1.53-2h.69c.596 0 .886.355.886.998S11.03 8 10.436 8h-.69V6Zm-2.923 4.72V11H5.575V9h1.248v.28h-.917v.57h.863v.268h-.863v.602h.917Zm.572.28h-.32V9h.294l.933 1.436h.014V9h.32v2h-.292l-.936-1.44h-.013V11Zm1.56-2h.69c.596 0 .886.355.886.998S10.238 11 9.645 11h-.69V9Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end.svg
new file mode 100644
index 00000000..2828c9aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-dead-end.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-dead-end" viewBox="0 0 16 16">
+  <path d="M4.783 6v2h.69c.593 0 .886-.359.886-1.002S6.07 6 5.473 6h-.69Zm.333.28h.32c.395 0 .582.24.582.722 0 .48-.186.718-.581.718h-.321V6.28ZM7.82 7.72h-.918v-.602h.863V6.85h-.863v-.57h.917V6H6.571v2H7.82v-.28Zm.573-.274L8.216 8h-.34l.688-2h.371l.689 2h-.352l-.177-.554h-.702Zm.627-.255-.268-.845h-.015l-.27.845h.553ZM9.746 6v2h.69c.593 0 .886-.359.886-1.002S11.032 6 10.436 6h-.69Zm.333.28h.32c.394 0 .582.24.582.722 0 .48-.186.718-.582.718h-.32V6.28Zm-4.173 4.44h.917V11H5.575V9h1.248v.28h-.917v.57h.863v.268h-.863v.602Zm1.489.28V9.56h.013L8.344 11h.292V9h-.32v1.436h-.014L7.369 9h-.293v2h.319Zm1.56 0V9h.69c.596 0 .886.355.886.998S10.238 11 9.645 11h-.69Zm.653-1.72h-.32v1.44h.32c.395 0 .581-.239.581-.718 0-.481-.187-.722-.581-.722Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter-fill.svg
new file mode 100644
index 00000000..3dfab6cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-do-not-enter-fill" viewBox="0 0 16 16">
+  <path d="M4.237 4.28h-.32v1.44h.32c.396 0 .582-.239.582-.718 0-.481-.188-.722-.582-.722Zm2.392.859v-.277c0-.413-.211-.617-.494-.617-.285 0-.495.204-.495.617v.277c0 .414.21.618.495.618.283 0 .494-.204.494-.618Zm4.163 0v-.277c0-.413-.211-.617-.494-.617-.285 0-.495.204-.495.617v.277c0 .414.21.618.495.618.283 0 .494-.204.494-.618Zm.006 5.828v-.694h.39c.231 0 .378.126.378.354 0 .225-.142.34-.387.34h-.38Z"/>
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM3.584 6V4h.69c.596 0 .886.355.886.998S4.867 6 4.274 6h-.69Zm3.382-1.135v.272c0 .566-.318.903-.83.903-.513 0-.833-.337-.833-.903v-.272c0-.569.32-.904.832-.904.513 0 .83.337.83.904Zm1.021-.305V6h-.319V4h.293l.933 1.436h.015V4h.319v2h-.291L8 4.56h-.013Zm3.142.305v.272c0 .566-.318.903-.83.903-.513 0-.833-.337-.833-.903v-.272c0-.569.32-.904.832-.904.513 0 .83.337.83.904Zm.899-.58V6h-.333V4.285h-.584V4h1.503v.285h-.586ZM5.413 11.72V12H4.165v-2h1.248v.28h-.917v.57h.862v.268h-.862v.602h.917Zm.572.28h-.32v-2h.294l.933 1.436h.014v-1.435h.32V12h-.292l-.936-1.44h-.013V12Zm2.279 0H7.93v-1.715h-.584V10H8.85v.284h-.586V12Zm1.953-.28V12H8.97v-2h1.248v.28H9.3v.57h.863v.268H9.3v.602h.917ZM11.235 10c.42 0 .674.244.674.616a.575.575 0 0 1-.368.56l.404.824h-.373l-.36-.769h-.414V12h-.328v-2h.765ZM3.5 7h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter.svg
new file mode 100644
index 00000000..bf1ab21f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-do-not-enter.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-do-not-enter" viewBox="0 0 16 16">
+  <path d="M3.584 6V4h.69c.596 0 .886.355.886.998S4.867 6 4.274 6h-.69Zm.653-1.72h-.32v1.44h.32c.396 0 .582-.239.582-.718 0-.481-.188-.722-.582-.722Zm2.729.585v.272c0 .566-.318.903-.83.903-.513 0-.833-.337-.833-.903v-.272c0-.569.32-.904.832-.904.513 0 .83.337.83.904Zm-.337.274v-.277c0-.413-.211-.617-.494-.617-.285 0-.495.204-.495.617v.277c0 .414.21.618.495.618.283 0 .494-.204.494-.618Zm1.358-.579V6h-.319V4h.293l.933 1.436h.015V4h.319v2h-.291L8 4.56h-.013Zm3.142.305v.272c0 .566-.318.903-.83.903-.513 0-.833-.337-.833-.903v-.272c0-.569.32-.904.832-.904.513 0 .83.337.83.904Zm-.337.274v-.277c0-.413-.211-.617-.494-.617-.285 0-.495.204-.495.617v.277c0 .414.21.618.495.618.283 0 .494-.204.494-.618Zm1.236-.854V6h-.333V4.285h-.584V4h1.503v.285h-.586ZM4.496 11.72h.917V12H4.165v-2h1.248v.28h-.917v.57h.862v.268h-.862v.602Zm1.489-1.16V12h-.32v-2h.294l.933 1.436h.014v-1.435h.32V12h-.292l-.936-1.44h-.013Zm2.279-.275V12H7.93v-1.715h-.584V10H8.85v.284h-.586ZM9.3 11.72h.917V12H8.97v-2h1.248v.28H9.3v.57h.863v.268H9.3v.602ZM10.47 10h.765c.42 0 .674.244.674.616a.575.575 0 0 1-.368.56l.404.824h-.373l-.36-.769h-.414V12h-.328v-2Zm.328.273v.694h.381c.245 0 .387-.115.387-.34 0-.228-.147-.354-.378-.354h-.39ZM3.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-9Z"/>
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm0-1A7 7 0 1 1 8 1a7 7 0 0 1 0 14Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-fill.svg
new file mode 100644
index 00000000..a8d0e5b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM7.25 4h1.5v3.25H12v1.5H8.75V12h-1.5V8.75H4v-1.5h3.25V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side-fill.svg
new file mode 100644
index 00000000..7e6fd342
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-side-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM6.25 4h1.5v3.25H11v1.5H7.75V12h-1.5V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side.svg
new file mode 100644
index 00000000..80959aaf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-side.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-side" viewBox="0 0 16 16">
+  <path d="M6.25 4v8h1.5V8.75H11v-1.5H7.75V4h-1.5Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t-fill.svg
new file mode 100644
index 00000000..0927772b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-t-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM5 5h6v1.5H8.75V12h-1.5V6.5H5V5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t.svg
new file mode 100644
index 00000000..95240f41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-t.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-t" viewBox="0 0 16 16">
+  <path d="M5 5v1.5h2.25V12h1.5V6.5H11V5H5Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y-fill.svg
new file mode 100644
index 00000000..80201f96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-y-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm1.443 4.762 1.014 1.106L8.75 8.83V12h-1.5V8.83L4.493 6.303l1.014-1.106L8 7.483l2.493-2.286Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y.svg
new file mode 100644
index 00000000..efc84a36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection-y.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection-y" viewBox="0 0 16 16">
+  <path d="M10.493 5.197 8 7.483 5.507 5.197 4.493 6.303 7.25 8.83V12h1.5V8.83l2.757-2.527-1.014-1.106Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection.svg
new file mode 100644
index 00000000..509b13fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-intersection.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-intersection" viewBox="0 0 16 16">
+  <path d="M7.25 4v3.25H4v1.5h3.25V12h1.5V8.75H12v-1.5H8.75V4h-1.5Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left-fill.svg
new file mode 100644
index 00000000..a1bd7ac8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-merge-left-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM7.25 6H6.034a.25.25 0 0 1-.192-.41l1.966-2.36a.25.25 0 0 1 .384 0l1.966 2.36a.25.25 0 0 1-.192.41H8.75v6h-1.5V8.823c-.551.686-1.229 1.363-1.88 2.015l-.016.016-.708-.708c.757-.756 1.48-1.48 2.016-2.196.25-.333.448-.649.588-.95V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left.svg
new file mode 100644
index 00000000..b509fa24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-merge-left" viewBox="0 0 16 16">
+  <path d="M7.25 6v1c-.14.301-.338.617-.588.95-.537.716-1.259 1.44-2.016 2.196l.708.708.015-.016c.652-.652 1.33-1.33 1.881-2.015V12h1.5V6h1.216a.25.25 0 0 0 .192-.41L8.192 3.23a.25.25 0 0 0-.384 0L5.842 5.59a.25.25 0 0 0 .192.41H7.25Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right-fill.svg
new file mode 100644
index 00000000..7f771907
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-merge-right-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM8.75 6v1c.14.301.338.617.588.95.537.716 1.259 1.44 2.016 2.196l-.708.708-.015-.016c-.652-.652-1.33-1.33-1.881-2.015V12h-1.5V6H6.034a.25.25 0 0 1-.192-.41l1.966-2.36a.25.25 0 0 1 .384 0l1.966 2.36a.25.25 0 0 1-.192.41H8.75Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right.svg
new file mode 100644
index 00000000..0339ab22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-merge-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-merge-right" viewBox="0 0 16 16">
+  <path d="M8.75 6v1c.14.301.338.617.588.95.537.716 1.259 1.44 2.016 2.196l-.708.708-.015-.016c-.652-.652-1.33-1.33-1.881-2.015V12h-1.5V6H6.034a.25.25 0 0 1-.192-.41l1.966-2.36a.25.25 0 0 1 .384 0l1.966 2.36a.25.25 0 0 1-.192.41H8.75Z"/>
+  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn-fill.svg
new file mode 100644
index 00000000..86cc79b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-left-turn-fill" viewBox="0 0 16 16">
+  <path d="M2 13.292A8 8 0 0 1 13.293 2L9.195 6.099A2.501 2.501 0 0 0 8.5 6H7V4.534a.25.25 0 0 0-.41-.192L4.23 6.308a.25.25 0 0 0 0 .384l2.36 1.966a.265.265 0 0 0 .026.02L2 13.291Zm.708.708A8 8 0 0 0 14 2.707l-3.885 3.884C10.656 7.05 11 7.735 11 8.5V11h-1V8.5c0-.489-.234-.923-.596-1.197l-6.696 6.696Z"/>
+  <path d="M8.293 7 7 8.293V7h1.293Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn.svg
new file mode 100644
index 00000000..e29d4432
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-left-turn.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-left-turn" viewBox="0 0 16 16">
+  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm3.416 5.29 5.988-5.987c.362.274.596.708.596 1.197V11h1V8.5c0-.765-.344-1.45-.885-1.908l3.176-3.176a7 7 0 0 1-9.874 9.874Zm-.707-.706a7 7 0 0 1 9.874-9.874L9.196 6.097A2.501 2.501 0 0 0 8.5 6H7V4.534a.25.25 0 0 0-.41-.192L4.23 6.308a.25.25 0 0 0 0 .384l2.36 1.966a.265.265 0 0 0 .026.02l-3.907 3.906ZM8.293 7 7 8.293V7h1.293Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking-fill.svg
new file mode 100644
index 00000000..0e1bf468
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-parking-fill" viewBox="0 0 16 16">
+  <path d="M13.292 14A8 8 0 0 1 2 2.707l3.5 3.5V12h1.283V9.164h1.674L13.292 14Zm.708-.708-4.37-4.37C10.5 8.524 11 7.662 11 6.587c0-1.482-.955-2.584-2.538-2.584H5.5v.79L2.708 2.002A8 8 0 0 1 14 13.293Z"/>
+  <path d="M6.777 7.485v.59h.59l-.59-.59Zm1.949.535L6.777 6.07v-.966H8.27c.893 0 1.419.539 1.419 1.482 0 .769-.35 1.273-.963 1.433Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking.svg
new file mode 100644
index 00000000..cc97b1c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-parking.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-parking" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm5.29-3.416L9.63 8.923C10.5 8.523 11 7.66 11 6.586c0-1.482-.955-2.584-2.538-2.584H5.5v.79L3.416 2.71a7 7 0 0 1 9.874 9.874Zm-.706.707A7 7 0 0 1 2.71 3.417l2.79 2.79V12h1.283V9.164h1.674l4.127 4.127ZM8.726 8.019 6.777 6.07v-.966H8.27c.893 0 1.419.539 1.419 1.482 0 .769-.35 1.273-.963 1.433Zm-1.949-.534.59.59h-.59v-.59Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn-fill.svg
new file mode 100644
index 00000000..7448c095
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-right-turn-fill" viewBox="0 0 16 16">
+  <path d="M14 13.292A8 8 0 0 0 2.707 2l4.097 4.098C7.025 6.034 7.259 6 7.5 6H9V4.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L9.41 8.658a.265.265 0 0 1-.026.02L14 13.291Zm-.708.708A8 8 0 0 1 2 2.707l3.885 3.884A2.495 2.495 0 0 0 5 8.5V11h1V8.5c0-.489.234-.923.596-1.197l6.696 6.696Z"/>
+  <path d="M7.707 7 9 8.293V7H7.707Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn.svg
new file mode 100644
index 00000000..e7de0832
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-no-right-turn.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-no-right-turn" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-3.416 5.29L6.596 7.304A1.498 1.498 0 0 0 6 8.5V11H5V8.5c0-.765.344-1.45.885-1.908L2.709 3.416a7 7 0 0 0 9.874 9.874Zm.707-.706A7 7 0 0 0 3.417 2.71l3.388 3.388C7.025 6.034 7.259 6 7.5 6H9V4.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L9.41 8.658a.265.265 0 0 1-.026.02l3.907 3.906ZM7.707 7 9 8.293V7H7.707Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad-fill.svg
new file mode 100644
index 00000000..25818130
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-railroad-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.224 3.162 8 6.94l3.777-3.777L9.049.435Zm3.274 7.425v-.862h.467c.28 0 .467.154.467.44 0 .28-.182.421-.475.421h-.459Z"/>
+  <path d="M12.838 4.223 9.06 8l3.777 3.777 2.727-2.728c.58-.58.58-1.519 0-2.098l-2.727-2.728Zm.03 2.361c.591 0 .935.334.935.844a.79.79 0 0 1-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584h1.064Zm-1.091 6.254L8 9.06l-3.777 3.777 2.728 2.727c.58.58 1.519.58 2.098 0l2.728-2.727Zm-8.953-5.84v.861h.46c.292 0 .474-.14.474-.421 0-.286-.188-.44-.467-.44h-.467Z"/>
+  <path d="M3.162 11.777 6.94 8 3.162 4.223.435 6.951c-.58.58-.58 1.519 0 2.098l2.727 2.728Zm-.86-5.193h1.065c.592 0 .936.334.936.844 0 .39-.242.654-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad.svg
new file mode 100644
index 00000000..a264db25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-railroad.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-railroad" viewBox="0 0 16 16">
+  <path d="M11.303 6.584h1.064c.592 0 .936.334.936.844a.79.79 0 0 1-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Zm.521.414v.861h.46c.292 0 .474-.14.474-.421 0-.286-.188-.44-.467-.44h-.467Zm-8.771-.414h1.064c.592 0 .936.334.936.844 0 .39-.242.654-.485.748l.536 1.074h-.59l-.467-.994h-.473v.994h-.521V6.584Zm.521.414v.861h.46c.292 0 .474-.14.474-.421 0-.286-.188-.44-.467-.44h-.467Z"/>
+  <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.4.7a.495.495 0 0 0-.7 0L4.923 3.861 8 6.939l3.078-3.077L8.35 1.134Zm3.788 3.788L9.061 8l3.077 3.078 2.728-2.728a.495.495 0 0 0 0-.7l-2.728-2.727Zm-1.06 7.215L8 9.061l-3.077 3.077 2.727 2.728a.495.495 0 0 0 .7 0l2.727-2.728Zm-7.216-1.06L6.939 8 3.862 4.923 1.134 7.65a.495.495 0 0 0 0 .7l2.728 2.728Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-fill.svg
new file mode 100644
index 00000000..375af762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-stop-fill" viewBox="0 0 16 16">
+  <path d="M10.371 8.277v-.553c0-.827-.422-1.234-.987-1.234-.572 0-.99.407-.99 1.234v.553c0 .83.418 1.237.99 1.237.565 0 .987-.408.987-1.237Zm2.586-.24c.463 0 .735-.272.735-.744s-.272-.741-.735-.741h-.774v1.485h.774Z"/>
+  <path d="M4.893 0a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146A.5.5 0 0 0 11.107 0H4.893ZM3.16 10.08c-.931 0-1.447-.493-1.494-1.132h.653c.065.346.396.583.891.583.524 0 .83-.246.83-.62 0-.303-.203-.467-.637-.572l-.656-.164c-.61-.147-.978-.51-.978-1.078 0-.706.597-1.184 1.444-1.184.853 0 1.386.475 1.436 1.087h-.645c-.064-.32-.352-.542-.797-.542-.472 0-.77.246-.77.6 0 .261.196.437.553.522l.654.161c.673.164 1.06.487 1.06 1.11 0 .736-.574 1.228-1.544 1.228Zm3.427-3.51V10h-.665V6.57H4.753V6h3.006v.568H6.587Zm4.458 1.16v.544c0 1.131-.636 1.805-1.661 1.805-1.026 0-1.664-.674-1.664-1.805V7.73c0-1.136.638-1.807 1.664-1.807 1.025 0 1.66.674 1.66 1.807ZM11.52 6h1.535c.82 0 1.316.55 1.316 1.292 0 .747-.501 1.289-1.321 1.289h-.865V10h-.665V6.001Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights-fill.svg
new file mode 100644
index 00000000..df93e1c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-stop-lights-fill" viewBox="0 0 16 16">
+  <path d="M8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM6 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights.svg
new file mode 100644
index 00000000..297320ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop-lights.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-stop-lights" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4Zm2 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
+  <path fill-rule="evenodd" d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435Zm-1.4.7a.495.495 0 0 1 .7 0l6.516 6.515a.495.495 0 0 1 0 .7L8.35 14.866a.495.495 0 0 1-.7 0L1.134 8.35a.495.495 0 0 1 0-.7L7.65 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop.svg
new file mode 100644
index 00000000..14def743
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-stop.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-stop" viewBox="0 0 16 16">
+  <path d="M3.16 10.08c-.931 0-1.447-.493-1.494-1.132h.653c.065.346.396.583.891.583.524 0 .83-.246.83-.62 0-.303-.203-.467-.637-.572l-.656-.164c-.61-.147-.978-.51-.978-1.078 0-.706.597-1.184 1.444-1.184.853 0 1.386.475 1.436 1.087h-.645c-.064-.32-.352-.542-.797-.542-.472 0-.77.246-.77.6 0 .261.196.437.553.522l.654.161c.673.164 1.06.487 1.06 1.11 0 .736-.574 1.228-1.544 1.228Zm3.427-3.51V10h-.665V6.57H4.753V6h3.006v.568H6.587Z"/>
+  <path fill-rule="evenodd" d="M11.045 7.73v.544c0 1.131-.636 1.805-1.661 1.805-1.026 0-1.664-.674-1.664-1.805V7.73c0-1.136.638-1.807 1.664-1.807 1.025 0 1.66.674 1.66 1.807Zm-.674.547v-.553c0-.827-.422-1.234-.987-1.234-.572 0-.99.407-.99 1.234v.553c0 .83.418 1.237.99 1.237.565 0 .987-.408.987-1.237Zm1.15-2.276h1.535c.82 0 1.316.55 1.316 1.292 0 .747-.501 1.289-1.321 1.289h-.865V10h-.665V6.001Zm1.436 2.036c.463 0 .735-.272.735-.744s-.272-.741-.735-.741h-.774v1.485h.774Z"/>
+  <path fill-rule="evenodd" d="M4.893 0a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146A.5.5 0 0 0 11.107 0H4.893ZM1 5.1 5.1 1h5.8L15 5.1v5.8L10.9 15H5.1L1 10.9V5.1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left-fill.svg
new file mode 100644
index 00000000..87a6dca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-left-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM7 8.466a.25.25 0 0 1-.41.192L4.23 6.692a.25.25 0 0 1 0-.384l2.36-1.966a.25.25 0 0 1 .41.192V6h1.5A2.5 2.5 0 0 1 11 8.5V11h-1V8.5A1.5 1.5 0 0 0 8.5 7H7v1.466Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left.svg
new file mode 100644
index 00000000..bea00b71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-left" viewBox="0 0 16 16">
+  <path d="M11 8.5A2.5 2.5 0 0 0 8.5 6H7V4.534a.25.25 0 0 0-.41-.192L4.23 6.308a.25.25 0 0 0 0 .384l2.36 1.966A.25.25 0 0 0 7 8.466V7h1.5A1.5 1.5 0 0 1 10 8.5V11h1V8.5Z"/>
+  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right-fill.svg
new file mode 100644
index 00000000..4181518b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-right-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM9 8.466V7H7.5A1.5 1.5 0 0 0 6 8.5V11H5V8.5A2.5 2.5 0 0 1 7.5 6H9V4.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L9.41 8.658A.25.25 0 0 1 9 8.466Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right.svg
new file mode 100644
index 00000000..da447dbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-right" viewBox="0 0 16 16">
+  <path d="M5 8.5A2.5 2.5 0 0 1 7.5 6H9V4.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L9.41 8.658A.25.25 0 0 1 9 8.466V7H7.5A1.5 1.5 0 0 0 6 8.5V11H5V8.5Z"/>
+  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left-fill.svg
new file mode 100644
index 00000000..62f83886
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-slight-left-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098L9.05.435ZM6.864 8.368a.25.25 0 0 1-.451-.039l-1.06-2.882a.25.25 0 0 1 .192-.333l3.026-.523a.25.25 0 0 1 .26.371l-.667 1.154.621.373A2.5 2.5 0 0 1 10 8.632V11H9V8.632a1.5 1.5 0 0 0-.728-1.286l-.607-.364-.8 1.386Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left.svg
new file mode 100644
index 00000000..79475ad0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-left.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-slight-left" viewBox="0 0 16 16">
+  <path d="m7.665 6.982-.8 1.386a.25.25 0 0 1-.451-.039l-1.06-2.882a.25.25 0 0 1 .192-.333l3.026-.523a.25.25 0 0 1 .26.371l-.667 1.154.621.373A2.5 2.5 0 0 1 10 8.632V11H9V8.632a1.5 1.5 0 0 0-.728-1.286l-.607-.364Z"/>
+  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right-fill.svg
new file mode 100644
index 00000000..c4c47615
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-slight-right-fill" viewBox="0 0 16 16">
+  <path d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.385 6.547.8 1.386a.25.25 0 0 0 .451-.039l1.06-2.882a.25.25 0 0 0-.192-.333l-3.026-.523a.25.25 0 0 0-.26.371l.667 1.154-.621.373A2.5 2.5 0 0 0 6 8.632V11h1V8.632a1.5 1.5 0 0 1 .728-1.286l.607-.364Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right.svg
new file mode 100644
index 00000000..cf22c012
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-turn-slight-right.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-turn-slight-right" viewBox="0 0 16 16">
+  <path d="m8.335 6.982.8 1.386a.25.25 0 0 0 .451-.039l1.06-2.882a.25.25 0 0 0-.192-.333l-3.026-.523a.25.25 0 0 0-.26.371l.667 1.154-.621.373A2.5 2.5 0 0 0 6 8.632V11h1V8.632a1.5 1.5 0 0 1 .728-1.286l.607-.364Z"/>
+  <path fill-rule="evenodd" d="M6.95.435c.58-.58 1.52-.58 2.1 0l6.515 6.516c.58.58.58 1.519 0 2.098L9.05 15.565c-.58.58-1.519.58-2.098 0L.435 9.05a1.482 1.482 0 0 1 0-2.098L6.95.435Zm1.4.7a.495.495 0 0 0-.7 0L1.134 7.65a.495.495 0 0 0 0 .7l6.516 6.516a.495.495 0 0 0 .7 0l6.516-6.516a.495.495 0 0 0 0-.7L8.35 1.134Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield-fill.svg
new file mode 100644
index 00000000..c2ec9a58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-yield-fill" viewBox="0 0 16 16">
+  <path d="M10.48 5.323h-.28v1.353h.28c.372 0 .54-.222.54-.674 0-.45-.169-.68-.54-.68Z"/>
+  <path d="M7.022 14.434a1.131 1.131 0 0 0 1.96 0l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889 0-1.437.99-.98 1.767l6.857 11.667ZM5.506 6.232V7H5.11v-.76L4.44 5h.44l.424.849h.016L5.748 5h.428l-.67 1.232ZM6.628 5v2h-.396V5h.396Zm.684 1.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842v.536Zm1.521-.013h.848V7H8.437V5h.396v1.663Zm.97.337V5h.73c.608 0 .895.364.895.995 0 .636-.291 1.005-.895 1.005h-.73Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield.svg
new file mode 100644
index 00000000..aabf3fb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sign-yield.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sign-yield" viewBox="0 0 16 16">
+  <path d="M5.506 6.232V7H5.11v-.76L4.44 5h.44l.424.849h.016L5.748 5h.428l-.67 1.232ZM6.628 5v2h-.396V5h.396Zm.684 1.676h.895V7H6.919V5h1.288v.324h-.895v.513h.842v.303h-.842v.536Zm1.521-.013h.848V7H8.437V5h.396v1.663Z"/>
+  <path fill-rule="evenodd" d="M9.804 7V5h.73c.607 0 .894.364.894.995 0 .636-.291 1.005-.895 1.005h-.73Zm.676-1.677h-.28v1.353h.28c.372 0 .54-.222.54-.674 0-.45-.169-.68-.54-.68Z"/>
+  <path fill-rule="evenodd" d="M7.022 14.434a1.131 1.131 0 0 0 1.96 0l6.857-11.667c.457-.778-.092-1.767-.98-1.767H1.144c-.889 0-1.437.99-.98 1.767l6.857 11.667Zm.98-.434a.13.13 0 0 1-.064-.016.146.146 0 0 1-.054-.057L1.027 2.26a.177.177 0 0 1-.002-.183.164.164 0 0 1 .054-.06A.116.116 0 0 1 1.145 2h13.713a.12.12 0 0 1 .066.017c.018.01.038.03.055.06a.176.176 0 0 1-.003.183L8.12 13.927a.146.146 0 0 1-.054.057.13.13 0 0 1-.063.016Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signal.svg
new file mode 100644
index 00000000..4220d488
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signal" viewBox="0 0 16 16">
+  <path d="m6.08.234.179.727a7.264 7.264 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.265 7.265 0 0 1 2.01.832l.388-.643A7.957 7.957 0 0 0 9.92.234zm-8.77 3.63a7.944 7.944 0 0 0-.916 2.215l.727.18a7.264 7.264 0 0 1 .832-2.01l-.643-.386zM.75 8a7.3 7.3 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7.262 7.262 0 0 1 .75 8zm11.384 6.848-.384-.64a7.23 7.23 0 0 1-2.007.831l.18.728a7.965 7.965 0 0 0 2.211-.919zM15.251 8c0 .364-.028.727-.082 1.086l.74.112a7.966 7.966 0 0 0 0-2.398l-.74.114c.054.36.082.722.082 1.086zm.516 1.918-.728-.18a7.252 7.252 0 0 1-.832 2.012l.643.387a7.933 7.933 0 0 0 .917-2.219zm-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a7.99 7.99 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.229 7.229 0 0 1-1.537 1.534l.446.605a8.07 8.07 0 0 0 1.695-1.689l-.604-.45zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8.06 8.06 0 0 0-1.69-1.691l-.45.604zM2.163 3.7A7.242 7.242 0 0 1 3.7 2.163l-.45-.604a8.06 8.06 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a7.931 7.931 0 0 0-.916-2.214zM6.913.831a7.254 7.254 0 0 1 2.172 0l.112-.74a7.985 7.985 0 0 0-2.396 0l.112.74zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357-.17-.734zM.786 12.612l.732.168.25-1.073A7.187 7.187 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.197 7.197 0 0 1-1.962-.811l-.007.005zM8 1.5a6.502 6.502 0 0 0-6.498 6.502 6.516 6.516 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.516 6.516 0 0 0 8 1.5"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2-fill.svg
new file mode 100644
index 00000000..cc51e517
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost-2-fill" viewBox="0 0 16 16">
+  <path d="M7.293.707A1 1 0 0 0 7 1.414V2H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5v1H2.5a1 1 0 0 0-.8.4L.725 8.7a.5.5 0 0 0 0 .6l.975 1.3a1 1 0 0 0 .8.4H7v5h2v-5h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H9V6h4.5a1 1 0 0 0 .8-.4l.975-1.3a.5.5 0 0 0 0-.6L14.3 2.4a1 1 0 0 0-.8-.4H9v-.586A1 1 0 0 0 7.293.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2.svg
new file mode 100644
index 00000000..6a18b3ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost-2" viewBox="0 0 16 16">
+  <path d="M7 1.414V2H2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5v1H2.5a1 1 0 0 0-.8.4L.725 8.7a.5.5 0 0 0 0 .6l.975 1.3a1 1 0 0 0 .8.4H7v5h2v-5h5a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H9V6h4.5a1 1 0 0 0 .8-.4l.975-1.3a.5.5 0 0 0 0-.6L14.3 2.4a1 1 0 0 0-.8-.4H9v-.586a1 1 0 0 0-2 0zM13.5 3l.75 1-.75 1H2V3h11.5zm.5 5v2H2.5l-.75-1 .75-1H14z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-fill.svg
new file mode 100644
index 00000000..f95f257a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost-fill" viewBox="0 0 16 16">
+  <path d="M7.293.707A1 1 0 0 0 7 1.414V4H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v6h2v-6h3.532a1 1 0 0 0 .768-.36l1.933-2.32a.5.5 0 0 0 0-.64L13.3 4.36a1 1 0 0 0-.768-.36H9V1.414A1 1 0 0 0 7.293.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split-fill.svg
new file mode 100644
index 00000000..86aa086f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost-split-fill" viewBox="0 0 16 16">
+  <path d="M7 16h2V6h5a1 1 0 0 0 .8-.4l.975-1.3a.5.5 0 0 0 0-.6L14.8 2.4A1 1 0 0 0 14 2H9v-.586a1 1 0 0 0-2 0V7H2a1 1 0 0 0-.8.4L.225 8.7a.5.5 0 0 0 0 .6l.975 1.3a1 1 0 0 0 .8.4h5v5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split.svg
new file mode 100644
index 00000000..0168ae53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost-split.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost-split" viewBox="0 0 16 16">
+  <path d="M7 7V1.414a1 1 0 0 1 2 0V2h5a1 1 0 0 1 .8.4l.975 1.3a.5.5 0 0 1 0 .6L14.8 5.6a1 1 0 0 1-.8.4H9v10H7v-5H2a1 1 0 0 1-.8-.4L.225 9.3a.5.5 0 0 1 0-.6L1.2 7.4A1 1 0 0 1 2 7h5zm1 3V8H2l-.75 1L2 10h6zm0-5h6l.75-1L14 3H8v2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/signpost.svg b/apps/phoenix_webcomponent/priv/bsi/svg/signpost.svg
new file mode 100644
index 00000000..90a88822
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/signpost.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-signpost" viewBox="0 0 16 16">
+  <path d="M7 1.414V4H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5v6h2v-6h3.532a1 1 0 0 0 .768-.36l1.933-2.32a.5.5 0 0 0 0-.64L13.3 4.36a1 1 0 0 0-.768-.36H9V1.414a1 1 0 0 0-2 0zM12.532 5l1.666 2-1.666 2H2V5h10.532z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sim-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sim-fill.svg
new file mode 100644
index 00000000..c8e2c296
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sim-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sim-fill" viewBox="0 0 16 16">
+  <path d="M5 4.5a.5.5 0 0 1 .5-.5h2v2H5V4.5zM8.5 6V4h2a.5.5 0 0 1 .5.5V6H8.5zM5 7h6v2H5V7zm3.5 3H11v1.5a.5.5 0 0 1-.5.5h-2v-2zm-1 0v2h-2a.5.5 0 0 1-.5-.5V10h2.5z"/>
+  <path d="M3.5 0A1.5 1.5 0 0 0 2 1.5v13A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5V3.414a1.5 1.5 0 0 0-.44-1.06L11.647.439A1.5 1.5 0 0 0 10.586 0H3.5zm2 3h5A1.5 1.5 0 0 1 12 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 11.5v-7A1.5 1.5 0 0 1 5.5 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sim.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sim.svg
new file mode 100644
index 00000000..cc0e8695
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sim.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sim" viewBox="0 0 16 16">
+  <path d="M2 1.5A1.5 1.5 0 0 1 3.5 0h7.086a1.5 1.5 0 0 1 1.06.44l1.915 1.914A1.5 1.5 0 0 1 14 3.414V14.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 14.5v-13zM3.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V3.414a.5.5 0 0 0-.146-.353l-1.915-1.915A.5.5 0 0 0 10.586 1H3.5z"/>
+  <path d="M5.5 4a.5.5 0 0 0-.5.5V6h2.5V4h-2zm3 0v2H11V4.5a.5.5 0 0 0-.5-.5h-2zM11 7H5v2h6V7zm0 3H8.5v2h2a.5.5 0 0 0 .5-.5V10zm-3.5 2v-2H5v1.5a.5.5 0 0 0 .5.5h2zM4 4.5A1.5 1.5 0 0 1 5.5 3h5A1.5 1.5 0 0 1 12 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 11.5v-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sina-weibo.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sina-weibo.svg
new file mode 100644
index 00000000..05c5f4bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sina-weibo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sina-weibo" viewBox="0 0 16 16">
+  <path d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06Z"/>
+  <path d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn-fill.svg
new file mode 100644
index 00000000..bf064290
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm11.21-6.907L8.5 7.028V5.5a.5.5 0 0 0-.79-.407L5 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407V8.972l2.71 1.935A.5.5 0 0 0 12 10.5v-5a.5.5 0 0 0-.79-.407z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn.svg
new file mode 100644
index 00000000..b04455ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-btn" viewBox="0 0 16 16">
+  <path d="M11.21 5.093A.5.5 0 0 1 12 5.5v5a.5.5 0 0 1-.79.407L8.5 8.972V10.5a.5.5 0 0 1-.79.407L5 8.972V10.5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 1 0v1.528l2.71-1.935a.5.5 0 0 1 .79.407v1.528l2.71-1.935z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle-fill.svg
new file mode 100644
index 00000000..f6b6e4db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.79-2.907L8.5 7.028V5.5a.5.5 0 0 0-.79-.407L5 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407V8.972l2.71 1.935A.5.5 0 0 0 12 10.5v-5a.5.5 0 0 0-.79-.407z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle.svg
new file mode 100644
index 00000000..63e2a195
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M11.729 5.055a.5.5 0 0 0-.52.038L8.5 7.028V5.5a.5.5 0 0 0-.79-.407L5 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407V8.972l2.71 1.935A.5.5 0 0 0 12 10.5v-5a.5.5 0 0 0-.271-.445z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-fill.svg
new file mode 100644
index 00000000..a0ce53ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-fill" viewBox="0 0 16 16">
+  <path d="M.5 3.5A.5.5 0 0 0 0 4v8a.5.5 0 0 0 1 0V8.753l6.267 3.636c.54.313 1.233-.066 1.233-.697v-2.94l6.267 3.636c.54.314 1.233-.065 1.233-.696V4.308c0-.63-.693-1.01-1.233-.696L8.5 7.248v-2.94c0-.63-.692-1.01-1.233-.696L1 7.248V4a.5.5 0 0 0-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward.svg
new file mode 100644
index 00000000..9be60fe7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-backward.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward" viewBox="0 0 16 16">
+  <path d="M.5 3.5A.5.5 0 0 1 1 4v3.248l6.267-3.636c.52-.302 1.233.043 1.233.696v2.94l6.267-3.636c.52-.302 1.233.043 1.233.696v7.384c0 .653-.713.998-1.233.696L8.5 8.752v2.94c0 .653-.713.998-1.233.696L1 8.752V12a.5.5 0 0 1-1 0V4a.5.5 0 0 1 .5-.5zm7 1.133L1.696 8 7.5 11.367V4.633zm7.5 0L9.196 8 15 11.367V4.633z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn-fill.svg
new file mode 100644
index 00000000..55bf1ba8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6.79-6.907A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407L9.5 8.972V10.5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-1 0v1.528L6.79 5.093z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn.svg
new file mode 100644
index 00000000..6c5b044b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end-btn" viewBox="0 0 16 16">
+  <path d="M6.79 5.093 9.5 7.028V5.5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0V8.972l-2.71 1.935A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .79-.407z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle-fill.svg
new file mode 100644
index 00000000..e3037508
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407L9.5 8.972V10.5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-1 0v1.528L6.79 5.093z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle.svg
new file mode 100644
index 00000000..39e8cd31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M6.271 5.055a.5.5 0 0 1 .52.038L9.5 7.028V5.5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0V8.972l-2.71 1.935A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-fill.svg
new file mode 100644
index 00000000..fa90d3fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end-fill" viewBox="0 0 16 16">
+  <path d="M12.5 4a.5.5 0 0 0-1 0v3.248L5.233 3.612C4.693 3.3 4 3.678 4 4.308v7.384c0 .63.692 1.01 1.233.697L11.5 8.753V12a.5.5 0 0 0 1 0V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-end.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end.svg
new file mode 100644
index 00000000..40d6fa99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-end.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-end" viewBox="0 0 16 16">
+  <path d="M12.5 4a.5.5 0 0 0-1 0v3.248L5.233 3.612C4.713 3.31 4 3.655 4 4.308v7.384c0 .653.713.998 1.233.696L11.5 8.752V12a.5.5 0 0 0 1 0V4zM5 4.633 10.804 8 5 11.367V4.633z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn-fill.svg
new file mode 100644
index 00000000..b767e9c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2Zm4.79-6.907A.5.5 0 0 0 4 5.5v5a.5.5 0 0 0 .79.407L7.5 8.972V10.5a.5.5 0 0 0 .79.407L11 8.972V10.5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-1 0v1.528L8.29 5.093a.5.5 0 0 0-.79.407v1.528L4.79 5.093Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn.svg
new file mode 100644
index 00000000..f67d3a80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-btn" viewBox="0 0 16 16">
+  <path d="M4.79 5.093A.5.5 0 0 0 4 5.5v5a.5.5 0 0 0 .79.407L7.5 8.972V10.5a.5.5 0 0 0 .79.407L11 8.972V10.5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-1 0v1.528L8.29 5.093a.5.5 0 0 0-.79.407v1.528L4.79 5.093z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle-fill.svg
new file mode 100644
index 00000000..00cea35e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.79 5.093A.5.5 0 0 0 4 5.5v5a.5.5 0 0 0 .79.407L7.5 8.972V10.5a.5.5 0 0 0 .79.407L11 8.972V10.5a.5.5 0 0 0 1 0v-5a.5.5 0 0 0-1 0v1.528L8.29 5.093a.5.5 0 0 0-.79.407v1.528L4.79 5.093z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle.svg
new file mode 100644
index 00000000..3b55d7e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.271 5.055a.5.5 0 0 1 .52.038L7.5 7.028V5.5a.5.5 0 0 1 .79-.407L11 7.028V5.5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0V8.972l-2.71 1.935a.5.5 0 0 1-.79-.407V8.972l-2.71 1.935A.5.5 0 0 1 4 10.5v-5a.5.5 0 0 1 .271-.445z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-fill.svg
new file mode 100644
index 00000000..c4071aa8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-fill" viewBox="0 0 16 16">
+  <path d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V8.753l-6.267 3.636c-.54.313-1.233-.066-1.233-.697v-2.94l-6.267 3.636C.693 12.703 0 12.324 0 11.693V4.308c0-.63.693-1.01 1.233-.696L7.5 7.248v-2.94c0-.63.693-1.01 1.233-.696L15 7.248V4a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward.svg
new file mode 100644
index 00000000..a1c4720b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-forward.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward" viewBox="0 0 16 16">
+  <path d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V8.752l-6.267 3.636c-.52.302-1.233-.043-1.233-.696v-2.94l-6.267 3.636C.713 12.69 0 12.345 0 11.692V4.308c0-.653.713-.998 1.233-.696L7.5 7.248v-2.94c0-.653.713-.998 1.233-.696L15 7.248V4a.5.5 0 0 1 .5-.5zM1 4.633v6.734L6.804 8 1 4.633zm7.5 0v6.734L14.304 8 8.5 4.633z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn-fill.svg
new file mode 100644
index 00000000..56a1370f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm9.71-6.907L7 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407v-5a.5.5 0 0 0-.79-.407z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn.svg
new file mode 100644
index 00000000..c86afbe4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start-btn" viewBox="0 0 16 16">
+  <path d="M9.71 5.093a.5.5 0 0 1 .79.407v5a.5.5 0 0 1-.79.407L7 8.972V10.5a.5.5 0 0 1-1 0v-5a.5.5 0 0 1 1 0v1.528l2.71-1.935z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle-fill.svg
new file mode 100644
index 00000000..b6d13b0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM9.71 5.093 7 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407v-5a.5.5 0 0 0-.79-.407z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle.svg
new file mode 100644
index 00000000..f9664d9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M10.229 5.055a.5.5 0 0 0-.52.038L7 7.028V5.5a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0V8.972l2.71 1.935a.5.5 0 0 0 .79-.407v-5a.5.5 0 0 0-.271-.445z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-fill.svg
new file mode 100644
index 00000000..c4295fc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start-fill" viewBox="0 0 16 16">
+  <path d="M4 4a.5.5 0 0 1 1 0v3.248l6.267-3.636c.54-.313 1.232.066 1.232.696v7.384c0 .63-.692 1.01-1.232.697L5 8.753V12a.5.5 0 0 1-1 0V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skip-start.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start.svg
new file mode 100644
index 00000000..a178e0e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skip-start.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-start" viewBox="0 0 16 16">
+  <path d="M4 4a.5.5 0 0 1 1 0v3.248l6.267-3.636c.52-.302 1.233.043 1.233.696v7.384c0 .653-.713.998-1.233.696L5 8.752V12a.5.5 0 0 1-1 0V4zm7.5.633L5.696 8l5.804 3.367V4.633z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/skype.svg b/apps/phoenix_webcomponent/priv/bsi/svg/skype.svg
new file mode 100644
index 00000000..b3beaf95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/skype.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skype" viewBox="0 0 16 16">
+  <path d="M4.671 0c.88 0 1.733.247 2.468.702a7.423 7.423 0 0 1 6.02 2.118 7.372 7.372 0 0 1 2.167 5.215c0 .344-.024.687-.072 1.026a4.662 4.662 0 0 1 .6 2.281 4.645 4.645 0 0 1-1.37 3.294A4.673 4.673 0 0 1 11.18 16c-.84 0-1.658-.226-2.37-.644a7.423 7.423 0 0 1-6.114-2.107A7.374 7.374 0 0 1 .529 8.035c0-.363.026-.724.08-1.081a4.644 4.644 0 0 1 .76-5.59A4.68 4.68 0 0 1 4.67 0zm.447 7.01c.18.309.43.572.729.769a7.07 7.07 0 0 0 1.257.653c.492.205.873.38 1.145.523.229.112.437.264.615.448.135.142.21.331.21.528a.872.872 0 0 1-.335.723c-.291.196-.64.289-.99.264a2.618 2.618 0 0 1-1.048-.206 11.44 11.44 0 0 1-.532-.253 1.284 1.284 0 0 0-.587-.15.717.717 0 0 0-.501.176.63.63 0 0 0-.195.491.796.796 0 0 0 .148.482 1.2 1.2 0 0 0 .456.354 5.113 5.113 0 0 0 2.212.419 4.554 4.554 0 0 0 1.624-.265 2.296 2.296 0 0 0 1.08-.801c.267-.39.402-.855.386-1.327a2.09 2.09 0 0 0-.279-1.101 2.53 2.53 0 0 0-.772-.792A7.198 7.198 0 0 0 8.486 7.3a1.05 1.05 0 0 0-.145-.058 18.182 18.182 0 0 1-1.013-.447 1.827 1.827 0 0 1-.54-.387.727.727 0 0 1-.2-.508.805.805 0 0 1 .385-.723 1.76 1.76 0 0 1 .968-.247c.26-.003.52.03.772.096.274.079.542.177.802.293.105.049.22.075.336.076a.6.6 0 0 0 .453-.19.69.69 0 0 0 .18-.496.717.717 0 0 0-.17-.476 1.374 1.374 0 0 0-.556-.354 3.69 3.69 0 0 0-.708-.183 5.963 5.963 0 0 0-1.022-.078 4.53 4.53 0 0 0-1.536.258 2.71 2.71 0 0 0-1.174.784 1.91 1.91 0 0 0-.45 1.287c-.01.37.076.736.25 1.063z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slack.svg
new file mode 100644
index 00000000..f4aa6e6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slack.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slack" viewBox="0 0 16 16">
+  <path d="M3.362 10.11c0 .926-.756 1.681-1.681 1.681S0 11.036 0 10.111C0 9.186.756 8.43 1.68 8.43h1.682v1.68zm.846 0c0-.924.756-1.68 1.681-1.68s1.681.756 1.681 1.68v4.21c0 .924-.756 1.68-1.68 1.68a1.685 1.685 0 0 1-1.682-1.68v-4.21zM5.89 3.362c-.926 0-1.682-.756-1.682-1.681S4.964 0 5.89 0s1.68.756 1.68 1.68v1.682H5.89zm0 .846c.924 0 1.68.756 1.68 1.681S6.814 7.57 5.89 7.57H1.68C.757 7.57 0 6.814 0 5.89c0-.926.756-1.682 1.68-1.682h4.21zm6.749 1.682c0-.926.755-1.682 1.68-1.682.925 0 1.681.756 1.681 1.681s-.756 1.681-1.68 1.681h-1.681V5.89zm-.848 0c0 .924-.755 1.68-1.68 1.68A1.685 1.685 0 0 1 8.43 5.89V1.68C8.43.757 9.186 0 10.11 0c.926 0 1.681.756 1.681 1.68v4.21zm-1.681 6.748c.926 0 1.682.756 1.682 1.681S11.036 16 10.11 16s-1.681-.756-1.681-1.68v-1.682h1.68zm0-.847c-.924 0-1.68-.755-1.68-1.68 0-.925.756-1.681 1.68-1.681h4.21c.924 0 1.68.756 1.68 1.68 0 .926-.756 1.681-1.68 1.681h-4.21z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle-fill.svg
new file mode 100644
index 00000000..f7031017
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-4.646-2.646a.5.5 0 0 0-.708-.708l-6 6a.5.5 0 0 0 .708.708l6-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle.svg
new file mode 100644
index 00000000..4c1344bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M11.354 4.646a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 .708.708l6-6a.5.5 0 0 0 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash-lg.svg
new file mode 100644
index 00000000..161b6ec7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-lg" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash-square-fill.svg
new file mode 100644
index 00000000..c7a39350
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm9.354 5.354-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash-square.svg
new file mode 100644
index 00000000..ccf42bd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M11.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/slash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/slash.svg
new file mode 100644
index 00000000..9616561f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/slash.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-slash" viewBox="0 0 16 16">
+  <path d="M11.354 4.646a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708l6-6a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sliders.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sliders.svg
new file mode 100644
index 00000000..da4b8353
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sliders.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sliders" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.5 2a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM9.05 3a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0V3h9.05zM4.5 7a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM2.05 8a2.5 2.5 0 0 1 4.9 0H16v1H6.95a2.5 2.5 0 0 1-4.9 0H0V8h2.05zm9.45 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-2.45 1a2.5 2.5 0 0 1 4.9 0H16v1h-2.05a2.5 2.5 0 0 1-4.9 0H0v-1h9.05z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sliders2-vertical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sliders2-vertical.svg
new file mode 100644
index 00000000..c474281c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sliders2-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sliders2-vertical" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M0 10.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H3V1.5a.5.5 0 0 0-1 0V10H.5a.5.5 0 0 0-.5.5ZM2.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm3-6.5A.5.5 0 0 0 6 6h1.5v8.5a.5.5 0 0 0 1 0V6H10a.5.5 0 0 0 0-1H6a.5.5 0 0 0-.5.5ZM8 1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2A.5.5 0 0 0 8 1Zm3 9.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1H14V1.5a.5.5 0 0 0-1 0V10h-1.5a.5.5 0 0 0-.5.5Zm2.5 1.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sliders2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sliders2.svg
new file mode 100644
index 00000000..86fa70c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sliders2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sliders2" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.5 1a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4H1.5a.5.5 0 0 1 0-1H10V1.5a.5.5 0 0 1 .5-.5ZM12 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-6.5 2A.5.5 0 0 1 6 6v1.5h8.5a.5.5 0 0 1 0 1H6V10a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5ZM1 8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 1 8Zm9.5 2a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V13H1.5a.5.5 0 0 1 0-1H10v-1.5a.5.5 0 0 1 .5-.5Zm1.5 2.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/smartwatch.svg b/apps/phoenix_webcomponent/priv/bsi/svg/smartwatch.svg
new file mode 100644
index 00000000..696bd331
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/smartwatch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-smartwatch" viewBox="0 0 16 16">
+  <path d="M9 5a.5.5 0 0 0-1 0v3H6a.5.5 0 0 0 0 1h2.5a.5.5 0 0 0 .5-.5V5z"/>
+  <path d="M4 1.667v.383A2.5 2.5 0 0 0 2 4.5v7a2.5 2.5 0 0 0 2 2.45v.383C4 15.253 4.746 16 5.667 16h4.666c.92 0 1.667-.746 1.667-1.667v-.383a2.5 2.5 0 0 0 2-2.45V8h.5a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H14v-.5a2.5 2.5 0 0 0-2-2.45v-.383C12 .747 11.254 0 10.333 0H5.667C4.747 0 4 .746 4 1.667zM4.5 3h7A1.5 1.5 0 0 1 13 4.5v7a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 11.5v-7A1.5 1.5 0 0 1 4.5 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/snapchat.svg b/apps/phoenix_webcomponent/priv/bsi/svg/snapchat.svg
new file mode 100644
index 00000000..505f55a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/snapchat.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-snapchat" viewBox="0 0 16 16">
+  <path d="M15.943 11.526c-.111-.303-.323-.465-.564-.599a1.416 1.416 0 0 0-.123-.064l-.219-.111c-.752-.399-1.339-.902-1.746-1.498a3.387 3.387 0 0 1-.3-.531c-.034-.1-.032-.156-.008-.207a.338.338 0 0 1 .097-.1c.129-.086.262-.173.352-.231.162-.104.289-.187.371-.245.309-.216.525-.446.66-.702a1.397 1.397 0 0 0 .069-1.16c-.205-.538-.713-.872-1.329-.872a1.829 1.829 0 0 0-.487.065c.006-.368-.002-.757-.035-1.139-.116-1.344-.587-2.048-1.077-2.61a4.294 4.294 0 0 0-1.095-.881C9.764.216 8.92 0 7.999 0c-.92 0-1.76.216-2.505.641-.412.232-.782.53-1.097.883-.49.562-.96 1.267-1.077 2.61-.033.382-.04.772-.036 1.138a1.83 1.83 0 0 0-.487-.065c-.615 0-1.124.335-1.328.873a1.398 1.398 0 0 0 .067 1.161c.136.256.352.486.66.701.082.058.21.14.371.246l.339.221a.38.38 0 0 1 .109.11c.026.053.027.11-.012.217a3.363 3.363 0 0 1-.295.52c-.398.583-.968 1.077-1.696 1.472-.385.204-.786.34-.955.8-.128.348-.044.743.28 1.075.119.125.257.23.409.31a4.43 4.43 0 0 0 1 .4.66.66 0 0 1 .202.09c.118.104.102.26.259.488.079.118.18.22.296.3.33.229.701.243 1.095.258.355.014.758.03 1.217.18.19.064.389.186.618.328.55.338 1.305.802 2.566.802 1.262 0 2.02-.466 2.576-.806.227-.14.424-.26.609-.321.46-.152.863-.168 1.218-.181.393-.015.764-.03 1.095-.258a1.14 1.14 0 0 0 .336-.368c.114-.192.11-.327.217-.42a.625.625 0 0 1 .19-.087 4.446 4.446 0 0 0 1.014-.404c.16-.087.306-.2.429-.336l.004-.005c.304-.325.38-.709.256-1.047Zm-1.121.602c-.684.378-1.139.337-1.493.565-.3.193-.122.61-.34.76-.269.186-1.061-.012-2.085.326-.845.279-1.384 1.082-2.903 1.082-1.519 0-2.045-.801-2.904-1.084-1.022-.338-1.816-.14-2.084-.325-.218-.15-.041-.568-.341-.761-.354-.228-.809-.187-1.492-.563-.436-.24-.189-.39-.044-.46 2.478-1.199 2.873-3.05 2.89-3.188.022-.166.045-.297-.138-.466-.177-.164-.962-.65-1.18-.802-.36-.252-.52-.503-.402-.812.082-.214.281-.295.49-.295a.93.93 0 0 1 .197.022c.396.086.78.285 1.002.338.027.007.054.01.082.011.118 0 .16-.06.152-.195-.026-.433-.087-1.277-.019-2.066.094-1.084.444-1.622.859-2.097.2-.229 1.137-1.22 2.93-1.22 1.792 0 2.732.987 2.931 1.215.416.475.766 1.013.859 2.098.068.788.009 1.632-.019 2.065-.01.142.034.195.152.195a.35.35 0 0 0 .082-.01c.222-.054.607-.253 1.002-.338a.912.912 0 0 1 .197-.023c.21 0 .409.082.49.295.117.309-.04.56-.401.812-.218.152-1.003.638-1.18.802-.184.169-.16.3-.139.466.018.14.413 1.991 2.89 3.189.147.073.394.222-.041.464Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/snow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/snow.svg
new file mode 100644
index 00000000..9b648a5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/snow.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-snow" viewBox="0 0 16 16">
+  <path d="M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793V8.866l-3.4 1.963-.496 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.884-.237a.5.5 0 1 1 .26-.966l1.848.495L7 8 3.6 6.037l-1.85.495a.5.5 0 0 1-.258-.966l.883-.237-1.12-.646a.5.5 0 1 1 .5-.866l1.12.646-.237-.883a.5.5 0 1 1 .966-.258l.495 1.849L7.5 7.134V3.207L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 1 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v3.927l3.4-1.963.496-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495L9 8l3.4 1.963 1.849-.495a.5.5 0 0 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-3.4-1.963v3.927l1.353 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/snow2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/snow2.svg
new file mode 100644
index 00000000..cede335d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/snow2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-snow2" viewBox="0 0 16 16">
+  <path d="M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793v-1.086l-.646.647a.5.5 0 0 1-.707-.708L7.5 10.293V8.866l-1.236.713-.495 1.85a.5.5 0 1 1-.966-.26l.237-.882-.94.542-.496 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.884-.237a.5.5 0 1 1 .26-.966l1.848.495.94-.542-.882-.237a.5.5 0 1 1 .258-.966l1.85.495L7 8l-1.236-.713-1.849.495a.5.5 0 1 1-.258-.966l.883-.237-.94-.542-1.85.495a.5.5 0 0 1-.258-.966l.883-.237-1.12-.646a.5.5 0 1 1 .5-.866l1.12.646-.237-.883a.5.5 0 0 1 .966-.258l.495 1.849.94.542-.236-.883a.5.5 0 0 1 .966-.258l.495 1.849 1.236.713V5.707L6.147 4.354a.5.5 0 1 1 .707-.708l.646.647V3.207L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 0 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v1.086l.647-.647a.5.5 0 1 1 .707.708L8.5 5.707v1.427l1.236-.713.495-1.85a.5.5 0 1 1 .966.26l-.236.882.94-.542.495-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495-.94.542.883.237a.5.5 0 1 1-.26.966l-1.848-.495L9 8l1.236.713 1.849-.495a.5.5 0 0 1 .259.966l-.883.237.94.542 1.849-.495a.5.5 0 0 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-.94-.542.236.883a.5.5 0 0 1-.966.258L9.736 9.58 8.5 8.866v1.427l1.354 1.353a.5.5 0 0 1-.707.708l-.647-.647v1.086l1.354 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/snow3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/snow3.svg
new file mode 100644
index 00000000..75e5ef24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/snow3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-snow3" viewBox="0 0 16 16">
+  <path d="M8 7.5a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1z"/>
+  <path d="M8 16a.5.5 0 0 1-.5-.5v-1.293l-.646.647a.5.5 0 0 1-.707-.708L7.5 12.793v-1.51l-2.053-1.232-1.348.778-.495 1.85a.5.5 0 1 1-.966-.26l.237-.882-1.12.646a.5.5 0 0 1-.5-.866l1.12-.646-.883-.237a.5.5 0 1 1 .258-.966l1.85.495L5 9.155v-2.31l-1.4-.808-1.85.495a.5.5 0 1 1-.259-.966l.884-.237-1.12-.646a.5.5 0 0 1 .5-.866l1.12.646-.237-.883a.5.5 0 1 1 .966-.258l.495 1.849 1.348.778L7.5 4.717v-1.51L6.147 1.854a.5.5 0 1 1 .707-.708l.646.647V.5a.5.5 0 0 1 1 0v1.293l.647-.647a.5.5 0 1 1 .707.708L8.5 3.207v1.51l2.053 1.232 1.348-.778.495-1.85a.5.5 0 1 1 .966.26l-.236.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.883.237a.5.5 0 1 1-.26.966l-1.848-.495-1.4.808v2.31l1.4.808 1.849-.495a.5.5 0 1 1 .259.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.236.883a.5.5 0 1 1-.966.258l-.495-1.849-1.348-.778L8.5 11.283v1.51l1.354 1.353a.5.5 0 0 1-.707.708l-.647-.647V15.5a.5.5 0 0 1-.5.5zm2-6.783V6.783l-2-1.2-2 1.2v2.434l2 1.2 2-1.2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down-alt.svg
new file mode 100644
index 00000000..fa4f4fad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down-alt.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-down-alt" viewBox="0 0 16 16">
+  <path d="M12.96 7H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645V7z"/>
+  <path fill-rule="evenodd" d="M10.082 12.629 9.664 14H8.598l1.789-5.332h1.234L13.402 14h-1.12l-.419-1.371h-1.781zm1.57-.785L11 9.688h-.047l-.652 2.156h1.351z"/>
+  <path d="M4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down.svg
new file mode 100644
index 00000000..e0fcad04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-down.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.082 5.629 9.664 7H8.598l1.789-5.332h1.234L13.402 7h-1.12l-.419-1.371h-1.781zm1.57-.785L11 2.687h-.047l-.652 2.157h1.351z"/>
+  <path d="M12.96 14H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645V14zM4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up-alt.svg
new file mode 100644
index 00000000..69c1a39a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up-alt.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-up-alt" viewBox="0 0 16 16">
+  <path d="M12.96 7H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645V7z"/>
+  <path fill-rule="evenodd" d="M10.082 12.629 9.664 14H8.598l1.789-5.332h1.234L13.402 14h-1.12l-.419-1.371h-1.781zm1.57-.785L11 9.688h-.047l-.652 2.156h1.351z"/>
+  <path d="M4.5 13.5a.5.5 0 0 1-1 0V3.707L2.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L4.5 3.707V13.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up.svg
new file mode 100644
index 00000000..0be5e68f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-alpha-up.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-alpha-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.082 5.629 9.664 7H8.598l1.789-5.332h1.234L13.402 7h-1.12l-.419-1.371h-1.781zm1.57-.785L11 2.687h-.047l-.652 2.157h1.351z"/>
+  <path d="M12.96 14H9.028v-.691l2.579-3.72v-.054H9.098v-.867h3.785v.691l-2.567 3.72v.054h2.645V14zm-8.46-.5a.5.5 0 0 1-1 0V3.707L2.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L4.5 3.707V13.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-down-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-down-alt.svg
new file mode 100644
index 00000000..d7f7fc8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-down-alt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-down-alt" viewBox="0 0 16 16">
+  <path d="M3.5 3.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 12.293V3.5zm4 .5a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1h-1zm0 3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1h-3zm0 3a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1h-5zM7 12.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-down.svg
new file mode 100644
index 00000000..848834ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-down" viewBox="0 0 16 16">
+  <path d="M3.5 2.5a.5.5 0 0 0-1 0v8.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L3.5 11.293V2.5zm3.5 1a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down-alt.svg
new file mode 100644
index 00000000..8c39a5a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down-alt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-numeric-down-alt" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.36 7.098c-1.137 0-1.708-.657-1.762-1.278h1.004c.058.223.343.45.773.45.824 0 1.164-.829 1.133-1.856h-.059c-.148.39-.57.742-1.261.742-.91 0-1.72-.613-1.72-1.758 0-1.148.848-1.836 1.973-1.836 1.09 0 2.063.637 2.063 2.688 0 1.867-.723 2.848-2.145 2.848zm.062-2.735c.504 0 .933-.336.933-.972 0-.633-.398-1.008-.94-1.008-.52 0-.927.375-.927 1 0 .64.418.98.934.98z"/>
+  <path d="M12.438 8.668V14H11.39V9.684h-.051l-1.211.859v-.969l1.262-.906h1.046zM4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down.svg
new file mode 100644
index 00000000..57a3fb03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-down.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-numeric-down" viewBox="0 0 16 16">
+  <path d="M12.438 1.668V7H11.39V2.684h-.051l-1.211.859v-.969l1.262-.906h1.046z"/>
+  <path fill-rule="evenodd" d="M11.36 14.098c-1.137 0-1.708-.657-1.762-1.278h1.004c.058.223.343.45.773.45.824 0 1.164-.829 1.133-1.856h-.059c-.148.39-.57.742-1.261.742-.91 0-1.72-.613-1.72-1.758 0-1.148.848-1.835 1.973-1.835 1.09 0 2.063.636 2.063 2.687 0 1.867-.723 2.848-2.145 2.848zm.062-2.735c.504 0 .933-.336.933-.972 0-.633-.398-1.008-.94-1.008-.52 0-.927.375-.927 1 0 .64.418.98.934.98z"/>
+  <path d="M4.5 2.5a.5.5 0 0 0-1 0v9.793l-1.146-1.147a.5.5 0 0 0-.708.708l2 1.999.007.007a.497.497 0 0 0 .7-.006l2-2a.5.5 0 0 0-.707-.708L4.5 12.293V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up-alt.svg
new file mode 100644
index 00000000..e8edf886
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up-alt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-numeric-up-alt" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M11.36 7.098c-1.137 0-1.708-.657-1.762-1.278h1.004c.058.223.343.45.773.45.824 0 1.164-.829 1.133-1.856h-.059c-.148.39-.57.742-1.261.742-.91 0-1.72-.613-1.72-1.758 0-1.148.848-1.836 1.973-1.836 1.09 0 2.063.637 2.063 2.688 0 1.867-.723 2.848-2.145 2.848zm.062-2.735c.504 0 .933-.336.933-.972 0-.633-.398-1.008-.94-1.008-.52 0-.927.375-.927 1 0 .64.418.98.934.98z"/>
+  <path d="M12.438 8.668V14H11.39V9.684h-.051l-1.211.859v-.969l1.262-.906h1.046zM4.5 13.5a.5.5 0 0 1-1 0V3.707L2.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L4.5 3.707V13.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up.svg
new file mode 100644
index 00000000..1cd0a37e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-numeric-up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-numeric-up" viewBox="0 0 16 16">
+  <path d="M12.438 1.668V7H11.39V2.684h-.051l-1.211.859v-.969l1.262-.906h1.046z"/>
+  <path fill-rule="evenodd" d="M11.36 14.098c-1.137 0-1.708-.657-1.762-1.278h1.004c.058.223.343.45.773.45.824 0 1.164-.829 1.133-1.856h-.059c-.148.39-.57.742-1.261.742-.91 0-1.72-.613-1.72-1.758 0-1.148.848-1.835 1.973-1.835 1.09 0 2.063.636 2.063 2.687 0 1.867-.723 2.848-2.145 2.848zm.062-2.735c.504 0 .933-.336.933-.972 0-.633-.398-1.008-.94-1.008-.52 0-.927.375-.927 1 0 .64.418.98.934.98z"/>
+  <path d="M4.5 13.5a.5.5 0 0 1-1 0V3.707L2.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L4.5 3.707V13.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-up-alt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-up-alt.svg
new file mode 100644
index 00000000..96650d5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-up-alt.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-up-alt" viewBox="0 0 16 16">
+  <path d="M3.5 13.5a.5.5 0 0 1-1 0V4.707L1.354 5.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 4.707V13.5zm4-9.5a.5.5 0 0 1 0-1h1a.5.5 0 0 1 0 1h-1zm0 3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1h-3zm0 3a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1h-5zM7 12.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sort-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sort-up.svg
new file mode 100644
index 00000000..21588012
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sort-up.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sort-up" viewBox="0 0 16 16">
+  <path d="M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/soundwave.svg b/apps/phoenix_webcomponent/priv/bsi/svg/soundwave.svg
new file mode 100644
index 00000000..288f108b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/soundwave.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-soundwave" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.5 2a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5zm-2 2a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm4 0a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zm-6 1.5A.5.5 0 0 1 5 6v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm8 0a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm-10 1A.5.5 0 0 1 3 7v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5zm12 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/speaker-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/speaker-fill.svg
new file mode 100644
index 00000000..bae80e2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/speaker-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speaker-fill" viewBox="0 0 16 16">
+  <path d="M9 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-2.5 6.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0z"/>
+  <path d="M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4zm6 4a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM8 7a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/speaker.svg b/apps/phoenix_webcomponent/priv/bsi/svg/speaker.svg
new file mode 100644
index 00000000..461626db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/speaker.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speaker" viewBox="0 0 16 16">
+  <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
+  <path d="M8 4.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5zM8 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 3a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm-3.5 1.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/speedometer.svg b/apps/phoenix_webcomponent/priv/bsi/svg/speedometer.svg
new file mode 100644
index 00000000..5a0a43c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/speedometer.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speedometer" viewBox="0 0 16 16">
+  <path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2zM3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
+  <path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/speedometer2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/speedometer2.svg
new file mode 100644
index 00000000..d5676df9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/speedometer2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speedometer2" viewBox="0 0 16 16">
+  <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"/>
+  <path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/spellcheck.svg b/apps/phoenix_webcomponent/priv/bsi/svg/spellcheck.svg
new file mode 100644
index 00000000..029950f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/spellcheck.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-spellcheck" viewBox="0 0 16 16">
+  <path d="M8.217 11.068c1.216 0 1.948-.869 1.948-2.31v-.702c0-1.44-.727-2.305-1.929-2.305-.742 0-1.328.347-1.499.889h-.063V3.983h-1.29V11h1.27v-.791h.064c.21.532.776.86 1.499.86zm-.43-1.025c-.66 0-1.113-.518-1.113-1.28V8.12c0-.825.42-1.343 1.098-1.343.684 0 1.075.518 1.075 1.416v.45c0 .888-.386 1.401-1.06 1.401zm-5.583 1.035c.767 0 1.201-.356 1.406-.737h.059V11h1.216V7.519c0-1.314-.947-1.783-2.11-1.783C1.355 5.736.75 6.42.69 7.27h1.216c.064-.323.313-.552.84-.552.527 0 .864.249.864.771v.464H2.346C1.145 7.953.5 8.568.5 9.496c0 .977.693 1.582 1.704 1.582zm.42-.947c-.44 0-.845-.235-.845-.718 0-.395.269-.684.84-.684h.991v.538c0 .503-.444.864-.986.864zm8.897.567c-.577-.4-.9-1.088-.9-1.983v-.65c0-1.42.894-2.338 2.305-2.338 1.352 0 2.119.82 2.139 1.806h-1.187c-.04-.351-.283-.776-.918-.776-.674 0-1.045.517-1.045 1.328v.625c0 .468.121.834.343 1.067l-.737.92z"/>
+  <path d="M14.469 9.414a.75.75 0 0 1 .117 1.055l-4 5a.75.75 0 0 1-1.116.061l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.908 1.907 3.476-4.346a.75.75 0 0 1 1.055-.117z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/spotify.svg b/apps/phoenix_webcomponent/priv/bsi/svg/spotify.svg
new file mode 100644
index 00000000..31b42380
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/spotify.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-spotify" viewBox="0 0 16 16">
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm3.669 11.538a.498.498 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686zm.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858zm.084-2.268C10.154 5.56 5.9 5.419 3.438 6.166a.748.748 0 1 1-.434-1.432c2.825-.857 7.523-.692 10.492 1.07a.747.747 0 1 1-.764 1.288z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/square-fill.svg
new file mode 100644
index 00000000..31bae4f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-square-fill" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/square-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/square-half.svg
new file mode 100644
index 00000000..3f8179d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/square-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-square-half" viewBox="0 0 16 16">
+  <path d="M8 15V1h6a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H8zm6 1a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/square.svg
new file mode 100644
index 00000000..ded82d43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/square.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stack-overflow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stack-overflow.svg
new file mode 100644
index 00000000..b7d482de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stack-overflow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stack-overflow" viewBox="0 0 16 16">
+  <path d="M12.412 14.572V10.29h1.428V16H1v-5.71h1.428v4.282h9.984z"/>
+  <path d="M3.857 13.145h7.137v-1.428H3.857v1.428zM10.254 0 9.108.852l4.26 5.727 1.146-.852L10.254 0zm-3.54 3.377 5.484 4.567.913-1.097L7.627 2.28l-.914 1.097zM4.922 6.55l6.47 3.013.603-1.294-6.47-3.013-.603 1.294zm-.925 3.344 6.985 1.469.294-1.398-6.985-1.468-.294 1.397z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stack.svg
new file mode 100644
index 00000000..b8a9c940
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stack.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stack" viewBox="0 0 16 16">
+  <path d="m14.12 10.163 1.715.858c.22.11.22.424 0 .534L8.267 15.34a.598.598 0 0 1-.534 0L.165 11.555a.299.299 0 0 1 0-.534l1.716-.858 5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.66zM7.733.063a.598.598 0 0 1 .534 0l7.568 3.784a.3.3 0 0 1 0 .535L8.267 8.165a.598.598 0 0 1-.534 0L.165 4.382a.299.299 0 0 1 0-.535L7.733.063z"/>
+  <path d="m14.12 6.576 1.715.858c.22.11.22.424 0 .534l-7.568 3.784a.598.598 0 0 1-.534 0L.165 7.968a.299.299 0 0 1 0-.534l1.716-.858 5.317 2.659c.505.252 1.1.252 1.604 0l5.317-2.659z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/star-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/star-fill.svg
new file mode 100644
index 00000000..de09c4aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/star-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">
+  <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/star-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/star-half.svg
new file mode 100644
index 00000000..8d30e7e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/star-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-half" viewBox="0 0 16 16">
+  <path d="M5.354 5.119 7.538.792A.516.516 0 0 1 8 .5c.183 0 .366.097.465.292l2.184 4.327 4.898.696A.537.537 0 0 1 16 6.32a.548.548 0 0 1-.17.445l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256a.52.52 0 0 1-.146.05c-.342.06-.668-.254-.6-.642l.83-4.73L.173 6.765a.55.55 0 0 1-.172-.403.58.58 0 0 1 .085-.302.513.513 0 0 1 .37-.245l4.898-.696zM8 12.027a.5.5 0 0 1 .232.056l3.686 1.894-.694-3.957a.565.565 0 0 1 .162-.505l2.907-2.77-4.052-.576a.525.525 0 0 1-.393-.288L8.001 2.223 8 2.226v9.8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/star.svg b/apps/phoenix_webcomponent/priv/bsi/svg/star.svg
new file mode 100644
index 00000000..742b5e25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/star.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star" viewBox="0 0 16 16">
+  <path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stars.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stars.svg
new file mode 100644
index 00000000..2c166779
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stars.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stars" viewBox="0 0 16 16">
+  <path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/steam.svg b/apps/phoenix_webcomponent/priv/bsi/svg/steam.svg
new file mode 100644
index 00000000..aecd4339
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/steam.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-steam" viewBox="0 0 16 16">
+  <path d="M.329 10.333A8.01 8.01 0 0 0 7.99 16C12.414 16 16 12.418 16 8s-3.586-8-8.009-8A8.006 8.006 0 0 0 0 7.468l.003.006 4.304 1.769A2.198 2.198 0 0 1 5.62 8.88l1.96-2.844-.001-.04a3.046 3.046 0 0 1 3.042-3.043 3.046 3.046 0 0 1 3.042 3.043 3.047 3.047 0 0 1-3.111 3.044l-2.804 2a2.223 2.223 0 0 1-3.075 2.11 2.217 2.217 0 0 1-1.312-1.568L.33 10.333Z"/>
+  <path d="M4.868 12.683a1.715 1.715 0 0 0 1.318-3.165 1.705 1.705 0 0 0-1.263-.02l1.023.424a1.261 1.261 0 1 1-.97 2.33l-.99-.41a1.7 1.7 0 0 0 .882.84Zm3.726-6.687a2.03 2.03 0 0 0 2.027 2.029 2.03 2.03 0 0 0 2.027-2.029 2.03 2.03 0 0 0-2.027-2.027 2.03 2.03 0 0 0-2.027 2.027Zm2.03-1.527a1.524 1.524 0 1 1-.002 3.048 1.524 1.524 0 0 1 .002-3.048Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stickies-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stickies-fill.svg
new file mode 100644
index 00000000..a0252da0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stickies-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stickies-fill" viewBox="0 0 16 16">
+  <path d="M0 1.5V13a1 1 0 0 0 1 1V1.5a.5.5 0 0 1 .5-.5H14a1 1 0 0 0-1-1H1.5A1.5 1.5 0 0 0 0 1.5z"/>
+  <path d="M3.5 2A1.5 1.5 0 0 0 2 3.5v11A1.5 1.5 0 0 0 3.5 16h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 16 9.586V3.5A1.5 1.5 0 0 0 14.5 2h-11zm6 8.5a1 1 0 0 1 1-1h4.396a.25.25 0 0 1 .177.427l-5.146 5.146a.25.25 0 0 1-.427-.177V10.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stickies.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stickies.svg
new file mode 100644
index 00000000..8252c497
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stickies.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stickies" viewBox="0 0 16 16">
+  <path d="M1.5 0A1.5 1.5 0 0 0 0 1.5V13a1 1 0 0 0 1 1V1.5a.5.5 0 0 1 .5-.5H14a1 1 0 0 0-1-1H1.5z"/>
+  <path d="M3.5 2A1.5 1.5 0 0 0 2 3.5v11A1.5 1.5 0 0 0 3.5 16h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 16 9.586V3.5A1.5 1.5 0 0 0 14.5 2h-11zM3 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V9h-4.5A1.5 1.5 0 0 0 9 10.5V15H3.5a.5.5 0 0 1-.5-.5v-11zm7 11.293V10.5a.5.5 0 0 1 .5-.5h4.293L10 14.793z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sticky-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sticky-fill.svg
new file mode 100644
index 00000000..acd42b9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sticky-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sticky-fill" viewBox="0 0 16 16">
+  <path d="M2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 15 8.586V2.5A1.5 1.5 0 0 0 13.5 1h-11zm6 8.5a1 1 0 0 1 1-1h4.396a.25.25 0 0 1 .177.427l-5.146 5.146a.25.25 0 0 1-.427-.177V9.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sticky.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sticky.svg
new file mode 100644
index 00000000..dba01423
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sticky.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sticky" viewBox="0 0 16 16">
+  <path d="M2.5 1A1.5 1.5 0 0 0 1 2.5v11A1.5 1.5 0 0 0 2.5 15h6.086a1.5 1.5 0 0 0 1.06-.44l4.915-4.914A1.5 1.5 0 0 0 15 8.586V2.5A1.5 1.5 0 0 0 13.5 1h-11zM2 2.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5V8H9.5A1.5 1.5 0 0 0 8 9.5V14H2.5a.5.5 0 0 1-.5-.5v-11zm7 11.293V9.5a.5.5 0 0 1 .5-.5h4.293L9 13.793z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn-fill.svg
new file mode 100644
index 00000000..58b6c02e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-btn-fill" viewBox="0 0 16 16">
+  <path d="M0 12V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm6.5-7A1.5 1.5 0 0 0 5 6.5v3A1.5 1.5 0 0 0 6.5 11h3A1.5 1.5 0 0 0 11 9.5v-3A1.5 1.5 0 0 0 9.5 5h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn.svg
new file mode 100644
index 00000000..5c392eca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop-btn.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-btn" viewBox="0 0 16 16">
+  <path d="M6.5 5A1.5 1.5 0 0 0 5 6.5v3A1.5 1.5 0 0 0 6.5 11h3A1.5 1.5 0 0 0 11 9.5v-3A1.5 1.5 0 0 0 9.5 5h-3z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm15 0a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle-fill.svg
new file mode 100644
index 00000000..ac711e03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.5 5A1.5 1.5 0 0 0 5 6.5v3A1.5 1.5 0 0 0 6.5 11h3A1.5 1.5 0 0 0 11 9.5v-3A1.5 1.5 0 0 0 9.5 5h-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle.svg
new file mode 100644
index 00000000..441613ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop-fill.svg
new file mode 100644
index 00000000..e00085a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-fill" viewBox="0 0 16 16">
+  <path d="M5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5A1.5 1.5 0 0 1 5 3.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stop.svg
new file mode 100644
index 00000000..2b86647f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stop.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop" viewBox="0 0 16 16">
+  <path d="M3.5 5A1.5 1.5 0 0 1 5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5zM5 4.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h6a.5.5 0 0 0 .5-.5V5a.5.5 0 0 0-.5-.5H5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stoplights-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stoplights-fill.svg
new file mode 100644
index 00000000..a18566b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stoplights-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stoplights-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 0a2 2 0 0 0-2 2H2c.167.5.8 1.6 2 2v2H2c.167.5.8 1.6 2 2v2H2c.167.5.8 1.6 2 2v1a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-1c1.2-.4 1.833-1.5 2-2h-2V8c1.2-.4 1.833-1.5 2-2h-2V4c1.2-.4 1.833-1.5 2-2h-2a2 2 0 0 0-2-2H6zm3.5 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zM8 13a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stoplights.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stoplights.svg
new file mode 100644
index 00000000..f765ab2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stoplights.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stoplights" viewBox="0 0 16 16">
+  <path d="M8 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm0 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm1.5 2.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+  <path d="M4 2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2h2c-.167.5-.8 1.6-2 2v2h2c-.167.5-.8 1.6-2 2v2h2c-.167.5-.8 1.6-2 2v1a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-1c-1.2-.4-1.833-1.5-2-2h2V8c-1.2-.4-1.833-1.5-2-2h2V4c-1.2-.4-1.833-1.5-2-2h2zm2-1a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch-fill.svg
new file mode 100644
index 00000000..2d2ed116
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stopwatch-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07A7.001 7.001 0 0 0 8 16a7 7 0 0 0 5.29-11.584.531.531 0 0 0 .013-.012l.354-.354.353.354a.5.5 0 1 0 .707-.707l-1.414-1.415a.5.5 0 1 0-.707.707l.354.354-.354.354a.717.717 0 0 0-.012.012A6.973 6.973 0 0 0 9 2.071V1h.5a.5.5 0 0 0 0-1h-3zm2 5.6V9a.5.5 0 0 1-.5.5H4.5a.5.5 0 0 1 0-1h3V5.6a.5.5 0 1 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch.svg
new file mode 100644
index 00000000..964dbb8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stopwatch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stopwatch" viewBox="0 0 16 16">
+  <path d="M8.5 5.6a.5.5 0 1 0-1 0v2.9h-3a.5.5 0 0 0 0 1H8a.5.5 0 0 0 .5-.5V5.6z"/>
+  <path d="M6.5 1A.5.5 0 0 1 7 .5h2a.5.5 0 0 1 0 1v.57c1.36.196 2.594.78 3.584 1.64a.715.715 0 0 1 .012-.013l.354-.354-.354-.353a.5.5 0 0 1 .707-.708l1.414 1.415a.5.5 0 1 1-.707.707l-.353-.354-.354.354a.512.512 0 0 1-.013.012A7 7 0 1 1 7 2.071V1.5a.5.5 0 0 1-.5-.5zM8 3a6 6 0 1 0 .001 12A6 6 0 0 0 8 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/strava.svg b/apps/phoenix_webcomponent/priv/bsi/svg/strava.svg
new file mode 100644
index 00000000..7e3237d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/strava.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-strava" viewBox="0 0 16 16">
+  <path d="M6.731 0 2 9.125h2.788L6.73 5.497l1.93 3.628h2.766L6.731 0zm4.694 9.125-1.372 2.756L8.66 9.125H6.547L10.053 16l3.484-6.875h-2.112z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/stripe.svg b/apps/phoenix_webcomponent/priv/bsi/svg/stripe.svg
new file mode 100644
index 00000000..f24fdf38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/stripe.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stripe" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm6.226 5.385c-.584 0-.937.164-.937.593 0 .468.607.674 1.36.93 1.228.415 2.844.963 2.851 2.993C11.5 11.868 9.924 13 7.63 13a7.662 7.662 0 0 1-3.009-.626V9.758c.926.506 2.095.88 3.01.88.617 0 1.058-.165 1.058-.671 0-.518-.658-.755-1.453-1.041C6.026 8.49 4.5 7.94 4.5 6.11 4.5 4.165 5.988 3 8.226 3a7.29 7.29 0 0 1 2.734.505v2.583c-.838-.45-1.896-.703-2.734-.703Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/subscript.svg b/apps/phoenix_webcomponent/priv/bsi/svg/subscript.svg
new file mode 100644
index 00000000..6976c0d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/subscript.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-subscript" viewBox="0 0 16 16">
+  <path d="m3.266 12.496.96-2.853H7.76l.96 2.853H10L6.62 3H5.38L2 12.496h1.266Zm2.748-8.063 1.419 4.23h-2.88l1.426-4.23h.035Zm6.132 7.203v-.075c0-.332.234-.618.619-.618.354 0 .618.256.618.58 0 .362-.271.649-.52.898l-1.788 1.832V15h3.59v-.958h-1.923v-.045l.973-1.04c.415-.438.867-.845.867-1.547 0-.8-.701-1.41-1.787-1.41-1.23 0-1.795.8-1.795 1.576v.06h1.146Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/subtract.svg b/apps/phoenix_webcomponent/priv/bsi/svg/subtract.svg
new file mode 100644
index 00000000..e1d878a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/subtract.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-subtract" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-club-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-club-fill.svg
new file mode 100644
index 00000000..d4d311ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-club-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-club-fill" viewBox="0 0 16 16">
+  <path d="M11.5 12.5a3.493 3.493 0 0 1-2.684-1.254 19.92 19.92 0 0 0 1.582 2.907c.231.35-.02.847-.438.847H6.04c-.419 0-.67-.497-.438-.847a19.919 19.919 0 0 0 1.582-2.907 3.5 3.5 0 1 1-2.538-5.743 3.5 3.5 0 1 1 6.708 0A3.5 3.5 0 1 1 11.5 12.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-club.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-club.svg
new file mode 100644
index 00000000..75e5e852
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-club.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-club" viewBox="0 0 16 16">
+  <path d="M8 1a3.25 3.25 0 0 0-3.25 3.25c0 .186 0 .29.016.41.014.12.045.27.12.527l.19.665-.692-.028a3.25 3.25 0 1 0 2.357 5.334.5.5 0 0 1 .844.518l-.003.005-.006.015-.024.055a21.893 21.893 0 0 1-.438.92 22.38 22.38 0 0 1-1.266 2.197c-.013.018-.02.05.001.09.01.02.021.03.03.036A.036.036 0 0 0 5.9 15h4.2c.01 0 .016-.002.022-.006a.092.092 0 0 0 .029-.035c.02-.04.014-.073.001-.091a22.875 22.875 0 0 1-1.704-3.117l-.024-.054-.006-.015-.002-.004a.5.5 0 0 1 .838-.524c.601.7 1.516 1.168 2.496 1.168a3.25 3.25 0 1 0-.139-6.498l-.699.03.199-.671c.14-.47.14-.745.139-.927V4.25A3.25 3.25 0 0 0 8 1zm2.207 12.024c.225.405.487.848.78 1.294C11.437 15 10.975 16 10.1 16H5.9c-.876 0-1.338-1-.887-1.683.291-.442.552-.88.776-1.283a4.25 4.25 0 1 1-2.007-8.187 2.79 2.79 0 0 1-.009-.064c-.023-.187-.023-.348-.023-.52V4.25a4.25 4.25 0 0 1 8.5 0c0 .14 0 .333-.04.596a4.25 4.25 0 0 1-.46 8.476 4.186 4.186 0 0 1-1.543-.298z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond-fill.svg
new file mode 100644
index 00000000..2be1b7fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-diamond-fill" viewBox="0 0 16 16">
+  <path d="M2.45 7.4 7.2 1.067a1 1 0 0 1 1.6 0L13.55 7.4a1 1 0 0 1 0 1.2L8.8 14.933a1 1 0 0 1-1.6 0L2.45 8.6a1 1 0 0 1 0-1.2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond.svg
new file mode 100644
index 00000000..9192a27e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-diamond.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-diamond" viewBox="0 0 16 16">
+  <path d="M8.384 1.226a.463.463 0 0 0-.768 0l-4.56 6.468a.537.537 0 0 0 0 .612l4.56 6.469a.463.463 0 0 0 .768 0l4.56-6.469a.537.537 0 0 0 0-.612l-4.56-6.468zM6.848.613a1.39 1.39 0 0 1 2.304 0l4.56 6.468a1.61 1.61 0 0 1 0 1.838l-4.56 6.468a1.39 1.39 0 0 1-2.304 0L2.288 8.92a1.61 1.61 0 0 1 0-1.838L6.848.613z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart-fill.svg
new file mode 100644
index 00000000..0dd86f99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-heart-fill" viewBox="0 0 16 16">
+  <path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart.svg
new file mode 100644
index 00000000..c761ef4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-heart.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-heart" viewBox="0 0 16 16">
+  <path d="m8 6.236-.894-1.789c-.222-.443-.607-1.08-1.152-1.595C5.418 2.345 4.776 2 4 2 2.324 2 1 3.326 1 4.92c0 1.211.554 2.066 1.868 3.37.337.334.721.695 1.146 1.093C5.122 10.423 6.5 11.717 8 13.447c1.5-1.73 2.878-3.024 3.986-4.064.425-.398.81-.76 1.146-1.093C14.446 6.986 15 6.131 15 4.92 15 3.326 13.676 2 12 2c-.777 0-1.418.345-1.954.852-.545.515-.93 1.152-1.152 1.595L8 6.236zm.392 8.292a.513.513 0 0 1-.784 0c-1.601-1.902-3.05-3.262-4.243-4.381C1.3 8.208 0 6.989 0 4.92 0 2.755 1.79 1 4 1c1.6 0 2.719 1.05 3.404 2.008.26.365.458.716.596.992a7.55 7.55 0 0 1 .596-.992C9.281 2.049 10.4 1 12 1c2.21 0 4 1.755 4 3.92 0 2.069-1.3 3.288-3.365 5.227-1.193 1.12-2.642 2.48-4.243 4.38z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade-fill.svg
new file mode 100644
index 00000000..63bb0c63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-spade-fill" viewBox="0 0 16 16">
+  <path d="M7.184 11.246A3.5 3.5 0 0 1 1 9c0-1.602 1.14-2.633 2.66-4.008C4.986 3.792 6.602 2.33 8 0c1.398 2.33 3.014 3.792 4.34 4.992C13.86 6.367 15 7.398 15 9a3.5 3.5 0 0 1-6.184 2.246 19.92 19.92 0 0 0 1.582 2.907c.231.35-.02.847-.438.847H6.04c-.419 0-.67-.497-.438-.847a19.919 19.919 0 0 0 1.582-2.907z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade.svg b/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade.svg
new file mode 100644
index 00000000..8f14427e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/suit-spade.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-suit-spade" viewBox="0 0 16 16">
+  <path d="M8 0a.5.5 0 0 1 .429.243c1.359 2.265 2.925 3.682 4.25 4.882.096.086.19.17.282.255C14.308 6.604 15.5 7.747 15.5 9.5a4 4 0 0 1-5.406 3.746c.235.39.491.782.722 1.131.434.659-.01 1.623-.856 1.623H6.04c-.845 0-1.29-.964-.856-1.623.263-.397.51-.777.728-1.134A4 4 0 0 1 .5 9.5c0-1.753 1.192-2.896 2.539-4.12l.281-.255c1.326-1.2 2.892-2.617 4.251-4.882A.5.5 0 0 1 8 0zM3.711 6.12C2.308 7.396 1.5 8.253 1.5 9.5a3 3 0 0 0 5.275 1.956.5.5 0 0 1 .868.43c-.094.438-.33.932-.611 1.428a29.247 29.247 0 0 1-1.013 1.614.03.03 0 0 0-.005.018.074.074 0 0 0 .024.054h3.924a.074.074 0 0 0 .024-.054.03.03 0 0 0-.005-.018c-.3-.455-.658-1.005-.96-1.535-.294-.514-.57-1.064-.664-1.507a.5.5 0 0 1 .868-.43A3 3 0 0 0 14.5 9.5c0-1.247-.808-2.104-2.211-3.38L12 5.86c-1.196-1.084-2.668-2.416-4-4.424-1.332 2.008-2.804 3.34-4 4.422l-.289.261z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sun-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sun-fill.svg
new file mode 100644
index 00000000..cc1a60e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sun-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun-fill" viewBox="0 0 16 16">
+  <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sun.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sun.svg
new file mode 100644
index 00000000..c3112080
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sun.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sun" viewBox="0 0 16 16">
+  <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sunglasses.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sunglasses.svg
new file mode 100644
index 00000000..3f7dad01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sunglasses.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sunglasses" viewBox="0 0 16 16">
+  <path d="M3 5a2 2 0 0 0-2 2v.5H.5a.5.5 0 0 0 0 1H1V9a2 2 0 0 0 2 2h1a3 3 0 0 0 3-3 1 1 0 1 1 2 0 3 3 0 0 0 3 3h1a2 2 0 0 0 2-2v-.5h.5a.5.5 0 0 0 0-1H15V7a2 2 0 0 0-2-2h-2a2 2 0 0 0-1.888 1.338A1.99 1.99 0 0 0 8 6a1.99 1.99 0 0 0-1.112.338A2 2 0 0 0 5 5H3zm0 1h.941c.264 0 .348.356.112.474l-.457.228a2 2 0 0 0-.894.894l-.228.457C2.356 8.289 2 8.205 2 7.94V7a1 1 0 0 1 1-1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sunrise-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sunrise-fill.svg
new file mode 100644
index 00000000..eb6a6687
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sunrise-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sunrise-fill" viewBox="0 0 16 16">
+  <path d="M7.646 1.146a.5.5 0 0 1 .708 0l1.5 1.5a.5.5 0 0 1-.708.708L8.5 2.707V4.5a.5.5 0 0 1-1 0V2.707l-.646.647a.5.5 0 1 1-.708-.708l1.5-1.5zM2.343 4.343a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1-.707.707L2.343 5.05a.5.5 0 0 1 0-.707zm11.314 0a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM11.709 11.5a4 4 0 1 0-7.418 0H.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-3.79zM0 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 10zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sunrise.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sunrise.svg
new file mode 100644
index 00000000..53d670dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sunrise.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sunrise" viewBox="0 0 16 16">
+  <path d="M7.646 1.146a.5.5 0 0 1 .708 0l1.5 1.5a.5.5 0 0 1-.708.708L8.5 2.707V4.5a.5.5 0 0 1-1 0V2.707l-.646.647a.5.5 0 1 1-.708-.708l1.5-1.5zM2.343 4.343a.5.5 0 0 1 .707 0l1.414 1.414a.5.5 0 0 1-.707.707L2.343 5.05a.5.5 0 0 1 0-.707zm11.314 0a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM8 7a3 3 0 0 1 2.599 4.5H5.4A3 3 0 0 1 8 7zm3.71 4.5a4 4 0 1 0-7.418 0H.499a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-3.79zM0 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 10zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sunset-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sunset-fill.svg
new file mode 100644
index 00000000..7f5b60ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sunset-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sunset-fill" viewBox="0 0 16 16">
+  <path d="M7.646 4.854a.5.5 0 0 0 .708 0l1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V1.5a.5.5 0 0 0-1 0v1.793l-.646-.647a.5.5 0 1 0-.708.708l1.5 1.5zm-5.303-.51a.5.5 0 0 1 .707 0l1.414 1.413a.5.5 0 0 1-.707.707L2.343 5.05a.5.5 0 0 1 0-.707zm11.314 0a.5.5 0 0 1 0 .706l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM11.709 11.5a4 4 0 1 0-7.418 0H.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-3.79zM0 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 10zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/sunset.svg b/apps/phoenix_webcomponent/priv/bsi/svg/sunset.svg
new file mode 100644
index 00000000..91041cfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/sunset.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-sunset" viewBox="0 0 16 16">
+  <path d="M7.646 4.854a.5.5 0 0 0 .708 0l1.5-1.5a.5.5 0 0 0-.708-.708l-.646.647V1.5a.5.5 0 0 0-1 0v1.793l-.646-.647a.5.5 0 1 0-.708.708l1.5 1.5zm-5.303-.51a.5.5 0 0 1 .707 0l1.414 1.413a.5.5 0 0 1-.707.707L2.343 5.05a.5.5 0 0 1 0-.707zm11.314 0a.5.5 0 0 1 0 .706l-1.414 1.414a.5.5 0 1 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zM8 7a3 3 0 0 1 2.599 4.5H5.4A3 3 0 0 1 8 7zm3.71 4.5a4 4 0 1 0-7.418 0H.499a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-3.79zM0 10a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 10zm13 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/superscript.svg b/apps/phoenix_webcomponent/priv/bsi/svg/superscript.svg
new file mode 100644
index 00000000..06a1a784
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/superscript.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-superscript" viewBox="0 0 16 16">
+  <path d="m4.266 12.496.96-2.853H8.76l.96 2.853H11L7.62 3H6.38L3 12.496h1.266Zm2.748-8.063 1.419 4.23h-2.88l1.426-4.23h.035Zm5.132-1.797v-.075c0-.332.234-.618.619-.618.354 0 .618.256.618.58 0 .362-.271.649-.52.898l-1.788 1.832V6h3.59v-.958h-1.923v-.045l.973-1.04c.415-.438.867-.845.867-1.547 0-.8-.701-1.41-1.787-1.41C11.565 1 11 1.8 11 2.576v.06h1.146Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-horizontal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-horizontal.svg
new file mode 100644
index 00000000..7e46d904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-horizontal.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-symmetry-horizontal" viewBox="0 0 16 16">
+  <path d="M13.5 7a.5.5 0 0 0 .24-.939l-11-6A.5.5 0 0 0 2 .5v6a.5.5 0 0 0 .5.5h11zm.485 2.376a.5.5 0 0 1-.246.563l-11 6A.5.5 0 0 1 2 15.5v-6a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .485.376zM11.539 10H3v4.658L11.54 10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-vertical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-vertical.svg
new file mode 100644
index 00000000..a18fa2f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/symmetry-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-symmetry-vertical" viewBox="0 0 16 16">
+  <path d="M7 2.5a.5.5 0 0 0-.939-.24l-6 11A.5.5 0 0 0 .5 14h6a.5.5 0 0 0 .5-.5v-11zm2.376-.484a.5.5 0 0 1 .563.245l6 11A.5.5 0 0 1 15.5 14h-6a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .376-.484zM10 4.46V13h4.658L10 4.46z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/table.svg b/apps/phoenix_webcomponent/priv/bsi/svg/table.svg
new file mode 100644
index 00000000..5e70d22c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/table.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm0-4h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tablet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-fill.svg
new file mode 100644
index 00000000..571ae8f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tablet-fill" viewBox="0 0 16 16">
+  <path d="M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm7 11a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape-fill.svg
new file mode 100644
index 00000000..a4a60481
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tablet-landscape-fill" viewBox="0 0 16 16">
+  <path d="M2 14a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2zm11-7a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape.svg
new file mode 100644
index 00000000..b36f7d41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tablet-landscape.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tablet-landscape" viewBox="0 0 16 16">
+  <path d="M1 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4zm-1 8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v8z"/>
+  <path d="M14 8a1 1 0 1 0-2 0 1 1 0 0 0 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tablet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tablet.svg
new file mode 100644
index 00000000..be81ff5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tablet.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tablet" viewBox="0 0 16 16">
+  <path d="M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z"/>
+  <path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tag-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tag-fill.svg
new file mode 100644
index 00000000..1502792b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tag-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag-fill" viewBox="0 0 16 16">
+  <path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1H2zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tag.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tag.svg
new file mode 100644
index 00000000..ab34fdd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tag.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag" viewBox="0 0 16 16">
+  <path d="M6 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0z"/>
+  <path d="M2 1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 1 6.586V2a1 1 0 0 1 1-1zm0 5.586 7 7L13.586 9l-7-7H2v4.586z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tags-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tags-fill.svg
new file mode 100644
index 00000000..f92a3610
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tags-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tags-fill" viewBox="0 0 16 16">
+  <path d="M2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2zm3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+  <path d="M1.293 7.793A1 1 0 0 1 1 7.086V2a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l.043-.043-7.457-7.457z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tags.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tags.svg
new file mode 100644
index 00000000..9f6d6764
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tags.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tags" viewBox="0 0 16 16">
+  <path d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z"/>
+  <path d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front-fill.svg
new file mode 100644
index 00000000..1e1eb19d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-taxi-front-fill" viewBox="0 0 16 16">
+  <path d="M6 1a1 1 0 0 0-1 1v1h-.181A2.5 2.5 0 0 0 2.52 4.515l-.792 1.848a.807.807 0 0 1-.38.404c-.5.25-.855.715-.965 1.262L.05 9.708a2.5 2.5 0 0 0-.049.49v.413c0 .814.39 1.543 1 1.997V14.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.338c1.292.048 2.745.088 4 .088s2.708-.04 4-.088V14.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.892c.61-.454 1-1.183 1-1.997v-.413c0-.165-.016-.329-.049-.49l-.335-1.68a1.807 1.807 0 0 0-.964-1.261.807.807 0 0 1-.381-.404l-.792-1.848A2.5 2.5 0 0 0 11.181 3H11V2a1 1 0 0 0-1-1H6ZM4.309 4h7.382a.5.5 0 0 1 .447.276l.956 1.913a.51.51 0 0 1-.497.731c-.91-.073-3.35-.17-4.597-.17-1.247 0-3.688.097-4.597.17a.51.51 0 0 1-.497-.731l.956-1.913A.5.5 0 0 1 4.309 4ZM4 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-9 0a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front.svg
new file mode 100644
index 00000000..4cb5fdae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/taxi-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-taxi-front" viewBox="0 0 16 16">
+  <path d="M4.862 5.276 3.906 7.19a.51.51 0 0 0 .497.731c.91-.073 2.35-.17 3.597-.17 1.247 0 2.688.097 3.597.17a.51.51 0 0 0 .497-.731l-.956-1.913A.5.5 0 0 0 10.691 5H5.309a.5.5 0 0 0-.447.276ZM4 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-9 0a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Z"/>
+  <path d="M6 1a1 1 0 0 0-1 1v1h-.181A2.5 2.5 0 0 0 2.52 4.515l-.792 1.848a.807.807 0 0 1-.38.404c-.5.25-.855.715-.965 1.262L.05 9.708a2.5 2.5 0 0 0-.049.49v.413c0 .814.39 1.543 1 1.997V14.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.338c1.292.048 2.745.088 4 .088s2.708-.04 4-.088V14.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-1.892c.61-.454 1-1.183 1-1.997v-.413c0-.165-.016-.329-.049-.49l-.335-1.68a1.807 1.807 0 0 0-.964-1.261.807.807 0 0 1-.381-.404l-.792-1.848A2.5 2.5 0 0 0 11.181 3H11V2a1 1 0 0 0-1-1H6ZM4.819 4h6.362a1.5 1.5 0 0 1 1.379.91l.792 1.847a1.8 1.8 0 0 0 .853.904c.222.112.381.32.43.564l.336 1.679c.02.097.029.195.029.294v.413a1.48 1.48 0 0 1-1.408 1.484c-1.555.07-3.786.155-5.592.155-1.806 0-4.037-.084-5.592-.155A1.479 1.479 0 0 1 1 10.611v-.413c0-.099.01-.197.03-.294l.335-1.68a.807.807 0 0 1 .43-.563c.383-.19.685-.511.853-.904l.792-1.848A1.5 1.5 0 0 1 4.82 4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telegram.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telegram.svg
new file mode 100644
index 00000000..139af07e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telegram.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telegram" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.287 5.906c-.778.324-2.334.994-4.666 2.01-.378.15-.577.298-.595.442-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294.26.006.549-.1.868-.32 2.179-1.471 3.304-2.214 3.374-2.23.05-.012.12-.026.166.016.047.041.042.12.037.141-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8.154 8.154 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629.093.06.183.125.27.187.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.426 1.426 0 0 0-.013-.315.337.337 0 0 0-.114-.217.526.526 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-fill.svg
new file mode 100644
index 00000000..efc72c07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward-fill.svg
new file mode 100644
index 00000000..f4ce4831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-forward-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zm10.761.135a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.293 4H9.5a.5.5 0 0 1 0-1h4.793l-1.647-1.646a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward.svg
new file mode 100644
index 00000000..17ec9ce7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-forward.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-forward" viewBox="0 0 16 16">
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zm10.762.135a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.293 4H9.5a.5.5 0 0 1 0-1h4.793l-1.647-1.646a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound-fill.svg
new file mode 100644
index 00000000..998c8fbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-inbound-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound.svg
new file mode 100644
index 00000000..460fe9f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-inbound.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-inbound" viewBox="0 0 16 16">
+  <path d="M15.854.146a.5.5 0 0 1 0 .708L11.707 5H14.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0v2.793L15.146.146a.5.5 0 0 1 .708 0zm-12.2 1.182a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus-fill.svg
new file mode 100644
index 00000000..bc17abbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-minus-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus.svg
new file mode 100644
index 00000000..4f4d93cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-minus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-minus" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound-fill.svg
new file mode 100644
index 00000000..16013a54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-outbound-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM11 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-4.146 4.147a.5.5 0 0 1-.708-.708L14.293 1H11.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound.svg
new file mode 100644
index 00000000..13828860
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-outbound.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-outbound" viewBox="0 0 16 16">
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM11 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V1.707l-4.146 4.147a.5.5 0 0 1-.708-.708L14.293 1H11.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus-fill.svg
new file mode 100644
index 00000000..6d8c58f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-plus-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zM12.5 1a.5.5 0 0 1 .5.5V3h1.5a.5.5 0 0 1 0 1H13v1.5a.5.5 0 0 1-1 0V4h-1.5a.5.5 0 0 1 0-1H12V1.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus.svg
new file mode 100644
index 00000000..21ef9095
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-plus" viewBox="0 0 16 16">
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+  <path fill-rule="evenodd" d="M12.5 1a.5.5 0 0 1 .5.5V3h1.5a.5.5 0 0 1 0 1H13v1.5a.5.5 0 0 1-1 0V4h-1.5a.5.5 0 0 1 0-1H12V1.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x-fill.svg
new file mode 100644
index 00000000..c8ef8949
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-x-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zm9.261 1.135a.5.5 0 0 1 .708 0L13 2.793l1.146-1.147a.5.5 0 0 1 .708.708L13.707 3.5l1.147 1.146a.5.5 0 0 1-.708.708L13 4.207l-1.146 1.147a.5.5 0 0 1-.708-.708L12.293 3.5l-1.147-1.146a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x.svg
new file mode 100644
index 00000000..5aa3f95d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone-x" viewBox="0 0 16 16">
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+  <path fill-rule="evenodd" d="M11.146 1.646a.5.5 0 0 1 .708 0L13 2.793l1.146-1.147a.5.5 0 0 1 .708.708L13.707 3.5l1.147 1.146a.5.5 0 0 1-.708.708L13 4.207l-1.146 1.147a.5.5 0 0 1-.708-.708L12.293 3.5l-1.147-1.146a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/telephone.svg b/apps/phoenix_webcomponent/priv/bsi/svg/telephone.svg
new file mode 100644
index 00000000..8e359b82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/telephone.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
+  <path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tencent-qq.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tencent-qq.svg
new file mode 100644
index 00000000..b107eb5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tencent-qq.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tencent-qq" viewBox="0 0 16 16">
+  <path d="M6.048 3.323c.022.277-.13.523-.338.55-.21.026-.397-.176-.419-.453-.022-.277.13-.523.338-.55.21-.026.397.176.42.453Zm2.265-.24c-.603-.146-.894.256-.936.333-.027.048-.008.117.037.15.045.035.092.025.119-.003.361-.39.751-.172.829-.129l.011.007c.053.024.147.028.193-.098.023-.063.017-.11-.006-.142-.016-.023-.089-.08-.247-.118Z"/>
+  <path d="M11.727 6.719c0-.022.01-.375.01-.557 0-3.07-1.45-6.156-5.015-6.156-3.564 0-5.014 3.086-5.014 6.156 0 .182.01.535.01.557l-.72 1.795a25.85 25.85 0 0 0-.534 1.508c-.68 2.187-.46 3.093-.292 3.113.36.044 1.401-1.647 1.401-1.647 0 .979.504 2.256 1.594 3.179-.408.126-.907.319-1.228.556-.29.213-.253.43-.201.518.228.386 3.92.246 4.985.126 1.065.12 4.756.26 4.984-.126.052-.088.088-.305-.2-.518-.322-.237-.822-.43-1.23-.557 1.09-.922 1.594-2.2 1.594-3.178 0 0 1.041 1.69 1.401 1.647.168-.02.388-.926-.292-3.113a25.78 25.78 0 0 0-.534-1.508l-.72-1.795ZM9.773 5.53a.095.095 0 0 1-.009.096c-.109.159-1.554.943-3.033.943h-.017c-1.48 0-2.925-.784-3.034-.943a.098.098 0 0 1-.018-.055c0-.015.004-.028.01-.04.13-.287 1.43-.606 3.042-.606h.017c1.611 0 2.912.319 3.042.605Zm-4.32-.989c-.483.022-.896-.529-.922-1.229-.026-.7.344-1.286.828-1.308.483-.022.896.529.922 1.23.027.7-.344 1.286-.827 1.307Zm2.538 0c-.484-.022-.854-.607-.828-1.308.027-.7.44-1.25.923-1.23.483.023.853.608.827 1.309-.026.7-.439 1.251-.922 1.23ZM2.928 8.99c.213.042.426.081.639.117v2.336s1.104.222 2.21.068V9.363c.326.018.64.026.937.023h.017c1.117.013 2.474-.136 3.786-.396.097.622.151 1.386.097 2.284-.146 2.45-1.6 3.99-3.846 4.012h-.091c-2.245-.023-3.7-1.562-3.846-4.011-.054-.9 0-1.663.097-2.285Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-dash.svg
new file mode 100644
index 00000000..9049b5e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-dash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal-dash" viewBox="0 0 16 16">
+  <path d="M2 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V4a1 1 0 0 0-1-1H2Z"/>
+  <path d="M3.146 5.146a.5.5 0 0 1 .708 0L5.177 6.47a.75.75 0 0 1 0 1.06L3.854 8.854a.5.5 0 1 1-.708-.708L4.293 7 3.146 5.854a.5.5 0 0 1 0-.708ZM5.5 9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5ZM16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-fill.svg
new file mode 100644
index 00000000..d3c63943
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal-fill" viewBox="0 0 16 16">
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3zm9.5 5.5h-3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zm-6.354-.354a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-plus.svg
new file mode 100644
index 00000000..be268c8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-plus.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal-plus" viewBox="0 0 16 16">
+  <path d="M2 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V4a1 1 0 0 0-1-1H2Z"/>
+  <path d="M3.146 5.146a.5.5 0 0 1 .708 0L5.177 6.47a.75.75 0 0 1 0 1.06L3.854 8.854a.5.5 0 1 1-.708-.708L4.293 7 3.146 5.854a.5.5 0 0 1 0-.708ZM5.5 9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5ZM16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal-split.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-split.svg
new file mode 100644
index 00000000..f65d2c7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-split.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal-split" viewBox="0 0 16 16">
+  <path d="M2.146 3.146a.5.5 0 0 1 .708 0l.823.824a.75.75 0 0 1 0 1.06l-.823.824a.5.5 0 1 1-.708-.708l.647-.646-.647-.646a.5.5 0 0 1 0-.708ZM4 6a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1A.5.5 0 0 1 4 6Zm6.354-2.854a.5.5 0 0 0-.708.708l.647.646-.647.646a.5.5 0 1 0 .708.708l.823-.824a.75.75 0 0 0 0-1.06l-.823-.824ZM12 5.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z"/>
+  <path d="M0 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3Zm2-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h5.5V2H2Zm6.5 0v12H14a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H8.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-x.svg
new file mode 100644
index 00000000..5128f115
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal-x.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal-x" viewBox="0 0 16 16">
+  <path d="M2 3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V4a1 1 0 0 0-1-1H2Z"/>
+  <path d="M3.146 5.146a.5.5 0 0 1 .708 0L5.177 6.47a.75.75 0 0 1 0 1.06L3.854 8.854a.5.5 0 1 1-.708-.708L4.293 7 3.146 5.854a.5.5 0 0 1 0-.708ZM5.5 9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5ZM16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/terminal.svg b/apps/phoenix_webcomponent/priv/bsi/svg/terminal.svg
new file mode 100644
index 00000000..e12c9f88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/terminal.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-terminal" viewBox="0 0 16 16">
+  <path d="M6 9a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3A.5.5 0 0 1 6 9zM3.854 4.146a.5.5 0 1 0-.708.708L4.793 6.5 3.146 8.146a.5.5 0 1 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h12z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-center.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-center.svg
new file mode 100644
index 00000000..2887a99f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-center.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-center" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M4 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-left.svg
new file mode 100644
index 00000000..34d8c55e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-left" viewBox="0 0 16 16">
+  <path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8 2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-right.svg
new file mode 100644
index 00000000..fdd837fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-indent-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-indent-right" viewBox="0 0 16 16">
+  <path d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-left.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-left.svg
new file mode 100644
index 00000000..04526116
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-left.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-paragraph.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-paragraph.svg
new file mode 100644
index 00000000..9779beab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-paragraph.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-paragraph" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-right.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-right.svg
new file mode 100644
index 00000000..34686b0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-right.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm4-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-4-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/text-wrap.svg b/apps/phoenix_webcomponent/priv/bsi/svg/text-wrap.svg
new file mode 100644
index 00000000..713a96c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/text-wrap.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-text-wrap" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Zm0 4a.5.5 0 0 1 .5-.5h9a2.5 2.5 0 0 1 0 5h-1.293l.647.646a.5.5 0 0 1-.708.708l-1.5-1.5a.5.5 0 0 1 0-.708l1.5-1.5a.5.5 0 0 1 .708.708l-.647.646H11.5a1.5 1.5 0 0 0 0-3h-9a.5.5 0 0 1-.5-.5Zm0 4a.5.5 0 0 1 .5-.5H7a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/textarea-resize.svg b/apps/phoenix_webcomponent/priv/bsi/svg/textarea-resize.svg
new file mode 100644
index 00000000..c4a9d9fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/textarea-resize.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-textarea-resize" viewBox="0 0 16 16">
+  <path d="M0 4.5A2.5 2.5 0 0 1 2.5 2h11A2.5 2.5 0 0 1 16 4.5v7a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 11.5v-7zM2.5 3A1.5 1.5 0 0 0 1 4.5v7A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 3h-11zm10.854 4.646a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708l3-3a.5.5 0 0 1 .708 0zm0 2.5a.5.5 0 0 1 0 .708l-.5.5a.5.5 0 0 1-.708-.708l.5-.5a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/textarea-t.svg b/apps/phoenix_webcomponent/priv/bsi/svg/textarea-t.svg
new file mode 100644
index 00000000..dc7e17c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/textarea-t.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-textarea-t" viewBox="0 0 16 16">
+  <path d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+  <path d="M11.434 4H4.566L4.5 5.994h.386c.21-1.252.612-1.446 2.173-1.495l.343-.011v6.343c0 .537-.116.665-1.049.748V12h3.294v-.421c-.938-.083-1.054-.21-1.054-.748V4.488l.348.01c1.56.05 1.963.244 2.173 1.496h.386L11.434 4z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/textarea.svg b/apps/phoenix_webcomponent/priv/bsi/svg/textarea.svg
new file mode 100644
index 00000000..9aa54459
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/textarea.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-textarea" viewBox="0 0 16 16">
+  <path d="M1.5 2.5A1.5 1.5 0 0 1 3 1h10a1.5 1.5 0 0 1 1.5 1.5v3.563a2 2 0 0 1 0 3.874V13.5A1.5 1.5 0 0 1 13 15H3a1.5 1.5 0 0 1-1.5-1.5V9.937a2 2 0 0 1 0-3.874V2.5zm1 3.563a2 2 0 0 1 0 3.874V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V9.937a2 2 0 0 1 0-3.874V2.5A.5.5 0 0 0 13 2H3a.5.5 0 0 0-.5.5v3.563zM2 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm12 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-half.svg
new file mode 100644
index 00000000..cafefd29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-half.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer-half" viewBox="0 0 16 16">
+  <path d="M9.5 12.5a1.5 1.5 0 1 1-2-1.415V6.5a.5.5 0 0 1 1 0v4.585a1.5 1.5 0 0 1 1 1.415z"/>
+  <path d="M5.5 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM8 1a1.5 1.5 0 0 0-1.5 1.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0l-.166-.15V2.5A1.5 1.5 0 0 0 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-high.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-high.svg
new file mode 100644
index 00000000..15acf4c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-high.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer-high" viewBox="0 0 16 16">
+  <path d="M9.5 12.5a1.5 1.5 0 1 1-2-1.415V2.5a.5.5 0 0 1 1 0v8.585a1.5 1.5 0 0 1 1 1.415z"/>
+  <path d="M5.5 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM8 1a1.5 1.5 0 0 0-1.5 1.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0l-.166-.15V2.5A1.5 1.5 0 0 0 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-low.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-low.svg
new file mode 100644
index 00000000..ce540e03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-low.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer-low" viewBox="0 0 16 16">
+  <path d="M9.5 12.5a1.5 1.5 0 1 1-2-1.415V9.5a.5.5 0 0 1 1 0v1.585a1.5 1.5 0 0 1 1 1.415z"/>
+  <path d="M5.5 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM8 1a1.5 1.5 0 0 0-1.5 1.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0l-.166-.15V2.5A1.5 1.5 0 0 0 8 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-snow.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-snow.svg
new file mode 100644
index 00000000..0e1b4002
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-snow.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer-snow" viewBox="0 0 16 16">
+  <path d="M5 12.5a1.5 1.5 0 1 1-2-1.415V9.5a.5.5 0 0 1 1 0v1.585A1.5 1.5 0 0 1 5 12.5z"/>
+  <path d="M1 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM3.5 1A1.5 1.5 0 0 0 2 2.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0L5 10.486V2.5A1.5 1.5 0 0 0 3.5 1zm5 1a.5.5 0 0 1 .5.5v1.293l.646-.647a.5.5 0 0 1 .708.708L9 5.207v1.927l1.669-.963.495-1.85a.5.5 0 1 1 .966.26l-.237.882 1.12-.646a.5.5 0 0 1 .5.866l-1.12.646.884.237a.5.5 0 1 1-.26.966l-1.848-.495L9.5 8l1.669.963 1.849-.495a.5.5 0 1 1 .258.966l-.883.237 1.12.646a.5.5 0 0 1-.5.866l-1.12-.646.237.883a.5.5 0 1 1-.966.258L10.67 9.83 9 8.866v1.927l1.354 1.353a.5.5 0 0 1-.708.708L9 12.207V13.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-sun.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-sun.svg
new file mode 100644
index 00000000..07c32909
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer-sun.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer-sun" viewBox="0 0 16 16">
+  <path d="M5 12.5a1.5 1.5 0 1 1-2-1.415V2.5a.5.5 0 0 1 1 0v8.585A1.5 1.5 0 0 1 5 12.5z"/>
+  <path d="M1 2.5a2.5 2.5 0 0 1 5 0v7.55a3.5 3.5 0 1 1-5 0V2.5zM3.5 1A1.5 1.5 0 0 0 2 2.5v7.987l-.167.15a2.5 2.5 0 1 0 3.333 0L5 10.486V2.5A1.5 1.5 0 0 0 3.5 1zm5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5zm4.243 1.757a.5.5 0 0 1 0 .707l-.707.708a.5.5 0 1 1-.708-.708l.708-.707a.5.5 0 0 1 .707 0zM8 5.5a.5.5 0 0 1 .5-.5 3 3 0 1 1 0 6 .5.5 0 0 1 0-1 2 2 0 0 0 0-4 .5.5 0 0 1-.5-.5zM12.5 8a.5.5 0 0 1 .5-.5h1a.5.5 0 1 1 0 1h-1a.5.5 0 0 1-.5-.5zm-1.172 2.828a.5.5 0 0 1 .708 0l.707.708a.5.5 0 0 1-.707.707l-.708-.707a.5.5 0 0 1 0-.708zM8.5 12a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thermometer.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer.svg
new file mode 100644
index 00000000..748813ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thermometer.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thermometer" viewBox="0 0 16 16">
+  <path d="M8 14a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/>
+  <path d="M8 0a2.5 2.5 0 0 0-2.5 2.5v7.55a3.5 3.5 0 1 0 5 0V2.5A2.5 2.5 0 0 0 8 0zM6.5 2.5a1.5 1.5 0 1 1 3 0v7.987l.167.15a2.5 2.5 0 1 1-3.333 0l.166-.15V2.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/three-dots-vertical.svg b/apps/phoenix_webcomponent/priv/bsi/svg/three-dots-vertical.svg
new file mode 100644
index 00000000..cd0c79ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/three-dots-vertical.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
+  <path d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/three-dots.svg b/apps/phoenix_webcomponent/priv/bsi/svg/three-dots.svg
new file mode 100644
index 00000000..ea92369a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/three-dots.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
+  <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt-fill.svg
new file mode 100644
index 00000000..85c437ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thunderbolt-fill" viewBox="0 0 16 16">
+  <path d="M1 3a1 1 0 0 0-1 1v7.293A1 1 0 0 0 .293 12L2 13.707a1 1 0 0 0 .707.293h10.586a1 1 0 0 0 .707-.293L15.707 12a1 1 0 0 0 .293-.707V4a1 1 0 0 0-1-1H1Zm2.5 3h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt.svg b/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt.svg
new file mode 100644
index 00000000..b8356da4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/thunderbolt.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-thunderbolt" viewBox="0 0 16 16">
+  <path d="M3.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-9Z"/>
+  <path d="M1 3a1 1 0 0 0-1 1v7.293A1 1 0 0 0 .293 12L2 13.707a1 1 0 0 0 .707.293h10.586a1 1 0 0 0 .707-.293L15.707 12a1 1 0 0 0 .293-.707V4a1 1 0 0 0-1-1H1Zm0 1h14v7.293L13.293 13H2.707L1 11.293V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed-fill.svg
new file mode 100644
index 00000000..bc5d192b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket-detailed-fill" viewBox="0 0 16 16">
+  <path d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6V4.5Zm4 1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5Zm0 5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 0-1h-7a.5.5 0 0 0-.5.5ZM4 8a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2H5a1 1 0 0 0-1 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed.svg
new file mode 100644
index 00000000..c2701bbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-detailed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket-detailed" viewBox="0 0 16 16">
+  <path d="M4 5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5Zm0 5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM5 7a1 1 0 0 0 0 2h6a1 1 0 1 0 0-2H5Z"/>
+  <path d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6V4.5ZM1.5 4a.5.5 0 0 0-.5.5v1.05a2.5 2.5 0 0 1 0 4.9v1.05a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-1.05a2.5 2.5 0 0 1 0-4.9V4.5a.5.5 0 0 0-.5-.5h-13Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-fill.svg
new file mode 100644
index 00000000..73728b6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket-fill" viewBox="0 0 16 16">
+  <path d="M1.5 3A1.5 1.5 0 0 0 0 4.5V6a.5.5 0 0 0 .5.5 1.5 1.5 0 1 1 0 3 .5.5 0 0 0-.5.5v1.5A1.5 1.5 0 0 0 1.5 13h13a1.5 1.5 0 0 0 1.5-1.5V10a.5.5 0 0 0-.5-.5 1.5 1.5 0 0 1 0-3A.5.5 0 0 0 16 6V4.5A1.5 1.5 0 0 0 14.5 3h-13Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated-fill.svg
new file mode 100644
index 00000000..2ec1d57e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket-perforated-fill" viewBox="0 0 16 16">
+  <path d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6V4.5Zm4-1v1h1v-1H4Zm1 3v-1H4v1h1Zm7 0v-1h-1v1h1Zm-1-2h1v-1h-1v1Zm-6 3H4v1h1v-1Zm7 1v-1h-1v1h1Zm-7 1H4v1h1v-1Zm7 1v-1h-1v1h1Zm-8 1v1h1v-1H4Zm7 1h1v-1h-1v1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated.svg
new file mode 100644
index 00000000..194ae05e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket-perforated.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket-perforated" viewBox="0 0 16 16">
+  <path d="M4 4.85v.9h1v-.9H4Zm7 0v.9h1v-.9h-1Zm-7 1.8v.9h1v-.9H4Zm7 0v.9h1v-.9h-1Zm-7 1.8v.9h1v-.9H4Zm7 0v.9h1v-.9h-1Zm-7 1.8v.9h1v-.9H4Zm7 0v.9h1v-.9h-1Z"/>
+  <path d="M1.5 3A1.5 1.5 0 0 0 0 4.5V6a.5.5 0 0 0 .5.5 1.5 1.5 0 1 1 0 3 .5.5 0 0 0-.5.5v1.5A1.5 1.5 0 0 0 1.5 13h13a1.5 1.5 0 0 0 1.5-1.5V10a.5.5 0 0 0-.5-.5 1.5 1.5 0 0 1 0-3A.5.5 0 0 0 16 6V4.5A1.5 1.5 0 0 0 14.5 3h-13ZM1 4.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 .5.5v1.05a2.5 2.5 0 0 0 0 4.9v1.05a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-1.05a2.5 2.5 0 0 0 0-4.9V4.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ticket.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ticket.svg
new file mode 100644
index 00000000..f24a93e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ticket.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ticket" viewBox="0 0 16 16">
+  <path d="M0 4.5A1.5 1.5 0 0 1 1.5 3h13A1.5 1.5 0 0 1 16 4.5V6a.5.5 0 0 1-.5.5 1.5 1.5 0 0 0 0 3 .5.5 0 0 1 .5.5v1.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 11.5V10a.5.5 0 0 1 .5-.5 1.5 1.5 0 1 0 0-3A.5.5 0 0 1 0 6V4.5ZM1.5 4a.5.5 0 0 0-.5.5v1.05a2.5 2.5 0 0 1 0 4.9v1.05a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-1.05a2.5 2.5 0 0 1 0-4.9V4.5a.5.5 0 0 0-.5-.5h-13Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tiktok.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tiktok.svg
new file mode 100644
index 00000000..7edac4ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tiktok.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tiktok" viewBox="0 0 16 16">
+  <path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3V0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggle-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggle-off.svg
new file mode 100644
index 00000000..97d6dab3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggle-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle-off" viewBox="0 0 16 16">
+  <path d="M11 4a4 4 0 0 1 0 8H8a4.992 4.992 0 0 0 2-4 4.992 4.992 0 0 0-2-4h3zm-6 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM0 8a5 5 0 0 0 5 5h6a5 5 0 0 0 0-10H5a5 5 0 0 0-5 5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggle-on.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggle-on.svg
new file mode 100644
index 00000000..d13b4955
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggle-on.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle-on" viewBox="0 0 16 16">
+  <path d="M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-off.svg
new file mode 100644
index 00000000..a8fee6b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-off.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle2-off" viewBox="0 0 16 16">
+  <path d="M9 11c.628-.836 1-1.874 1-3a4.978 4.978 0 0 0-1-3h4a3 3 0 1 1 0 6H9z"/>
+  <path d="M5 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0 1A5 5 0 1 0 5 3a5 5 0 0 0 0 10z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-on.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-on.svg
new file mode 100644
index 00000000..993ec332
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggle2-on.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle2-on" viewBox="0 0 16 16">
+  <path d="M7 5H3a3 3 0 0 0 0 6h4a4.995 4.995 0 0 1-.584-1H3a2 2 0 1 1 0-4h3.416c.156-.357.352-.692.584-1z"/>
+  <path d="M16 8A5 5 0 1 1 6 8a5 5 0 0 1 10 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggles.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggles.svg
new file mode 100644
index 00000000..d53ae018
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggles.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggles" viewBox="0 0 16 16">
+  <path d="M4.5 9a3.5 3.5 0 1 0 0 7h7a3.5 3.5 0 1 0 0-7h-7zm7 6a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zm-7-14a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zm2.45 0A3.49 3.49 0 0 1 8 3.5 3.49 3.49 0 0 1 6.95 6h4.55a2.5 2.5 0 0 0 0-5H6.95zM4.5 0h7a3.5 3.5 0 1 1 0 7h-7a3.5 3.5 0 1 1 0-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/toggles2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/toggles2.svg
new file mode 100644
index 00000000..862fc9f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/toggles2.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggles2" viewBox="0 0 16 16">
+  <path d="M9.465 10H12a2 2 0 1 1 0 4H9.465c.34-.588.535-1.271.535-2 0-.729-.195-1.412-.535-2z"/>
+  <path d="M6 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm.535-10a3.975 3.975 0 0 1-.409-1H4a1 1 0 0 1 0-2h2.126c.091-.355.23-.69.41-1H4a2 2 0 1 0 0 4h2.535z"/>
+  <path d="M14 4a4 4 0 1 1-8 0 4 4 0 0 1 8 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tools.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tools.svg
new file mode 100644
index 00000000..fcc8362f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tools.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tools" viewBox="0 0 16 16">
+  <path d="M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tornado.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tornado.svg
new file mode 100644
index 00000000..5bb53a26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tornado.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tornado" viewBox="0 0 16 16">
+  <path d="M1.125 2.45A.892.892 0 0 1 1 2c0-.26.116-.474.258-.634a1.9 1.9 0 0 1 .513-.389c.387-.21.913-.385 1.52-.525C4.514.17 6.18 0 8 0c1.821 0 3.486.17 4.709.452.607.14 1.133.314 1.52.525.193.106.374.233.513.389.141.16.258.374.258.634 0 1.011-.35 1.612-.634 2.102-.04.07-.08.137-.116.203a2.55 2.55 0 0 0-.313.809 2.938 2.938 0 0 0-.011.891.5.5 0 0 1 .428.849c-.06.06-.133.126-.215.195.204 1.116.088 1.99-.3 2.711-.453.84-1.231 1.383-2.02 1.856-.204.123-.412.243-.62.364-1.444.832-2.928 1.689-3.735 3.706a.5.5 0 0 1-.748.226l-.001-.001-.002-.001-.004-.003-.01-.008a2.142 2.142 0 0 1-.147-.115 4.095 4.095 0 0 1-1.179-1.656 3.786 3.786 0 0 1-.247-1.296A.498.498 0 0 1 5 12.5v-.018a.62.62 0 0 1 .008-.079.728.728 0 0 1 .188-.386c.09-.489.272-1.014.573-1.574a.5.5 0 0 1 .073-.918 3.29 3.29 0 0 1 .617-.144l.15-.193c.285-.356.404-.639.437-.861a.948.948 0 0 0-.122-.619c-.249-.455-.815-.903-1.613-1.43-.193-.127-.398-.258-.609-.394l-.119-.076a12.307 12.307 0 0 1-1.241-.334.5.5 0 0 1-.285-.707l-.23-.18C2.117 4.01 1.463 3.32 1.125 2.45zm1.973 1.051c.113.104.233.207.358.308.472.381.99.722 1.515 1.06 1.54.317 3.632.5 5.43.14a.5.5 0 0 1 .197.981c-1.216.244-2.537.26-3.759.157.399.326.744.682.963 1.081.203.373.302.79.233 1.247-.05.33-.182.657-.39.985.075.017.148.035.22.053l.006.002c.481.12.863.213 1.47.01a.5.5 0 1 1 .317.95c-.888.295-1.505.141-2.023.012l-.006-.002a3.894 3.894 0 0 0-.644-.123c-.37.55-.598 1.05-.726 1.497.142.045.296.11.465.194a.5.5 0 1 1-.448.894 3.11 3.11 0 0 0-.148-.07c.012.345.084.643.18.895.14.369.342.666.528.886.992-1.903 2.583-2.814 3.885-3.56.203-.116.399-.228.584-.34.775-.464 1.34-.89 1.653-1.472.212-.393.33-.9.26-1.617A6.74 6.74 0 0 1 10 8.5a.5.5 0 0 1 0-1 5.76 5.76 0 0 0 3.017-.872.515.515 0 0 1-.007-.03c-.135-.673-.14-1.207-.056-1.665.084-.46.253-.81.421-1.113l.131-.23c.065-.112.126-.22.182-.327-.29.107-.62.202-.98.285C11.487 3.83 9.822 4 8 4c-1.821 0-3.486-.17-4.709-.452-.065-.015-.13-.03-.193-.047zM13.964 2a1.12 1.12 0 0 0-.214-.145c-.272-.148-.697-.297-1.266-.428C11.354 1.166 9.769 1 8 1c-1.769 0-3.354.166-4.484.427-.569.13-.994.28-1.266.428A1.12 1.12 0 0 0 2.036 2c.04.038.109.087.214.145.272.148.697.297 1.266.428C4.646 2.834 6.231 3 8 3c1.769 0 3.354-.166 4.484-.427.569-.13.994-.28 1.266-.428A1.12 1.12 0 0 0 13.964 2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front-fill.svg
new file mode 100644
index 00000000..8278bb97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-freight-front-fill" viewBox="0 0 16 16">
+  <path d="M5.736 0a1.5 1.5 0 0 0-.67.158L1.828 1.776A1.5 1.5 0 0 0 1 3.118v5.51l2-.6V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.028l2 .6v-5.51a1.5 1.5 0 0 0-.83-1.342L10.936.158A1.5 1.5 0 0 0 10.264 0H5.736ZM15 9.672l-5.503-1.65A.5.5 0 0 0 9.353 8H8.5v8h4a2.5 2.5 0 0 0 2.5-2.5V9.672ZM7.5 16V8h-.853a.5.5 0 0 0-.144.021L1 9.672V13.5A2.5 2.5 0 0 0 3.5 16h4Zm-1-14h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1ZM12 5v2.728l-2.216-.665A1.5 1.5 0 0 0 9.354 7H8.5V5H12ZM7.5 5v2h-.853a1.5 1.5 0 0 0-.431.063L4 7.728V5h3.5Zm-4 5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm9 0a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM5 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm7 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front.svg
new file mode 100644
index 00000000..a56961ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-freight-front.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-freight-front" viewBox="0 0 16 16">
+  <path d="M5.065.158A1.5 1.5 0 0 1 5.736 0h4.528a1.5 1.5 0 0 1 .67.158l3.237 1.618a1.5 1.5 0 0 1 .83 1.342V13.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 13.5V3.118a1.5 1.5 0 0 1 .828-1.342L5.065.158ZM2 9.372V13.5A1.5 1.5 0 0 0 3.5 15h4V8h-.853a.5.5 0 0 0-.144.021L2 9.372ZM8.5 15h4a1.5 1.5 0 0 0 1.5-1.5V9.372l-4.503-1.35A.5.5 0 0 0 9.353 8H8.5v7ZM14 8.328v-5.21a.5.5 0 0 0-.276-.447l-3.236-1.618A.5.5 0 0 0 10.264 1H5.736a.5.5 0 0 0-.223.053L2.277 2.67A.5.5 0 0 0 2 3.118v5.21l1-.3V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.028l1 .3Zm-2-.6V5H8.5v2h.853a1.5 1.5 0 0 1 .431.063L12 7.728ZM7.5 7V5H4v2.728l2.216-.665A1.5 1.5 0 0 1 6.646 7H7.5Zm-1-5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm-3 8a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm9 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1ZM5 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm7 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-front-fill.svg
new file mode 100644
index 00000000..85c56efa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-front-fill" viewBox="0 0 16 16">
+  <path d="M10.621.515C8.647.02 7.353.02 5.38.515c-.924.23-1.982.766-2.78 1.22C1.566 2.322 1 3.432 1 4.582V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V4.583c0-1.15-.565-2.26-1.6-2.849-.797-.453-1.855-.988-2.779-1.22ZM6.5 2h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1Zm-2 2h7A1.5 1.5 0 0 1 13 5.5v2A1.5 1.5 0 0 1 11.5 9h-7A1.5 1.5 0 0 1 3 7.5v-2A1.5 1.5 0 0 1 4.5 4Zm.5 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-3-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2ZM4 5.5a.5.5 0 0 1 .5-.5h3v3h-3a.5.5 0 0 1-.5-.5v-2ZM8.5 8V5h3a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-front.svg
new file mode 100644
index 00000000..c84d62b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-front.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-front" viewBox="0 0 16 16">
+  <path d="M5.621 1.485c1.815-.454 2.943-.454 4.758 0 .784.196 1.743.673 2.527 1.119.688.39 1.094 1.148 1.094 1.979V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V4.583c0-.831.406-1.588 1.094-1.98.784-.445 1.744-.922 2.527-1.118Zm5-.97C8.647.02 7.353.02 5.38.515c-.924.23-1.982.766-2.78 1.22C1.566 2.322 1 3.432 1 4.582V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V4.583c0-1.15-.565-2.26-1.6-2.849-.797-.453-1.855-.988-2.779-1.22ZM5 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0Zm7 1a1 1 0 1 0-1-1 1 1 0 1 0-2 0 1 1 0 0 0 2 0 1 1 0 0 0 1 1ZM4.5 5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h3V5h-3Zm4 0v3h3a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-3ZM3 5.5A1.5 1.5 0 0 1 4.5 4h7A1.5 1.5 0 0 1 13 5.5v2A1.5 1.5 0 0 1 11.5 9h-7A1.5 1.5 0 0 1 3 7.5v-2ZM6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front-fill.svg
new file mode 100644
index 00000000..e4fdebf1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-lightrail-front-fill" viewBox="0 0 16 16">
+  <path d="M6.5 0a.5.5 0 0 0 0 1h1v1.011c-1.525.064-3.346.394-4.588.655C1.775 2.904 1 3.915 1 5.055V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V5.055c0-1.14-.775-2.15-1.912-2.39-1.242-.26-3.063-.59-4.588-.654V1h1a.5.5 0 0 0 0-1h-3ZM8 4c1.136 0 2.645.2 3.604.346.825.126 1.356.9 1.244 1.697-.022.16-.046.335-.07.522C12.643 7.596 12.5 8.949 12.5 10c0 .428.024.933.062 1.464.066.93.174 1.92.266 2.682.042.34.08.634.109.854h-1.01a62.703 62.703 0 0 1-.327-3H9.354c-.36 0-.704-.143-.958-.396a.353.353 0 0 0-.25-.104h-.292a.353.353 0 0 0-.25.104 1.354 1.354 0 0 1-.958.396H4.4a62.692 62.692 0 0 1-.328 3H3.064c.029-.22.067-.514.108-.854.092-.761.2-1.752.266-2.682.038-.531.062-1.036.062-1.464 0-1.051-.143-2.404-.278-3.435a51.762 51.762 0 0 0-.07-.522c-.112-.798.42-1.571 1.244-1.697C5.356 4.199 6.864 4 8 4Zm-1.354 7H4.47c.019-.353.03-.692.03-1 0-.927-.104-2.051-.216-3h7.432c-.112.949-.216 2.073-.216 3 0 .308.011.647.03 1H9.354a.353.353 0 0 1-.25-.104 1.354 1.354 0 0 0-.958-.396h-.292c-.36 0-.704.143-.958.396a.353.353 0 0 1-.25.104Zm5.199-5h-7.69l-.013-.096a.497.497 0 0 1 .405-.57C5.505 5.188 6.947 5 8 5s2.495.188 3.453.334a.497.497 0 0 1 .405.57L11.845 6ZM6 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm4 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front.svg
new file mode 100644
index 00000000..0e4c57e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/train-lightrail-front.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-train-lightrail-front" viewBox="0 0 16 16">
+  <path d="M6.5 0a.5.5 0 0 0 0 1h1v1.011c-1.525.064-3.346.394-4.588.655C1.775 2.904 1 3.915 1 5.055V13.5A2.5 2.5 0 0 0 3.5 16h9a2.5 2.5 0 0 0 2.5-2.5V5.055c0-1.14-.775-2.15-1.912-2.39-1.242-.26-3.063-.59-4.588-.654V1h1a.5.5 0 0 0 0-1h-3ZM8 3c1.497 0 3.505.356 4.883.644.653.137 1.117.722 1.117 1.411V13.5a1.5 1.5 0 0 1-1.072 1.438 75.999 75.999 0 0 1-.1-.792c-.092-.761-.2-1.752-.266-2.682A21.26 21.26 0 0 1 12.5 10c0-1.051.143-2.404.278-3.435.024-.187.048-.362.07-.522.112-.798-.42-1.571-1.244-1.697C10.644 4.199 9.136 4 8 4c-1.136 0-2.645.2-3.604.346-.825.126-1.356.9-1.244 1.697.022.16.046.335.07.522C3.357 7.596 3.5 8.949 3.5 10c0 .428-.024.933-.062 1.464a57.32 57.32 0 0 1-.266 2.682c-.038.31-.072.58-.1.792A1.5 1.5 0 0 1 2 13.5V5.055c0-.69.464-1.274 1.117-1.41C4.495 3.354 6.503 3 8 3Zm3.835 11.266c.034.28.066.53.093.734H4.072a62.692 62.692 0 0 0 .328-3h2.246c.36 0 .704-.143.958-.396a.353.353 0 0 1 .25-.104h.292a.35.35 0 0 1 .25.104c.254.253.599.396.958.396H11.6c.068.808.158 1.621.236 2.266ZM6 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm3.5.5a.5.5 0 0 0 .5-.5.5.5 0 1 0 1 0 .5.5 0 0 0-1 0 .5.5 0 1 0-.5.5Zm-5.03-3c.019-.353.03-.692.03-1 0-.927-.104-2.051-.216-3h7.432c-.112.949-.216 2.073-.216 3 0 .308.011.647.03 1H9.354a.353.353 0 0 1-.25-.104 1.354 1.354 0 0 0-.958-.396h-.292c-.36 0-.704.143-.958.396a.353.353 0 0 1-.25.104H4.47Zm-.315-5-.013-.096a.497.497 0 0 1 .405-.57C5.505 5.188 6.947 5 8 5s2.495.188 3.453.334a.497.497 0 0 1 .405.57L11.845 6h-7.69Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/translate.svg b/apps/phoenix_webcomponent/priv/bsi/svg/translate.svg
new file mode 100644
index 00000000..39a17d22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/translate.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16">
+  <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/>
+  <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2V2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066 0 0 1-.415-.492 1.988 1.988 0 0 1-.94.31z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash-fill.svg
new file mode 100644
index 00000000..1a20e6a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill" viewBox="0 0 16 16">
+  <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash.svg
new file mode 100644
index 00000000..0ba7218e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
+  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>
+  <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash2-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash2-fill.svg
new file mode 100644
index 00000000..bc78b6d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash2-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash2-fill" viewBox="0 0 16 16">
+  <path d="M2.037 3.225A.703.703 0 0 1 2 3c0-1.105 2.686-2 6-2s6 .895 6 2a.702.702 0 0 1-.037.225l-1.684 10.104A2 2 0 0 1 10.305 15H5.694a2 2 0 0 1-1.973-1.671L2.037 3.225zm9.89-.69C10.966 2.214 9.578 2 8 2c-1.58 0-2.968.215-3.926.534-.477.16-.795.327-.975.466.18.14.498.307.975.466C5.032 3.786 6.42 4 8 4s2.967-.215 3.926-.534c.477-.16.795-.327.975-.466-.18-.14-.498-.307-.975-.466z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash2.svg
new file mode 100644
index 00000000..6e6468ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash2" viewBox="0 0 16 16">
+  <path d="M14 3a.702.702 0 0 1-.037.225l-1.684 10.104A2 2 0 0 1 10.305 15H5.694a2 2 0 0 1-1.973-1.671L2.037 3.225A.703.703 0 0 1 2 3c0-1.105 2.686-2 6-2s6 .895 6 2zM3.215 4.207l1.493 8.957a1 1 0 0 0 .986.836h4.612a1 1 0 0 0 .986-.836l1.493-8.957C11.69 4.689 9.954 5 8 5c-1.954 0-3.69-.311-4.785-.793z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash3-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash3-fill.svg
new file mode 100644
index 00000000..e0e81f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash3-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3-fill" viewBox="0 0 16 16">
+  <path d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5Zm-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5ZM4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06Zm6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528ZM8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trash3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trash3.svg
new file mode 100644
index 00000000..1d5f42ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trash3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash3" viewBox="0 0 16 16">
+  <path d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tree-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tree-fill.svg
new file mode 100644
index 00000000..4d45dd43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tree-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tree-fill" viewBox="0 0 16 16">
+  <path d="M8.416.223a.5.5 0 0 0-.832 0l-3 4.5A.5.5 0 0 0 5 5.5h.098L3.076 8.735A.5.5 0 0 0 3.5 9.5h.191l-1.638 3.276a.5.5 0 0 0 .447.724H7V16h2v-2.5h4.5a.5.5 0 0 0 .447-.724L12.31 9.5h.191a.5.5 0 0 0 .424-.765L10.902 5.5H11a.5.5 0 0 0 .416-.777l-3-4.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tree.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tree.svg
new file mode 100644
index 00000000..b97eb64f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tree.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tree" viewBox="0 0 16 16">
+  <path d="M8.416.223a.5.5 0 0 0-.832 0l-3 4.5A.5.5 0 0 0 5 5.5h.098L3.076 8.735A.5.5 0 0 0 3.5 9.5h.191l-1.638 3.276a.5.5 0 0 0 .447.724H7V16h2v-2.5h4.5a.5.5 0 0 0 .447-.724L12.31 9.5h.191a.5.5 0 0 0 .424-.765L10.902 5.5H11a.5.5 0 0 0 .416-.777l-3-4.5zM6.437 4.758A.5.5 0 0 0 6 4.5h-.066L8 1.401 10.066 4.5H10a.5.5 0 0 0-.424.765L11.598 8.5H11.5a.5.5 0 0 0-.447.724L12.69 12.5H3.309l1.638-3.276A.5.5 0 0 0 4.5 8.5h-.098l2.022-3.235a.5.5 0 0 0 .013-.507z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trello.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trello.svg
new file mode 100644
index 00000000..08860581
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trello.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trello" viewBox="0 0 16 16">
+  <path d="M14.1 0H1.903C.852 0 .002.85 0 1.9v12.19A1.902 1.902 0 0 0 1.902 16h12.199A1.902 1.902 0 0 0 16 14.09V1.9A1.902 1.902 0 0 0 14.1 0ZM7 11.367a.636.636 0 0 1-.64.633H3.593a.633.633 0 0 1-.63-.633V3.583c0-.348.281-.631.63-.633h2.765c.35.002.632.284.633.633L7 11.367Zm6.052-3.5a.633.633 0 0 1-.64.633h-2.78A.636.636 0 0 1 9 7.867V3.583a.636.636 0 0 1 .633-.633h2.778c.35.002.631.285.631.633l.01 4.284Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/triangle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/triangle-fill.svg
new file mode 100644
index 00000000..654787f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/triangle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-triangle-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767L7.022 1.566z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/triangle-half.svg b/apps/phoenix_webcomponent/priv/bsi/svg/triangle-half.svg
new file mode 100644
index 00000000..8f86f28c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/triangle-half.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-triangle-half" viewBox="0 0 16 16">
+  <path d="M8.065 2.016A.13.13 0 0 0 8.002 2v11.983l6.856.017a.12.12 0 0 0 .066-.017.162.162 0 0 0 .054-.06.176.176 0 0 0-.002-.183L8.12 2.073a.146.146 0 0 0-.054-.057zm-1.043-.45a1.13 1.13 0 0 1 1.96 0l6.856 11.667c.458.778-.091 1.767-.98 1.767H1.146c-.889 0-1.437-.99-.98-1.767L7.022 1.566z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/triangle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/triangle.svg
new file mode 100644
index 00000000..1fa1898e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/triangle.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-triangle" viewBox="0 0 16 16">
+  <path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trophy-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trophy-fill.svg
new file mode 100644
index 00000000..e29f0013
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trophy-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trophy-fill" viewBox="0 0 16 16">
+  <path d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/trophy.svg b/apps/phoenix_webcomponent/priv/bsi/svg/trophy.svg
new file mode 100644
index 00000000..adfa1083
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/trophy.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trophy" viewBox="0 0 16 16">
+  <path d="M2.5.5A.5.5 0 0 1 3 0h10a.5.5 0 0 1 .5.5c0 .538-.012 1.05-.034 1.536a3 3 0 1 1-1.133 5.89c-.79 1.865-1.878 2.777-2.833 3.011v2.173l1.425.356c.194.048.377.135.537.255L13.3 15.1a.5.5 0 0 1-.3.9H3a.5.5 0 0 1-.3-.9l1.838-1.379c.16-.12.343-.207.537-.255L6.5 13.11v-2.173c-.955-.234-2.043-1.146-2.833-3.012a3 3 0 1 1-1.132-5.89A33.076 33.076 0 0 1 2.5.5zm.099 2.54a2 2 0 0 0 .72 3.935c-.333-1.05-.588-2.346-.72-3.935zm10.083 3.935a2 2 0 0 0 .72-3.935c-.133 1.59-.388 2.885-.72 3.935zM3.504 1c.007.517.026 1.006.056 1.469.13 2.028.457 3.546.87 4.667C5.294 9.48 6.484 10 7 10a.5.5 0 0 1 .5.5v2.61a1 1 0 0 1-.757.97l-1.426.356a.5.5 0 0 0-.179.085L4.5 15h7l-.638-.479a.501.501 0 0 0-.18-.085l-1.425-.356a1 1 0 0 1-.757-.97V10.5A.5.5 0 0 1 9 10c.516 0 1.706-.52 2.57-2.864.413-1.12.74-2.64.87-4.667.03-.463.049-.952.056-1.469H3.504z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tropical-storm.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tropical-storm.svg
new file mode 100644
index 00000000..c16188d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tropical-storm.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tropical-storm" viewBox="0 0 16 16">
+  <path d="M8 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
+  <path d="M9.5 2c-.9 0-1.75.216-2.501.6A5 5 0 0 1 13 7.5a6.5 6.5 0 1 1-13 0 .5.5 0 0 1 1 0 5.5 5.5 0 0 0 8.001 4.9A5 5 0 0 1 3 7.5a6.5 6.5 0 0 1 13 0 .5.5 0 0 1-1 0A5.5 5.5 0 0 0 9.5 2zM8 3.5a4 4 0 1 0 0 8 4 4 0 0 0 0-8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/truck-flatbed.svg b/apps/phoenix_webcomponent/priv/bsi/svg/truck-flatbed.svg
new file mode 100644
index 00000000..5a37c8d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/truck-flatbed.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-truck-flatbed" viewBox="0 0 16 16">
+  <path d="M11.5 4a.5.5 0 0 1 .5.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-4 0 1 1 0 0 1-1-1v-1h11V4.5a.5.5 0 0 1 .5-.5zM3 11a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm1.732 0h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4a2 2 0 0 1 1.732 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/truck-front-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/truck-front-fill.svg
new file mode 100644
index 00000000..0aeb0a10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/truck-front-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-truck-front-fill" viewBox="0 0 16 16">
+  <path d="M3.5 0A2.5 2.5 0 0 0 1 2.5v9c0 .818.393 1.544 1 2v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V14h6v1.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2c.607-.456 1-1.182 1-2v-9A2.5 2.5 0 0 0 12.5 0h-9ZM3 3a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3.9c0 .625-.562 1.092-1.17.994C10.925 7.747 9.208 7.5 8 7.5c-1.208 0-2.925.247-3.83.394A1.008 1.008 0 0 1 3 6.9V3Zm1 9a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm8 0a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm-5-2h2a1 1 0 1 1 0 2H7a1 1 0 1 1 0-2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/truck-front.svg b/apps/phoenix_webcomponent/priv/bsi/svg/truck-front.svg
new file mode 100644
index 00000000..9e4bbf14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/truck-front.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-truck-front" viewBox="0 0 16 16">
+  <path d="M5 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm8 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-6-1a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H7ZM4 2a1 1 0 0 0-1 1v3.9c0 .625.562 1.092 1.17.994C5.075 7.747 6.792 7.5 8 7.5c1.208 0 2.925.247 3.83.394A1.008 1.008 0 0 0 13 6.9V3a1 1 0 0 0-1-1H4Zm0 1h8v3.9c0 .002 0 .001 0 0l-.002.004a.013.013 0 0 1-.005.002h-.004C11.088 6.761 9.299 6.5 8 6.5s-3.088.26-3.99.406h-.003a.013.013 0 0 1-.005-.002L4 6.9c0 .001 0 .002 0 0V3Z"/>
+  <path d="M1 2.5A2.5 2.5 0 0 1 3.5 0h9A2.5 2.5 0 0 1 15 2.5v9c0 .818-.393 1.544-1 2v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2a2.496 2.496 0 0 1-1-2v-9ZM3.5 1A1.5 1.5 0 0 0 2 2.5v9A1.5 1.5 0 0 0 3.5 13h9a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 12.5 1h-9Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/truck.svg b/apps/phoenix_webcomponent/priv/bsi/svg/truck.svg
new file mode 100644
index 00000000..1afc549c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/truck.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-truck" viewBox="0 0 16 16">
+  <path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h9A1.5 1.5 0 0 1 12 3.5V5h1.02a1.5 1.5 0 0 1 1.17.563l1.481 1.85a1.5 1.5 0 0 1 .329.938V10.5a1.5 1.5 0 0 1-1.5 1.5H14a2 2 0 1 1-4 0H5a2 2 0 1 1-3.998-.085A1.5 1.5 0 0 1 0 10.5v-7zm1.294 7.456A1.999 1.999 0 0 1 4.732 11h5.536a2.01 2.01 0 0 1 .732-.732V3.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 .294.456zM12 10a2 2 0 0 1 1.732 1h.768a.5.5 0 0 0 .5-.5V8.35a.5.5 0 0 0-.11-.312l-1.48-1.85A.5.5 0 0 0 13.02 6H12v4zm-9 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tsunami.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tsunami.svg
new file mode 100644
index 00000000..cf574864
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tsunami.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tsunami" viewBox="0 0 16 16">
+  <path d="M.036 12.314a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.757-.703a.5.5 0 0 1-.278-.65zm0 2a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.757-.703a.5.5 0 0 1-.278-.65zM2.662 8.08c-.456 1.063-.994 2.098-1.842 2.804a.5.5 0 0 1-.64-.768c.652-.544 1.114-1.384 1.564-2.43.14-.328.281-.68.427-1.044.302-.754.624-1.559 1.01-2.308C3.763 3.2 4.528 2.105 5.7 1.299 6.877.49 8.418 0 10.5 0c1.463 0 2.511.4 3.179 1.058.67.66.893 1.518.819 2.302-.074.771-.441 1.516-1.02 1.965a1.878 1.878 0 0 1-1.904.27c-.65.642-.907 1.679-.71 2.614C11.076 9.215 11.784 10 13 10h2.5a.5.5 0 0 1 0 1H13c-1.784 0-2.826-1.215-3.114-2.585-.232-1.1.005-2.373.758-3.284L10.5 5.06l-.777.388a.5.5 0 0 1-.447 0l-1-.5a.5.5 0 0 1 .447-.894l.777.388.776-.388a.5.5 0 0 1 .447 0l1 .5a.493.493 0 0 1 .034.018c.44.264.81.195 1.108-.036.328-.255.586-.729.637-1.27.05-.529-.1-1.076-.525-1.495-.426-.42-1.19-.77-2.477-.77-1.918 0-3.252.448-4.232 1.123C5.283 2.8 4.61 3.738 4.07 4.79c-.365.71-.655 1.433-.945 2.16-.15.376-.301.753-.463 1.13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tv-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tv-fill.svg
new file mode 100644
index 00000000..bf9830f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tv-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tv-fill" viewBox="0 0 16 16">
+  <path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM2 2h12s2 0 2 2v6s0 2-2 2H2s-2 0-2-2V4s0-2 2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/tv.svg b/apps/phoenix_webcomponent/priv/bsi/svg/tv.svg
new file mode 100644
index 00000000..bba3da16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/tv.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tv" viewBox="0 0 16 16">
+  <path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3l.024.001a1.46 1.46 0 0 1 .538.143.757.757 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.464 1.464 0 0 1-.143.538.758.758 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.464 1.464 0 0 1-.538-.143.758.758 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.46 1.46 0 0 1 .143-.538.758.758 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3h11.991zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/twitch.svg b/apps/phoenix_webcomponent/priv/bsi/svg/twitch.svg
new file mode 100644
index 00000000..2975f805
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/twitch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitch" viewBox="0 0 16 16">
+  <path d="M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0H3.857zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142v6.286z"/>
+  <path d="M11.857 3.143h-1.143V6.57h1.143V3.143zm-3.143 0H7.571V6.57h1.143V3.143z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/twitter.svg b/apps/phoenix_webcomponent/priv/bsi/svg/twitter.svg
new file mode 100644
index 00000000..8a83fa67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/twitter.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
+  <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-bold.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-bold.svg
new file mode 100644
index 00000000..276d133c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-bold.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-bold" viewBox="0 0 16 16">
+  <path d="M8.21 13c2.106 0 3.412-1.087 3.412-2.823 0-1.306-.984-2.283-2.324-2.386v-.055a2.176 2.176 0 0 0 1.852-2.14c0-1.51-1.162-2.46-3.014-2.46H3.843V13H8.21zM5.908 4.674h1.696c.963 0 1.517.451 1.517 1.244 0 .834-.629 1.32-1.73 1.32H5.908V4.673zm0 6.788V8.598h1.73c1.217 0 1.88.492 1.88 1.415 0 .943-.643 1.449-1.832 1.449H5.907z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-h1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-h1.svg
new file mode 100644
index 00000000..4c891817
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-h1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h1" viewBox="0 0 16 16">
+  <path d="M8.637 13V3.669H7.379V7.62H2.758V3.67H1.5V13h1.258V8.728h4.62V13h1.259zm5.329 0V3.669h-1.244L10.5 5.316v1.265l2.16-1.565h.062V13h1.244z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-h2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-h2.svg
new file mode 100644
index 00000000..b6ab7650
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-h2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h2" viewBox="0 0 16 16">
+  <path d="M7.638 13V3.669H6.38V7.62H1.759V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.022-6.733v-.048c0-.889.63-1.668 1.716-1.668.957 0 1.675.608 1.675 1.572 0 .855-.554 1.504-1.067 2.085l-3.513 3.999V13H15.5v-1.094h-4.245v-.075l2.481-2.844c.875-.998 1.586-1.784 1.586-2.953 0-1.463-1.155-2.556-2.919-2.556-1.941 0-2.966 1.326-2.966 2.74v.049h1.223z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-h3.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-h3.svg
new file mode 100644
index 00000000..154c293f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-h3.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-h3" viewBox="0 0 16 16">
+  <path d="M7.637 13V3.669H6.379V7.62H1.758V3.67H.5V13h1.258V8.728h4.62V13h1.259zm3.625-4.272h1.018c1.142 0 1.935.67 1.949 1.674.013 1.005-.78 1.737-2.01 1.73-1.08-.007-1.853-.588-1.935-1.32H9.108c.069 1.327 1.224 2.386 3.083 2.386 1.935 0 3.343-1.155 3.309-2.789-.027-1.51-1.251-2.16-2.037-2.249v-.068c.704-.123 1.764-.91 1.723-2.229-.035-1.353-1.176-2.4-2.954-2.385-1.873.006-2.857 1.162-2.898 2.358h1.196c.062-.69.711-1.299 1.696-1.299.998 0 1.695.622 1.695 1.525.007.922-.718 1.592-1.695 1.592h-.964v1.074z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-italic.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-italic.svg
new file mode 100644
index 00000000..3ac6b09f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-italic.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-italic" viewBox="0 0 16 16">
+  <path d="M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-strikethrough.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-strikethrough.svg
new file mode 100644
index 00000000..1c940e42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-strikethrough.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-strikethrough" viewBox="0 0 16 16">
+  <path d="M6.333 5.686c0 .31.083.581.27.814H5.166a2.776 2.776 0 0 1-.099-.76c0-1.627 1.436-2.768 3.48-2.768 1.969 0 3.39 1.175 3.445 2.85h-1.23c-.11-1.08-.964-1.743-2.25-1.743-1.23 0-2.18.602-2.18 1.607zm2.194 7.478c-2.153 0-3.589-1.107-3.705-2.81h1.23c.144 1.06 1.129 1.703 2.544 1.703 1.34 0 2.31-.705 2.31-1.675 0-.827-.547-1.374-1.914-1.675L8.046 8.5H1v-1h14v1h-3.504c.468.437.675.994.675 1.697 0 1.826-1.436 2.967-3.644 2.967z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type-underline.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type-underline.svg
new file mode 100644
index 00000000..c299b8bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type-underline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type-underline" viewBox="0 0 16 16">
+  <path d="M5.313 3.136h-1.23V9.54c0 2.105 1.47 3.623 3.917 3.623s3.917-1.518 3.917-3.623V3.136h-1.23v6.323c0 1.49-.978 2.57-2.687 2.57-1.709 0-2.687-1.08-2.687-2.57V3.136zM12.5 15h-9v-1h9v1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/type.svg b/apps/phoenix_webcomponent/priv/bsi/svg/type.svg
new file mode 100644
index 00000000..9ab1e4c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/type.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-type" viewBox="0 0 16 16">
+  <path d="m2.244 13.081.943-2.803H6.66l.944 2.803H8.86L5.54 3.75H4.322L1 13.081h1.244zm2.7-7.923L6.34 9.314H3.51l1.4-4.156h.034zm9.146 7.027h.035v.896h1.128V8.125c0-1.51-1.114-2.345-2.646-2.345-1.736 0-2.59.916-2.666 2.174h1.108c.068-.718.595-1.19 1.517-1.19.971 0 1.518.52 1.518 1.464v.731H12.19c-1.647.007-2.522.8-2.522 2.058 0 1.319.957 2.18 2.345 2.18 1.06 0 1.716-.43 2.078-1.011zm-1.763.035c-.752 0-1.456-.397-1.456-1.244 0-.65.424-1.115 1.408-1.115h1.805v.834c0 .896-.752 1.525-1.757 1.525z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ubuntu.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ubuntu.svg
new file mode 100644
index 00000000..27f8c278
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ubuntu.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ubuntu" viewBox="0 0 16 16">
+  <path d="M2.273 9.53a2.273 2.273 0 1 0 0-4.546 2.273 2.273 0 0 0 0 4.547Zm9.467-4.984a2.273 2.273 0 1 0 0-4.546 2.273 2.273 0 0 0 0 4.546ZM7.4 13.108a5.535 5.535 0 0 1-3.775-2.88 3.273 3.273 0 0 1-1.944.24 7.4 7.4 0 0 0 5.328 4.465c.53.113 1.072.169 1.614.166a3.253 3.253 0 0 1-.666-1.9 5.639 5.639 0 0 1-.557-.091Zm3.828 2.285a2.273 2.273 0 1 0 0-4.546 2.273 2.273 0 0 0 0 4.546Zm3.163-3.108a7.436 7.436 0 0 0 .373-8.726 3.276 3.276 0 0 1-1.278 1.498 5.573 5.573 0 0 1-.183 5.535 3.26 3.26 0 0 1 1.088 1.693ZM2.098 3.998a3.28 3.28 0 0 1 1.897.486 5.544 5.544 0 0 1 4.464-2.388c.037-.67.277-1.313.69-1.843a7.472 7.472 0 0 0-7.051 3.745Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks-grid.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks-grid.svg
new file mode 100644
index 00000000..a32d4241
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks-grid.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ui-checks-grid" viewBox="0 0 16 16">
+  <path d="M2 10h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1zm9-9h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zm0 9a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1h-3zm0-10a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-3zM2 9a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H2zm7 2a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-3a2 2 0 0 1-2-2v-3zM0 2a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm5.354.854a.5.5 0 1 0-.708-.708L3 3.793l-.646-.647a.5.5 0 1 0-.708.708l1 1a.5.5 0 0 0 .708 0l2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks.svg
new file mode 100644
index 00000000..9b659e27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ui-checks.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ui-checks" viewBox="0 0 16 16">
+  <path d="M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zM2 1a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm0 8a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2H2zm.854-3.646a.5.5 0 0 1-.708 0l-1-1a.5.5 0 1 1 .708-.708l.646.647 1.646-1.647a.5.5 0 1 1 .708.708l-2 2zm0 8a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708l.646.647 1.646-1.647a.5.5 0 0 1 .708.708l-2 2zM7 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios-grid.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios-grid.svg
new file mode 100644
index 00000000..00c7b080
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios-grid.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ui-radios-grid" viewBox="0 0 16 16">
+  <path d="M3.5 15a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm9-9a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm0 9a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5zM16 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0zm-9 9a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0zm5.5 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zm-9-11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm0 2a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios.svg b/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios.svg
new file mode 100644
index 00000000..da779afc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/ui-radios.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-ui-radios" viewBox="0 0 16 16">
+  <path d="M7 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zM0 12a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm7-1.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1zm0-5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zM3 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/umbrella-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/umbrella-fill.svg
new file mode 100644
index 00000000..c4886e9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/umbrella-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-umbrella-fill" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8 0a.5.5 0 0 1 .5.5v.514C12.625 1.238 16 4.22 16 8c0 0 0 .5-.5.5-.149 0-.352-.145-.352-.145l-.004-.004-.025-.023a3.484 3.484 0 0 0-.555-.394A3.166 3.166 0 0 0 13 7.5c-.638 0-1.178.213-1.564.434a3.484 3.484 0 0 0-.555.394l-.025.023-.003.003s-.204.146-.353.146-.352-.145-.352-.145l-.004-.004-.025-.023a3.484 3.484 0 0 0-.555-.394 3.3 3.3 0 0 0-1.064-.39V13.5H8h.5v.039l-.005.083a2.958 2.958 0 0 1-.298 1.102 2.257 2.257 0 0 1-.763.88C7.06 15.851 6.587 16 6 16s-1.061-.148-1.434-.396a2.255 2.255 0 0 1-.763-.88 2.958 2.958 0 0 1-.302-1.185v-.025l-.001-.009v-.003s0-.002.5-.002h-.5V13a.5.5 0 0 1 1 0v.506l.003.044a1.958 1.958 0 0 0 .195.726c.095.191.23.367.423.495.19.127.466.229.879.229s.689-.102.879-.229c.193-.128.328-.304.424-.495a1.958 1.958 0 0 0 .197-.77V7.544a3.3 3.3 0 0 0-1.064.39 3.482 3.482 0 0 0-.58.417l-.004.004S5.65 8.5 5.5 8.5c-.149 0-.352-.145-.352-.145l-.004-.004a3.482 3.482 0 0 0-.58-.417A3.166 3.166 0 0 0 3 7.5c-.638 0-1.177.213-1.564.434a3.482 3.482 0 0 0-.58.417l-.004.004S.65 8.5.5 8.5C0 8.5 0 8 0 8c0-3.78 3.375-6.762 7.5-6.986V.5A.5.5 0 0 1 8 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/umbrella.svg b/apps/phoenix_webcomponent/priv/bsi/svg/umbrella.svg
new file mode 100644
index 00000000..94f32f90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/umbrella.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-umbrella" viewBox="0 0 16 16">
+  <path d="M8 0a.5.5 0 0 1 .5.5v.514C12.625 1.238 16 4.22 16 8c0 0 0 .5-.5.5-.149 0-.352-.145-.352-.145l-.004-.004-.025-.023a3.484 3.484 0 0 0-.555-.394A3.166 3.166 0 0 0 13 7.5c-.638 0-1.178.213-1.564.434a3.484 3.484 0 0 0-.555.394l-.025.023-.003.003s-.204.146-.353.146-.352-.145-.352-.145l-.004-.004-.025-.023a3.484 3.484 0 0 0-.555-.394 3.3 3.3 0 0 0-1.064-.39V13.5H8h.5v.039l-.005.083a2.958 2.958 0 0 1-.298 1.102 2.257 2.257 0 0 1-.763.88C7.06 15.851 6.587 16 6 16s-1.061-.148-1.434-.396a2.255 2.255 0 0 1-.763-.88 2.958 2.958 0 0 1-.302-1.185v-.025l-.001-.009v-.003s0-.002.5-.002h-.5V13a.5.5 0 0 1 1 0v.506l.003.044a1.958 1.958 0 0 0 .195.726c.095.191.23.367.423.495.19.127.466.229.879.229s.689-.102.879-.229c.193-.128.328-.304.424-.495a1.958 1.958 0 0 0 .197-.77V7.544a3.3 3.3 0 0 0-1.064.39 3.482 3.482 0 0 0-.58.417l-.004.004S5.65 8.5 5.5 8.5c-.149 0-.352-.145-.352-.145l-.004-.004a3.482 3.482 0 0 0-.58-.417A3.166 3.166 0 0 0 3 7.5c-.638 0-1.177.213-1.564.434a3.482 3.482 0 0 0-.58.417l-.004.004S.65 8.5.5 8.5C0 8.5 0 8 0 8c0-3.78 3.375-6.762 7.5-6.986V.5A.5.5 0 0 1 8 0zM6.577 2.123c-2.833.5-4.99 2.458-5.474 4.854A4.124 4.124 0 0 1 3 6.5c.806 0 1.48.25 1.962.511a9.706 9.706 0 0 1 .344-2.358c.242-.868.64-1.765 1.271-2.53zm-.615 4.93A4.16 4.16 0 0 1 8 6.5a4.16 4.16 0 0 1 2.038.553 8.688 8.688 0 0 0-.307-2.13C9.434 3.858 8.898 2.83 8 2.117c-.898.712-1.434 1.74-1.731 2.804a8.687 8.687 0 0 0-.307 2.131zm3.46-4.93c.631.765 1.03 1.662 1.272 2.53.233.833.328 1.66.344 2.358A4.14 4.14 0 0 1 13 6.5c.77 0 1.42.23 1.897.477-.484-2.396-2.641-4.355-5.474-4.854z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/unindent.svg b/apps/phoenix_webcomponent/priv/bsi/svg/unindent.svg
new file mode 100644
index 00000000..19692833
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/unindent.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unindent" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M13 8a.5.5 0 0 0-.5-.5H5.707l2.147-2.146a.5.5 0 1 0-.708-.708l-3 3a.5.5 0 0 0 0 .708l3 3a.5.5 0 0 0 .708-.708L5.707 8.5H12.5A.5.5 0 0 0 13 8Z"/>
+  <path fill-rule="evenodd" d="M3.5 4a.5.5 0 0 0-.5.5v7a.5.5 0 0 0 1 0v-7a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/union.svg b/apps/phoenix_webcomponent/priv/bsi/svg/union.svg
new file mode 100644
index 00000000..b629b881
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/union.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-union" viewBox="0 0 16 16">
+  <path d="M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2V2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/unity.svg b/apps/phoenix_webcomponent/priv/bsi/svg/unity.svg
new file mode 100644
index 00000000..e179a383
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/unity.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unity" viewBox="0 0 16 16">
+  <path d="M15 11.2V3.733L8.61 0v2.867l2.503 1.466c.099.067.099.2 0 .234L8.148 6.3c-.099.067-.197.033-.263 0L4.92 4.567c-.099-.034-.099-.2 0-.234l2.504-1.466V0L1 3.733V11.2v-.033.033l2.438-1.433V6.833c0-.1.131-.166.197-.133L6.6 8.433c.099.067.132.134.132.234v3.466c0 .1-.132.167-.198.134L4.031 10.8l-2.438 1.433L7.983 16l6.391-3.733-2.438-1.434L9.434 12.3c-.099.067-.198 0-.198-.133V8.7c0-.1.066-.2.132-.233l2.965-1.734c.099-.066.197 0 .197.134V9.8L15 11.2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/universal-access-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/universal-access-circle.svg
new file mode 100644
index 00000000..158465b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/universal-access-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-universal-access-circle" viewBox="0 0 16 16">
+  <path d="M8 4.143A1.071 1.071 0 1 0 8 2a1.071 1.071 0 0 0 0 2.143Zm-4.668 1.47 3.24.316v2.5l-.323 4.585A.383.383 0 0 0 7 13.14l.826-4.017c.045-.18.301-.18.346 0L9 13.139a.383.383 0 0 0 .752-.125L9.43 8.43v-2.5l3.239-.316a.38.38 0 0 0-.047-.756H3.379a.38.38 0 0 0-.047.756Z"/>
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/universal-access.svg b/apps/phoenix_webcomponent/priv/bsi/svg/universal-access.svg
new file mode 100644
index 00000000..3b7fc37e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/universal-access.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-universal-access" viewBox="0 0 16 16">
+  <path d="M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/unlock-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/unlock-fill.svg
new file mode 100644
index 00000000..f0533548
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/unlock-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unlock-fill" viewBox="0 0 16 16">
+  <path d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/unlock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/unlock.svg
new file mode 100644
index 00000000..8eb0925d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/unlock.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-unlock" viewBox="0 0 16 16">
+  <path d="M11 1a2 2 0 0 0-2 2v4a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h5V3a3 3 0 0 1 6 0v4a.5.5 0 0 1-1 0V3a2 2 0 0 0-2-2zM3 8a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/upc-scan.svg b/apps/phoenix_webcomponent/priv/bsi/svg/upc-scan.svg
new file mode 100644
index 00000000..2a9a6aff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/upc-scan.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upc-scan" viewBox="0 0 16 16">
+  <path d="M1.5 1a.5.5 0 0 0-.5.5v3a.5.5 0 0 1-1 0v-3A1.5 1.5 0 0 1 1.5 0h3a.5.5 0 0 1 0 1h-3zM11 .5a.5.5 0 0 1 .5-.5h3A1.5 1.5 0 0 1 16 1.5v3a.5.5 0 0 1-1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 1-.5-.5zM.5 11a.5.5 0 0 1 .5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 1 0 1h-3A1.5 1.5 0 0 1 0 14.5v-3a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v3a1.5 1.5 0 0 1-1.5 1.5h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 1 .5-.5zM3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-7zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/upc.svg b/apps/phoenix_webcomponent/priv/bsi/svg/upc.svg
new file mode 100644
index 00000000..6669ef7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/upc.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upc" viewBox="0 0 16 16">
+  <path d="M3 4.5a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7zm2 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-7zm3 0a.5.5 0 0 1 1 0v7a.5.5 0 0 1-1 0v-7z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/upload.svg b/apps/phoenix_webcomponent/priv/bsi/svg/upload.svg
new file mode 100644
index 00000000..be3f8e37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/upload.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-upload" viewBox="0 0 16 16">
+  <path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
+  <path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-c-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-c-fill.svg
new file mode 100644
index 00000000..0e50ac6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-c-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-c-fill" viewBox="0 0 16 16">
+  <path d="M3 5a3 3 0 0 0 0 6h10a3 3 0 1 0 0-6H3Zm.5 2.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-c.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-c.svg
new file mode 100644
index 00000000..c17d4ca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-c.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-c" viewBox="0 0 16 16">
+  <path d="M3.5 7.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Z"/>
+  <path d="M0 8a3 3 0 0 1 3-3h10a3 3 0 1 1 0 6H3a3 3 0 0 1-3-3Zm3-2a2 2 0 1 0 0 4h10a2 2 0 1 0 0-4H3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive-fill.svg
new file mode 100644
index 00000000..834614dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-drive-fill" viewBox="0 0 16 16">
+  <path d="M6 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4H6v-4ZM7 1v1h1V1H7Zm2 0v1h1V1H9ZM5.5 5a.5.5 0 0 0-.5.5V15a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V5.5a.5.5 0 0 0-.5-.5h-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive.svg
new file mode 100644
index 00000000..ca08df5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-drive.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-drive" viewBox="0 0 16 16">
+  <path d="M6 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4H6v-4ZM7 1v1h1V1H7Zm2 0v1h1V1H9ZM6 5a1 1 0 0 0-1 1v8.5A1.5 1.5 0 0 0 6.5 16h4a1.5 1.5 0 0 0 1.5-1.5V6a1 1 0 0 0-1-1H6Zm0 1h5v8.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-fill.svg
new file mode 100644
index 00000000..443c91a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-fill" viewBox="0 0 16 16">
+  <path d="M.5 5a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-5a.5.5 0 0 0-.5-.5H.5Zm1.75 1.5h11.5a.25.25 0 0 1 .25.25v1a.25.25 0 0 1-.25.25H2.25A.25.25 0 0 1 2 7.75v-1a.25.25 0 0 1 .25-.25Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro-fill.svg
new file mode 100644
index 00000000..67ad7447
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-micro-fill" viewBox="0 0 16 16">
+  <path d="M2.707 4A1 1 0 0 0 2 4.293L.293 6A1 1 0 0 0 0 6.707V11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6.707A1 1 0 0 0 15.707 6L14 4.293A1 1 0 0 0 13.293 4H2.707ZM4.5 7h7a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro.svg
new file mode 100644
index 00000000..945b6e75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-micro.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-micro" viewBox="0 0 16 16">
+  <path d="M4.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-7Z"/>
+  <path d="M2.707 4A1 1 0 0 0 2 4.293L.293 6A1 1 0 0 0 0 6.707V11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V6.707A1 1 0 0 0 15.707 6L14 4.293A1 1 0 0 0 13.293 4H2.707Zm0 1h10.586L15 6.707V11H1V6.707L2.707 5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini-fill.svg
new file mode 100644
index 00000000..72356368
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-mini-fill" viewBox="0 0 16 16">
+  <path d="M3 3a1 1 0 0 0-1 1v1.293L.293 7A1 1 0 0 0 0 7.707V12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7.707A1 1 0 0 0 15.707 7L14 5.293V4a1 1 0 0 0-1-1H3Zm.5 5h9a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini.svg
new file mode 100644
index 00000000..7cc383f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-mini.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-mini" viewBox="0 0 16 16">
+  <path d="M3.5 8a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-9Z"/>
+  <path d="M3 3a1 1 0 0 0-1 1v1.293L.293 7A1 1 0 0 0 0 7.707V12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7.707A1 1 0 0 0 15.707 7L14 5.293V4a1 1 0 0 0-1-1H3Zm0 1h10v1.293a1 1 0 0 0 .293.707L15 7.707V12H1V7.707L2.707 6A1 1 0 0 0 3 5.293V4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug-fill.svg
new file mode 100644
index 00000000..2f1c185c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-plug-fill" viewBox="0 0 16 16">
+  <path d="M6 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4H6v-4ZM7 1v1h1V1H7Zm2 0v1h1V1H9ZM5.5 5a.5.5 0 0 0-.5.5v4.894a2 2 0 0 0 .336 1.11l.83 1.245c.544.816.834 1.774.834 2.754 0 .275.222.497.497.497h2.006a.497.497 0 0 0 .497-.497c0-.98.29-1.938.834-2.754l.83-1.245a2 2 0 0 0 .336-1.11V5.5a.5.5 0 0 0-.5-.5h-6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug.svg
new file mode 100644
index 00000000..68f5f978
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-plug.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-plug" viewBox="0 0 16 16">
+  <path d="M6 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4H6v-4ZM7 1v1h1V1H7Zm2 0v1h1V1H9ZM6 5a1 1 0 0 0-1 1v4.394c0 .494.146.976.42 1.387l1.038 1.558c.354.53.542 1.152.542 1.789 0 .481.39.872.872.872h1.256c.481 0 .872-.39.872-.872 0-.637.188-1.26.541-1.789l1.04-1.558A2.5 2.5 0 0 0 12 10.394V6a1 1 0 0 0-1-1H6Zm0 1h5v4.394a1.5 1.5 0 0 1-.252.832L9.71 12.784A4.224 4.224 0 0 0 9.002 15H7.998a4.224 4.224 0 0 0-.707-2.216l-1.04-1.558A1.5 1.5 0 0 1 6 10.394V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb-symbol.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb-symbol.svg
new file mode 100644
index 00000000..eb02d87a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb-symbol.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb-symbol" viewBox="0 0 16 16">
+  <path d="m7.792.312-1.533 2.3A.25.25 0 0 0 6.467 3H7.5v7.319a2.5 2.5 0 0 0-.515-.298L5.909 9.56A1.5 1.5 0 0 1 5 8.18v-.266a1.5 1.5 0 1 0-1 0v.266a2.5 2.5 0 0 0 1.515 2.298l1.076.461a1.5 1.5 0 0 1 .888 1.129 2.001 2.001 0 1 0 1.021-.006v-.902a1.5 1.5 0 0 1 .756-1.303l1.484-.848A2.5 2.5 0 0 0 11.995 7h.755a.25.25 0 0 0 .25-.25v-2.5a.25.25 0 0 0-.25-.25h-2.5a.25.25 0 0 0-.25.25v2.5c0 .138.112.25.25.25h.741a1.5 1.5 0 0 1-.747 1.142L8.76 8.99a2.584 2.584 0 0 0-.26.17V3h1.033a.25.25 0 0 0 .208-.389L8.208.312a.25.25 0 0 0-.416 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/usb.svg b/apps/phoenix_webcomponent/priv/bsi/svg/usb.svg
new file mode 100644
index 00000000..e82324c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/usb.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-usb" viewBox="0 0 16 16">
+  <path d="M2.25 7a.25.25 0 0 0-.25.25v1c0 .138.112.25.25.25h11.5a.25.25 0 0 0 .25-.25v-1a.25.25 0 0 0-.25-.25H2.25Z"/>
+  <path d="M0 5.5A.5.5 0 0 1 .5 5h15a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5H.5a.5.5 0 0 1-.5-.5v-5ZM1 10h14V6H1v4Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/valentine.svg b/apps/phoenix_webcomponent/priv/bsi/svg/valentine.svg
new file mode 100644
index 00000000..55420551
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/valentine.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-valentine" viewBox="0 0 16 16">
+  <path d="M8 5.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132ZM2.25 4a.25.25 0 0 0-.25.25v1.5a.25.25 0 0 0 .5 0V4.5h1.25a.25.25 0 0 0 0-.5h-1.5Zm10 0a.25.25 0 1 0 0 .5h1.25v1.25a.25.25 0 1 0 .5 0v-1.5a.25.25 0 0 0-.25-.25h-1.5ZM2.5 10.25a.25.25 0 1 0-.5 0v1.5c0 .138.112.25.25.25h1.5a.25.25 0 1 0 0-.5H2.5v-1.25Zm11.5 0a.25.25 0 1 0-.5 0v1.25h-1.25a.25.25 0 1 0 0 .5h1.5a.25.25 0 0 0 .25-.25v-1.5Z"/>
+  <path fill-rule="evenodd" d="M0 2.994v-.06a1 1 0 0 1 .859-.99l13-1.857a1 1 0 0 1 1.141.99V2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V2.994ZM1 3v10h14V3H1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/valentine2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/valentine2.svg
new file mode 100644
index 00000000..c70e2741
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/valentine2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-valentine2" viewBox="0 0 16 16">
+  <path d="M8 6.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132ZM4.25 3a.25.25 0 0 0-.25.25v1.5a.25.25 0 0 0 .5 0V3.5h1.25a.25.25 0 0 0 0-.5h-1.5Zm6 0a.25.25 0 1 0 0 .5h1.25v1.25a.25.25 0 1 0 .5 0v-1.5a.25.25 0 0 0-.25-.25h-1.5ZM4.5 12.25a.25.25 0 1 0-.5 0v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 0-.5H4.5v-1.25Zm7.5 0a.25.25 0 1 0-.5 0v1.25h-1.25a.25.25 0 1 0 0 .5h1.5a.25.25 0 0 0 .25-.25v-1.5Z"/>
+  <path fill-rule="evenodd" d="M2 1.994v-.042a1 1 0 0 1 .9-.995l9-.9A1 1 0 0 1 13 1a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V1.994ZM3 2v13h10V2H3Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/vector-pen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/vector-pen.svg
new file mode 100644
index 00000000..013acc25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/vector-pen.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vector-pen" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M10.646.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1 0 .708l-1.902 1.902-.829 3.313a1.5 1.5 0 0 1-1.024 1.073L1.254 14.746 4.358 4.4A1.5 1.5 0 0 1 5.43 3.377l3.313-.828L10.646.646zm-1.8 2.908-3.173.793a.5.5 0 0 0-.358.342l-2.57 8.565 8.567-2.57a.5.5 0 0 0 .34-.357l.794-3.174-3.6-3.6z"/>
+  <path fill-rule="evenodd" d="M2.832 13.228 8 9a1 1 0 1 0-1-1l-4.228 5.168-.026.086.086-.026z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/view-list.svg b/apps/phoenix_webcomponent/priv/bsi/svg/view-list.svg
new file mode 100644
index 00000000..3d1a972e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/view-list.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-view-list" viewBox="0 0 16 16">
+  <path d="M3 4.5h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3zM1 2a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 2zm0 12a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 14z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/view-stacked.svg b/apps/phoenix_webcomponent/priv/bsi/svg/view-stacked.svg
new file mode 100644
index 00000000..7f59bb98
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/view-stacked.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-view-stacked" viewBox="0 0 16 16">
+  <path d="M3 0h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3zm0 8h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/vimeo.svg b/apps/phoenix_webcomponent/priv/bsi/svg/vimeo.svg
new file mode 100644
index 00000000..34eea6d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/vimeo.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vimeo" viewBox="0 0 16 16">
+  <path d="M15.992 4.204c-.071 1.556-1.158 3.687-3.262 6.393-2.175 2.829-4.016 4.243-5.522 4.243-.933 0-1.722-.861-2.367-2.583L3.55 7.523C3.07 5.8 2.556 4.94 2.007 4.94c-.118 0-.537.253-1.254.754L0 4.724a209.56 209.56 0 0 0 2.334-2.081c1.054-.91 1.845-1.388 2.373-1.437 1.243-.123 2.01.728 2.298 2.553.31 1.968.526 3.19.646 3.666.36 1.631.756 2.446 1.186 2.445.334 0 .836-.53 1.508-1.587.671-1.058 1.03-1.863 1.077-2.415.096-.913-.263-1.37-1.077-1.37a3.022 3.022 0 0 0-1.185.261c.789-2.573 2.291-3.825 4.508-3.756 1.644.05 2.419 1.117 2.324 3.2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/vinyl-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/vinyl-fill.svg
new file mode 100644
index 00000000..a5ab73de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/vinyl-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vinyl-fill" viewBox="0 0 16 16">
+  <path d="M8 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm0 3a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4 8a4 4 0 1 0 8 0 4 4 0 0 0-8 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/vinyl.svg b/apps/phoenix_webcomponent/priv/bsi/svg/vinyl.svg
new file mode 100644
index 00000000..75c2681d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/vinyl.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vinyl" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M8 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM4 8a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"/>
+  <path d="M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/virus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/virus.svg
new file mode 100644
index 00000000..4029fad0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/virus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-virus" viewBox="0 0 16 16">
+  <path d="M8 0a1 1 0 0 1 1 1v1.402c0 .511.677.693.933.25l.7-1.214a1 1 0 0 1 1.733 1l-.701 1.214c-.256.443.24.939.683.683l1.214-.701a1 1 0 0 1 1 1.732l-1.214.701c-.443.256-.262.933.25.933H15a1 1 0 1 1 0 2h-1.402c-.512 0-.693.677-.25.933l1.214.701a1 1 0 1 1-1 1.732l-1.214-.7c-.443-.257-.939.24-.683.682l.701 1.214a1 1 0 1 1-1.732 1l-.701-1.214c-.256-.443-.933-.262-.933.25V15a1 1 0 1 1-2 0v-1.402c0-.512-.677-.693-.933-.25l-.701 1.214a1 1 0 0 1-1.732-1l.7-1.214c.257-.443-.24-.939-.682-.683l-1.214.701a1 1 0 1 1-1-1.732l1.214-.701c.443-.256.261-.933-.25-.933H1a1 1 0 1 1 0-2h1.402c.511 0 .693-.677.25-.933l-1.214-.701a1 1 0 1 1 1-1.732l1.214.701c.443.256.939-.24.683-.683l-.701-1.214a1 1 0 0 1 1.732-1l.701 1.214c.256.443.933.261.933-.25V1a1 1 0 0 1 1-1Zm2 5a1 1 0 1 0-2 0 1 1 0 0 0 2 0ZM6 7a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm1 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm5-3a1 1 0 1 0-2 0 1 1 0 0 0 2 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/virus2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/virus2.svg
new file mode 100644
index 00000000..b0501ecd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/virus2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-virus2" viewBox="0 0 16 16">
+  <path d="M8 0a1 1 0 0 0-1 1v1.143c0 .557-.407 1.025-.921 1.24-.514.214-1.12.162-1.513-.231l-.809-.809a1 1 0 1 0-1.414 1.414l.809.809c.394.394.445.999.23 1.513C3.169 6.593 2.7 7 2.144 7H1a1 1 0 0 0 0 2h1.143c.557 0 1.025.407 1.24.921.214.514.163 1.12-.231 1.513l-.809.809a1 1 0 0 0 1.414 1.414l.809-.809c.394-.394.999-.445 1.513-.23.514.214.921.682.921 1.24V15a1 1 0 1 0 2 0v-1.143c0-.557.407-1.025.921-1.24.514-.214 1.12-.162 1.513.231l.809.809a1 1 0 0 0 1.414-1.414l-.809-.809c-.393-.394-.445-.999-.23-1.513.214-.514.682-.921 1.24-.921H15a1 1 0 1 0 0-2h-1.143c-.557 0-1.025-.407-1.24-.921-.214-.514-.162-1.12.231-1.513l.809-.809a1 1 0 0 0-1.414-1.414l-.809.809c-.394.393-.999.445-1.513.23-.514-.214-.92-.682-.92-1.24V1a1 1 0 0 0-1-1Zm2 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm1 5a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm4-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/voicemail.svg b/apps/phoenix_webcomponent/priv/bsi/svg/voicemail.svg
new file mode 100644
index 00000000..ff7ce86c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/voicemail.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-voicemail" viewBox="0 0 16 16">
+  <path d="M7 8.5A3.49 3.49 0 0 1 5.95 11h4.1a3.5 3.5 0 1 1 2.45 1h-9A3.5 3.5 0 1 1 7 8.5zm-6 0a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0zm14 0a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-down-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-down-fill.svg
new file mode 100644
index 00000000..4879b5a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-down-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-down-fill" viewBox="0 0 16 16">
+  <path d="M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 9 12V4zm3.025 4a4.486 4.486 0 0 1-1.318 3.182L10 10.475A3.489 3.489 0 0 0 11.025 8 3.49 3.49 0 0 0 10 5.525l.707-.707A4.486 4.486 0 0 1 12.025 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-down.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-down.svg
new file mode 100644
index 00000000..996dbefd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-down.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-down" viewBox="0 0 16 16">
+  <path d="M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 9 12V4zM6.312 6.39 8 5.04v5.92L6.312 9.61A.5.5 0 0 0 6 9.5H4v-3h2a.5.5 0 0 0 .312-.11zM12.025 8a4.486 4.486 0 0 1-1.318 3.182L10 10.475A3.489 3.489 0 0 0 11.025 8 3.49 3.49 0 0 0 10 5.525l.707-.707A4.486 4.486 0 0 1 12.025 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute-fill.svg
new file mode 100644
index 00000000..7ab76844
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-mute-fill" viewBox="0 0 16 16">
+  <path d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute.svg
new file mode 100644
index 00000000..12659d9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-mute.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-mute" viewBox="0 0 16 16">
+  <path d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04 4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04zm7.854.606a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-off-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-off-fill.svg
new file mode 100644
index 00000000..4941870e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-off-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-off-fill" viewBox="0 0 16 16">
+  <path d="M10.717 3.55A.5.5 0 0 1 11 4v8a.5.5 0 0 1-.812.39L7.825 10.5H5.5A.5.5 0 0 1 5 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-off.svg
new file mode 100644
index 00000000..08bb6b99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-off" viewBox="0 0 16 16">
+  <path d="M10.717 3.55A.5.5 0 0 1 11 4v8a.5.5 0 0 1-.812.39L7.825 10.5H5.5A.5.5 0 0 1 5 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM10 5.04 8.312 6.39A.5.5 0 0 1 8 6.5H6v3h2a.5.5 0 0 1 .312.11L10 10.96V5.04z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-up-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-up-fill.svg
new file mode 100644
index 00000000..495ee981
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-up-fill.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-up-fill" viewBox="0 0 16 16">
+  <path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/>
+  <path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/>
+  <path d="M8.707 11.182A4.486 4.486 0 0 0 10.025 8a4.486 4.486 0 0 0-1.318-3.182L8 5.525A3.489 3.489 0 0 1 9.025 8 3.49 3.49 0 0 1 8 10.475l.707.707zM6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/volume-up.svg b/apps/phoenix_webcomponent/priv/bsi/svg/volume-up.svg
new file mode 100644
index 00000000..3840310d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/volume-up.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-volume-up" viewBox="0 0 16 16">
+  <path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/>
+  <path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/>
+  <path d="M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8zM7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 7 12V4zM4.312 6.39 6 5.04v5.92L4.312 9.61A.5.5 0 0 0 4 9.5H2v-3h2a.5.5 0 0 0 .312-.11z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/vr.svg b/apps/phoenix_webcomponent/priv/bsi/svg/vr.svg
new file mode 100644
index 00000000..cf2ea376
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/vr.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-vr" viewBox="0 0 16 16">
+  <path d="M3 12V4a1 1 0 0 1 1-1h2.5V2H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5v-1H4a1 1 0 0 1-1-1zm6.5 1v1H12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H9.5v1H12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H9.5zM8 16a.5.5 0 0 1-.5-.5V.5a.5.5 0 0 1 1 0v15a.5.5 0 0 1-.5.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wallet-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wallet-fill.svg
new file mode 100644
index 00000000..d44e5c83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wallet-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wallet-fill" viewBox="0 0 16 16">
+  <path d="M1.5 2A1.5 1.5 0 0 0 0 3.5v2h6a.5.5 0 0 1 .5.5c0 .253.08.644.306.958.207.288.557.542 1.194.542.637 0 .987-.254 1.194-.542.226-.314.306-.705.306-.958a.5.5 0 0 1 .5-.5h6v-2A1.5 1.5 0 0 0 14.5 2h-13z"/>
+  <path d="M16 6.5h-5.551a2.678 2.678 0 0 1-.443 1.042C9.613 8.088 8.963 8.5 8 8.5c-.963 0-1.613-.412-2.006-.958A2.679 2.679 0 0 1 5.551 6.5H0v6A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wallet.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wallet.svg
new file mode 100644
index 00000000..d18441bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wallet.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wallet" viewBox="0 0 16 16">
+  <path d="M0 3a2 2 0 0 1 2-2h13.5a.5.5 0 0 1 0 1H15v2a1 1 0 0 1 1 1v8.5a1.5 1.5 0 0 1-1.5 1.5h-12A2.5 2.5 0 0 1 0 12.5V3zm1 1.732V12.5A1.5 1.5 0 0 0 2.5 14h12a.5.5 0 0 0 .5-.5V5H2a1.99 1.99 0 0 1-1-.268zM1 3a1 1 0 0 0 1 1h12V2H2a1 1 0 0 0-1 1z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wallet2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wallet2.svg
new file mode 100644
index 00000000..e646d94d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wallet2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wallet2" viewBox="0 0 16 16">
+  <path d="M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499L12.136.326zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484L5.562 3zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-13z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/watch.svg b/apps/phoenix_webcomponent/priv/bsi/svg/watch.svg
new file mode 100644
index 00000000..8c3ee988
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/watch.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-watch" viewBox="0 0 16 16">
+  <path d="M8.5 5a.5.5 0 0 0-1 0v2.5H6a.5.5 0 0 0 0 1h2a.5.5 0 0 0 .5-.5V5z"/>
+  <path d="M5.667 16C4.747 16 4 15.254 4 14.333v-1.86A5.985 5.985 0 0 1 2 8c0-1.777.772-3.374 2-4.472V1.667C4 .747 4.746 0 5.667 0h4.666C11.253 0 12 .746 12 1.667v1.86a5.99 5.99 0 0 1 1.918 3.48.502.502 0 0 1 .582.493v1a.5.5 0 0 1-.582.493A5.99 5.99 0 0 1 12 12.473v1.86c0 .92-.746 1.667-1.667 1.667H5.667zM13 8A5 5 0 1 0 3 8a5 5 0 0 0 10 0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/water.svg b/apps/phoenix_webcomponent/priv/bsi/svg/water.svg
new file mode 100644
index 00000000..18e08257
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/water.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-water" viewBox="0 0 16 16">
+  <path d="M.036 3.314a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0L.314 3.964a.5.5 0 0 1-.278-.65zm0 3a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0L.314 6.964a.5.5 0 0 1-.278-.65zm0 3a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0L.314 9.964a.5.5 0 0 1-.278-.65zm0 3a.5.5 0 0 1 .65-.278l1.757.703a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.014-.406a2.5 2.5 0 0 1 1.857 0l1.015.406a1.5 1.5 0 0 0 1.114 0l1.757-.703a.5.5 0 1 1 .372.928l-1.758.703a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.014-.406a1.5 1.5 0 0 0-1.114 0l-1.015.406a2.5 2.5 0 0 1-1.857 0l-1.757-.703a.5.5 0 0 1-.278-.65z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/webcam-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/webcam-fill.svg
new file mode 100644
index 00000000..04b835bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/webcam-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-webcam-fill" viewBox="0 0 16 16">
+  <path d="M6.644 11.094a.5.5 0 0 1 .356-.15h2a.5.5 0 0 1 .356.15c.175.177.39.347.603.496a7.166 7.166 0 0 0 .752.456l.01.006h.003A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.224-.947l.002-.001.01-.006a3.517 3.517 0 0 0 .214-.116 7.5 7.5 0 0 0 .539-.34c.214-.15.428-.319.603-.496ZM7 6.5a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
+  <path d="M2 3a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H2Zm6 1.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4ZM12.5 7a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/webcam.svg b/apps/phoenix_webcomponent/priv/bsi/svg/webcam.svg
new file mode 100644
index 00000000..da7ef71e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/webcam.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-webcam" viewBox="0 0 16 16">
+  <path d="M0 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H9.269c.144.162.33.324.531.475a6.785 6.785 0 0 0 .907.57l.014.006.003.002A.5.5 0 0 1 10.5 13h-5a.5.5 0 0 1-.224-.947l.003-.002.014-.007a4.473 4.473 0 0 0 .268-.148 6.75 6.75 0 0 0 .639-.421c.2-.15.387-.313.531-.475H2a2 2 0 0 1-2-2V6Zm2-1a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H2Z"/>
+  <path d="M8 6.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wechat.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wechat.svg
new file mode 100644
index 00000000..06b8ff83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wechat.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 16">
+  <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"/>
+  <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/whatsapp.svg b/apps/phoenix_webcomponent/priv/bsi/svg/whatsapp.svg
new file mode 100644
index 00000000..6242d057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/whatsapp.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
+  <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wifi-1.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-1.svg
new file mode 100644
index 00000000..4d75ef52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-1.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wifi-1" viewBox="0 0 16 16">
+  <path d="M11.046 10.454c.226-.226.185-.605-.1-.75A6.473 6.473 0 0 0 8 9c-1.06 0-2.062.254-2.946.704-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.478 5.478 0 0 1 8 10c.868 0 1.69.201 2.42.56.203.1.45.07.611-.091l.015-.015zM9.06 12.44c.196-.196.198-.52-.04-.66A1.99 1.99 0 0 0 8 11.5a1.99 1.99 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.708-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wifi-2.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-2.svg
new file mode 100644
index 00000000..377c1fc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-2.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wifi-2" viewBox="0 0 16 16">
+  <path d="M13.229 8.271c.216-.216.194-.578-.063-.745A9.456 9.456 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.577 1.336c.205.132.48.108.652-.065zm-2.183 2.183c.226-.226.185-.605-.1-.75A6.473 6.473 0 0 0 8 9c-1.06 0-2.062.254-2.946.704-.285.145-.326.524-.1.75l.015.015c.16.16.408.19.611.09A5.478 5.478 0 0 1 8 10c.868 0 1.69.201 2.42.56.203.1.45.07.611-.091l.015-.015zM9.06 12.44c.196-.196.198-.52-.04-.66A1.99 1.99 0 0 0 8 11.5a1.99 1.99 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .708 0l.707-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wifi-off.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-off.svg
new file mode 100644
index 00000000..43998613
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wifi-off.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wifi-off" viewBox="0 0 16 16">
+  <path d="M10.706 3.294A12.545 12.545 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c.63 0 1.249.05 1.852.148l.854-.854zM8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065 8.448 8.448 0 0 1 3.51-1.27L8 6zm2.596 1.404.785-.785c.63.24 1.227.545 1.785.907a.482.482 0 0 1 .063.745.525.525 0 0 1-.652.065 8.462 8.462 0 0 0-1.98-.932zM8 10l.933-.933a6.455 6.455 0 0 1 2.013.637c.285.145.326.524.1.75l-.015.015a.532.532 0 0 1-.611.09A5.478 5.478 0 0 0 8 10zm4.905-4.905.747-.747c.59.3 1.153.645 1.685 1.03a.485.485 0 0 1 .047.737.518.518 0 0 1-.668.05 11.493 11.493 0 0 0-1.811-1.07zM9.02 11.78c.238.14.236.464.04.66l-.707.706a.5.5 0 0 1-.707 0l-.707-.707c-.195-.195-.197-.518.04-.66A1.99 1.99 0 0 1 8 11.5c.374 0 .723.102 1.021.28zm4.355-9.905a.53.53 0 0 1 .75.75l-10.75 10.75a.53.53 0 0 1-.75-.75l10.75-10.75z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wifi.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wifi.svg
new file mode 100644
index 00000000..8cb1f71d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wifi.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wifi" viewBox="0 0 16 16">
+  <path d="M15.384 6.115a.485.485 0 0 0-.047-.736A12.444 12.444 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c2.507 0 4.827.802 6.716 2.164.205.148.49.13.668-.049z"/>
+  <path d="M13.229 8.271a.482.482 0 0 0-.063-.745A9.455 9.455 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065zm-2.183 2.183c.226-.226.185-.605-.1-.75A6.473 6.473 0 0 0 8 9c-1.06 0-2.062.254-2.946.704-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.478 5.478 0 0 1 8 10c.868 0 1.69.201 2.42.56.203.1.45.07.61-.091l.016-.015zM9.06 12.44c.196-.196.198-.52-.04-.66A1.99 1.99 0 0 0 8 11.5a1.99 1.99 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wikipedia.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wikipedia.svg
new file mode 100644
index 00000000..5fa98b1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wikipedia.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wikipedia" viewBox="0 0 16 16">
+  <path d="M8.835 3.003c.828-.006 2.688 0 2.688 0l.033.03v.288c0 .08-.045.12-.133.12-.433.02-.522.063-.68.29-.087.126-.258.393-.435.694l-1.52 2.843-.043.089 1.858 3.801.113.031 2.926-6.946c.102-.28.086-.478-.044-.595-.132-.114-.224-.18-.563-.195l-.275-.014a.161.161 0 0 1-.096-.035.1.1 0 0 1-.046-.084v-.289l.042-.03h3.306l.034.03v.29c0 .078-.045.117-.133.117-.433.02-.754.113-.962.281a1.64 1.64 0 0 0-.488.704s-2.691 6.16-3.612 8.208c-.353.672-.7.61-1.004-.019A224.05 224.05 0 0 1 8.044 8.81c-.623 1.285-1.475 3.026-1.898 3.81-.411.715-.75.622-1.02.019-.45-1.065-1.131-2.519-1.817-3.982-.735-1.569-1.475-3.149-1.943-4.272-.167-.4-.293-.657-.412-.759-.12-.1-.368-.16-.746-.18C.069 3.429 0 3.395 0 3.341v-.303l.034-.03c.615-.003 3.594 0 3.594 0l.034.03v.288c0 .08-.05.118-.15.118l-.375.016c-.322.013-.483.11-.483.288 0 .083.034.217.109.4.72 1.753 3.207 6.998 3.207 6.998l.091.023 1.603-3.197-.32-.71L6.24 5.095s-.213-.433-.286-.577l-.098-.196c-.387-.77-.411-.82-.865-.88-.137-.017-.208-.035-.208-.102v-.304l.041-.03h2.853l.075.024v.303c0 .069-.05.104-.15.104l-.206.03c-.523.04-.438.254-.09.946l1.057 2.163 1.17-2.332c.195-.427.155-.534.074-.633-.046-.055-.202-.144-.54-.158l-.133-.015a.159.159 0 0 1-.096-.034.099.099 0 0 1-.045-.085v-.288l.041-.03Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wind.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wind.svg
new file mode 100644
index 00000000..d350ea40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wind.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wind" viewBox="0 0 16 16">
+  <path d="M12.5 2A2.5 2.5 0 0 0 10 4.5a.5.5 0 0 1-1 0A3.5 3.5 0 1 1 12.5 8H.5a.5.5 0 0 1 0-1h12a2.5 2.5 0 0 0 0-5zm-7 1a1 1 0 0 0-1 1 .5.5 0 0 1-1 0 2 2 0 1 1 2 2h-5a.5.5 0 0 1 0-1h5a1 1 0 0 0 0-2zM0 9.5A.5.5 0 0 1 .5 9h10.042a3 3 0 1 1-3 3 .5.5 0 0 1 1 0 2 2 0 1 0 2-2H.5a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-dash.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-dash.svg
new file mode 100644
index 00000000..191fbd72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-dash.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-dash" viewBox="0 0 16 16">
+  <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-5.5 0a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-desktop.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-desktop.svg
new file mode 100644
index 00000000..a044521e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-desktop.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-desktop" viewBox="0 0 16 16">
+  <path d="M3.5 11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-9Z"/>
+  <path d="M2.375 1A2.366 2.366 0 0 0 0 3.357v9.286A2.366 2.366 0 0 0 2.375 15h11.25A2.366 2.366 0 0 0 16 12.643V3.357A2.366 2.366 0 0 0 13.625 1H2.375ZM1 3.357C1 2.612 1.611 2 2.375 2h11.25C14.389 2 15 2.612 15 3.357V4H1v-.643ZM1 5h14v7.643c0 .745-.611 1.357-1.375 1.357H2.375A1.366 1.366 0 0 1 1 12.643V5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-dock.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-dock.svg
new file mode 100644
index 00000000..dbffecbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-dock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-dock" viewBox="0 0 16 16">
+  <path d="M3.5 11a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Zm3.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm4.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1Z"/>
+  <path d="M14 1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h12ZM2 14h12a1 1 0 0 0 1-1V5H1v8a1 1 0 0 0 1 1ZM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-fullscreen.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-fullscreen.svg
new file mode 100644
index 00000000..22a8d208
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-fullscreen.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-fullscreen" viewBox="0 0 16 16">
+  <path d="M3 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+  <path d="M.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5H.5ZM1 5V2h14v3H1Zm0 1h14v8H1V6Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-plus.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-plus.svg
new file mode 100644
index 00000000..08444f3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-plus.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-plus" viewBox="0 0 16 16">
+  <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-sidebar.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-sidebar.svg
new file mode 100644
index 00000000..98476ce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-sidebar.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-sidebar" viewBox="0 0 16 16">
+  <path d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm12 1a1 1 0 0 1 1 1v2H1V3a1 1 0 0 1 1-1h12zM1 13V6h4v8H2a1 1 0 0 1-1-1zm5 1V6h9v7a1 1 0 0 1-1 1H6z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-split.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-split.svg
new file mode 100644
index 00000000..21862f25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-split.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-split" viewBox="0 0 16 16">
+  <path d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2Zm12 1a1 1 0 0 1 1 1v2H1V3a1 1 0 0 1 1-1h12ZM1 13V6h6.5v8H2a1 1 0 0 1-1-1Zm7.5 1V6H15v7a1 1 0 0 1-1 1H8.5Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-stack.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-stack.svg
new file mode 100644
index 00000000..592e5c85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-stack.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-stack" viewBox="0 0 16 16">
+  <path d="M4.5 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM6 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M12 1a2 2 0 0 1 2 2 2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10ZM2 12V5a2 2 0 0 1 2-2h9a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1Zm1-4v5a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V8H3Zm12-1V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v2h12Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window-x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window-x.svg
new file mode 100644
index 00000000..e7a97dc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window-x.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window-x" viewBox="0 0 16 16">
+  <path d="M2.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
+  <path d="M0 4a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v4a.5.5 0 0 1-1 0V7H1v5a1 1 0 0 0 1 1h5.5a.5.5 0 0 1 0 1H2a2 2 0 0 1-2-2V4Zm1 2h13V4a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v2Z"/>
+  <path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-4.854-1.354a.5.5 0 0 0 0 .708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708l-.647-.646.647-.646a.5.5 0 0 0-.708-.708l-.646.647-.646-.647a.5.5 0 0 0-.708 0Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/window.svg b/apps/phoenix_webcomponent/priv/bsi/svg/window.svg
new file mode 100644
index 00000000..ad6166e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/window.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-window" viewBox="0 0 16 16">
+  <path d="M2.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zm2-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm1 .5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
+  <path d="M2 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H2zm13 2v2H1V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1zM2 14a1 1 0 0 1-1-1V6h14v7a1 1 0 0 1-1 1H2z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/windows.svg b/apps/phoenix_webcomponent/priv/bsi/svg/windows.svg
new file mode 100644
index 00000000..b2805607
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/windows.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-windows" viewBox="0 0 16 16">
+  <path d="M6.555 1.375 0 2.237v5.45h6.555V1.375zM0 13.795l6.555.933V8.313H0v5.482zm7.278-5.4.026 6.378L16 16V8.395H7.278zM16 0 7.33 1.244v6.414H16V0z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wordpress.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wordpress.svg
new file mode 100644
index 00000000..4c8cbc41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wordpress.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wordpress" viewBox="0 0 16 16">
+  <path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48 0-.63.478-1.218 1.152-1.218.02 0 .039.002.058.003l.031.003A6.838 6.838 0 0 0 8 1.137 6.855 6.855 0 0 0 2.266 4.23c.16.005.313.009.442.009.717 0 1.828-.087 1.828-.087.37-.022.414.521.044.565 0 0-.371.044-.785.065l2.5 7.434 1.5-4.506-1.07-2.929c-.369-.022-.719-.065-.719-.065-.37-.022-.326-.588.043-.566 0 0 1.134.087 1.808.087.718 0 1.83-.087 1.83-.087.37-.022.413.522.043.566 0 0-.372.043-.785.065l2.48 7.377.684-2.287.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.864 6.864 0 0 0 3.868 6.176L1.73 5.206A6.837 6.837 0 0 0 1.137 8z"/>
+  <path d="M6.061 14.583 8.121 8.6l2.109 5.78c.014.033.03.064.049.094a6.854 6.854 0 0 1-4.218.109zm7.96-9.876c.03.219.047.453.047.706 0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"/>
+  <path fill-rule="evenodd" d="M0 8c0-4.411 3.589-8 8-8 4.41 0 8 3.589 8 8s-3.59 8-8 8c-4.411 0-8-3.589-8-8zm.367 0c0 4.209 3.424 7.633 7.633 7.633 4.208 0 7.632-3.424 7.632-7.633C15.632 3.79 12.208.367 8 .367 3.79.367.367 3.79.367 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle-fill.svg
new file mode 100644
index 00000000..b723d7f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle-fill.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wrench-adjustable-circle-fill" viewBox="0 0 16 16">
+  <path d="M6.705 8.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27.596-.894Z"/>
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm-6.202-4.751 1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.49 4.49 0 0 1-1.592-.29L4.747 14.2a7.031 7.031 0 0 1-2.949-2.951ZM12.496 8a4.491 4.491 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11c.027.2.04.403.04.61Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle.svg
new file mode 100644
index 00000000..a5a6f0b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wrench-adjustable-circle" viewBox="0 0 16 16">
+  <path d="M12.496 8a4.491 4.491 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11c.027.2.04.403.04.61Z"/>
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1 0a7 7 0 1 0-13.202 3.249l1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.49 4.49 0 0 1-1.592-.29L4.747 14.2A7 7 0 0 0 15 8Zm-8.295.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27.596-.894Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable.svg
new file mode 100644
index 00000000..4ec80824
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wrench-adjustable.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wrench-adjustable" viewBox="0 0 16 16">
+  <path d="M16 4.5a4.492 4.492 0 0 1-1.703 3.526L13 5l2.959-1.11c.027.2.041.403.041.61Z"/>
+  <path d="M11.5 9c.653 0 1.273-.139 1.833-.39L12 5.5 11 3l3.826-1.53A4.5 4.5 0 0 0 7.29 6.092l-6.116 5.096a2.583 2.583 0 1 0 3.638 3.638L9.908 8.71A4.49 4.49 0 0 0 11.5 9Zm-1.292-4.361-.596.893.809-.27a.25.25 0 0 1 .287.377l-.596.893.809-.27.158.475-1.5.5a.25.25 0 0 1-.287-.376l.596-.893-.809.27a.25.25 0 0 1-.287-.377l.596-.893-.809.27-.158-.475 1.5-.5a.25.25 0 0 1 .287.376ZM3 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/wrench.svg b/apps/phoenix_webcomponent/priv/bsi/svg/wrench.svg
new file mode 100644
index 00000000..bef07136
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/wrench.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wrench" viewBox="0 0 16 16">
+  <path d="M.102 2.223A3.004 3.004 0 0 0 3.78 5.897l6.341 6.252A3.003 3.003 0 0 0 13 16a3 3 0 1 0-.851-5.878L5.897 3.781A3.004 3.004 0 0 0 2.223.1l2.141 2.142L4 4l-1.757.364L.102 2.223zm13.37 9.019.528.026.287.445.445.287.026.529L15 13l-.242.471-.026.529-.445.287-.287.445-.529.026L13 15l-.471-.242-.529-.026-.287-.445-.445-.287-.026-.529L11 13l.242-.471.026-.529.445-.287.287-.445.529-.026L13 11l.471.242z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-circle-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-circle-fill.svg
new file mode 100644
index 00000000..448fdee4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-circle-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
+  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-circle.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-circle.svg
new file mode 100644
index 00000000..ce37cdc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-circle.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
+  <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond-fill.svg
new file mode 100644
index 00000000..2de64033
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-diamond-fill" viewBox="0 0 16 16">
+  <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L4.047 3.339 8 7.293l3.954-3.954L9.049.435zm3.61 3.611L8.708 8l3.954 3.954 2.904-2.905c.58-.58.58-1.519 0-2.098l-2.904-2.905zm-.706 8.614L8 8.708l-3.954 3.954 2.905 2.904c.58.58 1.519.58 2.098 0l2.905-2.904zm-8.614-.706L7.292 8 3.339 4.046.435 6.951c-.58.58-.58 1.519 0 2.098l2.904 2.905z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond.svg
new file mode 100644
index 00000000..0ade5369
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-diamond.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-diamond" viewBox="0 0 16 16">
+  <path d="M7.987 16a1.526 1.526 0 0 1-1.07-.448L.45 9.082a1.531 1.531 0 0 1 0-2.165L6.917.45a1.531 1.531 0 0 1 2.166 0l6.469 6.468A1.526 1.526 0 0 1 16 8.013a1.526 1.526 0 0 1-.448 1.07l-6.47 6.469A1.526 1.526 0 0 1 7.988 16zM7.639 1.17 4.766 4.044 8 7.278l3.234-3.234L8.361 1.17a.51.51 0 0 0-.722 0zM8.722 8l3.234 3.234 2.873-2.873c.2-.2.2-.523 0-.722l-2.873-2.873L8.722 8zM8 8.722l-3.234 3.234 2.873 2.873c.2.2.523.2.722 0l2.873-2.873L8 8.722zM7.278 8 4.044 4.766 1.17 7.639a.511.511 0 0 0 0 .722l2.874 2.873L7.278 8z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-lg.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-lg.svg
new file mode 100644
index 00000000..53aec00d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-lg.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">
+  <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon-fill.svg
new file mode 100644
index 00000000..7872889d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-octagon-fill" viewBox="0 0 16 16">
+  <path d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zm-6.106 4.5L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon.svg
new file mode 100644
index 00000000..794afd94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-octagon.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-octagon" viewBox="0 0 16 16">
+  <path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1 1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1H5.1z"/>
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-square-fill.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-square-fill.svg
new file mode 100644
index 00000000..ddfd727a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-square-fill.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-square-fill" viewBox="0 0 16 16">
+  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm3.354 4.646L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x-square.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x-square.svg
new file mode 100644
index 00000000..9d7852f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x-square.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-square" viewBox="0 0 16 16">
+  <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/x.svg b/apps/phoenix_webcomponent/priv/bsi/svg/x.svg
new file mode 100644
index 00000000..c865d888
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/x.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/xbox.svg b/apps/phoenix_webcomponent/priv/bsi/svg/xbox.svg
new file mode 100644
index 00000000..9d849733
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/xbox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-xbox" viewBox="0 0 16 16">
+  <path d="M7.202 15.967a7.987 7.987 0 0 1-3.552-1.26c-.898-.585-1.101-.826-1.101-1.306 0-.965 1.062-2.656 2.879-4.583C6.459 7.723 7.897 6.44 8.052 6.475c.302.068 2.718 2.423 3.622 3.531 1.43 1.753 2.088 3.189 1.754 3.829-.254.486-1.83 1.437-2.987 1.802-.954.301-2.207.429-3.239.33Zm-5.866-3.57C.589 11.253.212 10.127.03 8.497c-.06-.539-.038-.846.137-1.95.218-1.377 1.002-2.97 1.945-3.95.401-.417.437-.427.926-.263.595.2 1.23.638 2.213 1.528l.574.519-.313.385C4.056 6.553 2.52 9.086 1.94 10.653c-.315.852-.442 1.707-.306 2.063.091.24.007.15-.3-.319Zm13.101.195c.074-.36-.019-1.02-.238-1.687-.473-1.443-2.055-4.128-3.508-5.953l-.457-.575.494-.454c.646-.593 1.095-.948 1.58-1.25.381-.237.927-.448 1.161-.448.145 0 .654.528 1.065 1.104a8.372 8.372 0 0 1 1.343 3.102c.153.728.166 2.286.024 3.012a9.495 9.495 0 0 1-.6 1.893c-.179.393-.624 1.156-.82 1.404-.1.128-.1.127-.043-.148ZM7.335 1.952c-.67-.34-1.704-.705-2.276-.803a4.171 4.171 0 0 0-.759-.043c-.471.024-.45 0 .306-.358A7.778 7.778 0 0 1 6.47.128c.8-.169 2.306-.17 3.094-.005.85.18 1.853.552 2.418.9l.168.103-.385-.02c-.766-.038-1.88.27-3.078.853-.361.176-.676.316-.699.312a12.246 12.246 0 0 1-.654-.319Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/yelp.svg b/apps/phoenix_webcomponent/priv/bsi/svg/yelp.svg
new file mode 100644
index 00000000..08d34651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/yelp.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-yelp" viewBox="0 0 16 16">
+  <path d="m4.188 10.095.736-.17a.824.824 0 0 0 .073-.02.813.813 0 0 0 .453-1.255 1.025 1.025 0 0 0-.3-.258 2.782 2.782 0 0 0-.428-.198l-.808-.295a76.035 76.035 0 0 0-1.364-.493C2.253 7.3 2 7.208 1.783 7.14c-.041-.013-.087-.025-.124-.038a2.143 2.143 0 0 0-.606-.116.723.723 0 0 0-.572.245 1.625 1.625 0 0 0-.105.132 1.555 1.555 0 0 0-.155.309c-.15.443-.225.908-.22 1.376.002.423.013.966.246 1.334a.785.785 0 0 0 .22.24c.166.114.333.129.507.141.26.019.513-.045.764-.103l2.447-.566.003.001Zm8.219-3.911a4.185 4.185 0 0 0-.8-1.14 1.602 1.602 0 0 0-.275-.21 1.591 1.591 0 0 0-.15-.073.723.723 0 0 0-.621.031c-.142.07-.294.182-.496.37-.028.028-.063.06-.094.089-.167.156-.353.35-.574.575-.34.345-.677.691-1.01 1.042l-.598.62a2.79 2.79 0 0 0-.298.365 1 1 0 0 0-.157.364.813.813 0 0 0 .007.301c0 .005.002.009.003.013a.812.812 0 0 0 .945.616.774.774 0 0 0 .074-.014l3.185-.736c.251-.058.506-.112.732-.242.151-.088.295-.175.394-.35a.787.787 0 0 0 .093-.313c.05-.434-.178-.927-.36-1.308ZM6.706 7.523c.23-.29.23-.722.25-1.075.07-1.181.143-2.362.201-3.543.022-.448.07-.89.044-1.34-.022-.372-.025-.799-.26-1.104C6.528-.077 5.644-.033 5.04.05c-.185.025-.37.06-.553.104a7.589 7.589 0 0 0-.543.149c-.58.19-1.393.537-1.53 1.204-.078.377.106.763.249 1.107.173.417.41.792.625 1.185.57 1.036 1.15 2.066 1.728 3.097.172.308.36.697.695.857.022.01.045.018.068.025.15.057.313.068.469.032l.028-.007a.809.809 0 0 0 .377-.226.732.732 0 0 0 .053-.055Zm-.276 3.161a.737.737 0 0 0-.923-.234.976.976 0 0 0-.145.09 1.909 1.909 0 0 0-.346.354c-.026.033-.05.077-.08.104l-.512.705c-.29.395-.577.791-.861 1.193-.185.26-.346.479-.472.673l-.072.11c-.152.235-.238.406-.282.559a.73.73 0 0 0-.03.314c.013.11.05.217.108.312.031.047.064.093.1.138a1.548 1.548 0 0 0 .257.237 4.482 4.482 0 0 0 2.196.76 1.593 1.593 0 0 0 .349-.027 1.57 1.57 0 0 0 .163-.048.797.797 0 0 0 .278-.178.731.731 0 0 0 .17-.266c.059-.147.098-.335.123-.613l.012-.13c.02-.231.03-.502.045-.821.025-.49.044-.98.06-1.469l.033-.87a2.09 2.09 0 0 0-.055-.623.93.93 0 0 0-.117-.27Zm5.783 1.362a2.199 2.199 0 0 0-.498-.378l-.112-.067c-.199-.12-.438-.246-.719-.398-.43-.236-.86-.466-1.295-.695l-.767-.407c-.04-.012-.08-.04-.118-.059a1.908 1.908 0 0 0-.466-.166.993.993 0 0 0-.17-.018.738.738 0 0 0-.725.616.946.946 0 0 0 .01.293c.038.204.13.406.224.583l.41.768c.228.434.459.864.696 1.294.152.28.28.52.398.719.023.037.048.077.068.112.145.239.261.39.379.497a.73.73 0 0 0 .596.201 1.55 1.55 0 0 0 .168-.029 1.584 1.584 0 0 0 .325-.129 4.06 4.06 0 0 0 .855-.64c.306-.3.577-.63.788-1.006.03-.053.055-.109.076-.165a1.58 1.58 0 0 0 .051-.161c.013-.056.022-.111.029-.168a.792.792 0 0 0-.038-.327.73.73 0 0 0-.165-.27Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/yin-yang.svg b/apps/phoenix_webcomponent/priv/bsi/svg/yin-yang.svg
new file mode 100644
index 00000000..cf1da48f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/yin-yang.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-yin-yang" viewBox="0 0 16 16">
+  <path d="M9.167 4.5a1.167 1.167 0 1 1-2.334 0 1.167 1.167 0 0 1 2.334 0Z"/>
+  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0ZM1 8a7 7 0 0 1 7-7 3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 0 0 7 7 7 0 0 1-7-7Zm7 4.667a1.167 1.167 0 1 1 0-2.334 1.167 1.167 0 0 1 0 2.334Z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/youtube.svg b/apps/phoenix_webcomponent/priv/bsi/svg/youtube.svg
new file mode 100644
index 00000000..86fa4900
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/youtube.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
+  <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/zoom-in.svg b/apps/phoenix_webcomponent/priv/bsi/svg/zoom-in.svg
new file mode 100644
index 00000000..6cde1a0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/zoom-in.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-zoom-in" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+  <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
+  <path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/bsi/svg/zoom-out.svg b/apps/phoenix_webcomponent/priv/bsi/svg/zoom-out.svg
new file mode 100644
index 00000000..b965f8e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/bsi/svg/zoom-out.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-zoom-out" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+  <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
+  <path fill-rule="evenodd" d="M3 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ab-testing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ab-testing.svg
new file mode 100644
index 00000000..90cdab0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ab-testing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ab-testing" viewBox="0 0 24 24"><path d="M4 2A2 2 0 0 0 2 4V12H4V8H6V12H8V4A2 2 0 0 0 6 2H4M4 4H6V6H4M22 15.5V14A2 2 0 0 0 20 12H16V22H20A2 2 0 0 0 22 20V18.5A1.54 1.54 0 0 0 20.5 17A1.54 1.54 0 0 0 22 15.5M20 20H18V18H20V20M20 16H18V14H20M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/abacus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/abacus.svg
new file mode 100644
index 00000000..e18f68b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/abacus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-abacus" viewBox="0 0 24 24"><path d="M5 5H7V11H5V5M10 5H8V11H10V5M5 19H7V13H5V19M10 13H8V19H10V17H15V15H10V13M2 21H4V3H2V21M20 3V7H13V5H11V11H13V9H20V15H18V13H16V19H18V17H20V21H22V3H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/abjad-arabic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/abjad-arabic.svg
new file mode 100644
index 00000000..32909c52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/abjad-arabic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-abjad-arabic" viewBox="0 0 24 24"><path d="M12 4C10.08 4 8.5 5.58 8.5 7.5C8.5 8.43 8.88 9.28 9.5 9.91C7.97 10.91 7 12.62 7 14.5C7 17.53 9.47 20 12.5 20C14.26 20 16 19.54 17.5 18.66L16.5 16.93C15.28 17.63 13.9 18 12.5 18C10.56 18 9 16.45 9 14.5C9 12.91 10.06 11.53 11.59 11.12L16.8 9.72L16.28 7.79L11.83 9C11.08 8.9 10.5 8.28 10.5 7.5C10.5 6.66 11.16 6 12 6C12.26 6 12.5 6.07 12.75 6.2L13.75 4.47C13.22 4.16 12.61 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/abjad-hebrew.svg b/apps/phoenix_webcomponent/priv/mdi/svg/abjad-hebrew.svg
new file mode 100644
index 00000000..6aaaa1c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/abjad-hebrew.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-abjad-hebrew" viewBox="0 0 24 24"><path d="M3.9 4L9 10.03C7.58 10.17 6.36 11.18 6 12.59L4 20H6.07L7.92 13.11C8.09 12.46 8.69 12 9.36 12H10.69L17.47 20H20.1L15 13.97C16.42 13.83 17.64 12.82 18 11.41L20 4H17.93L16.08 10.89C15.91 11.54 15.31 12 14.64 12H13.31L6.53 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/abugida-devanagari.svg b/apps/phoenix_webcomponent/priv/mdi/svg/abugida-devanagari.svg
new file mode 100644
index 00000000..a5172247
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/abugida-devanagari.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-abugida-devanagari" viewBox="0 0 24 24"><path d="M8 3V5H11C12.32 5 13.41 5.83 13.82 7H6V9H14V10H12C9.25 10 7 12.25 7 15C7 17.75 9.25 20 12 20C12.77 20 13.45 19.73 14 19.3V21H16V17H14C13.55 17.62 12.83 18 12 18C10.33 18 9 16.67 9 15C9 13.33 10.33 12 12 12H16V9H18V7H15.9C15.43 4.72 13.41 3 11 3H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/abugida-thai.svg b/apps/phoenix_webcomponent/priv/mdi/svg/abugida-thai.svg
new file mode 100644
index 00000000..1a41d705
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/abugida-thai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-abugida-thai" viewBox="0 0 24 24"><path d="M9 20C9 17.44 10.87 12.42 13.86 7.25C14.29 6.5 15.08 6 16 6C17.12 6 18 6.88 18 8V20H20V8C20 5.8 18.2 4 16 4C14.34 4 12.9 4.92 12.13 6.25C10.56 8.96 9.61 11.15 9 13.03V6.5C9 5.13 7.87 4 6.5 4C5.13 4 4 5.13 4 6.5C4 7.87 5.13 9 6.5 9C6.67 9 6.84 9 7 8.95V20M6.5 6C6.79 6 7 6.21 7 6.5C7 6.79 6.79 7 6.5 7C6.21 7 6 6.79 6 6.5C6 6.21 6.21 6 6.5 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-check.svg
new file mode 100644
index 00000000..39aeb2e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-check" viewBox="0 0 24 24"><path d="M20.59 14.84L21.75 16.25L17 21L14.25 18L15.41 16.84L17 18.43L20.59 14.84M19.07 4.93L17.66 6.34C19.11 7.78 20 9.79 20 12V12.34C20.68 12.59 21.33 12.96 21.88 13.43C21.95 12.96 22 12.5 22 12C22 9.24 20.88 6.74 19.07 4.93M15.96 12.36C16.6 12.13 17.28 12 18 12C18 10.35 17.33 8.85 16.24 7.76L14.83 9.17C15.55 9.89 16 10.89 16 12C16 12.12 15.97 12.24 15.96 12.36M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M6.34 6.34L4.93 4.93C3.12 6.74 2 9.24 2 12S3.12 17.26 4.93 19.07L6.34 17.66C4.89 16.22 4 14.22 4 12C4 9.79 4.89 7.78 6.34 6.34M7.76 7.76C6.67 8.85 6 10.35 6 12S6.67 15.15 7.76 16.24L9.17 14.83C8.45 14.11 8 13.11 8 12S8.45 9.89 9.17 9.17L7.76 7.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-minus.svg
new file mode 100644
index 00000000..3fdc9b31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-minus" viewBox="0 0 24 24"><path d="M16 12C16 10.89 15.55 9.89 14.83 9.17L16.24 7.76C17.33 8.85 18 10.35 18 12C17.28 12 16.6 12.13 15.96 12.36C15.97 12.24 16 12.12 16 12M20 12.34C20.68 12.59 21.33 12.96 21.88 13.43C21.95 12.96 22 12.5 22 12C22 9.24 20.88 6.74 19.07 4.93L17.66 6.34C19.11 7.78 20 9.79 20 12C20 12.12 20 12.23 20 12.34M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M7.76 7.76C6.67 8.85 6 10.35 6 12S6.67 15.15 7.76 16.24L9.17 14.83C8.45 14.11 8 13.11 8 12S8.45 9.89 9.17 9.17L7.76 7.76M6.34 6.34L4.93 4.93C3.12 6.74 2 9.24 2 12S3.12 17.26 4.93 19.07L6.34 17.66C4.89 16.22 4 14.22 4 12C4 9.79 4.89 7.78 6.34 6.34M14 19H22V17H14V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network-off.svg
new file mode 100644
index 00000000..1d34fe4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-network-off" viewBox="0 0 24 24"><path d="M14.83,13.83C15.55,13.11 16,12.11 16,11C16,9.89 15.55,8.89 14.83,8.17L16.24,6.76C17.33,7.85 18,9.35 18,11C18,12.65 17.33,14.15 16.24,15.24L14.83,13.83M14,11A2,2 0 0,0 12,9C11.4,9 10.87,9.27 10.5,9.68L13.32,12.5C13.73,12.13 14,11.6 14,11M17.66,16.66L19.07,18.07C20.88,16.26 22,13.76 22,11C22,8.24 20.88,5.74 19.07,3.93L17.66,5.34C19.11,6.78 20,8.79 20,11C20,13.22 19.11,15.22 17.66,16.66M22,21.18V20H20.82L22,21.18M20.27,22L21,22.73L19.73,24L17.73,22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V15.27L8.34,12.61C8.54,13.07 8.82,13.5 9.17,13.83L7.76,15.24C6.67,14.15 6,12.65 6,11C6,10.77 6,10.54 6.04,10.31L4.37,8.64C4.14,9.39 4,10.18 4,11C4,13.22 4.89,15.22 6.34,16.66L4.93,18.07C3.12,16.26 2,13.76 2,11C2,9.61 2.29,8.28 2.81,7.08L1,5.27L2.28,4L3.7,5.42L5.15,6.87L6.63,8.35V8.35L8.17,9.9L10.28,12L11,12.71L18.27,20H18.28L20.28,22H20.27M15.73,20L13,17.27V19H14A1,1 0 0,1 15,20H15.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network.svg
new file mode 100644
index 00000000..0f58df81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-network" viewBox="0 0 24 24"><path d="M4.93,3.93C3.12,5.74 2,8.24 2,11C2,13.76 3.12,16.26 4.93,18.07L6.34,16.66C4.89,15.22 4,13.22 4,11C4,8.79 4.89,6.78 6.34,5.34L4.93,3.93M19.07,3.93L17.66,5.34C19.11,6.78 20,8.79 20,11C20,13.22 19.11,15.22 17.66,16.66L19.07,18.07C20.88,16.26 22,13.76 22,11C22,8.24 20.88,5.74 19.07,3.93M7.76,6.76C6.67,7.85 6,9.35 6,11C6,12.65 6.67,14.15 7.76,15.24L9.17,13.83C8.45,13.11 8,12.11 8,11C8,9.89 8.45,8.89 9.17,8.17L7.76,6.76M16.24,6.76L14.83,8.17C15.55,8.89 16,9.89 16,11C16,12.11 15.55,13.11 14.83,13.83L16.24,15.24C17.33,14.15 18,12.65 18,11C18,9.35 17.33,7.85 16.24,6.76M12,9A2,2 0 0,0 10,11A2,2 0 0,0 12,13A2,2 0 0,0 14,11A2,2 0 0,0 12,9M11,15V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V15H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-off.svg
new file mode 100644
index 00000000..e256ae86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-off" viewBox="0 0 24 24"><path d="M20.84 22.73L12.1 14C12.06 14 12.03 14 12 14C10.9 14 10 13.11 10 12C10 11.97 10 11.94 10 11.9L8.4 10.29C8.15 10.81 8 11.38 8 12C8 13.11 8.45 14.11 9.17 14.83L7.76 16.24C6.67 15.15 6 13.65 6 12C6 10.83 6.34 9.74 6.93 8.82L5.5 7.37C4.55 8.67 4 10.27 4 12C4 14.22 4.89 16.22 6.34 17.66L4.93 19.07C3.12 17.26 2 14.76 2 12C2 9.72 2.77 7.63 4.06 5.95L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M15.93 12.73L17.53 14.33C17.83 13.61 18 12.83 18 12C18 10.35 17.33 8.85 16.24 7.76L14.83 9.17C15.55 9.89 16 10.89 16 12C16 12.25 15.97 12.5 15.93 12.73M19.03 15.83L20.5 17.28C21.44 15.75 22 13.94 22 12C22 9.24 20.88 6.74 19.07 4.93L17.66 6.34C19.11 7.78 20 9.79 20 12C20 13.39 19.65 14.7 19.03 15.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-plus.svg
new file mode 100644
index 00000000..3dfc00f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-plus" viewBox="0 0 24 24"><path d="M16 12C16 10.89 15.55 9.89 14.83 9.17L16.24 7.76C17.33 8.85 18 10.35 18 12C17.28 12 16.6 12.13 15.96 12.36C15.97 12.24 16 12.12 16 12M20 12.34C20.68 12.59 21.33 12.96 21.88 13.43C21.95 12.96 22 12.5 22 12C22 9.24 20.88 6.74 19.07 4.93L17.66 6.34C19.11 7.78 20 9.79 20 12C20 12.12 20 12.23 20 12.34M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M6.34 6.34L4.93 4.93C3.12 6.74 2 9.24 2 12S3.12 17.26 4.93 19.07L6.34 17.66C4.89 16.22 4 14.22 4 12C4 9.79 4.89 7.78 6.34 6.34M7.76 7.76C6.67 8.85 6 10.35 6 12S6.67 15.15 7.76 16.24L9.17 14.83C8.45 14.11 8 13.11 8 12S8.45 9.89 9.17 9.17L7.76 7.76M19 14H17V17H14V19H17V22H19V19H22V17H19V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-remove.svg
new file mode 100644
index 00000000..f06d1cf2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point-remove" viewBox="0 0 24 24"><path d="M16 12C16 10.89 15.55 9.89 14.83 9.17L16.24 7.76C17.33 8.85 18 10.35 18 12C17.28 12 16.6 12.13 15.96 12.36C15.97 12.24 16 12.12 16 12M6.34 6.34L4.93 4.93C3.12 6.74 2 9.24 2 12S3.12 17.26 4.93 19.07L6.34 17.66C4.89 16.22 4 14.22 4 12C4 9.79 4.89 7.78 6.34 6.34M19.07 4.93L17.66 6.34C19.11 7.78 20 9.79 20 12C20 12.12 20 12.23 20 12.34C20.68 12.59 21.33 12.96 21.88 13.43C21.95 12.96 22 12.5 22 12C22 9.24 20.88 6.74 19.07 4.93M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M7.76 7.76C6.67 8.85 6 10.35 6 12S6.67 15.15 7.76 16.24L9.17 14.83C8.45 14.11 8 13.11 8 12S8.45 9.89 9.17 9.17L7.76 7.76M20.12 14.46L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.53L18 19.41L20.12 21.53L21.53 20.12L19.41 18L21.53 15.88L20.12 14.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/access-point.svg b/apps/phoenix_webcomponent/priv/mdi/svg/access-point.svg
new file mode 100644
index 00000000..5e774954
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/access-point.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-access-point" viewBox="0 0 24 24"><path d="M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-alert-outline.svg
new file mode 100644
index 00000000..ee6a913e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-alert-outline" viewBox="0 0 24 24"><path d="M20 12V7H22V13H20M20 17H22V15H20M10 13C12.67 13 18 14.34 18 17V20H2V17C2 14.34 7.33 13 10 13M10 4A4 4 0 0 1 14 8A4 4 0 0 1 10 12A4 4 0 0 1 6 8A4 4 0 0 1 10 4M10 14.9C7.03 14.9 3.9 16.36 3.9 17V18.1H16.1V17C16.1 16.36 12.97 14.9 10 14.9M10 5.9A2.1 2.1 0 0 0 7.9 8A2.1 2.1 0 0 0 10 10.1A2.1 2.1 0 0 0 12.1 8A2.1 2.1 0 0 0 10 5.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-alert.svg
new file mode 100644
index 00000000..33395059
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-alert" viewBox="0 0 24 24"><path d="M10 4A4 4 0 0 1 14 8A4 4 0 0 1 10 12A4 4 0 0 1 6 8A4 4 0 0 1 10 4M10 14C14.42 14 18 15.79 18 18V20H2V18C2 15.79 5.58 14 10 14M20 12V7H22V13H20M20 17V15H22V17H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down-outline.svg
new file mode 100644
index 00000000..a5df0efb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-down-outline" viewBox="0 0 24 24"><path d="M19 18V14H17V18H15L18 21L21 18H19M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 6C12.1 6 13 6.9 13 8S12.1 10 11 10 9 9.1 9 8 9.9 6 11 6M11 13C8.3 13 3 14.3 3 17V20H12.5C12.2 19.4 12.1 18.8 12 18.1H4.9V17C4.9 16.4 8 14.9 11 14.9C11.5 14.9 12 15 12.5 15C12.8 14.4 13.1 13.8 13.6 13.3C12.6 13.1 11.7 13 11 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down.svg
new file mode 100644
index 00000000..91370398
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-down" viewBox="0 0 24 24"><path d="M19 18V14H17V18H15L18 21L21 18H19M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left-outline.svg
new file mode 100644
index 00000000..782d66d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-left-outline" viewBox="0 0 24 24"><path d="M17 18H21V16H17V14L14 17L17 20V18M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 6C12.1 6 13 6.9 13 8S12.1 10 11 10 9 9.1 9 8 9.9 6 11 6M11 13C8.3 13 3 14.3 3 17V20H12.5C12.2 19.4 12.1 18.8 12 18.1H4.9V17C4.9 16.4 8 14.9 11 14.9C11.5 14.9 12 15 12.5 15C12.8 14.4 13.1 13.8 13.6 13.3C12.6 13.1 11.7 13 11 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left.svg
new file mode 100644
index 00000000..456c90d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-left" viewBox="0 0 24 24"><path d="M17 18H21V16H17V14L14 17L17 20V18M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right-outline.svg
new file mode 100644
index 00000000..f5dee89f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-right-outline" viewBox="0 0 24 24"><path d="M18 16H14V18H18V20L21 17L18 14V16M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 6C12.1 6 13 6.9 13 8S12.1 10 11 10 9 9.1 9 8 9.9 6 11 6M11 13C8.3 13 3 14.3 3 17V20H12.5C12.2 19.4 12.1 18.8 12 18.1H4.9V17C4.9 16.4 8 14.9 11 14.9C11.5 14.9 12 15 12.5 15C12.8 14.4 13.1 13.8 13.6 13.3C12.6 13.1 11.7 13 11 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right.svg
new file mode 100644
index 00000000..89789a8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-right" viewBox="0 0 24 24"><path d="M18 16H14V18H18V20L21 17L18 14V16M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up-outline.svg
new file mode 100644
index 00000000..fb60c40b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-up-outline" viewBox="0 0 24 24"><path d="M17 17V21H19V17H21L18 14L15 17H17M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 6C12.1 6 13 6.9 13 8S12.1 10 11 10 9 9.1 9 8 9.9 6 11 6M11 13C8.3 13 3 14.3 3 17V20H12.5C12.2 19.4 12.1 18.8 12 18.1H4.9V17C4.9 16.4 8 14.9 11 14.9C11.5 14.9 12 15 12.5 15C12.8 14.4 13.1 13.8 13.6 13.3C12.6 13.1 11.7 13 11 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up.svg
new file mode 100644
index 00000000..3c8f7d4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-arrow-up" viewBox="0 0 24 24"><path d="M17 17V21H19V17H21L18 14L15 17H17M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-badge-outline.svg
new file mode 100644
index 00000000..20f92721
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-badge-outline" viewBox="0 0 24 24"><path d="M14 20H4V17C4 14.3 9.3 13 12 13C13.5 13 15.9 13.4 17.7 14.3C16.9 14.6 16.3 15 15.7 15.5C14.6 15.1 13.3 14.9 12 14.9C9 14.9 5.9 16.4 5.9 17V18.1H14.2C14.1 18.5 14 19 14 19.5V20M23 19.5C23 21.4 21.4 23 19.5 23S16 21.4 16 19.5 17.6 16 19.5 16 23 17.6 23 19.5M12 6C13.1 6 14 6.9 14 8S13.1 10 12 10 10 9.1 10 8 10.9 6 12 6M12 4C9.8 4 8 5.8 8 8S9.8 12 12 12 16 10.2 16 8 14.2 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-badge.svg
new file mode 100644
index 00000000..6789fb18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-badge" viewBox="0 0 24 24"><path d="M14 19.5C14 17.5 15.1 15.7 16.7 14.8C15.4 14.3 13.8 14 12 14C7.6 14 4 15.8 4 18V20H14V19.5M19.5 16C17.6 16 16 17.6 16 19.5S17.6 23 19.5 23 23 21.4 23 19.5 21.4 16 19.5 16M16 8C16 10.2 14.2 12 12 12S8 10.2 8 8 9.8 4 12 4 16 5.8 16 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple-outline.svg
new file mode 100644
index 00000000..0c9ed2c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-box-multiple-outline" viewBox="0 0 24 24"><path d="M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6M18.5 14.25C18.5 12.75 15.5 12 14 12S9.5 12.75 9.5 14.25V15H18.5M14 10.25C15.24 10.25 16.25 9.24 16.25 8S15.24 5.75 14 5.75 11.75 6.76 11.75 8 12.76 10.25 14 10.25M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.89 21.1 2 20 2M20 16H8V4H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple.svg
new file mode 100644
index 00000000..5f7a68e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-box-multiple" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H8A2,2 0 0,1 6,16V4A2,2 0 0,1 8,2H20M17,7A3,3 0 0,0 14,4A3,3 0 0,0 11,7A3,3 0 0,0 14,10A3,3 0 0,0 17,7M8,15V16H20V15C20,13 16,11.9 14,11.9C12,11.9 8,13 8,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-outline.svg
new file mode 100644
index 00000000..fe84bcfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-box.svg
new file mode 100644
index 00000000..7a0a3436
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-box" viewBox="0 0 24 24"><path d="M6,17C6,15 10,13.9 12,13.9C14,13.9 18,15 18,17V18H6M15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6A3,3 0 0,1 15,9M3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5C3.89,3 3,3.9 3,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel-outline.svg
new file mode 100644
index 00000000..6e5578bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cancel-outline" viewBox="0 0 24 24"><path d="M10 4A4 4 0 0 0 6 8A4 4 0 0 0 10 12A4 4 0 0 0 14 8A4 4 0 0 0 10 4M10 6A2 2 0 0 1 12 8A2 2 0 0 1 10 10A2 2 0 0 1 8 8A2 2 0 0 1 10 6M10 13C7.33 13 2 14.33 2 17V20H11.5A6.5 6.5 0 0 1 11.03 18.1H3.9V17C3.9 16.36 7.03 14.9 10 14.9C10.5 14.9 11 14.95 11.5 15.03A6.5 6.5 0 0 1 12.55 13.29C11.61 13.1 10.71 13 10 13M17.5 13C15 13 13 15 13 17.5C13 20 15 22 17.5 22C20 22 22 20 22 17.5C22 15 20 13 17.5 13M17.5 14.5C19.16 14.5 20.5 15.84 20.5 17.5C20.5 18.06 20.35 18.58 20.08 19L16 14.92C16.42 14.65 16.94 14.5 17.5 14.5M14.92 16L19 20.08C18.58 20.35 18.06 20.5 17.5 20.5C15.84 20.5 14.5 19.16 14.5 17.5C14.5 16.94 14.65 16.42 14.92 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel.svg
new file mode 100644
index 00000000..2a1efd19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cancel" viewBox="0 0 24 24"><path d="M10 4A4 4 0 0 0 6 8A4 4 0 0 0 10 12A4 4 0 0 0 14 8A4 4 0 0 0 10 4M17.5 13C15 13 13 15 13 17.5C13 20 15 22 17.5 22C20 22 22 20 22 17.5C22 15 20 13 17.5 13M10 14C5.58 14 2 15.79 2 18V20H11.5A6.5 6.5 0 0 1 11 17.5A6.5 6.5 0 0 1 11.95 14.14C11.32 14.06 10.68 14 10 14M17.5 14.5C19.16 14.5 20.5 15.84 20.5 17.5C20.5 18.06 20.35 18.58 20.08 19L16 14.92C16.42 14.65 16.94 14.5 17.5 14.5M14.92 16L19 20.08C18.58 20.35 18.06 20.5 17.5 20.5C15.84 20.5 14.5 19.16 14.5 17.5C14.5 16.94 14.65 16.42 14.92 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-card-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-card-outline.svg
new file mode 100644
index 00000000..32139258
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-card-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-card-outline" viewBox="0 0 24 24"><path d="M7 4C4.8 4 3 5.8 3 8S4.8 12 7 12 11 10.2 11 8 9.2 4 7 4M7 10C5.9 10 5 9.1 5 8S5.9 6 7 6 9 6.9 9 8 8.1 10 7 10M0 18C0 15.8 3.1 14 7 14C8.5 14 9.9 14.3 11 14.7V17C10.2 16.5 8.8 16 7 16C3.8 16 2 17.4 2 18H11V20H0V18M22 4H15C13.9 4 13 4.9 13 6V18C13 19.1 13.9 20 15 20H22C23.1 20 24 19.1 24 18V6C24 4.9 23.1 4 22 4M22 18H15V6H22V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-card.svg
new file mode 100644
index 00000000..1bdde1ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-card" viewBox="0 0 24 24"><path d="M7 12C9.2 12 11 10.2 11 8S9.2 4 7 4 3 5.8 3 8 4.8 12 7 12M11 20V14.7C9.9 14.3 8.5 14 7 14C3.1 14 0 15.8 0 18V20H11M15 4C13.9 4 13 4.9 13 6V18C13 19.1 13.9 20 15 20H22C23.1 20 24 19.1 24 18V6C24 4.9 23.1 4 22 4H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cash-outline.svg
new file mode 100644
index 00000000..cb90c160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cash-outline" viewBox="0 0 24 24"><path d="M16 11.5C16 10.12 17.12 9 18.5 9S21 10.12 21 11.5 19.88 14 18.5 14 16 12.88 16 11.5M13 3V20H24V3H13M22 16C20.9 16 20 16.9 20 18H17C17 16.9 16.11 16 15 16V7C16.11 7 17 6.11 17 5H20C20 6.11 20.9 7 22 7V16M7 6C8.1 6 9 6.9 9 8S8.1 10 7 10 5 9.1 5 8 5.9 6 7 6M7 4C4.79 4 3 5.79 3 8S4.79 12 7 12 11 10.21 11 8 9.21 4 7 4M7 14C3.13 14 0 15.79 0 18V20H11V18H2C2 17.42 3.75 16 7 16C8.83 16 10.17 16.45 11 16.95V14.72C9.87 14.27 8.5 14 7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cash.svg
new file mode 100644
index 00000000..0b1a3125
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cash" viewBox="0 0 24 24"><path d="M11 8C11 10.21 9.21 12 7 12C4.79 12 3 10.21 3 8C3 5.79 4.79 4 7 4C9.21 4 11 5.79 11 8M11 14.72V20H0V18C0 15.79 3.13 14 7 14C8.5 14 9.87 14.27 11 14.72M24 20H13V3H24V20M16 11.5C16 10.12 17.12 9 18.5 9C19.88 9 21 10.12 21 11.5C21 12.88 19.88 14 18.5 14C17.12 14 16 12.88 16 11.5M22 7C20.9 7 20 6.11 20 5H17C17 6.11 16.11 7 15 7V16C16.11 16 17 16.9 17 18H20C20 16.9 20.9 16 22 16V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-check-outline.svg
new file mode 100644
index 00000000..57b16138
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-check-outline" viewBox="0 0 24 24"><path d="M21.1,12.5L22.5,13.91L15.97,20.5L12.5,17L13.9,15.59L15.97,17.67L21.1,12.5M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4M11,6A2,2 0 0,0 9,8A2,2 0 0,0 11,10A2,2 0 0,0 13,8A2,2 0 0,0 11,6M11,13C11.68,13 12.5,13.09 13.41,13.26L11.74,14.93L11,14.9C8.03,14.9 4.9,16.36 4.9,17V18.1H11.1L13,20H3V17C3,14.34 8.33,13 11,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-check.svg
new file mode 100644
index 00000000..cd87c9a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-check" viewBox="0 0 24 24"><path d="M21.1,12.5L22.5,13.91L15.97,20.5L12.5,17L13.9,15.59L15.97,17.67L21.1,12.5M10,17L13,20H3V18C3,15.79 6.58,14 11,14L12.89,14.11L10,17M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-child-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-child-circle.svg
new file mode 100644
index 00000000..18baa77a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-child-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-child-circle" viewBox="0 0 24 24"><path d="M12,12A1.5,1.5 0 0,1 13.5,13.5A1.5,1.5 0 0,1 12,15A1.5,1.5 0 0,1 10.5,13.5A1.5,1.5 0 0,1 12,12M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,16C12.72,16 13.4,16.15 14.04,16.5C14.68,16.8 15,17.2 15,17.67V19.41C16.34,18.81 17,18.08 17,17.2V12.8C17,12 16.5,11.35 15.45,10.8C14.4,10.26 13.25,10 12,10C10.75,10 9.6,10.26 8.55,10.8C7.5,11.35 7,12 7,12.8V17.2C7,18 7.53,18.69 8.63,19.22C9.72,19.75 10.84,20 12,20L13,19.92V17.91L12,18C11,18 10,17.8 9.05,17.39C9.17,17 9.53,16.69 10.13,16.41C10.72,16.13 11.34,16 12,16M12,4A2.5,2.5 0 0,0 9.5,6.5A2.5,2.5 0 0,0 12,9A2.5,2.5 0 0,0 14.5,6.5A2.5,2.5 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-child-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-child-outline.svg
new file mode 100644
index 00000000..4f05c49a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-child-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-child-outline" viewBox="0 0 24 24"><path d="M12 17C10.9 17 10 16.1 10 15C10 13.9 10.9 13 12 13C13.1 13 14 13.9 14 15C14 16.1 13.1 17 12 17M12 10C14.34 10 19 11.16 19 13.5V18.63C19 19.5 18.31 20.24 17.34 20.79V13.38C17.34 12.82 14.6 11.54 12 11.54C9.4 11.54 6.66 12.82 6.66 13.38V18.75C6.66 19 7.31 19.46 8.28 19.85C9 19 10.93 18.56 12 18.56C13.33 18.56 16 19.22 16 20.56V21.39C14.63 21.88 13.07 22.13 12 22.13C10.93 22.13 9.38 21.88 8 21.39H8C6.37 20.81 5 19.89 5 18.63V13.5C5 11.16 9.66 10 12 10M12 3.75C11.03 3.75 10.25 4.53 10.25 5.5C10.25 6.47 11.03 7.25 12 7.25C12.97 7.25 13.75 6.47 13.75 5.5C13.75 4.53 12.97 3.75 12 3.75M12 9C10.07 9 8.5 7.43 8.5 5.5C8.5 3.57 10.07 2 12 2C13.93 2 15.5 3.57 15.5 5.5C15.5 7.43 13.93 9 12 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-child.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-child.svg
new file mode 100644
index 00000000..96fe83e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-child.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-child" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M12,9C13.63,9 15.12,9.35 16.5,10.05C17.84,10.76 18.5,11.61 18.5,12.61V18.38C18.5,19.5 17.64,20.44 15.89,21.19V19C15.89,18.05 15.03,17.38 13.31,16.97C12.75,16.84 12.31,16.78 12,16.78C11.13,16.78 10.3,16.95 9.54,17.3C8.77,17.64 8.31,18.08 8.16,18.61C9.5,19.14 10.78,19.41 12,19.41L13,19.31V21.94L12,22C10.63,22 9.33,21.72 8.11,21.19C6.36,20.44 5.5,19.5 5.5,18.38V12.61C5.5,11.61 6.16,10.76 7.5,10.05C8.88,9.35 10.38,9 12,9M12,11A2,2 0 0,0 10,13A2,2 0 0,0 12,15A2,2 0 0,0 14,13A2,2 0 0,0 12,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-circle-outline.svg
new file mode 100644
index 00000000..fd7c6350
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-circle.svg
new file mode 100644
index 00000000..fa2125f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-circle" viewBox="0 0 24 24"><path d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-clock-outline.svg
new file mode 100644
index 00000000..294c335e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-clock-outline" viewBox="0 0 24 24"><path d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M17,10A7,7 0 0,1 24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H1V17C1,14.34 6.33,13 9,13C9.6,13 10.34,13.07 11.12,13.2C12.36,11.28 14.53,10 17,10M10,17C10,16.3 10.1,15.62 10.29,15C9.87,14.93 9.43,14.9 9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H10.09C10.03,17.74 10,17.37 10,17M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-clock.svg
new file mode 100644
index 00000000..8a677236
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-clock" viewBox="0 0 24 24"><path d="M10.63,14.1C12.23,10.58 16.38,9.03 19.9,10.63C23.42,12.23 24.97,16.38 23.37,19.9C22.24,22.4 19.75,24 17,24C14.3,24 11.83,22.44 10.67,20H1V18C1.06,16.86 1.84,15.93 3.34,15.18C4.84,14.43 6.72,14.04 9,14C9.57,14 10.11,14.05 10.63,14.1V14.1M9,4C10.12,4.03 11.06,4.42 11.81,5.17C12.56,5.92 12.93,6.86 12.93,8C12.93,9.14 12.56,10.08 11.81,10.83C11.06,11.58 10.12,11.95 9,11.95C7.88,11.95 6.94,11.58 6.19,10.83C5.44,10.08 5.07,9.14 5.07,8C5.07,6.86 5.44,5.92 6.19,5.17C6.94,4.42 7.88,4.03 9,4M17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cog-outline.svg
new file mode 100644
index 00000000..83be7797
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cog-outline" viewBox="0 0 24 24"><path d="M10 4A4 4 0 0 0 6 8A4 4 0 0 0 10 12A4 4 0 0 0 14 8A4 4 0 0 0 10 4M10 6A2 2 0 0 1 12 8A2 2 0 0 1 10 10A2 2 0 0 1 8 8A2 2 0 0 1 10 6M17 12C16.84 12 16.76 12.08 16.76 12.24L16.5 13.5C16.28 13.68 15.96 13.84 15.72 14L14.44 13.5C14.36 13.5 14.2 13.5 14.12 13.6L13.16 15.36C13.08 15.44 13.08 15.6 13.24 15.68L14.28 16.5V17.5L13.24 18.32C13.16 18.4 13.08 18.56 13.16 18.64L14.12 20.4C14.2 20.5 14.36 20.5 14.44 20.5L15.72 20C15.96 20.16 16.28 20.32 16.5 20.5L16.76 21.76C16.76 21.92 16.84 22 17 22H19C19.08 22 19.24 21.92 19.24 21.76L19.4 20.5C19.72 20.32 20.04 20.16 20.28 20L21.5 20.5C21.64 20.5 21.8 20.5 21.8 20.4L22.84 18.64C22.92 18.56 22.84 18.4 22.76 18.32L21.72 17.5V16.5L22.76 15.68C22.84 15.6 22.92 15.44 22.84 15.36L21.8 13.6C21.8 13.5 21.64 13.5 21.5 13.5L20.28 14C20.04 13.84 19.72 13.68 19.4 13.5L19.24 12.24C19.24 12.08 19.08 12 19 12H17M10 13C7.33 13 2 14.33 2 17V20H11.67C11.39 19.41 11.19 18.77 11.09 18.1H3.9V17C3.9 16.36 7.03 14.9 10 14.9C10.43 14.9 10.87 14.94 11.3 15C11.5 14.36 11.77 13.76 12.12 13.21C11.34 13.08 10.6 13 10 13M18.04 15.5C18.84 15.5 19.5 16.16 19.5 17.04C19.5 17.84 18.84 18.5 18.04 18.5C17.16 18.5 16.5 17.84 16.5 17.04C16.5 16.16 17.16 15.5 18.04 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cog.svg
new file mode 100644
index 00000000..a4c54318
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cog" viewBox="0 0 24 24"><path d="M10 4A4 4 0 0 0 6 8A4 4 0 0 0 10 12A4 4 0 0 0 14 8A4 4 0 0 0 10 4M17 12C16.87 12 16.76 12.09 16.74 12.21L16.55 13.53C16.25 13.66 15.96 13.82 15.7 14L14.46 13.5C14.35 13.5 14.22 13.5 14.15 13.63L13.15 15.36C13.09 15.47 13.11 15.6 13.21 15.68L14.27 16.5C14.25 16.67 14.24 16.83 14.24 17C14.24 17.17 14.25 17.33 14.27 17.5L13.21 18.32C13.12 18.4 13.09 18.53 13.15 18.64L14.15 20.37C14.21 20.5 14.34 20.5 14.46 20.5L15.7 20C15.96 20.18 16.24 20.35 16.55 20.47L16.74 21.79C16.76 21.91 16.86 22 17 22H19C19.11 22 19.22 21.91 19.24 21.79L19.43 20.47C19.73 20.34 20 20.18 20.27 20L21.5 20.5C21.63 20.5 21.76 20.5 21.83 20.37L22.83 18.64C22.89 18.53 22.86 18.4 22.77 18.32L21.7 17.5C21.72 17.33 21.74 17.17 21.74 17C21.74 16.83 21.73 16.67 21.7 16.5L22.76 15.68C22.85 15.6 22.88 15.47 22.82 15.36L21.82 13.63C21.76 13.5 21.63 13.5 21.5 13.5L20.27 14C20 13.82 19.73 13.65 19.42 13.53L19.23 12.21C19.22 12.09 19.11 12 19 12H17M10 14C5.58 14 2 15.79 2 18V20H11.68A7 7 0 0 1 11 17A7 7 0 0 1 11.64 14.09C11.11 14.03 10.56 14 10 14M18 15.5C18.83 15.5 19.5 16.17 19.5 17C19.5 17.83 18.83 18.5 18 18.5C17.16 18.5 16.5 17.83 16.5 17C16.5 16.17 17.17 15.5 18 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-convert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-convert-outline.svg
new file mode 100644
index 00000000..d763c0bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-convert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-convert-outline" viewBox="0 0 24 24"><path d="M12 0L11.34 .03L15.15 3.84L16.5 2.5C19.75 4.07 22.09 7.24 22.45 11H23.95C23.44 4.84 18.29 0 12 0M12 4C10.07 4 8.5 5.57 8.5 7.5C8.5 9.43 10.07 11 12 11C13.93 11 15.5 9.43 15.5 7.5C15.5 5.57 13.93 4 12 4M12 6C12.83 6 13.5 6.67 13.5 7.5C13.5 8.33 12.83 9 12 9C11.17 9 10.5 8.33 10.5 7.5C10.5 6.67 11.17 6 12 6M.05 13C.56 19.16 5.71 24 12 24L12.66 23.97L8.85 20.16L7.5 21.5C4.25 19.94 1.91 16.76 1.55 13H.05M12 13C8.13 13 5 14.57 5 16.5V18H19V16.5C19 14.57 15.87 13 12 13M12 15C14.11 15 15.61 15.53 16.39 16H7.61C8.39 15.53 9.89 15 12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-convert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-convert.svg
new file mode 100644
index 00000000..b6a4c32a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-convert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-convert" viewBox="0 0 24 24"><path d="M12 0L11.34 .03L15.15 3.84L16.5 2.5C19.75 4.07 22.09 7.24 22.45 11H23.95C23.44 4.84 18.29 0 12 0M12 4C10.07 4 8.5 5.57 8.5 7.5C8.5 9.43 10.07 11 12 11C13.93 11 15.5 9.43 15.5 7.5C15.5 5.57 13.93 4 12 4M.05 13C.56 19.16 5.71 24 12 24L12.66 23.97L8.85 20.16L7.5 21.5C4.25 19.94 1.91 16.76 1.55 13H.05M12 13C8.13 13 5 14.57 5 16.5V18H19V16.5C19 14.57 15.87 13 12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat-outline.svg
new file mode 100644
index 00000000..e2d96450
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cowboy-hat-outline" viewBox="0 0 24 24"><path d="M19 4C18.4 4 18 4.4 18 5V6H16.5L15.1 3C15 2.8 14.9 2.6 14.7 2.5C14.2 2 13.4 1.9 12.7 2.2L12 2.4L11.3 2.1C10.6 1.8 9.8 1.9 9.3 2.4C9.1 2.6 9 2.8 8.9 3L7.5 6H6V5C6 4.4 5.6 4 5 4S4 4.4 4 5V6C4 7.1 4.9 8 6 8H18C19.1 8 20 7.1 20 6V5C20 4.5 19.6 4 19 4M4 22V19C4 16.33 9.33 15 12 15S20 16.33 20 19V22H4M18.1 20.1V19C18.1 18.36 14.97 16.9 12 16.9S5.9 18.36 5.9 19V20.1H18.1M16 9V10C16 12.21 14.21 14 12 14S8 12.21 8 10V9H10V10C10 11.11 10.9 12 12 12S14 11.11 14 10V9H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat.svg
new file mode 100644
index 00000000..c8dbea79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-cowboy-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-cowboy-hat" viewBox="0 0 24 24"><path d="M20 22H4V20C4 17.8 7.6 16 12 16S20 17.8 20 20M8 9H16V10C16 12.2 14.2 14 12 14S8 12.2 8 10M19 4C18.4 4 18 4.4 18 5V6H16.5L15.1 3C15 2.8 14.9 2.6 14.7 2.5C14.2 2 13.4 1.9 12.7 2.2L12 2.4L11.3 2.1C10.6 1.8 9.8 1.9 9.3 2.4C9.1 2.6 9 2.8 8.9 3L7.5 6H6V5C6 4.4 5.6 4 5 4S4 4.4 4 5V6C4 7.1 4.9 8 6 8H18C19.1 8 20 7.1 20 6V5C20 4.5 19.6 4 19 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card-outline.svg
new file mode 100644
index 00000000..21fe4eb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-credit-card-outline" viewBox="0 0 24 24"><path d="M7 4C4.8 4 3 5.8 3 8S4.8 12 7 12 11 10.2 11 8 9.2 4 7 4M7 10C5.9 10 5 9.1 5 8S5.9 6 7 6 9 6.9 9 8 8.1 10 7 10M7 14C3.1 14 0 15.8 0 18V20H11V18H2C2 17.4 3.8 16 7 16C8.8 16 10.2 16.5 11 17V14.8C9.9 14.3 8.5 14 7 14M22 4H15C13.9 4 13 4.9 13 6V18C13 19.1 13.9 20 15 20H22C23.1 20 24 19.1 24 18V6C24 4.9 23.1 4 22 4M16 18H15V6H16V18M22 18H18V6H22V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card.svg
new file mode 100644
index 00000000..cdf6abf5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-credit-card" viewBox="0 0 24 24"><path d="M7 12C9.2 12 11 10.2 11 8S9.2 4 7 4 3 5.8 3 8 4.8 12 7 12M11 20V14.7C9.9 14.3 8.5 14 7 14C3.1 14 0 15.8 0 18V20H11M22 4H15C13.9 4 13 4.9 13 6V18C13 19.1 13.9 20 15 20H22C23.1 20 24 19.1 24 18V6C24 4.9 23.1 4 22 4M18 18H16V6H18V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-details-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-details-outline.svg
new file mode 100644
index 00000000..dd7830a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-details-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-details-outline" viewBox="0 0 24 24"><path d="M11 9C11 10.66 9.66 12 8 12C6.34 12 5 10.66 5 9C5 7.34 6.34 6 8 6C9.66 6 11 7.34 11 9M14 20H2V18C2 15.79 4.69 14 8 14C11.31 14 14 15.79 14 18M7 9C7 9.55 7.45 10 8 10C8.55 10 9 9.55 9 9C9 8.45 8.55 8 8 8C7.45 8 7 8.45 7 9M4 18H12C12 16.9 10.21 16 8 16C5.79 16 4 16.9 4 18M22 12V14H13V12M22 8V10H13V8M22 4V6H13V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-details.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-details.svg
new file mode 100644
index 00000000..3d0c8a5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-details.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-details" viewBox="0 0 24 24"><path d="M11 9C11 10.66 9.66 12 8 12C6.34 12 5 10.66 5 9C5 7.34 6.34 6 8 6C9.66 6 11 7.34 11 9M14 20H2V18C2 15.79 4.69 14 8 14C11.31 14 14 15.79 14 18M22 12V14H13V12M22 8V10H13V8M22 4V6H13V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-edit-outline.svg
new file mode 100644
index 00000000..aa6d505c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-edit-outline" viewBox="0 0 24 24"><path d="M2 17V20H10V18.11H3.9V17C3.9 16.36 7.03 14.9 10 14.9C10.96 14.91 11.91 15.04 12.83 15.28L14.35 13.76C12.95 13.29 11.5 13.03 10 13C7.33 13 2 14.33 2 17M10 4C7.79 4 6 5.79 6 8S7.79 12 10 12 14 10.21 14 8 12.21 4 10 4M10 10C8.9 10 8 9.11 8 8S8.9 6 10 6 12 6.9 12 8 11.11 10 10 10M21.7 13.35L20.7 14.35L18.65 12.35L19.65 11.35C19.86 11.14 20.21 11.14 20.42 11.35L21.7 12.63C21.91 12.84 21.91 13.19 21.7 13.4M12 18.94L18.06 12.88L20.11 14.88L14.11 20.95H12V18.94" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-edit.svg
new file mode 100644
index 00000000..c5b029a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-edit" viewBox="0 0 24 24"><path d="M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.09 20.21,11.09 20.42,11.3L21.7,12.58C21.91,12.79 21.91,13.14 21.7,13.35M12,18.94L18.06,12.88L20.11,14.93L14.06,21H12V18.94M12,14C7.58,14 4,15.79 4,18V20H10V18.11L14,14.11C13.34,14.03 12.67,14 12,14M12,4A4,4 0 0,0 8,8A4,4 0 0,0 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-eye-outline.svg
new file mode 100644
index 00000000..4749c14d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-eye-outline" viewBox="0 0 24 24"><path d="M10 12C12.21 12 14 10.21 14 8S12.21 4 10 4 6 5.79 6 8 7.79 12 10 12M10 6C11.11 6 12 6.9 12 8S11.11 10 10 10 8 9.11 8 8 8.9 6 10 6M9.27 20H2V17C2 14.33 7.33 13 10 13C11.04 13 12.5 13.21 13.86 13.61C13 13.95 12.2 14.42 11.5 15C11 14.94 10.5 14.9 10 14.9C7.03 14.9 3.9 16.36 3.9 17V18.1H9.22C9.2 18.15 9.17 18.2 9.14 18.25L8.85 19L9.14 19.75C9.18 19.83 9.23 19.91 9.27 20M17 18C17.56 18 18 18.44 18 19S17.56 20 17 20 16 19.56 16 19 16.44 18 17 18M17 15C14.27 15 11.94 16.66 11 19C11.94 21.34 14.27 23 17 23S22.06 21.34 23 19C22.06 16.66 19.73 15 17 15M17 21.5C15.62 21.5 14.5 20.38 14.5 19S15.62 16.5 17 16.5 19.5 17.62 19.5 19 18.38 21.5 17 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-eye.svg
new file mode 100644
index 00000000..ae2abbbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-eye" viewBox="0 0 24 24"><path d="M6 8C6 5.79 7.79 4 10 4S14 5.79 14 8 12.21 12 10 12 6 10.21 6 8M9.14 19.75L8.85 19L9.14 18.25C9.84 16.5 11.08 15.14 12.61 14.22C11.79 14.08 10.92 14 10 14C5.58 14 2 15.79 2 18V20H9.27C9.23 19.91 9.18 19.83 9.14 19.75M17 18C16.44 18 16 18.44 16 19S16.44 20 17 20 18 19.56 18 19 17.56 18 17 18M23 19C22.06 21.34 19.73 23 17 23S11.94 21.34 11 19C11.94 16.66 14.27 15 17 15S22.06 16.66 23 19M19.5 19C19.5 17.62 18.38 16.5 17 16.5S14.5 17.62 14.5 19 15.62 21.5 17 21.5 19.5 20.38 19.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-filter-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-filter-outline.svg
new file mode 100644
index 00000000..5da49c24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-filter-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-filter-outline" viewBox="0 0 24 24"><path d="M17 21L18.8 22.77C19.3 23.27 20 22.87 20 22.28V18L22.8 14.6C23.3 13.9 22.8 13 22 13H15C14.2 13 13.7 14 14.2 14.6L17 18V21M15 20H2V17C2 14.3 7.3 13 10 13C10.6 13 11.3 13.1 12.1 13.2C11.9 13.8 12 14.5 12.2 15.1C11.5 15 10.7 14.9 10 14.9C7 14.9 3.9 16.4 3.9 17V18.1H14.5L15 18.7V20M10 4C7.8 4 6 5.8 6 8S7.8 12 10 12 14 10.2 14 8 12.2 4 10 4M10 10C8.9 10 8 9.1 8 8S8.9 6 10 6 12 6.9 12 8 11.1 10 10 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-filter.svg
new file mode 100644
index 00000000..49f54df9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-filter" viewBox="0 0 24 24"><path d="M10 4C12.2 4 14 5.8 14 8S12.2 12 10 12 6 10.2 6 8 7.8 4 10 4M17 21L18.8 22.77C19.3 23.27 20 22.87 20 22.28V18L22.8 14.6C23.3 13.9 22.8 13 22 13H15C14.2 13 13.7 14 14.2 14.6L17 18V21M15 18.7L12.7 15.9C12.3 15.4 12.1 14.8 12.1 14.2C11.4 14 10.7 14 10 14C5.6 14 2 15.8 2 18V20H15V18.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-group-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-group-outline.svg
new file mode 100644
index 00000000..0895f406
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-group-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-group-outline" viewBox="0 0 24 24"><path d="M12,5A3.5,3.5 0 0,0 8.5,8.5A3.5,3.5 0 0,0 12,12A3.5,3.5 0 0,0 15.5,8.5A3.5,3.5 0 0,0 12,5M12,7A1.5,1.5 0 0,1 13.5,8.5A1.5,1.5 0 0,1 12,10A1.5,1.5 0 0,1 10.5,8.5A1.5,1.5 0 0,1 12,7M5.5,8A2.5,2.5 0 0,0 3,10.5C3,11.44 3.53,12.25 4.29,12.68C4.65,12.88 5.06,13 5.5,13C5.94,13 6.35,12.88 6.71,12.68C7.08,12.47 7.39,12.17 7.62,11.81C6.89,10.86 6.5,9.7 6.5,8.5C6.5,8.41 6.5,8.31 6.5,8.22C6.2,8.08 5.86,8 5.5,8M18.5,8C18.14,8 17.8,8.08 17.5,8.22C17.5,8.31 17.5,8.41 17.5,8.5C17.5,9.7 17.11,10.86 16.38,11.81C16.5,12 16.63,12.15 16.78,12.3C16.94,12.45 17.1,12.58 17.29,12.68C17.65,12.88 18.06,13 18.5,13C18.94,13 19.35,12.88 19.71,12.68C20.47,12.25 21,11.44 21,10.5A2.5,2.5 0 0,0 18.5,8M12,14C9.66,14 5,15.17 5,17.5V19H19V17.5C19,15.17 14.34,14 12,14M4.71,14.55C2.78,14.78 0,15.76 0,17.5V19H3V17.07C3,16.06 3.69,15.22 4.71,14.55M19.29,14.55C20.31,15.22 21,16.06 21,17.07V19H24V17.5C24,15.76 21.22,14.78 19.29,14.55M12,16C13.53,16 15.24,16.5 16.23,17H7.77C8.76,16.5 10.47,16 12,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-group.svg
new file mode 100644
index 00000000..992ab7e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-group" viewBox="0 0 24 24"><path d="M12,5.5A3.5,3.5 0 0,1 15.5,9A3.5,3.5 0 0,1 12,12.5A3.5,3.5 0 0,1 8.5,9A3.5,3.5 0 0,1 12,5.5M5,8C5.56,8 6.08,8.15 6.53,8.42C6.38,9.85 6.8,11.27 7.66,12.38C7.16,13.34 6.16,14 5,14A3,3 0 0,1 2,11A3,3 0 0,1 5,8M19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14C17.84,14 16.84,13.34 16.34,12.38C17.2,11.27 17.62,9.85 17.47,8.42C17.92,8.15 18.44,8 19,8M5.5,18.25C5.5,16.18 8.41,14.5 12,14.5C15.59,14.5 18.5,16.18 18.5,18.25V20H5.5V18.25M0,20V18.5C0,17.11 1.89,15.94 4.45,15.6C3.86,16.28 3.5,17.22 3.5,18.25V20H0M24,20H20.5V18.25C20.5,17.22 20.14,16.28 19.55,15.6C22.11,15.94 24,17.11 24,18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat-outline.svg
new file mode 100644
index 00000000..9bc48865
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-hard-hat-outline" viewBox="0 0 24 24"><path d="M16 9C16 14.33 8 14.33 8 9H10C10 11.67 14 11.67 14 9M20 18V21H4V18C4 15.33 9.33 14 12 14C14.67 14 20 15.33 20 18M18.1 18C18.1 17.36 14.97 15.9 12 15.9C9.03 15.9 5.9 17.36 5.9 18V19.1H18.1M12.5 2C12.78 2 13 2.22 13 2.5V5.5H14V3C15.45 3.67 16.34 5.16 16.25 6.75C16.25 6.75 16.95 6.89 17 8H7C7 6.89 7.75 6.75 7.75 6.75C7.66 5.16 8.55 3.67 10 3V5.5H11V2.5C11 2.22 11.22 2 11.5 2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat.svg
new file mode 100644
index 00000000..49222569
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-hard-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-hard-hat" viewBox="0 0 24 24"><path d="M12,15C7.58,15 4,16.79 4,19V21H20V19C20,16.79 16.42,15 12,15M8,9A4,4 0 0,0 12,13A4,4 0 0,0 16,9M11.5,2C11.2,2 11,2.21 11,2.5V5.5H10V3C10,3 7.75,3.86 7.75,6.75C7.75,6.75 7,6.89 7,8H17C16.95,6.89 16.25,6.75 16.25,6.75C16.25,3.86 14,3 14,3V5.5H13V2.5C13,2.21 12.81,2 12.5,2H11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-heart-outline.svg
new file mode 100644
index 00000000..6c7b8b41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-heart-outline" viewBox="0 0 24 24"><path d="M5,15L4.4,14.5C2.4,12.6 1,11.4 1,9.9C1,8.7 2,7.7 3.2,7.7C3.9,7.7 4.6,8 5,8.5C5.4,8 6.1,7.7 6.8,7.7C8,7.7 9,8.6 9,9.9C9,11.4 7.6,12.6 5.6,14.5L5,15M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M21.1,18.1H8.9V17C8.9,16.36 12,14.9 15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-heart.svg
new file mode 100644
index 00000000..3db01b09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-heart" viewBox="0 0 24 24"><path d="M15,14C12.3,14 7,15.3 7,18V20H23V18C23,15.3 17.7,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,15L4.4,14.5C2.4,12.6 1,11.4 1,9.9C1,8.7 2,7.7 3.2,7.7C3.9,7.7 4.6,8 5,8.5C5.4,8 6.1,7.7 6.8,7.7C8,7.7 9,8.6 9,9.9C9,11.4 7.6,12.6 5.6,14.5L5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-injury-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-injury-outline.svg
new file mode 100644
index 00000000..68ec42ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-injury-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-injury-outline" viewBox="0 0 24 24"><path d="M12 10C14.21 10 16 8.21 16 6S14.21 2 12 2 8 3.79 8 6 9.79 10 12 10M12 4C13.1 4 14 4.9 14 6S13.1 8 12 8 10 7.1 10 6 10.9 4 12 4M18.39 12.56C16.71 11.7 14.53 11 12 11S7.29 11.7 5.61 12.56C4.61 13.07 4 14.1 4 15.22V22H6V15.22C6 14.84 6.2 14.5 6.5 14.34C7.71 13.73 9.63 13 12 13C12.76 13 13.47 13.07 14.13 13.2L12.58 16.5H9.75C8.23 16.5 7 17.73 7 19.25S8.23 22 9.75 22H18C19.1 22 20 21.1 20 20V15.22C20 14.1 19.39 13.07 18.39 12.56M10.94 20H9.75C9.34 20 9 19.66 9 19.25S9.34 18.5 9.75 18.5H11.64L10.94 20M18 20H13.15L16.09 13.73C16.63 13.93 17.1 14.14 17.5 14.34C17.8 14.5 18 14.84 18 15.22V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-injury.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-injury.svg
new file mode 100644
index 00000000..4f841ac6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-injury.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-injury" viewBox="0 0 24 24"><path d="M8 6C8 3.79 9.79 2 12 2S16 3.79 16 6 14.21 10 12 10 8 8.21 8 6M17 22H18C19.1 22 20 21.1 20 20V15.22C20 14.1 19.39 13.07 18.39 12.56C17.96 12.34 17.5 12.13 17 11.94V22M12.34 17L15 11.33C14.07 11.12 13.07 11 12 11C9.47 11 7.29 11.7 5.61 12.56C4.61 13.07 4 14.1 4 15.22V22H6.34C6.12 21.55 6 21.04 6 20.5C6 18.57 7.57 17 9.5 17H12.34M10 22L11.41 19H9.5C8.67 19 8 19.67 8 20.5S8.67 22 9.5 22H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-key-outline.svg
new file mode 100644
index 00000000..a8edbd25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-key-outline" viewBox="0 0 24 24"><path d="M5.8 10C5.4 8.8 4.3 8 3 8C1.3 8 0 9.3 0 11S1.3 14 3 14C4.3 14 5.4 13.2 5.8 12H7V14H9V12H11V10H5.8M3 12C2.4 12 2 11.6 2 11S2.4 10 3 10 4 10.4 4 11 3.6 12 3 12M16 4C13.8 4 12 5.8 12 8S13.8 12 16 12 20 10.2 20 8 18.2 4 16 4M16 10.1C14.8 10.1 13.9 9.2 13.9 8C13.9 6.8 14.8 5.9 16 5.9C17.2 5.9 18.1 6.8 18.1 8S17.2 10.1 16 10.1M16 13C13.3 13 8 14.3 8 17V20H24V17C24 14.3 18.7 13 16 13M22.1 18.1H9.9V17C9.9 16.4 13 14.9 16 14.9C19 14.9 22.1 16.4 22.1 17V18.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-key.svg
new file mode 100644
index 00000000..b081ae52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-key" viewBox="0 0 24 24"><path d="M11 10V12H9V14H7V12H5.8C5.4 13.2 4.3 14 3 14C1.3 14 0 12.7 0 11S1.3 8 3 8C4.3 8 5.4 8.8 5.8 10H11M3 10C2.4 10 2 10.4 2 11S2.4 12 3 12 4 11.6 4 11 3.6 10 3 10M16 14C18.7 14 24 15.3 24 18V20H8V18C8 15.3 13.3 14 16 14M16 12C13.8 12 12 10.2 12 8S13.8 4 16 4 20 5.8 20 8 18.2 12 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open-outline.svg
new file mode 100644
index 00000000..14db73ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-lock-open-outline" viewBox="0 0 24 24"><path d="M10 12C12.21 12 14 10.21 14 8S12.21 4 10 4 6 5.79 6 8 7.79 12 10 12M10 6C11.11 6 12 6.9 12 8S11.11 10 10 10 8 9.11 8 8 8.9 6 10 6M12 20H2V17C2 14.33 7.33 13 10 13C10.91 13 12.13 13.16 13.35 13.47C13.26 13.8 13.2 14.15 13.2 14.5V15.39C12.22 15.1 11.1 14.9 10 14.9C7.03 14.9 3.9 16.36 3.9 17V18.1H12C12 18.13 12 18.17 12 18.2V20M20.8 17H16.5V14.5C16.5 13.7 17.2 13.2 18 13.2S19.5 13.7 19.5 14.5V15H20.8V14.5C20.8 13.1 19.4 12 18 12S15.2 13.1 15.2 14.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open.svg
new file mode 100644
index 00000000..8a057f45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-lock-open" viewBox="0 0 24 24"><path d="M6 8C6 5.79 7.79 4 10 4S14 5.79 14 8 12.21 12 10 12 6 10.21 6 8M12 18.2C12 17.24 12.5 16.34 13.2 15.74V14.5C13.2 14.45 13.22 14.39 13.22 14.34C12.23 14.12 11.15 14 10 14C5.58 14 2 15.79 2 18V20H12V18.2M22 18.3V21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V14.5C15.2 13.1 16.6 12 18 12S20.8 13.1 20.8 14.5V15H19.5V14.5C19.5 13.7 18.8 13.2 18 13.2S16.5 13.7 16.5 14.5V17H20.8C21.4 17 22 17.6 22 18.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-outline.svg
new file mode 100644
index 00000000..b995a024
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-lock-outline" viewBox="0 0 24 24"><path d="M10 12C12.21 12 14 10.21 14 8S12.21 4 10 4 6 5.79 6 8 7.79 12 10 12M10 6C11.11 6 12 6.9 12 8S11.11 10 10 10 8 9.11 8 8 8.9 6 10 6M12 20H2V17C2 14.33 7.33 13 10 13C11 13 12.38 13.19 13.71 13.56C13.41 14.12 13.23 14.74 13.21 15.39C12.23 15.1 11.11 14.9 10 14.9C7.03 14.9 3.9 16.36 3.9 17V18.1H12C12 18.13 12 18.17 12 18.2V20M20.8 17V15.5C20.8 14.1 19.4 13 18 13C16.6 13 15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2C18.8 14.2 19.5 14.7 19.5 15.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock.svg
new file mode 100644
index 00000000..172f4671
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-lock" viewBox="0 0 24 24"><path d="M6 8C6 5.79 7.79 4 10 4S14 5.79 14 8 12.21 12 10 12 6 10.21 6 8M12 18.2C12 17.24 12.5 16.34 13.2 15.74V15.5C13.2 15.11 13.27 14.74 13.38 14.38C12.35 14.14 11.21 14 10 14C5.58 14 2 15.79 2 18V20H12V18.2M22 18.3V21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V15.5C15.2 14.1 16.6 13 18 13C19.4 13 20.8 14.1 20.8 15.5V17C21.4 17 22 17.6 22 18.3M19.5 15.5C19.5 14.7 18.8 14.2 18 14.2C17.2 14.2 16.5 14.7 16.5 15.5V17H19.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-minus-outline.svg
new file mode 100644
index 00000000..a14536a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-minus-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9M1,10V12H9V10H1M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1H8.9V17C8.9,16.36 12,14.9 15,14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-minus.svg
new file mode 100644
index 00000000..8ac45c07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-minus" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M1,10V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check-outline.svg
new file mode 100644
index 00000000..d7b33383
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-check-outline" viewBox="0 0 24 24"><path d="M13 11A3 3 0 1 0 10 8A3 3 0 0 0 13 11M13 7A1 1 0 1 1 12 8A1 1 0 0 1 13 7M17.11 10.86A5 5 0 0 0 17.11 5.14A2.91 2.91 0 0 1 18 5A3 3 0 0 1 18 11A2.91 2.91 0 0 1 17.11 10.86M13 13C7 13 7 17 7 17V19H19V17S19 13 13 13M9 17C9 16.71 9.32 15 13 15C16.5 15 16.94 16.56 17 17M24 17V19H21V17A5.6 5.6 0 0 0 19.2 13.06C24 13.55 24 17 24 17M7.34 8.92L8.5 10.33L3.75 15.08L1 12.08L2.16 10.92L3.75 12.5L7.34 8.92" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check.svg
new file mode 100644
index 00000000..0db79767
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-check" viewBox="0 0 24 24"><path d="M19 17V19H7V17S7 13 13 13 19 17 19 17M16 8A3 3 0 1 0 13 11A3 3 0 0 0 16 8M19.2 13.06A5.6 5.6 0 0 1 21 17V19H24V17S24 13.55 19.2 13.06M18 5A2.91 2.91 0 0 0 17.11 5.14A5 5 0 0 1 17.11 10.86A2.91 2.91 0 0 0 18 11A3 3 0 0 0 18 5M7.34 8.92L8.5 10.33L3.75 15.08L1 12.08L2.16 10.92L3.75 12.5L7.34 8.92" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus-outline.svg
new file mode 100644
index 00000000..3c88ca1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-minus-outline" viewBox="0 0 24 24"><path d="M13 11A3 3 0 1 0 10 8A3 3 0 0 0 13 11M13 7A1 1 0 1 1 12 8A1 1 0 0 1 13 7M17.11 10.86A5 5 0 0 0 17.11 5.14A2.91 2.91 0 0 1 18 5A3 3 0 0 1 18 11A2.91 2.91 0 0 1 17.11 10.86M13 13C7 13 7 17 7 17V19H19V17S19 13 13 13M9 17C9 16.71 9.32 15 13 15C16.5 15 16.94 16.56 17 17M24 17V19H21V17A5.6 5.6 0 0 0 19.2 13.06C24 13.55 24 17 24 17M8 12H0V10H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus.svg
new file mode 100644
index 00000000..2226dc0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-minus" viewBox="0 0 24 24"><path d="M19 17V19H7V17S7 13 13 13 19 17 19 17M16 8A3 3 0 1 0 13 11A3 3 0 0 0 16 8M19.2 13.06A5.6 5.6 0 0 1 21 17V19H24V17S24 13.55 19.2 13.06M18 5A2.91 2.91 0 0 0 17.11 5.14A5 5 0 0 1 17.11 10.86A2.91 2.91 0 0 0 18 11A3 3 0 0 0 18 5M8 10H0V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-outline.svg
new file mode 100644
index 00000000..cc780de9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-outline" viewBox="0 0 24 24"><path d="M13.07 10.41A5 5 0 0 0 13.07 4.59A3.39 3.39 0 0 1 15 4A3.5 3.5 0 0 1 15 11A3.39 3.39 0 0 1 13.07 10.41M5.5 7.5A3.5 3.5 0 1 1 9 11A3.5 3.5 0 0 1 5.5 7.5M7.5 7.5A1.5 1.5 0 1 0 9 6A1.5 1.5 0 0 0 7.5 7.5M16 17V19H2V17S2 13 9 13 16 17 16 17M14 17C13.86 16.22 12.67 15 9 15S4.07 16.31 4 17M15.95 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus-outline.svg
new file mode 100644
index 00000000..d508c8fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-plus-outline" viewBox="0 0 24 24"><path d="M13 11A3 3 0 1 0 10 8A3 3 0 0 0 13 11M13 7A1 1 0 1 1 12 8A1 1 0 0 1 13 7M17.11 10.86A5 5 0 0 0 17.11 5.14A2.91 2.91 0 0 1 18 5A3 3 0 0 1 18 11A2.91 2.91 0 0 1 17.11 10.86M13 13C7 13 7 17 7 17V19H19V17S19 13 13 13M9 17C9 16.71 9.32 15 13 15C16.5 15 16.94 16.56 17 17M24 17V19H21V17A5.6 5.6 0 0 0 19.2 13.06C24 13.55 24 17 24 17M8 12H5V15H3V12H0V10H3V7H5V10H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus.svg
new file mode 100644
index 00000000..fae8f135
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-plus" viewBox="0 0 24 24"><path d="M19 17V19H7V17S7 13 13 13 19 17 19 17M16 8A3 3 0 1 0 13 11A3 3 0 0 0 16 8M19.2 13.06A5.6 5.6 0 0 1 21 17V19H24V17S24 13.55 19.2 13.06M18 5A2.91 2.91 0 0 0 17.11 5.14A5 5 0 0 1 17.11 10.86A2.91 2.91 0 0 0 18 11A3 3 0 0 0 18 5M8 10H5V7H3V10H0V12H3V15H5V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove-outline.svg
new file mode 100644
index 00000000..2871be1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-remove-outline" viewBox="0 0 24 24"><path d="M24 17V19H21V17C21 15.45 20.3 14.06 19.18 13.06C24 13.55 24 17 24 17M18 5C19.66 5 21 6.34 21 8C21 9.66 19.66 11 18 11C17.69 11 17.38 10.95 17.1 10.86C17.67 10.05 18 9.07 18 8C18 6.94 17.67 5.95 17.1 5.14C17.38 5.05 17.69 5 18 5M13 5C14.66 5 16 6.34 16 8C16 9.66 14.66 11 13 11C11.34 11 10 9.66 10 8C10 6.34 11.34 5 13 5M19 17V19H7V17C7 14.79 9.69 13 13 13C16.31 13 19 14.79 19 17M13 7C12.45 7 12 7.45 12 8C12 8.55 12.45 9 13 9C13.55 9 14 8.55 14 8C14 7.45 13.55 7 13 7M13 15C10.79 15 9 15.9 9 17H17C17 15.9 15.21 15 13 15M.464 13.12L2.59 11L.464 8.88L1.88 7.46L4 9.59L6.12 7.46L7.54 8.88L5.41 11L7.54 13.12L6.12 14.54L4 12.41L1.88 14.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove.svg
new file mode 100644
index 00000000..e6064dff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple-remove" viewBox="0 0 24 24"><path d="M24 17V19H21V17C21 15.45 20.3 14.06 19.18 13.06C24 13.55 24 17 24 17M18 5C19.66 5 21 6.34 21 8C21 9.66 19.66 11 18 11C17.69 11 17.38 10.95 17.1 10.86C17.67 10.05 18 9.07 18 8C18 6.94 17.67 5.95 17.1 5.14C17.38 5.05 17.69 5 18 5M13 5C14.66 5 16 6.34 16 8C16 9.66 14.66 11 13 11C11.34 11 10 9.66 10 8C10 6.34 11.34 5 13 5M19 17V19H7V17C7 14.79 9.69 13 13 13C16.31 13 19 14.79 19 17M.464 13.12L2.59 11L.464 8.88L1.88 7.46L4 9.59L6.12 7.46L7.54 8.88L5.41 11L7.54 13.12L6.12 14.54L4 12.41L1.88 14.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple.svg
new file mode 100644
index 00000000..17e3a2b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-multiple" viewBox="0 0 24 24"><path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-music-outline.svg
new file mode 100644
index 00000000..b5dab128
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-music-outline" viewBox="0 0 24 24"><path d="M11,4A4,4 0 0,1 15,8A4,4 0 0,1 11,12A4,4 0 0,1 7,8A4,4 0 0,1 11,4M11,6A2,2 0 0,0 9,8A2,2 0 0,0 11,10A2,2 0 0,0 13,8A2,2 0 0,0 11,6M11,13C12.1,13 13.66,13.23 15.11,13.69C14.5,14.07 14,14.6 13.61,15.23C12.79,15.03 11.89,14.9 11,14.9C8.03,14.9 4.9,16.36 4.9,17V18.1H13.04C13.13,18.8 13.38,19.44 13.76,20H3V17C3,14.34 8.33,13 11,13M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-music.svg
new file mode 100644
index 00000000..b83a7edd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-music" viewBox="0 0 24 24"><path d="M11,14C12,14 13.05,14.16 14.2,14.44C13.39,15.31 13,16.33 13,17.5C13,18.39 13.25,19.23 13.78,20H3V18C3,16.81 3.91,15.85 5.74,15.12C7.57,14.38 9.33,14 11,14M11,12C9.92,12 9,11.61 8.18,10.83C7.38,10.05 7,9.11 7,8C7,6.92 7.38,6 8.18,5.18C9,4.38 9.92,4 11,4C12.11,4 13.05,4.38 13.83,5.18C14.61,6 15,6.92 15,8C15,9.11 14.61,10.05 13.83,10.83C13.05,11.61 12.11,12 11,12M18.5,10H20L22,10V12H20V17.5A2.5,2.5 0 0,1 17.5,20A2.5,2.5 0 0,1 15,17.5A2.5,2.5 0 0,1 17.5,15C17.86,15 18.19,15.07 18.5,15.21V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off-outline.svg
new file mode 100644
index 00000000..2923d9f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-network-off-outline" viewBox="0 0 24 24"><path d="M19 15.8L15.75 12.55C17.7 13.17 19 14.26 19 15.5V15.8M13.03 9.83L8.67 5.47C9.11 4.04 10.43 3 12 3C13.93 3 15.5 4.57 15.5 6.5C15.5 8.07 14.46 9.39 13.03 9.83M12 8C12.83 8 13.5 7.33 13.5 6.5S12.83 5 12 5 10.5 5.67 10.5 6.5 11.17 8 12 8M22 22H21.57L20.84 22.73L20.11 22H15C15 22.55 14.55 23 14 23H10C9.45 23 9 22.55 9 22H2V20H9C9 19.45 9.45 19 10 19H11V17H5V15.5C5 13.88 7.22 12.5 10.23 12.12L1.11 3L2.39 1.73L22 21.34V21.35L22.11 21.46L22 21.57V22M13.11 15L12.11 14C12.08 14 12.04 14 12 14C9.89 14 8.39 14.53 7.61 15H13.11M18.11 20L15.11 17H13V19H14C14.55 19 15 19.45 15 20H18.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off.svg
new file mode 100644
index 00000000..96cc55c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-network-off" viewBox="0 0 24 24"><path d="M13.03 9.83L8.67 5.47C9.11 4.04 10.43 3 12 3C13.93 3 15.5 4.57 15.5 6.5C15.5 8.07 14.46 9.39 13.03 9.83M19 15.5C19 14.26 17.7 13.17 15.75 12.55L19 15.8V15.5M22 22H21.57L20.84 22.73L20.11 22H15C15 22.55 14.55 23 14 23H10C9.45 23 9 22.55 9 22H2V20H9C9 19.45 9.45 19 10 19H11V17H5V15.5C5 13.88 7.22 12.5 10.23 12.12L1.11 3L2.39 1.73L22 21.34V21.35L22.11 21.46L22 21.57V22M18.11 20L15.11 17H13V19H14C14.55 19 15 19.45 15 20H18.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-outline.svg
new file mode 100644
index 00000000..0a606121
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-network-outline" viewBox="0 0 24 24"><path d="M12,10A3.5,3.5 0 0,0 15.5,6.5A3.5,3.5 0 0,0 12,3A3.5,3.5 0 0,0 8.5,6.5A3.5,3.5 0 0,0 12,10M12,5A1.5,1.5 0 0,1 13.5,6.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 10.5,6.5A1.5,1.5 0 0,1 12,5M15,20A1,1 0 0,0 14,19H13V17H19V15.5C19,13.57 15.87,12 12,12C8.13,12 5,13.57 5,15.5V17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7.61,15C8.39,14.53 9.89,14 12,14C14.11,14 15.61,14.53 16.39,15H7.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-network.svg
new file mode 100644
index 00000000..000fd65b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-network" viewBox="0 0 24 24"><path d="M13,17V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H5V15.5C5,13.57 8.13,12 12,12C15.87,12 19,13.57 19,15.5V17H13M12,3A3.5,3.5 0 0,1 15.5,6.5A3.5,3.5 0 0,1 12,10A3.5,3.5 0 0,1 8.5,6.5A3.5,3.5 0 0,1 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-off-outline.svg
new file mode 100644
index 00000000..ad5129ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-off-outline" viewBox="0 0 24 24"><path d="M2.75,7L4.03,5.75L13.26,15L20,21.72L18.73,23L15.73,20H4V17C4,15.14 6.61,13.92 9.09,13.36L2.75,7M20,17V19.18L18.1,17.28V17C18.1,16.74 17.6,16.35 16.8,16L14,13.18C16.71,13.63 20,14.91 20,17M5.9,17V18.1H13.83L10.72,15C8.19,15.3 5.9,16.45 5.9,17M12,4A4,4 0 0,1 16,8C16,9.95 14.6,11.58 12.75,11.93L8.07,7.25C8.42,5.4 10.05,4 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-off.svg
new file mode 100644
index 00000000..e194ec83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-off" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8C16,9.95 14.6,11.58 12.75,11.93L8.07,7.25C8.42,5.4 10.05,4 12,4M12.28,14L18.28,20L20,21.72L18.73,23L15.73,20H4V18C4,16.16 6.5,14.61 9.87,14.14L2.78,7.05L4.05,5.78L12.28,14M20,18V19.18L15.14,14.32C18,14.93 20,16.35 20,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-outline.svg
new file mode 100644
index 00000000..2788cfda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-outline" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-plus-outline.svg
new file mode 100644
index 00000000..8655c152
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-plus-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9M4,7V10H1V12H4V15H6V12H9V10H6V7H4M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1H8.9V17C8.9,16.36 12,14.9 15,14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-plus.svg
new file mode 100644
index 00000000..5e925156
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-plus" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M6,10V7H4V10H1V12H4V15H6V12H9V10M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-question-outline.svg
new file mode 100644
index 00000000..7b19133c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-question-outline" viewBox="0 0 24 24"><path d="M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5M9,13C11.67,13 17,14.34 17,17V20H1V17C1,14.34 6.33,13 9,13M9,4A4,4 0 0,1 13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4M9,14.9C6.03,14.9 2.9,16.36 2.9,17V18.1H15.1V17C15.1,16.36 11.97,14.9 9,14.9M9,5.9A2.1,2.1 0 0,0 6.9,8A2.1,2.1 0 0,0 9,10.1A2.1,2.1 0 0,0 11.1,8A2.1,2.1 0 0,0 9,5.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-question.svg
new file mode 100644
index 00000000..94fe9d36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-question" viewBox="0 0 24 24"><path d="M13,8A4,4 0 0,1 9,12A4,4 0 0,1 5,8A4,4 0 0,1 9,4A4,4 0 0,1 13,8M17,18V20H1V18C1,15.79 4.58,14 9,14C13.42,14 17,15.79 17,18M20.5,14.5V16H19V14.5H20.5M18.5,9.5H17V9A3,3 0 0,1 20,6A3,3 0 0,1 23,9C23,9.97 22.5,10.88 21.71,11.41L21.41,11.6C20.84,12 20.5,12.61 20.5,13.3V13.5H19V13.3C19,12.11 19.6,11 20.59,10.35L20.88,10.16C21.27,9.9 21.5,9.47 21.5,9A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 18.5,9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate-outline.svg
new file mode 100644
index 00000000..42817cb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-reactivate-outline" viewBox="0 0 24 24"><path d="M21.5 9H16.5L18.36 7.14C16.9 5.23 14.59 4 12 4C7.58 4 4 7.58 4 12C4 13.83 4.61 15.5 5.64 16.85C6.86 15.45 9.15 14.5 12 14.5C14.85 14.5 17.15 15.45 18.36 16.85C19.39 15.5 20 13.83 20 12H22C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C15.14 2 17.95 3.45 19.78 5.72L21.5 4V9M12 20C13.9 20 15.64 19.34 17 18.24C16.36 17.23 14.45 16.5 12 16.5C9.55 16.5 7.64 17.23 7 18.24C8.36 19.34 10.1 20 12 20M12 6C13.93 6 15.5 7.57 15.5 9.5C15.5 11.43 13.93 13 12 13C10.07 13 8.5 11.43 8.5 9.5C8.5 7.57 10.07 6 12 6M12 8C11.17 8 10.5 8.67 10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate.svg
new file mode 100644
index 00000000..ed05a413
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-reactivate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-reactivate" viewBox="0 0 24 24"><path d="M21.5 9H16.5L18.36 7.14C16.9 5.23 14.59 4 12 4C7.58 4 4 7.58 4 12C4 13.83 4.61 15.5 5.64 16.85C6.86 15.45 9.15 14.5 12 14.5C14.85 14.5 17.15 15.45 18.36 16.85C19.39 15.5 20 13.83 20 12H22C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C15.14 2 17.95 3.45 19.78 5.72L21.5 4V9M12 7C13.66 7 15 8.34 15 10C15 11.66 13.66 13 12 13C10.34 13 9 11.66 9 10C9 8.34 10.34 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-remove-outline.svg
new file mode 100644
index 00000000..f6c4a625
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-remove-outline" viewBox="0 0 24 24"><path d="M1.46,8.88L2.88,7.46L5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88M15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4M15,5.9A2.1,2.1 0 0,0 12.9,8A2.1,2.1 0 0,0 15,10.1C16.16,10.1 17.1,9.16 17.1,8C17.1,6.84 16.16,5.9 15,5.9M15,13C17.67,13 23,14.33 23,17V20H7V17C7,14.33 12.33,13 15,13M15,14.9C12,14.9 8.9,16.36 8.9,17V18.1H21.1V17C21.1,16.36 17.97,14.9 15,14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-remove.svg
new file mode 100644
index 00000000..4d78a62c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-remove" viewBox="0 0 24 24"><path d="M15,14C17.67,14 23,15.33 23,18V20H7V18C7,15.33 12.33,14 15,14M15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12M5,9.59L7.12,7.46L8.54,8.88L6.41,11L8.54,13.12L7.12,14.54L5,12.41L2.88,14.54L1.46,13.12L3.59,11L1.46,8.88L2.88,7.46L5,9.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-school-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-school-outline.svg
new file mode 100644
index 00000000..c600a647
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-school-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-school-outline" viewBox="0 0 24 24"><path d="M18 10.5V6L15.89 7.06C15.96 7.36 16 7.67 16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8C8 7.67 8.04 7.36 8.11 7.06L5 5.5L12 2L19 5.5V10.5H18M12 9L10 8C10 9.1 10.9 10 12 10C13.1 10 14 9.1 14 8L12 9M14.75 5.42L12.16 4.1L9.47 5.47L12.07 6.79L14.75 5.42M12 13C14.67 13 20 14.33 20 17V20H4V17C4 14.33 9.33 13 12 13M12 14.9C9 14.9 5.9 16.36 5.9 17V18.1H18.1V17C18.1 16.36 14.97 14.9 12 14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-school.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-school.svg
new file mode 100644
index 00000000..bb812c50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-school.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-school" viewBox="0 0 24 24"><path d="M16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8L8.11 7.06L5 5.5L12 2L19 5.5V10.5H18V6L15.89 7.06L16 8M12 14C16.42 14 20 15.79 20 18V20H4V18C4 15.79 7.58 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-search-outline.svg
new file mode 100644
index 00000000..814d2470
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-search-outline" viewBox="0 0 24 24"><path d="M10,13C9.65,13.59 9.36,14.24 9.19,14.93C6.5,15.16 3.9,16.42 3.9,17V18.1H9.2C9.37,18.78 9.65,19.42 10,20H2V17C2,14.34 7.33,13 10,13M10,4A4,4 0 0,1 14,8C14,8.91 13.69,9.75 13.18,10.43C12.32,10.75 11.55,11.26 10.91,11.9L10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M10,5.9A2.1,2.1 0 0,0 7.9,8A2.1,2.1 0 0,0 10,10.1A2.1,2.1 0 0,0 12.1,8A2.1,2.1 0 0,0 10,5.9M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-search.svg
new file mode 100644
index 00000000..ac2765c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M10,4A4,4 0 0,1 14,8C14,8.91 13.69,9.75 13.18,10.43C12.32,10.75 11.55,11.26 10.91,11.9L10,12A4,4 0 0,1 6,8A4,4 0 0,1 10,4M2,20V18C2,15.88 5.31,14.14 9.5,14C9.18,14.78 9,15.62 9,16.5C9,17.79 9.38,19 10,20H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-settings-outline.svg
new file mode 100644
index 00000000..918afa99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-settings-outline" viewBox="0 0 24 24"><path d="M12 4C14.21 4 16 5.79 16 8S14.21 12 12 12 8 10.21 8 8 9.79 4 12 4M12 6C10.9 6 10 6.9 10 8S10.9 10 12 10 14 9.11 14 8 13.11 6 12 6M12 13C14.67 13 20 14.33 20 17V20H4V17C4 14.33 9.33 13 12 13M12 14.9C9.03 14.9 5.9 16.36 5.9 17V18.1H18.1V17C18.1 16.36 14.97 14.9 12 14.9M13 22H11V24H13V22M17 22H15V24H17V22M9 22H7V24H9V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-settings.svg
new file mode 100644
index 00000000..280a3112
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-settings" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-star-outline.svg
new file mode 100644
index 00000000..f1b63e76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-star-outline" viewBox="0 0 24 24"><path d="M15,4A4,4 0 0,1 19,8A4,4 0 0,1 15,12A4,4 0 0,1 11,8A4,4 0 0,1 15,4M15,5.9A2.1,2.1 0 0,0 12.9,8A2.1,2.1 0 0,0 15,10.1C16.16,10.1 17.1,9.16 17.1,8C17.1,6.84 16.16,5.9 15,5.9M15,13C17.67,13 23,14.33 23,17V20H7V17C7,14.33 12.33,13 15,13M15,14.9C12,14.9 8.9,16.36 8.9,17V18.1H21.1V17C21.1,16.36 17.97,14.9 15,14.9M5,13.28L2.5,14.77L3.18,11.96L1,10.08L3.87,9.83L5,7.19L6.11,9.83L9,10.08L6.8,11.96L7.45,14.77L5,13.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-star.svg
new file mode 100644
index 00000000..725020af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-star" viewBox="0 0 24 24"><path d="M15,14C12.33,14 7,15.33 7,18V20H23V18C23,15.33 17.67,14 15,14M15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12M5,13.28L7.45,14.77L6.8,11.96L9,10.08L6.11,9.83L5,7.19L3.87,9.83L1,10.08L3.18,11.96L2.5,14.77L5,13.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle-outline.svg
new file mode 100644
index 00000000..d498f34f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-supervisor-circle-outline" viewBox="0 0 24 24"><path d="M12.5 10C12.5 8.34 11.16 7 9.5 7C7.86 7 6.5 8.34 6.5 10C6.5 11.64 7.86 13 9.5 13C11.16 13 12.5 11.64 12.5 10M9.5 11C8.96 11 8.5 10.54 8.5 10C8.5 9.44 8.96 9 9.5 9C10.06 9 10.5 9.44 10.5 10C10.5 10.54 10.06 11 9.5 11M16 13C17.12 13 18 12.1 18 11C18 9.88 17.12 9 16 9C14.9 9 14 9.88 14 11C14 12.1 14.9 13 16 13M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M5.85 17.11C6.53 16.57 8.12 16 9.5 16C9.58 16 9.66 16 9.74 16C10 15.37 10.41 14.72 11.04 14.15C10.5 14.05 9.95 14 9.5 14C8.21 14 6.12 14.44 4.78 15.42C4.28 14.38 4 13.22 4 12C4 7.58 7.59 4 12 4C16.41 4 20 7.58 20 12C20 13.19 19.73 14.33 19.25 15.36C18.25 14.77 16.89 14.5 16 14.5C14.5 14.5 11.5 15.3 11.5 17.19V19.97C9.24 19.84 7.22 18.76 5.85 17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle.svg
new file mode 100644
index 00000000..b3681129
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-supervisor-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.6,8.34C16.67,8.34 17.53,9.2 17.53,10.27C17.53,11.34 16.67,12.2 15.6,12.2A1.93,1.93 0 0,1 13.67,10.27C13.66,9.2 14.53,8.34 15.6,8.34M9.6,6.76C10.9,6.76 11.96,7.82 11.96,9.12C11.96,10.42 10.9,11.5 9.6,11.5C8.3,11.5 7.24,10.42 7.24,9.12C7.24,7.81 8.29,6.76 9.6,6.76M9.6,15.89V19.64C7.2,18.89 5.3,17.04 4.46,14.68C5.5,13.56 8.13,13 9.6,13C10.13,13 10.8,13.07 11.5,13.21C9.86,14.08 9.6,15.23 9.6,15.89M12,20C11.72,20 11.46,20 11.2,19.96V15.89C11.2,14.47 14.14,13.76 15.6,13.76C16.67,13.76 18.5,14.15 19.44,14.91C18.27,17.88 15.38,20 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-outline.svg
new file mode 100644
index 00000000..7b20a1fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-supervisor-outline" viewBox="0 0 24 24"><path d="M16.5 15.5C18.22 15.5 20.25 16.3 20.5 16.78V17.5H12.5V16.78C12.75 16.3 14.78 15.5 16.5 15.5M16.5 14C14.67 14 11 14.92 11 16.75V19H22V16.75C22 14.92 18.33 14 16.5 14M9 13C6.67 13 2 14.17 2 16.5V19H9V17.5H3.5V16.5C3.5 15.87 6.29 14.34 9.82 14.5A5.12 5.12 0 0 1 11.37 13.25A12.28 12.28 0 0 0 9 13M9 6.5A1.5 1.5 0 1 1 7.5 8A1.5 1.5 0 0 1 9 6.5M9 5A3 3 0 1 0 12 8A3 3 0 0 0 9 5M16.5 8.5A1 1 0 1 1 15.5 9.5A1 1 0 0 1 16.5 8.5M16.5 7A2.5 2.5 0 1 0 19 9.5A2.5 2.5 0 0 0 16.5 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor.svg
new file mode 100644
index 00000000..4bceee0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-supervisor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-supervisor" viewBox="0 0 24 24"><path d="M16.5,12A2.5,2.5 0 0,0 19,9.5A2.5,2.5 0 0,0 16.5,7A2.5,2.5 0 0,0 14,9.5A2.5,2.5 0 0,0 16.5,12M9,11A3,3 0 0,0 12,8A3,3 0 0,0 9,5A3,3 0 0,0 6,8A3,3 0 0,0 9,11M16.5,14C14.67,14 11,14.92 11,16.75V19H22V16.75C22,14.92 18.33,14 16.5,14M9,13C6.67,13 2,14.17 2,16.5V19H9V16.75C9,15.9 9.33,14.41 11.37,13.28C10.5,13.1 9.66,13 9,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-switch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-switch-outline.svg
new file mode 100644
index 00000000..d02d19e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-switch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-switch-outline" viewBox="0 0 24 24"><path d="M16 9C22 9 22 13 22 13V15H16V13C16 13 16 11.31 14.85 9.8C14.68 9.57 14.47 9.35 14.25 9.14C14.77 9.06 15.34 9 16 9M8 11C11.5 11 11.94 12.56 12 13H4C4.06 12.56 4.5 11 8 11M8 9C2 9 2 13 2 13V15H14V13C14 13 14 9 8 9M9 17V19H15V17L18 20L15 23V21H9V23L6 20L9 17M8 3C8.55 3 9 3.45 9 4S8.55 5 8 5 7 4.55 7 4 7.45 3 8 3M8 1C6.34 1 5 2.34 5 4S6.34 7 8 7 11 5.66 11 4 9.66 1 8 1M16 1C14.34 1 13 2.34 13 4S14.34 7 16 7 19 5.66 19 4 17.66 1 16 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-switch.svg
new file mode 100644
index 00000000..0e425518
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-switch" viewBox="0 0 24 24"><path d="M16 9C22 9 22 13 22 13V15H16V13C16 13 16 11.31 14.85 9.8C14.68 9.57 14.47 9.35 14.25 9.14C14.77 9.06 15.34 9 16 9M2 13C2 13 2 9 8 9S14 13 14 13V15H2V13M9 17V19H15V17L18 20L15 23V21H9V23L6 20L9 17M8 1C6.34 1 5 2.34 5 4S6.34 7 8 7 11 5.66 11 4 9.66 1 8 1M16 1C14.34 1 13 2.34 13 4S14.34 7 16 7 19 5.66 19 4 17.66 1 16 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-sync-outline.svg
new file mode 100644
index 00000000..04728e75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-sync-outline" viewBox="0 0 24 24"><path d="M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 6C12.1 6 13 6.9 13 8S12.1 10 11 10 9 9.1 9 8 9.9 6 11 6M11 13C8.3 13 3 14.3 3 17V20H12.5C12.2 19.4 12.1 18.8 12 18.1H4.9V17C4.9 16.4 8 14.9 11 14.9C11.5 14.9 12 15 12.5 15C12.8 14.4 13.1 13.8 13.6 13.3C12.6 13.1 11.7 13 11 13M18 20C16.6 20 15.5 18.9 15.5 17.5C15.5 17.1 15.6 16.7 15.8 16.4L14.7 15.3C14.3 15.9 14 16.7 14 17.5C14 19.7 15.8 21.5 18 21.5V23L20.2 20.8L18 18.5V20M18 13.5V12L15.8 14.2L18 16.4V15C19.4 15 20.5 16.1 20.5 17.5C20.5 17.9 20.4 18.3 20.2 18.6L21.3 19.7C21.7 19.1 22 18.3 22 17.5C22 15.3 20.2 13.5 18 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-sync.svg
new file mode 100644
index 00000000..b9a57a39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-sync" viewBox="0 0 24 24"><path d="M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14M18 20C16.6 20 15.5 18.9 15.5 17.5C15.5 17.1 15.6 16.7 15.8 16.4L14.7 15.3C14.3 15.9 14 16.7 14 17.5C14 19.7 15.8 21.5 18 21.5V23L20.2 20.8L18 18.5V20M18 13.5V12L15.8 14.2L18 16.4V15C19.4 15 20.5 16.1 20.5 17.5C20.5 17.9 20.4 18.3 20.2 18.6L21.3 19.7C21.7 19.1 22 18.3 22 17.5C22 15.3 20.2 13.5 18 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tag-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tag-outline.svg
new file mode 100644
index 00000000..6f32c06d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tag-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tag-outline" viewBox="0 0 24 24"><path d="M15.4 16C15.1 16 14.8 15.7 14.8 15.4C14.8 15.1 15.1 14.8 15.4 14.8C15.7 14.8 16 15.1 16 15.4C16 15.7 15.7 16 15.4 16M21.8 17.8L18.2 14.2C18 14.1 17.8 14 17.6 14H14.8C14.4 14 14 14.4 14 14.8V17.6C14 17.8 14.1 18 14.2 18.2L17.8 21.8C17.9 21.9 18.1 22 18.4 22S18.8 21.9 19 21.8L21.8 19C21.9 18.9 22 18.7 22 18.4C22 18.2 21.9 18 21.8 17.8M10 4C7.8 4 6 5.8 6 8S7.8 12 10 12 14 10.2 14 8 12.2 4 10 4M10 6C11.1 6 12 6.9 12 8S11.1 10 10 10 8 9.1 8 8 8.9 6 10 6M10 13C7.3 13 2 14.3 2 17V20H13.2L12.8 19.6C12.4 19.2 12.1 18.7 12 18.1H3.9V17C3.9 16.4 7 14.9 10 14.9C10.7 14.9 11.4 15 12 15.1V14.8C12 14.2 12.2 13.7 12.5 13.3C11.6 13.1 10.7 13 10 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tag.svg
new file mode 100644
index 00000000..31cb1f13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tag" viewBox="0 0 24 24"><path d="M21.8 17.8L18.2 14.2C18 14.1 17.8 14 17.6 14H14.8C14.4 14 14 14.4 14 14.8V17.6C14 17.8 14.1 18 14.2 18.2L17.8 21.8C17.9 21.9 18.1 22 18.4 22C18.6 22 18.8 21.9 19 21.8L21.8 19C21.9 18.9 22 18.7 22 18.4C22 18.2 21.9 18 21.8 17.8M15.4 16C15.1 16 14.8 15.7 14.8 15.4C14.8 15.1 15.1 14.8 15.4 14.8C15.7 14.8 16 15.1 16 15.4C16 15.7 15.7 16 15.4 16M10 4C7.8 4 6 5.8 6 8S7.8 12 10 12 14 10.2 14 8 12.2 4 10 4M10 14C5.6 14 2 15.8 2 18V20H13.2L12.8 19.6C12.3 19.1 12 18.4 12 17.6V14.8C12 14.6 12 14.4 12.1 14.1C11.4 14 10.7 14 10 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat-outline.svg
new file mode 100644
index 00000000..80a395d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-hat-outline" viewBox="0 0 24 24"><path d="M6 4.5C6 3.1 8.7 2 12 2S18 3.1 18 4.5C18 4.9 17.8 5.2 17.5 5.5C16.6 4.6 14.5 4 12 4S7.4 4.6 6.5 5.5C6.2 5.2 6 4.9 6 4.5M12 5C9.8 5 8.1 5.5 7.4 6.1C8.5 6.6 10.1 7 12 7S15.5 6.6 16.6 6.1C15.9 5.5 14.2 5 12 5M14 8C14 9.1 13.1 10 12 10S10 9.1 10 8V7.9C9.3 7.8 8.6 7.7 8 7.5V8C8 10.2 9.8 12 12 12S16 10.2 16 8C16 7.8 16 7.6 15.9 7.4C15.3 7.6 14.6 7.7 13.9 7.8C14 7.9 14 7.9 14 8M16.4 13.8L15.7 15L15.5 15.5C17 16 18.1 16.6 18.1 17V20.1H13.9L13 15L13.9 13.1C13.3 13.1 12.7 13 12 13S10.7 13 10.1 13.1L11 15L10.1 20.1H5.9V17C5.9 16.6 7 16 8.5 15.5L8.3 15L7.7 13.8C5.7 14.4 4 15.5 4 17V22H20V17C20 15.5 18.3 14.4 16.4 13.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat.svg
new file mode 100644
index 00000000..63e8c13a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-hat" viewBox="0 0 24 24"><path d="M16 14.5C16 15.6 15.7 18 13.8 20.8L13 16L13.9 14.1C13.3 14.1 12.7 14 12 14S10.7 14.1 10.1 14.1L11 16L10.2 20.8C8.3 18.1 8 15.6 8 14.5C5.6 15.2 4 16.5 4 18V22H20V18C20 16.5 18.4 15.2 16 14.5M6 4.5C6 3.1 8.7 2 12 2S18 3.1 18 4.5C18 4.9 17.8 5.2 17.5 5.5C16.6 4.6 14.5 4 12 4S7.4 4.6 6.5 5.5C6.2 5.2 6 4.9 6 4.5M15.9 7.4C16 7.6 16 7.8 16 8C16 10.2 14.2 12 12 12S8 10.2 8 8C8 7.8 8 7.6 8.1 7.4C9.1 7.8 10.5 8 12 8S14.9 7.8 15.9 7.4M16.6 6.1C15.5 6.6 13.9 7 12 7S8.5 6.6 7.4 6.1C8.1 5.5 9.8 5 12 5S15.9 5.5 16.6 6.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-outline.svg
new file mode 100644
index 00000000..6f64c8e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-outline" viewBox="0 0 24 24"><path d="M16.36 12.76C18.31 13.42 20 14.5 20 16V21H4V16C4 14.5 5.69 13.42 7.65 12.76L8.27 14L8.5 14.5C7 14.96 5.9 15.62 5.9 16V19.1H10.12L11 14.03L10.06 12.15C10.68 12.08 11.33 12.03 12 12.03C12.67 12.03 13.32 12.08 13.94 12.15L13 14.03L13.88 19.1H18.1V16C18.1 15.62 17 14.96 15.5 14.5L15.73 14L16.36 12.76M12 5C10.9 5 10 5.9 10 7C10 8.1 10.9 9 12 9C13.1 9 14 8.1 14 7C14 5.9 13.1 5 12 5M12 11C9.79 11 8 9.21 8 7C8 4.79 9.79 3 12 3C14.21 3 16 4.79 16 7C16 9.21 14.21 11 12 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off-outline.svg
new file mode 100644
index 00000000..8d828362
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-voice-off-outline" viewBox="0 0 24 24"><path d="M9.22 6L7.5 4.3C7.96 4.11 8.47 4 9 4C11.21 4 13 5.79 13 8C13 8.53 12.89 9.04 12.7 9.5L11 7.78C10.87 6.86 10.14 6.13 9.22 6M20.06 15C23.96 11.11 24 5.05 20.06 1L18.43 2.63C21.2 5.65 21.2 10.19 18.43 13.37L20.06 15M16.75 11.63C18.77 9.61 18.77 6.56 16.75 4.36L15.07 6.05C15.91 7.23 15.91 8.76 15.07 9.94L16.75 11.63M2.39 1.73L1.11 3L5.14 7.03C5.06 7.34 5 7.66 5 8C5 10.21 6.79 12 9 12C9.34 12 9.66 11.94 9.97 11.86L12.86 14.75L12.73 15L12.5 15.5C13.3 15.74 13.97 16.05 14.44 16.33L15.1 17V20.1H10.88L10 15.03L10.94 13.15C10.32 13.08 9.67 13.03 9 13.03S7.68 13.08 7.06 13.15L8 15.03L7.12 20.1H2.9V17C2.9 16.62 4 15.96 5.5 15.5L5.27 15L4.65 13.76C2.69 14.42 1 15.5 1 17V22H17V18.89L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off.svg
new file mode 100644
index 00000000..dd23183d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-voice-off" viewBox="0 0 24 24"><path d="M12.7 9.5L7.5 4.3C7.96 4.11 8.46 4 9 4C11.2 4 13 5.79 13 8C13 8.53 12.89 9.04 12.7 9.5M16.75 11.63C18.77 9.61 18.77 6.56 16.75 4.36L15.07 6.05C15.91 7.23 15.91 8.76 15.07 9.94L16.75 11.63M20.06 15C23.96 11.11 24 5.05 20.06 1L18.43 2.63C21.2 5.65 21.2 10.19 18.43 13.37L20.06 15M2.39 1.73L1.11 3L5.13 7C5.05 7.34 5 7.66 5 8C5 10.21 6.79 12 9 12C9.33 12 9.66 11.94 9.97 11.86L13 14.87C12.93 16.06 12.54 18.32 10.8 20.83L10 16L10.93 14.12C10.31 14.05 9.66 14 9 14C8.32 14 7.67 14.05 7.05 14.12L8 16L7.18 20.83C5.27 18.07 5 15.6 5 14.54C2.6 15.24 .994 16.5 .994 18V22H17V18.88L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-outline.svg
new file mode 100644
index 00000000..252f0857
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-voice-outline" viewBox="0 0 24 24"><path d="M16.75 4.36C18.77 6.56 18.77 9.61 16.75 11.63L15.07 9.94C15.91 8.76 15.91 7.23 15.07 6.05L16.75 4.36M20.06 1C24 5.05 23.96 11.11 20.06 15L18.43 13.37C21.2 10.19 21.2 5.65 18.43 2.63L20.06 1M13.36 13.76C15.31 14.42 17 15.5 17 17V22H1V17C1 15.5 2.69 14.42 4.65 13.76L5.27 15L5.5 15.5C4 15.96 2.9 16.62 2.9 17V20.1H7.12L8 15.03L7.06 13.15C7.68 13.08 8.33 13.03 9 13.03S10.32 13.08 10.94 13.15L10 15.03L10.88 20.1H15.1V17C15.1 16.62 14 15.96 12.5 15.5L12.73 15L13.36 13.76M9 6C7.9 6 7 6.9 7 8S7.9 10 9 10 11 9.1 11 8 10.1 6 9 6M9 12C6.79 12 5 10.21 5 8S6.79 4 9 4 13 5.79 13 8 11.21 12 9 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice.svg
new file mode 100644
index 00000000..5daa1d3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-voice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-voice" viewBox="0 0 24 24"><path d="M16.75 4.36C18.77 6.56 18.77 9.61 16.75 11.63L15.07 9.94C15.91 8.76 15.91 7.23 15.07 6.05L16.75 4.36M20.06 1C24 5.05 23.96 11.11 20.06 15L18.43 13.37C21.2 10.19 21.2 5.65 18.43 2.63L20.06 1M9 4C11.2 4 13 5.79 13 8S11.2 12 9 12 5 10.21 5 8 6.79 4 9 4M13 14.54C13 15.6 12.71 18.07 10.8 20.83L10 16L10.93 14.12C10.31 14.05 9.66 14 9 14S7.67 14.05 7.05 14.12L8 16L7.18 20.83C5.27 18.07 5 15.6 5 14.54C2.6 15.24 .994 16.5 .994 18V22H17V18C17 16.5 15.39 15.24 13 14.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-woman.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-woman.svg
new file mode 100644
index 00000000..ccdbd6f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie-woman.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie-woman" viewBox="0 0 24 24"><path d="M11.94 3C9.75 3.03 8 4.81 8 7C7.94 8.64 7.81 10.47 7.03 11.59C9.71 13.22 12 13 12 13C12 13 14.29 13.22 16.97 11.59C16.12 10.22 15.94 8.54 16 7C16 4.79 14.21 3 12 3H11.94M8.86 13.32C6 13.93 4 15.35 4 17V21H12L9 17H6.5M12 21L13.78 13.81C13.78 13.81 13 14 12 14C11 14 10.22 13.81 10.22 13.81M12 21H20V17C20 15.35 18 13.93 15.14 13.32L17.5 17H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-tie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie.svg
new file mode 100644
index 00000000..e4ceb8a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-tie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-tie" viewBox="0 0 24 24"><path d="M12 3C14.21 3 16 4.79 16 7S14.21 11 12 11 8 9.21 8 7 9.79 3 12 3M16 13.54C16 14.6 15.72 17.07 13.81 19.83L13 15L13.94 13.12C13.32 13.05 12.67 13 12 13S10.68 13.05 10.06 13.12L11 15L10.19 19.83C8.28 17.07 8 14.6 8 13.54C5.61 14.24 4 15.5 4 17V21H20V17C20 15.5 18.4 14.24 16 13.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-voice-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-voice-off.svg
new file mode 100644
index 00000000..0facc9d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-voice-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-voice-off" viewBox="0 0 24 24"><path d="M2,3.27L3.28,2L22,20.72L20.73,22L16.73,18C16.9,18.31 17,18.64 17,19V21H1V19C1,16.34 6.33,15 9,15C10.77,15 13.72,15.59 15.5,16.77L11.12,12.39C10.5,12.78 9.78,13 9,13A4,4 0 0,1 5,9C5,8.22 5.22,7.5 5.61,6.88L2,3.27M9,5A4,4 0 0,1 13,9V9.17L8.83,5H9M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-voice.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-voice.svg
new file mode 100644
index 00000000..ab59337a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-voice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-voice" viewBox="0 0 24 24"><path d="M9,5A4,4 0 0,1 13,9A4,4 0 0,1 9,13A4,4 0 0,1 5,9A4,4 0 0,1 9,5M9,15C11.67,15 17,16.34 17,19V21H1V19C1,16.34 6.33,15 9,15M16.76,5.36C18.78,7.56 18.78,10.61 16.76,12.63L15.08,10.94C15.92,9.76 15.92,8.23 15.08,7.05L16.76,5.36M20.07,2C24,6.05 23.97,12.11 20.07,16L18.44,14.37C21.21,11.19 21.21,6.65 18.44,3.63L20.07,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench-outline.svg
new file mode 100644
index 00000000..5fe11a3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-wrench-outline" viewBox="0 0 24 24"><path d="M22.9 21.2L18.8 17.1C19.2 16.1 19 14.8 18.1 14C17.2 13.1 15.9 12.9 14.8 13.4L16.7 15.3L15.3 16.7L13.3 14.7C12.8 15.8 13 17.1 13.9 18.1C14.8 19 16 19.2 17 18.8L21.1 22.9C21.3 23.1 21.6 23.1 21.7 22.9L22.7 21.9C23 21.6 23 21.3 22.9 21.2M10 12C12.2 12 14 10.2 14 8S12.2 4 10 4 6 5.8 6 8 7.8 12 10 12M10 6C11.1 6 12 6.9 12 8S11.1 10 10 10 8 9.1 8 8 8.9 6 10 6M13 20H2V17C2 14.3 7.3 13 10 13C10.5 13 11.2 13.1 11.9 13.2C11.5 13.7 11.3 14.3 11.1 15C10.7 15 10.4 14.9 10 14.9C7 14.9 3.9 16.4 3.9 17V18.1H11.5C11.8 18.9 12.4 19.5 13 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench.svg
new file mode 100644
index 00000000..10b5a755
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account-wrench" viewBox="0 0 24 24"><path d="M22.9 21.2L18.8 17.1C19.2 16.1 19 14.8 18.1 14C17.2 13.1 15.9 12.9 14.8 13.4L16.7 15.3L15.3 16.7L13.3 14.7C12.8 15.8 13 17.1 13.9 18.1C14.8 19 16 19.2 17 18.8L21.1 22.9C21.3 23.1 21.6 23.1 21.7 22.9L22.7 21.9C23 21.6 23 21.3 22.9 21.2M13 20H2V18C2 15.8 5.6 14 10 14C10.5 14 11 14 11.4 14.1C11.1 14.7 11 15.3 11 16C11 17.6 11.8 19.1 13 20M10 4C7.8 4 6 5.8 6 8S7.8 12 10 12 14 10.2 14 8 12.2 4 10 4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/account.svg
new file mode 100644
index 00000000..f10dedee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-account" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/adjust.svg b/apps/phoenix_webcomponent/priv/mdi/svg/adjust.svg
new file mode 100644
index 00000000..231e3f60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/adjust.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-adjust" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/advertisements-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/advertisements-off.svg
new file mode 100644
index 00000000..41ccf1d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/advertisements-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-advertisements-off" viewBox="0 0 24 24"><path d="M12.2 9L10.2 7H13C14.1 7 15 7.9 15 9V11.8L13 9.8V9H12.2M23 9V7H19C17.9 7 17 7.9 17 9V11C17 12.1 17.9 13 19 13H21V15H18.2L20.2 17H21C22.1 17 23 16.1 23 15V13C23 11.9 22.1 11 21 11H19V9H23M22.1 21.5L20.8 22.8L14.4 16.4C14.1 16.7 13.6 17 13 17H9V10.9L7 8.9V17H5V13H3V17H1V9C1 7.9 1.9 7 3 7H5.1L1.1 3L2.4 1.7L22.1 21.5M5 9H3V11H5V9M13 14.9L11 12.9V15H13V14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/advertisements.svg b/apps/phoenix_webcomponent/priv/mdi/svg/advertisements.svg
new file mode 100644
index 00000000..e15b5c21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/advertisements.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-advertisements" viewBox="0 0 24 24"><path d="M19 7C17.9 7 17 7.9 17 9V11C17 12.1 17.9 13 19 13H21V15H17V17H21C22.1 17 23 16.1 23 15V13C23 11.9 22.1 11 21 11H19V9H23V7H19M9 7V17H13C14.1 17 15 16.1 15 15V9C15 7.9 14.1 7 13 7H9M11 9H13V15H11V9M3 7C1.9 7 1 7.9 1 9V17H3V13H5V17H7V9C7 7.9 6.1 7 5 7H3M3 9H5V11H3V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-conditioner.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-conditioner.svg
new file mode 100644
index 00000000..29e95826
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-conditioner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-conditioner" viewBox="0 0 24 24"><path d="M6.59,0.66C8.93,-1.15 11.47,1.06 12.04,4.5C12.47,4.5 12.89,4.62 13.27,4.84C13.79,4.24 14.25,3.42 14.07,2.5C13.65,0.35 16.06,-1.39 18.35,1.58C20.16,3.92 17.95,6.46 14.5,7.03C14.5,7.46 14.39,7.89 14.16,8.27C14.76,8.78 15.58,9.24 16.5,9.06C18.63,8.64 20.38,11.04 17.41,13.34C15.07,15.15 12.53,12.94 11.96,9.5C11.53,9.5 11.11,9.37 10.74,9.15C10.22,9.75 9.75,10.58 9.93,11.5C10.35,13.64 7.94,15.39 5.65,12.42C3.83,10.07 6.05,7.53 9.5,6.97C9.5,6.54 9.63,6.12 9.85,5.74C9.25,5.23 8.43,4.76 7.5,4.94C5.37,5.36 3.62,2.96 6.59,0.66M5,16H7A2,2 0 0,1 9,18V24H7V22H5V24H3V18A2,2 0 0,1 5,16M5,18V20H7V18H5M12.93,16H15L12.07,24H10L12.93,16M18,16H21V18H18V22H21V24H18A2,2 0 0,1 16,22V18A2,2 0 0,1 18,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-filter.svg
new file mode 100644
index 00000000..99fb3ff7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-filter" viewBox="0 0 24 24"><path d="M19,18.31V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V16.3C4.54,16.12 3.95,16 3,16A1,1 0 0,1 2,15A1,1 0 0,1 3,14C3.82,14 4.47,14.08 5,14.21V12.3C4.54,12.12 3.95,12 3,12A1,1 0 0,1 2,11A1,1 0 0,1 3,10C3.82,10 4.47,10.08 5,10.21V8.3C4.54,8.12 3.95,8 3,8A1,1 0 0,1 2,7A1,1 0 0,1 3,6C3.82,6 4.47,6.08 5,6.21V4A2,2 0 0,1 7,2H17A2,2 0 0,1 19,4V6.16C20.78,6.47 21.54,7.13 21.71,7.29C22.1,7.68 22.1,8.32 21.71,8.71C21.32,9.1 20.8,9.09 20.29,8.71V8.71C20.29,8.71 19.25,8 17,8C15.74,8 14.91,8.41 13.95,8.9C12.91,9.41 11.74,10 10,10C9.64,10 9.31,10 9,9.96V7.95C9.3,8 9.63,8 10,8C11.26,8 12.09,7.59 13.05,7.11C14.09,6.59 15.27,6 17,6V4H7V20H17V18C18.5,18 18.97,18.29 19,18.31M17,10C15.27,10 14.09,10.59 13.05,11.11C12.09,11.59 11.26,12 10,12C9.63,12 9.3,12 9,11.95V13.96C9.31,14 9.64,14 10,14C11.74,14 12.91,13.41 13.95,12.9C14.91,12.42 15.74,12 17,12C19.25,12 20.29,12.71 20.29,12.71V12.71C20.8,13.1 21.32,13.1 21.71,12.71C22.1,12.32 22.1,11.69 21.71,11.29C21.5,11.08 20.25,10 17,10M17,14C15.27,14 14.09,14.59 13.05,15.11C12.09,15.59 11.26,16 10,16C9.63,16 9.3,16 9,15.95V17.96C9.31,18 9.64,18 10,18C11.74,18 12.91,17.41 13.95,16.9C14.91,16.42 15.74,16 17,16C19.25,16 20.29,16.71 20.29,16.71V16.71C20.8,17.1 21.32,17.1 21.71,16.71C22.1,16.32 22.1,15.69 21.71,15.29C21.5,15.08 20.25,14 17,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-horn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-horn.svg
new file mode 100644
index 00000000..dcf96d6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-horn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-horn" viewBox="0 0 24 24"><path d="M19,2.8V6L19,9.2C19,9.5 18.7,9.8 18.4,9.7C18.4,9.7 14.5,7.1 10,7.1V9.5H10.2C10.7,9.5 11.2,9.7 11.4,10.1L12.7,11.9C12.9,12.1 13,12.4 13,12.6V20.6C13,21.3 12.3,22 11.5,22H6.5C5.7,22 5,21.4 5,20.6V12.6C5,12.3 5.1,12.1 5.3,11.9L6.6,10.1C6.9,9.7 7.3,9.5 7.8,9.5H8V8C7.6,8.5 7,8.8 6.4,8.8C5.1,8.8 4,7.5 4,6C4,4.5 5.1,3.2 6.4,3.2C7,3.3 7.6,3.6 8,4V2.6H10V5C14.5,5 18.4,2.4 18.4,2.4C18.7,2.3 19,2.5 19,2.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier-off.svg
new file mode 100644
index 00000000..4d9d16bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-humidifier-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L3.8 5.7C3.3 6.3 3 7.1 3 8V22H18V19.9L20.8 22.7L22.1 21.5M9.6 11.5L12.4 14.3C12.1 14.7 11.6 15 11 15C9.9 15 9 14.1 9 13C9 12.4 9.3 11.9 9.6 11.5M16 17.9V20H5V8C5 7.7 5.1 7.4 5.2 7.1L8.2 10.1C7.5 10.8 7 11.9 7 13C7 15.2 8.8 17 11 17C12.1 17 13.2 16.5 13.9 15.8L16 17.9M17 13.8C17.1 12.5 19 10.5 19 10.5S21 12.7 21 14C21 15 20.2 15.9 19.2 16L17 13.8M9.2 6L7.2 4H14C16.2 4 18 5.8 18 8V9H16V8C16 6.9 15.1 6 14 6H9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier.svg
new file mode 100644
index 00000000..39e66026
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-humidifier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-humidifier" viewBox="0 0 24 24"><path d="M11 9C8.79 9 7 10.79 7 13S8.79 17 11 17 15 15.21 15 13 13.21 9 11 9M11 15C9.9 15 9 14.11 9 13S9.9 11 11 11 13 11.9 13 13 12.11 15 11 15M7 4H14C16.21 4 18 5.79 18 8V9H16V8C16 6.9 15.11 6 14 6H7C5.9 6 5 6.9 5 8V20H16V18H18V22H3V8C3 5.79 4.79 4 7 4M19 10.5C19 10.5 21 12.67 21 14C21 15.1 20.1 16 19 16S17 15.1 17 14C17 12.67 19 10.5 19 10.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier-off.svg
new file mode 100644
index 00000000..03875831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-purifier-off" viewBox="0 0 24 24"><path d="M21 11C18.6 11 18.5 12.9 16.2 13L16 12.8V11C18.5 11 18.5 9 21 9V11M22.1 21.5L20.8 22.8L18 19.9V22H3V8C3 7.1 3.3 6.3 3.8 5.7L1.1 3L2.4 1.7L22.1 21.5M9 13C9 14.1 9.9 15 11 15C11.6 15 12.1 14.7 12.5 14.4L9.7 11.6C9.3 11.9 9 12.4 9 13M16 17.9L13.9 15.8C13.2 16.5 12.1 17 11 17C8.8 17 7 15.2 7 13C7 11.9 7.5 10.8 8.2 10.1L5.2 7.1C5.1 7.4 5 7.7 5 8V20H16V17.9M21 15V13C19.3 13 18.7 14 17.7 14.5L18.8 15.6C19.4 15.3 20 15 21 15M14 6C15.1 6 16 6.9 16 8V9H18V8C18 5.8 16.2 4 14 4H7.2L9.2 6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier.svg
new file mode 100644
index 00000000..cfb1be2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/air-purifier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-air-purifier" viewBox="0 0 24 24"><path d="M11,9A4,4 0 0,1 15,13A4,4 0 0,1 11,17A4,4 0 0,1 7,13A4,4 0 0,1 11,9M11,11A2,2 0 0,0 9,13A2,2 0 0,0 11,15A2,2 0 0,0 13,13A2,2 0 0,0 11,11M7,4H14A4,4 0 0,1 18,8V9H16V8A2,2 0 0,0 14,6H7A2,2 0 0,0 5,8V20H16V18H18V22H3V8A4,4 0 0,1 7,4M16,11C18.5,11 18.5,9 21,9V11C18.5,11 18.5,13 16,13V11M16,15C18.5,15 18.5,13 21,13V15C18.5,15 18.5,17 16,17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airbag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airbag.svg
new file mode 100644
index 00000000..f3edf761
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airbag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airbag" viewBox="0 0 24 24"><path d="M14,8A5,5 0 0,1 9,13A5,5 0 0,1 4,8A5,5 0 0,1 9,3A5,5 0 0,1 14,8M10.46,15.55L13,18.03L11,18.05L7.5,21.58L6,20.09L10.46,15.55M17,2C18.08,2 19,2.88 19,4C19,5.08 18.12,6 17,6C15.92,6 15,5.12 15,4C15,2.92 15.89,2 17,2M14.41,15H11.59L17.29,20.71L18.71,19.29L14.41,15M15.12,14.29L19.41,18.59L19.63,18.8C19.86,18.42 20,18 20,17.5V9.5A2.5,2.5 0 0,0 17.5,7A2.5,2.5 0 0,0 15,9.5V14.17L15.12,14.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airballoon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airballoon-outline.svg
new file mode 100644
index 00000000..776304f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airballoon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airballoon-outline" viewBox="0 0 24 24"><path d="M11 23C9.9 23 9 22.1 9 21V19H15V21C15 22.1 14.1 23 13 23H11M12 3C12.28 3 12.55 3 12.81 3.05C13.42 4.22 14 6.26 14 9C14 11.1 13 16 13 16H11C11 16 10 11.1 10 9C10 6.26 10.58 4.22 11.19 3.05C11.45 3 11.72 3 12 3M12 1C11.29 1 10.61 1.09 9.95 1.26C8.78 2.83 8 5.71 8 9C8 11.28 8.38 13.37 9 16C9 17.1 9.9 18 11 18H13C14.1 18 15 17.1 15 16C15.62 13.37 16 11.28 16 9C16 5.71 15.22 2.83 14.05 1.26C13.39 1.09 12.71 1 12 1M4 8C4 11.18 5.85 15.92 8.54 17.21C8 16.21 7.61 14.67 7.34 13C6.55 11.53 6 9.62 6 8C6 6.66 6.44 5.67 7.47 4.8C7.73 3.67 8.09 2.65 8.54 1.79C5.85 3.08 4 4.82 4 8M15.46 1.79C15.91 2.65 16.27 3.67 16.53 4.8C17.56 5.67 18 6.66 18 8C18 9.62 17.45 11.53 16.66 13C16.39 14.67 16 16.21 15.46 17.21C18.15 15.92 20 11.18 20 8S18.15 3.08 15.46 1.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airballoon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airballoon.svg
new file mode 100644
index 00000000..1976b199
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airballoon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airballoon" viewBox="0 0 24 24"><path d="M11,23A2,2 0 0,1 9,21V19H15V21A2,2 0 0,1 13,23H11M12,1C12.71,1 13.39,1.09 14.05,1.26C15.22,2.83 16,5.71 16,9C16,11.28 15.62,13.37 15,16A2,2 0 0,1 13,18H11A2,2 0 0,1 9,16C8.38,13.37 8,11.28 8,9C8,5.71 8.78,2.83 9.95,1.26C10.61,1.09 11.29,1 12,1M20,8C20,11.18 18.15,15.92 15.46,17.21C16.41,15.39 17,11.83 17,9C17,6.17 16.41,3.61 15.46,1.79C18.15,3.08 20,4.82 20,8M4,8C4,4.82 5.85,3.08 8.54,1.79C7.59,3.61 7,6.17 7,9C7,11.83 7.59,15.39 8.54,17.21C5.85,15.92 4,11.18 4,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-alert.svg
new file mode 100644
index 00000000..5097d938
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-alert" viewBox="0 0 24 24"><path d="M17.56 3.91C18.15 4.5 18.15 5.45 17.56 6.03L13.67 9.92L15.79 19.11L14.38 20.53L10.5 13.1L6.6 17L6.96 19.47L5.89 20.53L4.13 17.35L.944 15.58L2 14.5L4.5 14.87L8.37 11L.944 7.09L2.36 5.68L11.55 7.8L15.44 3.91C16 3.33 17 3.33 17.56 3.91M20 7V13H22V7H20M20 17H22V15H20V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-check.svg
new file mode 100644
index 00000000..f8c113c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-check" viewBox="0 0 24 24"><path d="M15.97 13.83C15.08 14.35 14.34 15.09 13.82 16L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.97 13.83M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-clock.svg
new file mode 100644
index 00000000..6c99bbf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-clock" viewBox="0 0 24 24"><path d="M16 9C15.09 9 14.23 9.18 13.43 9.5L12.73 6.45L16.62 2.56C17.2 2 17.2 1.03 16.62 .44S15.08-.146 14.5 .44L10.61 4.33L1.41 2.21L0 3.62L7.43 7.5L3.54 11.4L1.06 11.05L0 12.11L3.18 13.87L4.95 17.06L6 16L5.66 13.5L9.55 9.63L10.57 11.59C9.59 12.79 9 14.33 9 16C9 19.87 12.13 23 16 23S23 19.87 23 16 19.87 9 16 9M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25V12H15V17L18.61 19.16L19.36 17.94L16.5 16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-cog.svg
new file mode 100644
index 00000000..38b80de9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-cog" viewBox="0 0 24 24"><path d="M15.73 12.81C14.76 13.33 13.92 14.07 13.29 14.96L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.73 12.81M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-edit.svg
new file mode 100644
index 00000000..984f3171
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-edit" viewBox="0 0 24 24"><path d="M11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L16.03 14.1L13.94 16.19L11.55 11.63M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-landing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-landing.svg
new file mode 100644
index 00000000..bb25f2f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-landing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-landing" viewBox="0 0 24 24"><path d="M2.5,19H21.5V21H2.5V19M9.68,13.27L14.03,14.43L19.34,15.85C20.14,16.06 20.96,15.59 21.18,14.79C21.39,14 20.92,13.17 20.12,12.95L14.81,11.53L12.05,2.5L10.12,2V10.28L5.15,8.95L4.22,6.63L2.77,6.24V11.41L4.37,11.84L9.68,13.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-marker.svg
new file mode 100644
index 00000000..14fde659
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-marker" viewBox="0 0 24 24"><path d="M15.33 11.05C14.17 11.88 13.34 13.14 13.09 14.58L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.33 11.05M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-minus.svg
new file mode 100644
index 00000000..d70bd9b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-minus" viewBox="0 0 24 24"><path d="M15.97 13.83C15.08 14.35 14.34 15.09 13.82 16L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.97 13.83M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-off.svg
new file mode 100644
index 00000000..7604d67e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18 19.9L17.38 20.53L16 17.89L12.35 14.24L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L10.23 12.12L6.59 8.5L3.94 7.09L4.57 6.46L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M16.67 9.92L20.56 6.03C21.15 5.45 21.15 4.5 20.56 3.91S19 3.33 18.44 3.91L14.55 7.8L9.94 6.74L17.74 14.54L16.67 9.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-plus.svg
new file mode 100644
index 00000000..b887c295
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-plus" viewBox="0 0 24 24"><path d="M15.97 13.83C15.08 14.35 14.34 15.09 13.82 16L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.97 13.83M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-remove.svg
new file mode 100644
index 00000000..436e47b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-remove" viewBox="0 0 24 24"><path d="M15.97 13.83C15.08 14.35 14.34 15.09 13.82 16L11.55 11.63L7.66 15.5L8 18L6.95 19.06L5.18 15.87L2 14.11L3.06 13.05L5.54 13.4L9.43 9.5L2 5.62L3.41 4.21L12.61 6.33L16.5 2.44C17.08 1.85 18.03 1.85 18.62 2.44C19.2 3.03 19.2 4 18.62 4.56L14.73 8.45L15.97 13.83M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-search.svg
new file mode 100644
index 00000000..8e8ef95e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-search" viewBox="0 0 24 24"><path d="M9.55 9.63L10.9 12.22C11.5 11.17 12.41 10.31 13.5 9.74L12.73 6.45L16.62 2.56C17.2 1.97 17.2 1 16.62 .438S15.08-.148 14.5 .438L10.61 4.33L1.41 2.21L0 3.62L7.43 7.5L3.54 11.4L1.06 11.05L0 12.11L3.18 13.87L4.95 17.06L6 16L5.66 13.5L9.55 9.63M16.5 11C19 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11M16.5 13C15.12 13 14 14.12 14 15.5S15.12 18 16.5 18 19 16.88 19 15.5 17.88 13 16.5 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-settings.svg
new file mode 100644
index 00000000..38070ae8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-settings" viewBox="0 0 24 24"><path d="M20.09 4.56L16.2 8.45L18.32 17.64L16.91 19.06L13 11.63L9.13 15.5L9.5 18L8.42 19.06L6.65 15.87L3.47 14.11L4.53 13.04L7 13.4L10.9 9.5L3.47 5.62L4.89 4.21L14.08 6.33L17.97 2.44C18.55 1.85 19.5 1.85 20.09 2.44C20.68 3 20.68 3.97 20.09 4.56M7 24H9V22H7V24M11 24H13V22H11V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane-takeoff.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-takeoff.svg
new file mode 100644
index 00000000..74d2b8d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane-takeoff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane-takeoff" viewBox="0 0 24 24"><path d="M2.5,19H21.5V21H2.5V19M22.07,9.64C21.86,8.84 21.03,8.36 20.23,8.58L14.92,10L8,3.57L6.09,4.08L10.23,11.25L5.26,12.58L3.29,11.04L1.84,11.43L3.66,14.59L4.43,15.92L6.03,15.5L11.34,14.07L15.69,12.91L21,11.5C21.81,11.26 22.28,10.44 22.07,9.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airplane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airplane.svg
new file mode 100644
index 00000000..1a018056
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airplane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airplane" viewBox="0 0 24 24"><path d="M20.56 3.91C21.15 4.5 21.15 5.45 20.56 6.03L16.67 9.92L18.79 19.11L17.38 20.53L13.5 13.1L9.6 17L9.96 19.47L8.89 20.53L7.13 17.35L3.94 15.58L5 14.5L7.5 14.87L11.37 11L3.94 7.09L5.36 5.68L14.55 7.8L18.44 3.91C19 3.33 20 3.33 20.56 3.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/airport.svg b/apps/phoenix_webcomponent/priv/mdi/svg/airport.svg
new file mode 100644
index 00000000..9adb12f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/airport.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-airport" viewBox="0 0 24 24"><path d="M14.97,5.92C14.83,5.41 14.3,5.1 13.79,5.24L10.39,6.15L5.95,2.03L4.72,2.36L7.38,6.95L4.19,7.8L2.93,6.82L2,7.07L3.66,9.95L14.28,7.11C14.8,6.96 15.1,6.43 14.97,5.92M21,10L20,12H15L14,10L15,9H17V7H18V9H20L21,10M22,20V22H2V20H15V13H20V20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-bell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-bell.svg
new file mode 100644
index 00000000..12af1429
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-bell" viewBox="0 0 24 24"><path d="M15,18.66V22H5V18.66C8.09,20.45 11.91,20.45 15,18.66M22,4A2,2 0 0,0 20,2C19.69,2 19.39,2.07 19.12,2.21C18.82,2.36 18.56,2.58 18.36,2.85C17.72,3.75 17.94,5 18.85,5.64C19.18,5.87 19.59,6 20,6C20.08,6 20.16,6 20.24,6C21.97,10.43 20.66,15.46 17,18.5C16.68,18.75 16.35,19 16,19.22V21H17V19.74C20.14,17.5 22,13.86 22,10C22,8.5 21.72,7 21.17,5.62C21.69,5.24 22,4.64 22,4M18,10A8,8 0 0,1 10,18A8,8 0 0,1 2,10A8,8 0 0,1 10,2A8,8 0 0,1 18,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-check.svg
new file mode 100644
index 00000000..42ced6fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-check" viewBox="0 0 24 24"><path d="M10.54,14.53L8.41,12.4L7.35,13.46L10.53,16.64L16.53,10.64L15.47,9.58L10.54,14.53M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off-outline.svg
new file mode 100644
index 00000000..22c1b759
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-light-off-outline" viewBox="0 0 24 24"><path d="M10.5 7.3L9 5.8C9.9 5.3 10.9 5 12 5C15.3 5 18 7.7 18 11V14.8L16 12.8V11C16 8.8 14.2 7 12 7C11.5 7 11 7.1 10.5 7.3M20.1 4.8L18.7 3.4L16.6 5.5L18 6.9L20.1 4.8M19.5 10.5V12.5H22.5V10.5H19.5M4.5 10.5H1.5V12.5H4.5V10.5M2.4 1.7L22.1 21.4L20.8 22.7L20.1 22H4C4 20.9 4.9 20 6 20H18.1L17.1 19H6V11C6 10.1 6.2 9.2 6.6 8.5L1.1 3L2.4 1.7M8 17H15.1L8.1 10C8.1 10.3 8 10.7 8 11V17M13 1H11V4H13V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off.svg
new file mode 100644
index 00000000..fe82dc02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-light-off" viewBox="0 0 24 24"><path d="M18 14.8L9 5.8C9.9 5.3 10.9 5 12 5C15.3 5 18 7.7 18 11V14.8M20.1 4.8L18.7 3.4L16.6 5.5L18 6.9L20.1 4.8M19.5 10.5V12.5H22.5V10.5H19.5M4.5 10.5H1.5V12.5H4.5V10.5M1.1 3L6.6 8.5C6.2 9.2 6 10.1 6 11V19H17.1L18.1 20H6C4.9 20 4 20.9 4 22H20.1L20.8 22.7L22.1 21.4L2.4 1.7L1.1 3M13 1H11V4H13V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-outline.svg
new file mode 100644
index 00000000..914e623b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-light-outline" viewBox="0 0 24 24"><path d="M6,6.9L3.87,4.78L5.28,3.37L7.4,5.5L6,6.9M13,1V4H11V1H13M20.13,4.78L18,6.9L16.6,5.5L18.72,3.37L20.13,4.78M4.5,10.5V12.5H1.5V10.5H4.5M19.5,10.5H22.5V12.5H19.5V10.5M6,20H18A2,2 0 0,1 20,22H4A2,2 0 0,1 6,20M12,5A6,6 0 0,1 18,11V19H6V11A6,6 0 0,1 12,5M12,7A4,4 0 0,0 8,11V17H16V11A4,4 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light.svg
new file mode 100644
index 00000000..f9dbd669
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-light" viewBox="0 0 24 24"><path d="M6,6.9L3.87,4.78L5.28,3.37L7.4,5.5L6,6.9M13,1V4H11V1H13M20.13,4.78L18,6.9L16.6,5.5L18.72,3.37L20.13,4.78M4.5,10.5V12.5H1.5V10.5H4.5M19.5,10.5H22.5V12.5H19.5V10.5M6,20H18A2,2 0 0,1 20,22H4A2,2 0 0,1 6,20M12,5A6,6 0 0,1 18,11V19H6V11A6,6 0 0,1 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-multiple.svg
new file mode 100644
index 00000000..4df0d293
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-multiple" viewBox="0 0 24 24"><path d="M9.29,3.25L5.16,6.72L4,5.34L8.14,1.87L9.29,3.25M22,5.35L20.84,6.73L16.7,3.25L17.86,1.87L22,5.35M13,4A8,8 0 0,1 21,12A8,8 0 0,1 13,20A8,8 0 0,1 5,12A8,8 0 0,1 13,4M13,6A6,6 0 0,0 7,12A6,6 0 0,0 13,18A6,6 0 0,0 19,12A6,6 0 0,0 13,6M12,7.5H13.5V12.03L16.72,13.5L16.1,14.86L12,13V7.5M1,14C1,11.5 2.13,9.3 3.91,7.83C3.33,9.1 3,10.5 3,12L3.06,13.13L3,14C3,16.28 4.27,18.26 6.14,19.28C7.44,20.5 9.07,21.39 10.89,21.78C10.28,21.92 9.65,22 9,22A8,8 0 0,1 1,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note-off.svg
new file mode 100644
index 00000000..3d5fedfa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-note-off" viewBox="0 0 24 24"><path d="M19,13V15.8L20,16.8V15H23V13H19M2.38,1.73L1.11,3L3,4.88L2,5.71L3.29,7.24L4.41,6.3L5.21,7.1C1.95,10.85 2.35,16.54 6.11,19.8C7.74,21.22 9.83,22 12,22C12.33,22 12.67,22 13,21.94V19.94C12.67,20 12.33,20 12,20A7,7 0 0,1 5,13C5,11.36 5.57,9.77 6.63,8.5L11.41,13.3L7.5,15.62L8.25,16.85L12.44,14.33L16.38,18.27C15.14,18.88 14.64,20.38 15.25,21.62C15.86,22.86 17.36,23.36 18.6,22.75C19.09,22.5 19.5,22.11 19.73,21.62L20.84,22.73L22.11,21.46L2.38,1.73M12,6C15.1,6 17.83,8.03 18.71,11H20.78C19.85,6.9 16.2,4 12,4C10.65,4 9.31,4.3 8.1,4.9L9.62,6.42C10.38,6.14 11.19,6 12,6M11.5,8.3L13,9.8V8H11.5V8.3M7.88,3.39L6.6,1.86L5.76,2.56L7.18,4L7.88,3.39M17.4,1.86L16.11,3.39L20.71,7.25L22,5.72L17.4,1.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note.svg
new file mode 100644
index 00000000..2c1598ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-note" viewBox="0 0 24 24"><path d="M17.4,1.86L16.11,3.39L20.71,7.25L22,5.72L17.4,1.86M6.6,1.86L2,5.71L3.29,7.24L7.88,3.39L6.6,1.86M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22C12.33,22 12.67,22 13,21.94V19.94C12.67,20 12.33,20 12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6C15.1,6 17.83,8.03 18.71,11H20.78C19.85,6.9 16.2,4 12,4M23,15H20V20.5A2.5,2.5 0 0,1 17.5,23A2.5,2.5 0 0,1 15,20.5A2.5,2.5 0 0,1 17.5,18C18.04,18 18.57,18.18 19,18.5V13H23V15M11.5,8V13.25L7.5,15.62L8.25,16.85L13,14V8H11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-off.svg
new file mode 100644
index 00000000..2a5963f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-off" viewBox="0 0 24 24"><path d="M8,3.28L6.6,1.86L5.74,2.57L7.16,4M16.47,18.39C15.26,19.39 13.7,20 12,20A7,7 0 0,1 5,13C5,11.3 5.61,9.74 6.61,8.53M2.92,2.29L1.65,3.57L3,4.9L1.87,5.83L3.29,7.25L4.4,6.31L5.2,7.11C3.83,8.69 3,10.75 3,13A9,9 0 0,0 12,22C14.25,22 16.31,21.17 17.89,19.8L20.09,22L21.36,20.73L3.89,3.27L2.92,2.29M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72M12,6A7,7 0 0,1 19,13C19,13.84 18.84,14.65 18.57,15.4L20.09,16.92C20.67,15.73 21,14.41 21,13A9,9 0 0,0 12,4C10.59,4 9.27,4.33 8.08,4.91L9.6,6.43C10.35,6.16 11.16,6 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel-outline.svg
new file mode 100644
index 00000000..abdc46b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-panel-outline" viewBox="0 0 24 24"><path d="M9 12H6V10H9V12M13.5 10H10.5V12H13.5V10M18 10H15V12H18V10M18 6H6V9H18V6M20 5H4L4 19L20 19L20 5L20 5M20 3C21.1 3 22 3.9 22 5V19C22 20.1 21.1 21 20 21H4C2.9 21 2 20.1 2 19V5C2 3.9 2.9 3 4 3H20M9 13H6V15H9V13M13.5 13H10.5V15H13.5V13M18 13H15V15H18V13M9 16H6V18H9V16M13.5 16H10.5V18H13.5V16M18 16H15V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel.svg
new file mode 100644
index 00000000..8df6e13d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-panel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-panel" viewBox="0 0 24 24"><path d="M20 3H4C2.9 3 2 3.9 2 5V19C2 20.1 2.9 21 4 21H20C21.1 21 22 20.1 22 19V5C22 3.9 21.1 3 20 3M8 19H5V17H8V19M8 16H5V14H8V16M8 13H5V11H8V13M13.5 19H10.5V17H13.5V19M13.5 16H10.5V14H13.5V16M13.5 13H10.5V11H13.5V13M19 19H16V17H19V19M19 16H16V14H19V16M19 13H16V11H19V13M19 9H5V5H19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-plus.svg
new file mode 100644
index 00000000..1a67fbce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-plus" viewBox="0 0 24 24"><path d="M13,9H11V12H8V14H11V17H13V14H16V12H13M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm-snooze.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-snooze.svg
new file mode 100644
index 00000000..61ae6b2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm-snooze.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm-snooze" viewBox="0 0 24 24"><path d="M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M9,11H12.63L9,15.2V17H15V15H11.37L15,10.8V9H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alarm.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alarm.svg
new file mode 100644
index 00000000..888a5273
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alarm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alarm" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,4M12.5,8H11V14L15.75,16.85L16.5,15.62L12.5,13.25V8M7.88,3.39L6.6,1.86L2,5.71L3.29,7.24L7.88,3.39M22,5.72L17.4,1.86L16.11,3.39L20.71,7.25L22,5.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/album.svg b/apps/phoenix_webcomponent/priv/mdi/svg/album.svg
new file mode 100644
index 00000000..8a57df3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/album.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-album" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12,16.5C9.5,16.5 7.5,14.5 7.5,12C7.5,9.5 9.5,7.5 12,7.5C14.5,7.5 16.5,9.5 16.5,12C16.5,14.5 14.5,16.5 12,16.5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-box-outline.svg
new file mode 100644
index 00000000..6c8728c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M11,15H13V17H11V15M11,7H13V13H11V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-box.svg
new file mode 100644
index 00000000..512f51f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M13,13V7H11V13H13M13,17V15H11V17H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check-outline.svg
new file mode 100644
index 00000000..6dc5cc87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-circle-check-outline" viewBox="0 0 24 24"><path d="M18.75 22.16L16 19.16L17.16 18L18.75 19.59L22.34 16L23.5 17.41L18.75 22.16M11 15H13V17H11V15M11 7H13V13H11V7M12 2C17.5 2 22 6.5 22 12L21.92 13.31C21.31 13.11 20.67 13 19.94 13L20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C12.71 20 13.39 19.91 14.05 19.74C14.13 20.42 14.33 21.06 14.62 21.65C13.78 21.88 12.9 22 12 22C6.47 22 2 17.5 2 12C2 6.5 6.47 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check.svg
new file mode 100644
index 00000000..7cb33d58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-circle-check" viewBox="0 0 24 24"><path d="M18.75 22.16L16 19.16L17.16 18L18.75 19.59L22.34 16L23.5 17.41L18.75 22.16M13 13V7H11V13H13M13 17V15H11V17H13M12 2C17.5 2 22 6.5 22 12L21.91 13.31C21.31 13.11 20.67 13 20 13C16.69 13 14 15.69 14 19C14 19.95 14.22 20.85 14.62 21.65C13.78 21.88 12.91 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-outline.svg
new file mode 100644
index 00000000..e80b1b54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-circle-outline" viewBox="0 0 24 24"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle.svg
new file mode 100644
index 00000000..6a14f1ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-circle" viewBox="0 0 24 24"><path d="M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram-outline.svg
new file mode 100644
index 00000000..052e0eb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-decagram-outline" viewBox="0 0 24 24"><path d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12M11,15H13V17H11V15M11,7H13V13H11V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram.svg
new file mode 100644
index 00000000..bcc3ee34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-decagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus-outline.svg
new file mode 100644
index 00000000..65b23013
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-minus-outline" viewBox="0 0 24 24"><path d="M11 15.5H13V17.5H11V15.5M14 19C14 18.86 14 18.73 14 18.6H5.4L12 7.3L16.11 14.44C16.62 14 17.2 13.65 17.84 13.41L12 3.3L2 20.6H14.22C14.08 20.09 14 19.56 14 19M13 10.5H11V14.5H13V10.5M16 18V20H24V18H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus.svg
new file mode 100644
index 00000000..37320282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-minus" viewBox="0 0 24 24"><path d="M14 19C14 16.21 15.91 13.87 18.5 13.2L12 2L1 21H14.35C14.13 20.37 14 19.7 14 19M13 18H11V16H13V18M13 14H11V10H13V14M24 18V20H16V18H24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon-outline.svg
new file mode 100644
index 00000000..321721f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M11,15H13V17H11V15M11,7H13V13H11V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon.svg
new file mode 100644
index 00000000..0883901d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-octagon" viewBox="0 0 24 24"><path d="M13 13H11V7H13M11 15H13V17H11M15.73 3H8.27L3 8.27V15.73L8.27 21H15.73L21 15.73V8.27L15.73 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram-outline.svg
new file mode 100644
index 00000000..edeae18f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-octagram-outline" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M4.81,9L6.05,12L4.81,15L7.79,16.21L9,19.19L12,17.95L15,19.19L16.21,16.21L19.19,15L17.95,12L19.19,9L16.21,7.79L15,4.81L12,6.05L9,4.81L7.79,7.79L4.81,9M11,15H13V17H11V15M11,7H13V13H11V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram.svg
new file mode 100644
index 00000000..a9654da5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-octagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-octagram" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M13,17V15H11V17H13M13,13V7H11V13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-outline.svg
new file mode 100644
index 00000000..1cbe6def
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-outline" viewBox="0 0 24 24"><path d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus-outline.svg
new file mode 100644
index 00000000..1fc38cb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-plus-outline" viewBox="0 0 24 24"><path d="M11 15.5H13V17.5H11V15.5M14 19C14 18.86 14 18.73 14 18.6H5.4L12 7.3L16.11 14.44C16.62 14 17.2 13.65 17.84 13.41L12 3.3L2 20.6H14.22C14.08 20.09 14 19.56 14 19M13 10.5H11V14.5H13V10.5M19 15V18H16V20H19V23H21V20H24V18H21V15H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus.svg
new file mode 100644
index 00000000..6c50abf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-plus" viewBox="0 0 24 24"><path d="M14 19C14 16.21 15.91 13.87 18.5 13.2L12 2L1 21H14.35C14.13 20.37 14 19.7 14 19M13 18H11V16H13V18M13 14H11V10H13V14M21 15V18H24V20H21V23H19V20H16V18H19V15H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove-outline.svg
new file mode 100644
index 00000000..d93bc714
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-remove-outline" viewBox="0 0 24 24"><path d="M11 15.5H13V17.5H11V15.5M14 19C14 18.86 14 18.73 14 18.6H5.4L12 7.3L16.11 14.44C16.62 14 17.2 13.65 17.84 13.41L12 3.3L2 20.6H14.22C14.08 20.09 14 19.56 14 19M13 10.5H11V14.5H13V10.5M22.12 15.46L20 17.59L17.88 15.46L16.47 16.88L18.59 19L16.47 21.12L17.88 22.54L20 20.41L22.12 22.54L23.54 21.12L21.41 19L23.54 16.88L22.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove.svg
new file mode 100644
index 00000000..228aa9b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-remove" viewBox="0 0 24 24"><path d="M14 19C14 16.21 15.91 13.87 18.5 13.2L12 2L1 21H14.35C14.13 20.37 14 19.7 14 19M13 18H11V16H13V18M13 14H11V10H13V14M23.54 16.88L21.41 19L23.54 21.12L22.12 22.54L20 20.41L17.88 22.54L16.47 21.12L18.59 19L16.47 16.88L17.88 15.47L20 17.59L22.12 15.46L23.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus-outline.svg
new file mode 100644
index 00000000..75f7d169
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-rhombus-outline" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L20 12L12 20L4 12M11 7V13H13V7M11 15V17H13V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus.svg
new file mode 100644
index 00000000..51829286
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert-rhombus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert-rhombus" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M11 7H13V13H11V7M11 15H13V17H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alert.svg
new file mode 100644
index 00000000..706f09f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alert" viewBox="0 0 24 24"><path d="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alien-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alien-outline.svg
new file mode 100644
index 00000000..90030ae8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alien-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alien-outline" viewBox="0 0 24 24"><path d="M10.31 10.93C11.33 12.57 11.18 14.5 9.96 15.28C8.74 16.04 6.92 15.33 5.89 13.69C4.87 12.05 5.03 10.1 6.25 9.34C7.47 8.58 9.29 9.29 10.31 10.93M12 17.75C14 17.75 14.5 17 14.5 17C14.5 17 14 19 12 19C10 19 9.5 17.03 9.5 17C9.5 17 10 17.75 12 17.75M17.75 9.34C18.97 10.1 19.13 12.05 18.11 13.69C17.08 15.33 15.26 16.04 14.04 15.28C12.82 14.5 12.67 12.57 13.69 10.93C14.71 9.29 16.53 8.58 17.75 9.34M12 20C14.5 20 20 14.86 20 11C20 7.14 16.41 4 12 4C7.59 4 4 7.14 4 11C4 14.86 9.5 20 12 20M12 2C17.5 2 22 6.04 22 11C22 15.08 16.32 22 12 22C7.68 22 2 15.08 2 11C2 6.04 6.5 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alien.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alien.svg
new file mode 100644
index 00000000..1c13a5dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alien.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alien" viewBox="0 0 24 24"><path d="M12,3C16.97,3 21,6.58 21,11C21,15.42 15,21 12,21C9,21 3,15.42 3,11C3,6.58 7.03,3 12,3M10.31,10.93C9.29,9.29 7.47,8.58 6.25,9.34C5.03,10.1 4.87,12.05 5.89,13.69C6.92,15.33 8.74,16.04 9.96,15.28C11.18,14.5 11.33,12.57 10.31,10.93M13.69,10.93C12.67,12.57 12.82,14.5 14.04,15.28C15.26,16.04 17.08,15.33 18.11,13.69C19.13,12.05 18.97,10.1 17.75,9.34C16.53,8.58 14.71,9.29 13.69,10.93M12,17.75C10,17.75 9.5,17 9.5,17C9.5,17.03 10,19 12,19C14,19 14.5,17 14.5,17C14.5,17 14,17.75 12,17.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-center.svg
new file mode 100644
index 00000000..3613f4e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-horizontal-center" viewBox="0 0 24 24"><path d="M11 2H13V7H21V10H13V14H18V17H13V22H11V17H6V14H11V10H3V7H11V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-distribute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-distribute.svg
new file mode 100644
index 00000000..d516b96b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-distribute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-horizontal-distribute" viewBox="0 0 24 24"><path d="M4 22H2V2H4V22M22 2H20V22H22V2M13.5 7H10.5V17H13.5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-left.svg
new file mode 100644
index 00000000..77b42046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-horizontal-left" viewBox="0 0 24 24"><path d="M4 22H2V2H4V22M22 7H6V10H22V7M16 14H6V17H16V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-right.svg
new file mode 100644
index 00000000..6719a4ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-horizontal-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-horizontal-right" viewBox="0 0 24 24"><path d="M20 2H22V22H20V2M2 10H18V7H2V10M8 17H18V14H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-bottom.svg
new file mode 100644
index 00000000..afd8068c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-vertical-bottom" viewBox="0 0 24 24"><path d="M22 22H2V20H22V22M10 2H7V18H10V2M17 8H14V18H17V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-center.svg
new file mode 100644
index 00000000..07432efc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-vertical-center" viewBox="0 0 24 24"><path d="M22 11H17V6H14V11H10V3H7V11H1.8V13H7V21H10V13H14V18H17V13H22V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-distribute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-distribute.svg
new file mode 100644
index 00000000..eb060066
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-distribute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-vertical-distribute" viewBox="0 0 24 24"><path d="M22 2V4H2V2H22M7 10.5V13.5H17V10.5H7M2 20V22H22V20H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-top.svg
new file mode 100644
index 00000000..cdf44fb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/align-vertical-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-align-vertical-top" viewBox="0 0 24 24"><path d="M22 2V4H2V2H22M7 22H10V6H7V22M14 16H17V6H14V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box-outline.svg
new file mode 100644
index 00000000..21a5bccf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-all-inclusive-box-outline" viewBox="0 0 24 24"><path d="M19 12C19 13.84 17.5 15.34 15.66 15.34C14.77 15.34 13.94 15 13.31 14.36L12.71 13.76L13.77 12.71C14.04 13 14.37 13.3 14.37 13.3C14.71 13.65 15.18 13.84 15.67 13.84C16.68 13.84 17.5 13 17.5 12S16.68 10.16 15.67 10.16C15.18 10.16 14.71 10.36 14.37 10.7L10.7 14.36C10.07 15 9.23 15.34 8.34 15.34C6.5 15.34 5 13.84 5 12S6.5 8.66 8.34 8.66C9.23 8.66 10.07 9 10.7 9.64L11.29 10.24L10.23 11.3L9.64 10.7C9.29 10.36 8.83 10.16 8.34 10.16C7.32 10.16 6.5 11 6.5 12S7.32 13.84 8.34 13.84C8.83 13.84 9.29 13.65 9.64 13.3L13.31 9.64C13.94 9 14.77 8.66 15.66 8.66C17.5 8.66 19 10.16 19 12M21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3H19C20.1 3 21 3.89 21 5M19 5H5V19H19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box.svg
new file mode 100644
index 00000000..22c2e7e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-all-inclusive-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.1 3 19 3M16.1 15.9C15.07 15.9 14.09 15.5 13.35 14.76L12.71 14.12L14.13 12.71L14.76 13.34C15.12 13.7 15.6 13.9 16.11 13.9C17.15 13.9 18 13.05 18 12S17.15 10.1 16.1 10.1C15.6 10.1 15.12 10.3 14.76 10.66L10.65 14.76C9.91 15.5 8.94 15.9 7.9 15.9C5.75 15.9 4 14.15 4 12S5.75 8.1 7.9 8.1C8.94 8.1 9.91 8.5 10.65 9.24L11.29 9.88L9.87 11.3L9.24 10.66C8.88 10.3 8.4 10.1 7.9 10.1C6.85 10.1 6 10.95 6 12S6.85 13.9 7.9 13.9C8.4 13.9 8.88 13.7 9.24 13.34L13.35 9.24C14.09 8.5 15.06 8.1 16.1 8.1C18.25 8.1 20 9.85 20 12S18.25 15.9 16.1 15.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive.svg
new file mode 100644
index 00000000..3b8698b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/all-inclusive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-all-inclusive" viewBox="0 0 24 24"><path d="M18.6,6.62C17.16,6.62 15.8,7.18 14.83,8.15L7.8,14.39C7.16,15.03 6.31,15.38 5.4,15.38C3.53,15.38 2,13.87 2,12C2,10.13 3.53,8.62 5.4,8.62C6.31,8.62 7.16,8.97 7.84,9.65L8.97,10.65L10.5,9.31L9.22,8.2C8.2,7.18 6.84,6.62 5.4,6.62C2.42,6.62 0,9.04 0,12C0,14.96 2.42,17.38 5.4,17.38C6.84,17.38 8.2,16.82 9.17,15.85L16.2,9.61C16.84,8.97 17.69,8.62 18.6,8.62C20.47,8.62 22,10.13 22,12C22,13.87 20.47,15.38 18.6,15.38C17.7,15.38 16.84,15.03 16.16,14.35L15,13.34L13.5,14.68L14.78,15.8C15.8,16.81 17.15,17.37 18.6,17.37C21.58,17.37 24,14.96 24,12C24,9 21.58,6.62 18.6,6.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/allergy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/allergy.svg
new file mode 100644
index 00000000..d491f2a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/allergy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-allergy" viewBox="0 0 24 24"><path d="M19.75 5.33A1.25 1.25 0 0 0 18.5 6.58V11.17H17.67V4.08A1.25 1.25 0 0 0 15.17 4.08V11.17H14.33V3.25A1.25 1.25 0 1 0 11.83 3.25V11.17H11V5.33A1.25 1.25 0 0 0 8.5 5.33V15.26L4.91 13.26A1 1 0 0 0 4.41 13.12A1 1 0 0 0 3.75 13.37L2.67 14.37L9.21 21A3.29 3.29 0 0 0 11.58 22H17.67A3.33 3.33 0 0 0 21 18.67V6.58A1.25 1.25 0 0 0 19.75 5.33M11 15A1 1 0 1 1 12 14A1 1 0 0 1 11 15M13 18A1 1 0 1 1 14 17A1 1 0 0 1 13 18M18 16A1 1 0 1 1 19 15A1 1 0 0 1 18 16M17 19A1 1 0 1 1 18 18A1 1 0 0 1 17 19M15 15A1 1 0 1 1 16 14A1 1 0 0 1 15 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box-outline.svg
new file mode 100644
index 00000000..81f8fb78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-a-box-outline" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V17H13V13H11V17H9V9A2,2 0 0,1 11,7M11,9V11H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box.svg
new file mode 100644
index 00000000..c681963b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-a-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle-outline.svg
new file mode 100644
index 00000000..bd7326e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-a-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V17H13V13H11V17H9V9A2,2 0 0,1 11,7M11,9V11H13V9H11M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle.svg
new file mode 100644
index 00000000..35cc2d9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-a-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a.svg
new file mode 100644
index 00000000..810fd224
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-a.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-a" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box-outline.svg
new file mode 100644
index 00000000..022e75b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-b-box-outline" viewBox="0 0 24 24"><path d="M15,10.5C15,11.3 14.3,12 13.5,12C14.3,12 15,12.7 15,13.5V15A2,2 0 0,1 13,17H9V7H13A2,2 0 0,1 15,9V10.5M13,15V13H11V15H13M13,11V9H11V11H13M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box.svg
new file mode 100644
index 00000000..1df235ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-b-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle-outline.svg
new file mode 100644
index 00000000..57f9a92b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-b-circle-outline" viewBox="0 0 24 24"><path d="M15,10.5C15,11.3 14.3,12 13.5,12C14.3,12 15,12.7 15,13.5V15A2,2 0 0,1 13,17H9V7H13A2,2 0 0,1 15,9V10.5M13,15V13H11V15H13M13,11V9H11V11H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle.svg
new file mode 100644
index 00000000..a3aa5fe8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-b-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b.svg
new file mode 100644
index 00000000..e5b5b12d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-b.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-b" viewBox="0 0 24 24"><path d="M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box-outline.svg
new file mode 100644
index 00000000..b51b4897
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-c-box-outline" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V10H13V9H11V15H13V14H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box.svg
new file mode 100644
index 00000000..17a752f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-c-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle-outline.svg
new file mode 100644
index 00000000..9798269c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-c-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V10H13V9H11V15H13V14H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle.svg
new file mode 100644
index 00000000..324880fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-c-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c.svg
new file mode 100644
index 00000000..efe8e541
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-c.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-c" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V14H13V15H11V9H13V10H15V9A2,2 0 0,0 13,7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box-outline.svg
new file mode 100644
index 00000000..ac41fcc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-d-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H9V7M11,9V15H13V9H11M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box.svg
new file mode 100644
index 00000000..0b007945
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-d-box" viewBox="0 0 24 24"><path d="M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle-outline.svg
new file mode 100644
index 00000000..8ff67247
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-d-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H9V7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle.svg
new file mode 100644
index 00000000..1c0ecd63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-d-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d.svg
new file mode 100644
index 00000000..2e0b60f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-d" viewBox="0 0 24 24"><path d="M9,7V17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H9M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box-outline.svg
new file mode 100644
index 00000000..fead7cdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-e-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H15V13H11V15H15V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box.svg
new file mode 100644
index 00000000..a46de737
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-e-box" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V13H15V11H11V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle-outline.svg
new file mode 100644
index 00000000..74aa0239
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-e-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H15V13H11V15H15V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle.svg
new file mode 100644
index 00000000..ca26c5ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-e-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H15V15H11V13H15V11H11V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e.svg
new file mode 100644
index 00000000..30c97eab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-e.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-e" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V13H15V11H11V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box-outline.svg
new file mode 100644
index 00000000..ceeb1594
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-f-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H14V13H11V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box.svg
new file mode 100644
index 00000000..d360be27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-f-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H14V11H11V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle-outline.svg
new file mode 100644
index 00000000..344e9dbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-f-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H14V13H11V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle.svg
new file mode 100644
index 00000000..159dfbd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-f-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13H14V11H11V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f.svg
new file mode 100644
index 00000000..bb917caa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-f.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-f" viewBox="0 0 24 24"><path d="M9,7V17H11V13H14V11H11V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box-outline.svg
new file mode 100644
index 00000000..df0fa9dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-g-box-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V15H13V11H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box.svg
new file mode 100644
index 00000000..c31cf733
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-g-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle-outline.svg
new file mode 100644
index 00000000..8eeb919d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-g-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V15H13V11H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle.svg
new file mode 100644
index 00000000..5645edf4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-g-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g.svg
new file mode 100644
index 00000000..4e30d48a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-g" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V11H13V15H11V9H15V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box-outline.svg
new file mode 100644
index 00000000..7aa22762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-h-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box.svg
new file mode 100644
index 00000000..e9d98def
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-h-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13V17H15V7H13V11H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle-outline.svg
new file mode 100644
index 00000000..8bd0c696
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-h-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle.svg
new file mode 100644
index 00000000..07ba54b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-h-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h.svg
new file mode 100644
index 00000000..daae2303
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-h.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-h" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box-outline.svg
new file mode 100644
index 00000000..e0ae34c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-i-box-outline" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box.svg
new file mode 100644
index 00000000..dbb233da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-i-box" viewBox="0 0 24 24"><path d="M14,7H10V9H11V15H10V17H14V15H13V9H14V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle-outline.svg
new file mode 100644
index 00000000..6570bea8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-i-circle-outline" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle.svg
new file mode 100644
index 00000000..ae462ecc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-i-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M14,7H10V9H11V15H10V17H14V15H13V9H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i.svg
new file mode 100644
index 00000000..ad813a0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-i.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-i" viewBox="0 0 24 24"><path d="M14,7V9H13V15H14V17H10V15H11V9H10V7H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box-outline.svg
new file mode 100644
index 00000000..88104db3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-j-box-outline" viewBox="0 0 24 24"><path d="M13,7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V14H11V15H13V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box.svg
new file mode 100644
index 00000000..9cac5116
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-j-box" viewBox="0 0 24 24"><path d="M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle-outline.svg
new file mode 100644
index 00000000..5da03101
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-j-circle-outline" viewBox="0 0 24 24"><path d="M13,7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V14H11V15H13V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle.svg
new file mode 100644
index 00000000..d4042b6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-j-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j.svg
new file mode 100644
index 00000000..4794fef4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-j.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-j" viewBox="0 0 24 24"><path d="M13,7V15H11V14H9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box-outline.svg
new file mode 100644
index 00000000..c50ad23d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-k-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V10.33L13,7H15L12,12L15,17H13L11,13.67V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box.svg
new file mode 100644
index 00000000..fc5604c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-k-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle-outline.svg
new file mode 100644
index 00000000..037b1eb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-k-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V10.33L13,7H15L12,12L15,17H13L11,13.67V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle.svg
new file mode 100644
index 00000000..84d6ca48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-k-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k.svg
new file mode 100644
index 00000000..08899c8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-k.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-k" viewBox="0 0 24 24"><path d="M9,7V17H11V13.67L13,17H15L12,12L15,7H13L11,10.33V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box-outline.svg
new file mode 100644
index 00000000..fb5bcfbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-l-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H15V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box.svg
new file mode 100644
index 00000000..77e5e951
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-l-box" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle-outline.svg
new file mode 100644
index 00000000..72495007
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-l-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H15V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle.svg
new file mode 100644
index 00000000..6b003207
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-l-circle" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l.svg
new file mode 100644
index 00000000..28d529bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-l.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-l" viewBox="0 0 24 24"><path d="M9,7V17H15V15H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box-outline.svg
new file mode 100644
index 00000000..68db3b02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-m-box-outline" viewBox="0 0 24 24"><path d="M9,7H15A2,2 0 0,1 17,9V17H15V9H13V16H11V9H9V17H7V9A2,2 0 0,1 9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box.svg
new file mode 100644
index 00000000..1208aa70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-m-box" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle-outline.svg
new file mode 100644
index 00000000..dffbd544
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-m-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15A2,2 0 0,1 17,9V17H15V9H13V16H11V9H9V17H7V9A2,2 0 0,1 9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle.svg
new file mode 100644
index 00000000..fad88a8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-m-circle" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m.svg
new file mode 100644
index 00000000..0255e104
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-m" viewBox="0 0 24 24"><path d="M9,7A2,2 0 0,0 7,9V17H9V9H11V16H13V9H15V17H17V9A2,2 0 0,0 15,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box-outline.svg
new file mode 100644
index 00000000..075ab996
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-n-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L13,12V7H15V17H13L11,12V17H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box.svg
new file mode 100644
index 00000000..03f68905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-n-box" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle-outline.svg
new file mode 100644
index 00000000..e5112f36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-n-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L13,12V7H15V17H13L11,12V17H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle.svg
new file mode 100644
index 00000000..731d1d3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-n-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n.svg
new file mode 100644
index 00000000..64cd6937
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-n.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-n" viewBox="0 0 24 24"><path d="M9,7V17H11V12L13,17H15V7H13V12L11,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box-outline.svg
new file mode 100644
index 00000000..23aab8cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-o-box-outline" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box.svg
new file mode 100644
index 00000000..76f68381
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-o-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle-outline.svg
new file mode 100644
index 00000000..6f4273a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-o-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle.svg
new file mode 100644
index 00000000..694b547f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-o-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o.svg
new file mode 100644
index 00000000..ad0de59c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-o.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-o" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box-outline.svg
new file mode 100644
index 00000000..b978ceac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-p-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V17H9V7M11,9V11H13V9H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box.svg
new file mode 100644
index 00000000..8de5258f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-p-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle-outline.svg
new file mode 100644
index 00000000..b7589141
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-p-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V17H9V7M11,9V11H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle.svg
new file mode 100644
index 00000000..8294127f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-p-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p.svg
new file mode 100644
index 00000000..f3445428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-p.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-p" viewBox="0 0 24 24"><path d="M9,7V17H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box-outline.svg
new file mode 100644
index 00000000..8a01d0bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-q-box-outline" viewBox="0 0 24 24"><path d="M5,4H19A2,2 0 0,1 21,6V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V6A2,2 0 0,1 5,4M5,6V20H19V6H5M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17V19H11V17A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box.svg
new file mode 100644
index 00000000..c839607f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-q-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M5,4H19A2,2 0 0,1 21,6V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V6A2,2 0 0,1 5,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle-outline.svg
new file mode 100644
index 00000000..03d2975c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-q-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17V19H11V17A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle.svg
new file mode 100644
index 00000000..b4b856f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-q-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q.svg
new file mode 100644
index 00000000..1f738089
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-q.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-q" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17V19H13V17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box-outline.svg
new file mode 100644
index 00000000..8e1711f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-r-box-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11C15,11.84 14.5,12.55 13.76,12.85L15,17H13L11.8,13H11V17H9V7M11,9V11H13V9H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box.svg
new file mode 100644
index 00000000..8075308d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-r-box" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle-outline.svg
new file mode 100644
index 00000000..0c7ba885
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-r-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11C15,11.84 14.5,12.55 13.76,12.85L15,17H13L11.8,13H11V17H9V7M11,9V11H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,16.41 7.58,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle.svg
new file mode 100644
index 00000000..442af353
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-r-circle" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r.svg
new file mode 100644
index 00000000..050d0b0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-r.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-r" viewBox="0 0 24 24"><path d="M9,7V17H11V13H11.8L13,17H15L13.76,12.85C14.5,12.55 15,11.84 15,11V9A2,2 0 0,0 13,7H9M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box-outline.svg
new file mode 100644
index 00000000..33a316f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-s-box-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box.svg
new file mode 100644
index 00000000..aa237969
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-s-box" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle-outline.svg
new file mode 100644
index 00000000..7889a642
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-s-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle.svg
new file mode 100644
index 00000000..cd9a56a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-s-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s.svg
new file mode 100644
index 00000000..4e497bfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-s.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-s" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box-outline.svg
new file mode 100644
index 00000000..ae61b340
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-t-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H13V17H11V9H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box.svg
new file mode 100644
index 00000000..91084ec5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-t-box" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle-outline.svg
new file mode 100644
index 00000000..d19841ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-t-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H13V17H11V9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle.svg
new file mode 100644
index 00000000..b11c6026
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-t-circle" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t.svg
new file mode 100644
index 00000000..930fd10d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-t.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-t" viewBox="0 0 24 24"><path d="M9,7V9H11V17H13V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box-outline.svg
new file mode 100644
index 00000000..909e95d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-u-box-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H13V7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box.svg
new file mode 100644
index 00000000..7ba04c2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-u-box" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle-outline.svg
new file mode 100644
index 00000000..cb8a8601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-u-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V15H13V7H15V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle.svg
new file mode 100644
index 00000000..f15dd223
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-u-circle" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u.svg
new file mode 100644
index 00000000..f1897c6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-u.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-u" viewBox="0 0 24 24"><path d="M9,7V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V7H13V15H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box-outline.svg
new file mode 100644
index 00000000..b0246f5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-v-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,12L13,7H15L13,17H11L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box.svg
new file mode 100644
index 00000000..f1b6de25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-v-box" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle-outline.svg
new file mode 100644
index 00000000..abc3ff68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-v-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,12L13,7H15L13,17H11L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle.svg
new file mode 100644
index 00000000..8423c4fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-v-circle" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v.svg
new file mode 100644
index 00000000..9fb28afb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-v.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-v" viewBox="0 0 24 24"><path d="M9,7L11,17H13L15,7H13L12,12L11,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box-outline.svg
new file mode 100644
index 00000000..e3781ff4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-w-box-outline" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box.svg
new file mode 100644
index 00000000..229bac61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-w-box" viewBox="0 0 24 24"><path d="M9,17H15A2,2 0 0,0 17,15V7H15V15H13V8H11V15H9V7H7V15A2,2 0 0,0 9,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle-outline.svg
new file mode 100644
index 00000000..516dbe2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-w-circle-outline" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle.svg
new file mode 100644
index 00000000..adb12482
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-w-circle" viewBox="0 0 24 24"><path d="M9,17H15A2,2 0 0,0 17,15V7H15V15H13V8H11V15H9V7H7V15A2,2 0 0,0 9,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w.svg
new file mode 100644
index 00000000..26e1c8ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-w.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-w" viewBox="0 0 24 24"><path d="M9,17A2,2 0 0,1 7,15V7H9V15H11V8H13V15H15V7H17V15A2,2 0 0,1 15,17H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box-outline.svg
new file mode 100644
index 00000000..bd880a79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-x-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,9.5L13,7H15L13,12L15,17H13L12,14.5L11,17H9L11,12L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box.svg
new file mode 100644
index 00000000..131ff67a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-x-box" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle-outline.svg
new file mode 100644
index 00000000..8390e409
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-x-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,9.5L13,7H15L13,12L15,17H13L12,14.5L11,17H9L11,12L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle.svg
new file mode 100644
index 00000000..aa47da3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-x-circle" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x.svg
new file mode 100644
index 00000000..05b3e324
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-x" viewBox="0 0 24 24"><path d="M9,7L11,12L9,17H11L12,14.5L13,17H15L13,12L15,7H13L12,9.5L11,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box-outline.svg
new file mode 100644
index 00000000..6ece3331
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-y-box-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,10L13,7H15L13,13V17H11V13L9,7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box.svg
new file mode 100644
index 00000000..c35b33b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-y-box" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle-outline.svg
new file mode 100644
index 00000000..ef8aae52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-y-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11L12,10L13,7H15L13,13V17H11V13L9,7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle.svg
new file mode 100644
index 00000000..6c5f0525
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-y-circle" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y.svg
new file mode 100644
index 00000000..c187e474
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-y.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-y" viewBox="0 0 24 24"><path d="M9,7L11,13V17H13V13L15,7H13L12,10L11,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box-outline.svg
new file mode 100644
index 00000000..058ae0a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-z-box-outline" viewBox="0 0 24 24"><path d="M9,7H15V9L11,15H15V17H9V15L13,9H9V7M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box.svg
new file mode 100644
index 00000000..3040132c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-z-box" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle-outline.svg
new file mode 100644
index 00000000..946389bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-z-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9L11,15H15V17H9V15L13,9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle.svg
new file mode 100644
index 00000000..1985b249
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-z-circle" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z.svg
new file mode 100644
index 00000000..33d6bae1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha-z.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha-z" viewBox="0 0 24 24"><path d="M9,7V9H13L9,15V17H15V15H11L15,9V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alpha.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alpha.svg
new file mode 100644
index 00000000..a0b6f110
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alpha.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alpha" viewBox="0 0 24 24"><path d="M18.08,17.8C17.62,17.93 17.21,18 16.85,18C15.65,18 14.84,17.12 14.43,15.35H14.38C13.39,17.26 12,18.21 10.25,18.21C8.94,18.21 7.89,17.72 7.1,16.73C6.31,15.74 5.92,14.5 5.92,13C5.92,11.25 6.37,9.85 7.26,8.76C8.15,7.67 9.36,7.12 10.89,7.12C11.71,7.12 12.45,7.35 13.09,7.8C13.73,8.26 14.22,8.9 14.56,9.73H14.6L15.31,7.33H17.87L15.73,12.65C15.97,13.89 16.22,14.74 16.5,15.19C16.74,15.64 17.08,15.87 17.5,15.87C17.74,15.87 17.93,15.83 18.1,15.76L18.08,17.8M13.82,12.56C13.61,11.43 13.27,10.55 12.81,9.95C12.36,9.34 11.81,9.04 11.18,9.04C10.36,9.04 9.7,9.41 9.21,10.14C8.72,10.88 8.5,11.79 8.5,12.86C8.5,13.84 8.69,14.65 9.12,15.31C9.54,15.97 10.11,16.29 10.82,16.29C11.42,16.29 11.97,16 12.46,15.45C12.96,14.88 13.37,14.05 13.7,12.96L13.82,12.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-aurebesh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-aurebesh.svg
new file mode 100644
index 00000000..3d6c311a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-aurebesh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-aurebesh" viewBox="0 0 24 24"><path d="M3 4V11H14.23L22 4H19L13.46 9H5V4H3M3 13V20H5V15H13.46L19 20H22L14.23 13H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-cyrillic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-cyrillic.svg
new file mode 100644
index 00000000..2d04fcce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-cyrillic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-cyrillic" viewBox="0 0 24 24"><path d="M16 6C14.36 6 13 7.36 13 9V15C13 16.65 14.36 18 16 18H17C18.65 18 20 16.65 20 15V12C20 10.36 18.65 9 17 9H15C15 8.44 15.44 8 16 8H18C19.09 8 20 7.09 20 6M5 9V11H8C8.57 11 9 11.43 9 12H7C5.36 12 4 13.36 4 15C4 16.65 5.36 18 7 18H11V12C11 10.36 9.65 9 8 9M15 11H17C17.57 11 18 11.43 18 12V15C18 15.57 17.57 16 17 16H16C15.43 16 15 15.57 15 15M7 14H9V16H7C6.43 16 6 15.57 6 15C6 14.43 6.43 14 7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-greek.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-greek.svg
new file mode 100644
index 00000000..ea1c4762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-greek.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-greek" viewBox="0 0 24 24"><path d="M16 6C14.36 6 13 7.36 13 9V21H15V9C15 8.43 15.43 8 16 8H17C17.57 8 18 8.43 18 9V10C18 10.57 17.57 11 17 11H16V13H17C17.57 13 18 13.43 18 14V15C18 15.57 17.57 16 17 16H16V18H17C18.65 18 20 16.65 20 15V14C20 13.18 19.59 12.46 19 12C19.59 11.54 20 10.82 20 10V9C20 7.36 18.65 6 17 6M7 9C5.36 9 4 10.36 4 12V15C4 16.65 5.36 18 7 18H7.7C8.2 18 8.65 17.81 9 17.5V18H11V9H9V9.5C8.65 9.19 8.2 9 7.7 9M7 11H8C8.57 11 9 11.43 9 12V15C9 15.57 8.57 16 8 16H7C6.43 16 6 15.57 6 15V12C6 11.43 6.43 11 7 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-latin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-latin.svg
new file mode 100644
index 00000000..20bae795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-latin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-latin" viewBox="0 0 24 24"><path d="M13 6V18H15V17.31C15.37 17.73 15.9 18 16.5 18H17C18.65 18 20 16.65 20 15V12C20 10.36 18.65 9 17 9H16.5C15.9 9 15.37 9.27 15 9.7V6M5 9V11H8C8.57 11 9 11.43 9 12H7C5.36 12 4 13.36 4 15C4 16.65 5.36 18 7 18H11V12C11 10.36 9.65 9 8 9M16 11H17C17.57 11 18 11.43 18 12V15C18 15.57 17.57 16 17 16H16C15.43 16 15 15.57 15 15V12C15 11.43 15.43 11 16 11M7 14H9V16H7C6.43 16 6 15.57 6 15C6 14.43 6.43 14 7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-piqad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-piqad.svg
new file mode 100644
index 00000000..5ba85e6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-piqad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-piqad" viewBox="0 0 24 24"><path d="M13.04 4L6.54 17.85C6.21 18.55 5.5 19 4.73 19H4V20H16C17.2 20 18.27 20.54 19 21.39H20C19.05 19.32 17 18 14.7 18H12C11.29 18 10.62 17.63 10.24 17.03C9.85 16.43 9.8 15.68 10.1 15.03L10.58 14H19V13H17.5C15.29 13 13.5 11.21 13.5 9C13.5 6.79 15.29 5 17.5 5H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-tengwar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-tengwar.svg
new file mode 100644
index 00000000..870a383a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabet-tengwar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabet-tengwar" viewBox="0 0 24 24"><path d="M10 7L12.5 3H15L11 7H10M12.5 9C11.96 9 11.46 9.13 11 9.35V9H8V11H9V21H11V12.5C11 11.67 11.67 11 12.5 11C13.33 11 14 11.67 14 12.5V14.5C14 15.33 13.33 16 12.5 16H12V18H12.5C14.43 18 16 16.43 16 14.5V12.5C16 10.57 14.43 9 12.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-off.svg
new file mode 100644
index 00000000..b57eac0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabetical-off" viewBox="0 0 24 24"><path d="M22.11 21.46L16 15.31L14 13.31L13.65 13L10 9.34L2.39 1.73L1.11 3L10 11.89V15A2 2 0 0 0 12 17H14A1.92 1.92 0 0 0 14.89 16.78L20.84 22.73M12 15V13.89L13.11 15M16 12.78L14.22 11A2 2 0 0 1 16 12.78M20.2 17L18 14.8V13A2 2 0 0 1 20 11H22V13H20V15H22V17M6 11H4A2 2 0 0 0 2 13V15A2 2 0 0 0 4 17H8V13A2 2 0 0 0 6 11M6 15H4V13H6M12 8.8L10.2 7H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant-off.svg
new file mode 100644
index 00000000..94563f96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabetical-variant-off" viewBox="0 0 24 24"><path d="M12.2 9L10.2 7H13A2 2 0 0 1 15 9V10.5A1.47 1.47 0 0 1 14.64 11.44L13 9.8V9M23 10V9A2 2 0 0 0 21 7H19A2 2 0 0 0 17 9V13.8L20.2 17H21A2 2 0 0 0 23 15V14H21V15H19V9H21V10M15 14.35L22.11 21.46L20.84 22.73L14.46 16.35A2 2 0 0 1 13 17H9V10.89L7 8.89V17H5V13H3V17H1V9A2 2 0 0 1 3 7H5.12L1.12 3L2.39 1.73L9 8.34L11 10.34L11.66 11L15 14.34M5 9H3V11H5M13 14.89L11.11 13H11V15H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant.svg
new file mode 100644
index 00000000..cc46ca57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabetical-variant" viewBox="0 0 24 24"><path d="M3 7A2 2 0 0 0 1 9V17H3V13H5V17H7V9A2 2 0 0 0 5 7H3M3 9H5V11H3M15 10.5V9A2 2 0 0 0 13 7H9V17H13A2 2 0 0 0 15 15V13.5A1.54 1.54 0 0 0 13.5 12A1.54 1.54 0 0 0 15 10.5M13 15H11V13H13V15M13 11H11V9H13M19 7A2 2 0 0 0 17 9V15A2 2 0 0 0 19 17H21A2 2 0 0 0 23 15V14H21V15H19V9H21V10H23V9A2 2 0 0 0 21 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical.svg
new file mode 100644
index 00000000..06c04b96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/alphabetical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-alphabetical" viewBox="0 0 24 24"><path d="M6,11A2,2 0 0,1 8,13V17H4A2,2 0 0,1 2,15V13A2,2 0 0,1 4,11H6M4,13V15H6V13H4M20,13V15H22V17H20A2,2 0 0,1 18,15V13A2,2 0 0,1 20,11H22V13H20M12,7V11H14A2,2 0 0,1 16,13V15A2,2 0 0,1 14,17H12A2,2 0 0,1 10,15V7H12M12,15H14V13H12V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/altimeter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/altimeter.svg
new file mode 100644
index 00000000..13a0837b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/altimeter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-altimeter" viewBox="0 0 24 24"><path d="M7,3V5H17V3H7M9,7V9H15V7H9M2,7.96V16.04L6.03,12L2,7.96M22.03,7.96L18,12L22.03,16.04V7.96M7,11V13H17V11H7M9,15V17H15V15H9M7,19V21H17V19H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ambulance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ambulance.svg
new file mode 100644
index 00000000..c11d69c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ambulance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ambulance" viewBox="0 0 24 24"><path d="M18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5M19.5,9.5H17V12H21.46L19.5,9.5M6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5M20,8L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.89,4 3,4H17V8H20M8,6V9H5V11H8V14H10V11H13V9H10V6H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ammunition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ammunition.svg
new file mode 100644
index 00000000..3303a880
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ammunition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ammunition" viewBox="0 0 24 24"><path d="M14,22H10V21H14V22M13,10V7H11V10L10,11.5V20H14V11.5L13,10M12,2C12,2 11,3 11,5V6H13V5C13,5 13,3 12,2M8,22H4V21H8V22M7,10V7H5V10L4,11.5V20H8V11.5L7,10M6,2C6,2 5,3 5,5V6H7V5C7,5 7,3 6,2M20,22H16V21H20V22M19,10V7H17V10L16,11.5V20H20V11.5L19,10M18,2C18,2 17,3 17,5V6H19V5C19,5 19,3 18,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ampersand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ampersand.svg
new file mode 100644
index 00000000..556a2cd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ampersand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ampersand" viewBox="0 0 24 24"><path d="M4.4,16.5C4.4,15.6 4.7,14.7 5.2,13.9C5.7,13.1 6.7,12.2 8.2,11.2C7.3,10.1 6.8,9.3 6.5,8.7C6.1,8 6,7.4 6,6.7C6,5.2 6.4,4.1 7.3,3.2C8.2,2.3 9.4,2 10.9,2C12.2,2 13.3,2.4 14.2,3.2C15.1,4 15.5,5 15.5,6.1C15.5,6.9 15.3,7.6 14.9,8.3C14.5,9 13.8,9.7 12.8,10.4L11.4,11.5L15.7,16.7C16.3,15.5 16.6,14.3 16.6,12.8H18.8C18.8,15.1 18.3,17 17.2,18.5L20,21.8H17L15.7,20.3C15,20.9 14.3,21.3 13.4,21.6C12.5,21.9 11.6,22.1 10.7,22.1C8.8,22.1 7.3,21.6 6.1,20.6C5,19.5 4.4,18.2 4.4,16.5M10.7,20C12,20 13.2,19.5 14.3,18.5L9.6,12.8L9.2,13.1C7.7,14.2 7,15.3 7,16.5C7,17.6 7.3,18.4 8,19C8.7,19.6 9.5,20 10.7,20M8.5,6.7C8.5,7.6 9,8.6 10.1,9.9L11.7,8.8C12.3,8.4 12.7,8 12.9,7.6C13.1,7.2 13.2,6.7 13.2,6.2C13.2,5.6 13,5.1 12.5,4.7C12.1,4.3 11.5,4.1 10.8,4.1C10.1,4.1 9.5,4.3 9.1,4.8C8.7,5.3 8.5,5.9 8.5,6.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/amplifier-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/amplifier-off.svg
new file mode 100644
index 00000000..9d5e6475
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/amplifier-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-amplifier-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L3 4.9V21H5C5 21.6 5.4 22 6 22S7 21.6 7 21H17C17 21.6 17.4 22 18 22S19 21.6 19 21H19.1L20.8 22.7L22.1 21.5M5 9V6.9L7.1 9H5M12 19C9.8 19 8 17.2 8 15C8 13.6 8.7 12.4 9.8 11.7L15.3 17.2C14.6 18.3 13.4 19 12 19M14 6V7H12V6H14M10 6C10.6 6 11 6.4 11 7C11 7.2 10.9 7.4 10.8 7.6L9.4 6.2C9.6 6.1 9.8 6 10 6M8.2 5L6.2 3H9C9 2.4 9.4 2 10 2H14C14.6 2 15 2.4 15 3H21V17.8L12.2 9H19V5H8.2M16 6V8H15V6H16M18 6V8H17V6H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/amplifier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/amplifier.svg
new file mode 100644
index 00000000..4aaa6b5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/amplifier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-amplifier" viewBox="0 0 24 24"><path d="M10,2H14A1,1 0 0,1 15,3H21V21H19A1,1 0 0,1 18,22A1,1 0 0,1 17,21H7A1,1 0 0,1 6,22A1,1 0 0,1 5,21H3V3H9A1,1 0 0,1 10,2M5,5V9H19V5H5M7,6A1,1 0 0,1 8,7A1,1 0 0,1 7,8A1,1 0 0,1 6,7A1,1 0 0,1 7,6M12,6H14V7H12V6M15,6H16V8H15V6M17,6H18V8H17V6M12,11A4,4 0 0,0 8,15A4,4 0 0,0 12,19A4,4 0 0,0 16,15A4,4 0 0,0 12,11M10,6A1,1 0 0,1 11,7A1,1 0 0,1 10,8A1,1 0 0,1 9,7A1,1 0 0,1 10,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/anchor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/anchor.svg
new file mode 100644
index 00000000..b6a0ce3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/anchor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-anchor" viewBox="0 0 24 24"><path d="M12 2A3 3 0 0 0 9 5A3 3 0 0 0 11 7.83V9H8V11H11V19.92C10.26 19.79 9.5 19.58 8.79 19.27C8.05 18.95 7.4 18.56 6.82 18.09C6.24 17.62 5.78 17.11 5.44 16.55L7 15L3 12V15C3 15.97 3.27 16.88 3.82 17.72C4.37 18.56 5.09 19.31 6 19.95C6.87 20.59 7.84 21.09 8.88 21.45C9.93 21.81 10.97 22 12 22C13.03 22 14.07 21.8 15.12 21.44C16.16 21.08 17.13 20.58 18 19.95C18.92 19.31 19.63 18.57 20.18 17.72C20.73 16.88 21 15.97 21 15V12L17 15L18.56 16.55C18.22 17.11 17.76 17.62 17.18 18.09C16.6 18.56 15.95 18.95 15.21 19.27C14.5 19.58 13.74 19.79 13 19.92V11H16V9H13V7.82A3 3 0 0 0 15 5A3 3 0 0 0 12 2M12 4A1 1 0 0 1 13 5A1 1 0 0 1 12 6A1 1 0 0 1 11 5A1 1 0 0 1 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/android-studio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/android-studio.svg
new file mode 100644
index 00000000..434d629a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/android-studio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-android-studio" viewBox="0 0 24 24"><path d="M11,2H13V4H13.5A1.5,1.5 0 0,1 15,5.5V9L14.56,9.44L16.2,12.28C17.31,11.19 18,9.68 18,8H20C20,10.42 18.93,12.59 17.23,14.06L20.37,19.5L20.5,21.72L18.63,20.5L15.56,15.17C14.5,15.7 13.28,16 12,16C10.72,16 9.5,15.7 8.44,15.17L5.37,20.5L3.5,21.72L3.63,19.5L9.44,9.44L9,9V5.5A1.5,1.5 0 0,1 10.5,4H11V2M9.44,13.43C10.22,13.8 11.09,14 12,14C12.91,14 13.78,13.8 14.56,13.43L13.1,10.9H13.09C12.47,11.5 11.53,11.5 10.91,10.9H10.9L9.44,13.43M12,6A1,1 0 0,0 11,7A1,1 0 0,0 12,8A1,1 0 0,0 13,7A1,1 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/android.svg b/apps/phoenix_webcomponent/priv/mdi/svg/android.svg
new file mode 100644
index 00000000..696199da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/android.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-android" viewBox="0 0 24 24"><path d="M16.61 15.15C16.15 15.15 15.77 14.78 15.77 14.32S16.15 13.5 16.61 13.5H16.61C17.07 13.5 17.45 13.86 17.45 14.32C17.45 14.78 17.07 15.15 16.61 15.15M7.41 15.15C6.95 15.15 6.57 14.78 6.57 14.32C6.57 13.86 6.95 13.5 7.41 13.5H7.41C7.87 13.5 8.24 13.86 8.24 14.32C8.24 14.78 7.87 15.15 7.41 15.15M16.91 10.14L18.58 7.26C18.67 7.09 18.61 6.88 18.45 6.79C18.28 6.69 18.07 6.75 18 6.92L16.29 9.83C14.95 9.22 13.5 8.9 12 8.91C10.47 8.91 9 9.24 7.73 9.82L6.04 6.91C5.95 6.74 5.74 6.68 5.57 6.78C5.4 6.87 5.35 7.08 5.44 7.25L7.1 10.13C4.25 11.69 2.29 14.58 2 18H22C21.72 14.59 19.77 11.7 16.91 10.14H16.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/angle-acute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/angle-acute.svg
new file mode 100644
index 00000000..7cc18fd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/angle-acute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-angle-acute" viewBox="0 0 24 24"><path d="M20,19H4.09L14.18,4.43L15.82,5.57L11.28,12.13C12.89,12.96 14,14.62 14,16.54C14,16.7 14,16.85 13.97,17H20V19M7.91,17H11.96C12,16.85 12,16.7 12,16.54C12,15.28 11.24,14.22 10.14,13.78L7.91,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/angle-obtuse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/angle-obtuse.svg
new file mode 100644
index 00000000..56c4987f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/angle-obtuse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-angle-obtuse" viewBox="0 0 24 24"><path d="M21,19H9.31L4.07,5.36L5.93,4.64L8.96,12.5C9.5,12.29 10.09,12.17 10.71,12.17V12.17C13.38,12.17 15.56,14.34 15.58,17H21V19M10.69,17H13.58C13.56,15.42 12.3,14.17 10.71,14.17C10.34,14.17 10,14.24 9.67,14.36L10.69,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/angle-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/angle-right.svg
new file mode 100644
index 00000000..795adddc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/angle-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-angle-right" viewBox="0 0 24 24"><path d="M5,4H7V11H13V17H20V19H5V4M7,17H11V13H7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/angular.svg b/apps/phoenix_webcomponent/priv/mdi/svg/angular.svg
new file mode 100644
index 00000000..5406d698
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/angular.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-angular" viewBox="0 0 24 24"><path d="M12,2.5L20.84,5.65L19.5,17.35L12,21.5L4.5,17.35L3.16,5.65L12,2.5M12,4.6L6.47,17H8.53L9.64,14.22H14.34L15.45,17H17.5L12,4.6M13.62,12.5H10.39L12,8.63L13.62,12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/angularjs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/angularjs.svg
new file mode 100644
index 00000000..f14ef905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/angularjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-angularjs" viewBox="0 0 24 24"><path d="M12,2.5L20.84,5.65L19.5,17.35L12,21.5L4.5,17.35L3.16,5.65L12,2.5M12,4.5L5,7L6.08,16.22L12,19.5L17.92,16.22L19,7L12,4.5M12,5.72L16.58,16H14.87L13.94,13.72H10.04L9.12,16H7.41L12,5.72M13.34,12.3L12,9.07L10.66,12.3H13.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/animation-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/animation-outline.svg
new file mode 100644
index 00000000..82041710
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/animation-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-animation-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/animation-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/animation-play-outline.svg
new file mode 100644
index 00000000..bfc7272e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/animation-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-animation-play-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M14,13V19L18,16L14,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/animation-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/animation-play.svg
new file mode 100644
index 00000000..ed1b747b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/animation-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-animation-play" viewBox="0 0 24 24"><path d="M4,2H14V4H4V14H2V4C2,2.89 2.89,2 4,2M8,6H18V8H8V18H6V8C6,6.89 6.89,6 8,6M12,10H20C21.11,10 22,10.89 22,12V20C22,21.11 21.11,22 20,22H12C10.89,22 10,21.11 10,20V12C10,10.89 10.89,10 12,10M14,12V20L20,16L14,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/animation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/animation.svg
new file mode 100644
index 00000000..904b6515
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/animation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-animation" viewBox="0 0 24 24"><path d="M4,2C2.89,2 2,2.89 2,4V14H4V4H14V2H4M8,6C6.89,6 6,6.89 6,8V18H8V8H18V6H8M12,10C10.89,10 10,10.89 10,12V20C10,21.11 10.89,22 12,22H20C21.11,22 22,21.11 22,20V12C22,10.89 21.11,10 20,10H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ansible.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ansible.svg
new file mode 100644
index 00000000..30f5ea85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ansible.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ansible" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M16.1 17C15.91 17 15.76 16.9 15.55 16.73L10.39 12.56L8.66 16.9H7.17L11.54 6.39C11.65 6.11 11.89 5.97 12.17 5.97C12.45 5.97 12.67 6.11 12.79 6.39L16.77 15.97C16.81 16.08 16.84 16.19 16.84 16.26C16.83 16.68 16.5 17 16.1 17M12.17 8.11L14.76 14.5L10.85 11.42L12.17 8.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/antenna.svg b/apps/phoenix_webcomponent/priv/mdi/svg/antenna.svg
new file mode 100644
index 00000000..5209d8f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/antenna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-antenna" viewBox="0 0 24 24"><path d="M12 7.5C12.69 7.5 13.27 7.73 13.76 8.2S14.5 9.27 14.5 10C14.5 11.05 14 11.81 13 12.28V21H11V12.28C10 11.81 9.5 11.05 9.5 10C9.5 9.27 9.76 8.67 10.24 8.2S11.31 7.5 12 7.5M16.69 5.3C17.94 6.55 18.61 8.11 18.7 10C18.7 11.8 18.03 13.38 16.69 14.72L15.5 13.5C16.5 12.59 17 11.42 17 10C17 8.67 16.5 7.5 15.5 6.5L16.69 5.3M6.09 4.08C4.5 5.67 3.7 7.64 3.7 10S4.5 14.3 6.09 15.89L4.92 17.11C3 15.08 2 12.7 2 10C2 7.3 3 4.94 4.92 2.91L6.09 4.08M19.08 2.91C21 4.94 22 7.3 22 10C22 12.8 21 15.17 19.08 17.11L17.91 15.89C19.5 14.3 20.3 12.33 20.3 10S19.5 5.67 17.91 4.08L19.08 2.91M7.31 5.3L8.5 6.5C7.5 7.42 7 8.58 7 10C7 11.33 7.5 12.5 8.5 13.5L7.31 14.72C5.97 13.38 5.3 11.8 5.3 10C5.3 8.2 5.97 6.64 7.31 5.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/anvil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/anvil.svg
new file mode 100644
index 00000000..6100bcc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/anvil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-anvil" viewBox="0 0 24 24"><path d="M9,5V10C13.03,12.47 8.44,14.97 6,16V19H21V16C14.59,13.27 17.47,9 22,8V5H9M2,6C2.81,8.13 4.42,9.5 7,10V6H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apache-kafka.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apache-kafka.svg
new file mode 100644
index 00000000..fda9bf73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apache-kafka.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apache-kafka" viewBox="0 0 24 24"><path d="M15.54 12.97C14.86 12.97 14.24 13.22 13.76 13.64L12.47 12.89C12.56 12.6 12.6 12.29 12.6 11.97C12.6 11.65 12.56 11.34 12.5 11.05L13.73 10.32C14.21 10.76 14.85 11 15.54 11C17.03 11 18.24 9.81 18.24 8.32S17.03 5.63 15.54 5.63 12.84 6.84 12.84 8.33C12.84 8.5 12.86 8.7 12.89 8.88L11.64 9.6C11.21 9.15 10.64 8.82 10 8.65V7.26C11.09 6.91 11.88 5.89 11.88 4.69C11.88 3.2 10.67 2 9.18 2C7.69 2 6.5 3.2 6.5 4.69C6.5 5.89 7.26 6.9 8.34 7.26V8.66C6.86 9.04 5.76 10.37 5.76 11.97C5.76 13.57 6.86 14.91 8.34 15.28V16.73C7.26 17.09 6.5 18.1 6.5 19.3C6.5 20.79 7.69 22 9.18 22C10.67 22 11.88 20.79 11.88 19.3C11.88 18.1 11.09 17.08 10 16.73V15.29C10.64 15.13 11.2 14.8 11.64 14.35L12.9 15.08C12.86 15.27 12.84 15.46 12.84 15.66C12.84 17.15 14.05 18.36 15.54 18.36S18.24 17.15 18.24 15.66 17.03 12.97 15.54 12.97M15.54 7C16.28 7 16.87 7.59 16.87 8.32S16.28 9.66 15.54 9.66 14.21 9.06 14.21 8.32 14.8 7 15.54 7M7.85 4.69C7.85 3.95 8.44 3.35 9.18 3.35C9.92 3.35 10.5 3.95 10.5 4.69S9.92 6.03 9.18 6.03C8.44 6.03 7.85 5.43 7.85 4.69M10.5 19.3C10.5 20.04 9.92 20.64 9.18 20.64C8.44 20.64 7.85 20.04 7.85 19.3C7.85 18.56 8.44 17.96 9.18 17.96C9.92 17.96 10.5 18.56 10.5 19.3M9.18 13.89C8.12 13.89 7.26 13.03 7.26 11.97C7.26 10.91 8.12 10.05 9.18 10.05S11.1 10.91 11.1 11.97C11.1 13.03 10.24 13.89 9.18 13.89M15.54 17C14.8 17 14.21 16.4 14.21 15.66S14.8 14.33 15.54 14.33 16.87 14.93 16.87 15.66 16.28 17 15.54 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/api-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/api-off.svg
new file mode 100644
index 00000000..9d701a1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/api-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-api-off" viewBox="0 0 24 24"><path d="M7 11H5V9H7M14 7H11.38L13.29 9H14V9.75L15.87 11.71C15.95 11.5 16 11.25 16 11V9C16 7.9 15.11 7 14 7M4.45 2.62L3 4L5.86 7H5C3.9 7 3 7.9 3 9V17H5V13H7V17H9V10.3L10 11.34V17H12V13.45L19.55 21.38L21 20M20.9 17H21V15H20V9H21V7H17V9H18V13.95Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/api.svg b/apps/phoenix_webcomponent/priv/mdi/svg/api.svg
new file mode 100644
index 00000000..4eab4f76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/api.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-api" viewBox="0 0 24 24"><path d="M7 7H5A2 2 0 0 0 3 9V17H5V13H7V17H9V9A2 2 0 0 0 7 7M7 11H5V9H7M14 7H10V17H12V13H14A2 2 0 0 0 16 11V9A2 2 0 0 0 14 7M14 11H12V9H14M20 9V15H21V17H17V15H18V9H17V7H21V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-finder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-finder.svg
new file mode 100644
index 00000000..17da2b49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-finder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-finder" viewBox="0 0 24 24"><path d="M8 11C7.45 11 7 10.55 7 10V8C7 7.45 7.45 7 8 7C8.55 7 9 7.45 9 8V10C9 10.55 8.55 11 8 11M17 10V8C17 7.45 16.55 7 16 7C15.45 7 15 7.45 15 8V10C15 10.55 15.45 11 16 11C16.55 11 17 10.55 17 10M22 5V20C22 21.1 21.1 22 20 22H4C2.9 22 2 21.1 2 20V5C2 3.9 2.9 3 4 3H20C21.1 3 22 3.9 22 5M4 20L13.06 20C12.96 19.35 12.89 18.64 12.83 17.94C12.56 17.96 12.3 18 12 18C8.24 18 6.31 15.73 6.23 15.63C5.88 15.21 5.94 14.58 6.36 14.22C6.78 13.87 7.41 13.93 7.77 14.35C7.83 14.43 9.23 16 12 16C12.27 16 12.5 15.97 12.74 15.95C12.71 14.75 12.73 13.74 12.74 13.26H10.93C10.28 13.26 9.75 12.7 9.75 12C9.77 11.75 10.07 7.82 11 5H4L4 20M20 20L20 5H12.6C11.74 7.19 11.37 10.73 11.27 11.76H13.08C13.72 11.76 14.25 12.32 14.25 13C14.25 13.04 14.21 14.15 14.24 15.6C15.54 15.11 16.22 14.35 16.23 14.34C16.58 13.92 17.21 13.85 17.63 14.2C18.06 14.55 18.12 15.18 17.77 15.61C17.71 15.68 16.55 17.05 14.32 17.68C14.38 18.5 14.46 19.29 14.58 20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-icloud.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-icloud.svg
new file mode 100644
index 00000000..b7c3bfdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-icloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-icloud" viewBox="0 0 24 24"><path d="M22,15.04C22,17.23 20.24,19 18.07,19H5.93C3.76,19 2,17.23 2,15.04C2,13.07 3.43,11.44 5.31,11.14C5.28,11 5.27,10.86 5.27,10.71C5.27,9.33 6.38,8.2 7.76,8.2C8.37,8.2 8.94,8.43 9.37,8.8C10.14,7.05 11.13,5.44 13.91,5.44C17.28,5.44 18.87,8.06 18.87,10.83C18.87,10.94 18.87,11.06 18.86,11.17C20.65,11.54 22,13.13 22,15.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-ios.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-ios.svg
new file mode 100644
index 00000000..2ccd0b5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-ios.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-ios" viewBox="0 0 24 24"><path d="M2.09 16.8H3.75V9.76H2.09M2.92 8.84C3.44 8.84 3.84 8.44 3.84 7.94C3.84 7.44 3.44 7.04 2.92 7.04C2.4 7.04 2 7.44 2 7.94C2 8.44 2.4 8.84 2.92 8.84M9.25 7.06C6.46 7.06 4.7 8.96 4.7 12C4.7 15.06 6.46 16.96 9.25 16.96C12.04 16.96 13.8 15.06 13.8 12C13.8 8.96 12.04 7.06 9.25 7.06M9.25 8.5C10.96 8.5 12.05 9.87 12.05 12C12.05 14.15 10.96 15.5 9.25 15.5C7.54 15.5 6.46 14.15 6.46 12C6.46 9.87 7.54 8.5 9.25 8.5M14.5 14.11C14.57 15.87 16 16.96 18.22 16.96C20.54 16.96 22 15.82 22 14C22 12.57 21.18 11.77 19.23 11.32L18.13 11.07C16.95 10.79 16.47 10.42 16.47 9.78C16.47 9 17.2 8.45 18.28 8.45C19.38 8.45 20.13 9 20.21 9.89H21.84C21.8 8.2 20.41 7.06 18.29 7.06C16.21 7.06 14.73 8.21 14.73 9.91C14.73 11.28 15.56 12.13 17.33 12.53L18.57 12.82C19.78 13.11 20.27 13.5 20.27 14.2C20.27 15 19.47 15.57 18.31 15.57C17.15 15.57 16.26 15 16.16 14.11H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-caps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-caps.svg
new file mode 100644
index 00000000..db44c818
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-caps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-caps" viewBox="0 0 24 24"><path d="M15,14V8H17.17L12,2.83L6.83,8H9V14H15M12,0L22,10H17V16H7V10H2L12,0M7,18H17V24H7V18M15,20H9V22H15V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-command.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-command.svg
new file mode 100644
index 00000000..595c8e51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-command.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-command" viewBox="0 0 24 24"><path d="M6,2A4,4 0 0,1 10,6V8H14V6A4,4 0 0,1 18,2A4,4 0 0,1 22,6A4,4 0 0,1 18,10H16V14H18A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18V16H10V18A4,4 0 0,1 6,22A4,4 0 0,1 2,18A4,4 0 0,1 6,14H8V10H6A4,4 0 0,1 2,6A4,4 0 0,1 6,2M16,18A2,2 0 0,0 18,20A2,2 0 0,0 20,18A2,2 0 0,0 18,16H16V18M14,10H10V14H14V10M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18V16H6M8,6A2,2 0 0,0 6,4A2,2 0 0,0 4,6A2,2 0 0,0 6,8H8V6M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6V8H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-control.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-control.svg
new file mode 100644
index 00000000..4ae96bf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-control.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-control" viewBox="0 0 24 24"><path d="M19.78,11.78L18.36,13.19L12,6.83L5.64,13.19L4.22,11.78L12,4L19.78,11.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-option.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-option.svg
new file mode 100644
index 00000000..c685948e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-option.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-option" viewBox="0 0 24 24"><path d="M3,4H9.11L16.15,18H21V20H14.88L7.84,6H3V4M14,4H21V6H14V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-shift.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-shift.svg
new file mode 100644
index 00000000..3747d473
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-keyboard-shift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple-safari.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple-safari.svg
new file mode 100644
index 00000000..35d90078
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple-safari.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-safari" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.09 4.8,16 6.11,17.41L9.88,9.88L17.41,6.11C16,4.8 14.09,4 12,4M12,20A8,8 0 0,0 20,12C20,9.91 19.2,8 17.89,6.59L14.12,14.12L6.59,17.89C8,19.2 9.91,20 12,20M12,12L11.23,11.23L9.7,14.3L12.77,12.77L12,12M12,17.5H13V19H12V17.5M15.88,15.89L16.59,15.18L17.65,16.24L16.94,16.95L15.88,15.89M17.5,12V11H19V12H17.5M12,6.5H11V5H12V6.5M8.12,8.11L7.41,8.82L6.35,7.76L7.06,7.05L8.12,8.11M6.5,12V13H5V12H6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apple.svg
new file mode 100644
index 00000000..50a4329f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-array-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-array-outline.svg
new file mode 100644
index 00000000..a020a6e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-array-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-array-outline" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 20H3V6H21V20M6 8V18H10V16H8V10H10V8H6M16 16H14V18H18V8H14V10H16V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-array.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-array.svg
new file mode 100644
index 00000000..d345a9c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-array.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-array" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M10 11H8V18H10V20H6V9H10V11M18 20H14V18H16V11H14V9H18V20M21 7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-braces-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-braces-outline.svg
new file mode 100644
index 00000000..3f855193
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-braces-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-braces-outline" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 20H3V6H21V20M9 8C7.9 8 7 8.9 7 10C7 11.1 6.1 12 5 12V14C6.1 14 7 14.9 7 16C7 17.1 7.9 18 9 18H11V16H9V15C9 13.9 8.1 13 7 13C8.1 13 9 12.1 9 11V10H11V8M15 8C16.1 8 17 8.9 17 10C17 11.1 17.9 12 19 12V14C17.9 14 17 14.9 17 16C17 17.1 16.1 18 15 18H13V16H15V15C15 13.9 15.9 13 17 13C15.9 13 15 12.1 15 11V10H13V8H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-braces.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-braces.svg
new file mode 100644
index 00000000..2834b123
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-braces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-braces" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M11 11H9V12.5C9 13.6 8.1 14.5 7 14.5C8.1 14.5 9 15.4 9 16.5V18H11V20H9C7.9 20 7 19.1 7 18V17.5C7 16.4 6.1 15.5 5 15.5V13.5C6.1 13.5 7 12.6 7 11.5V11C7 9.9 7.9 9 9 9H11V11M19 15.5C17.9 15.5 17 16.4 17 17.5V18C17 19.1 16.1 20 15 20H13V18H15V16.5C15 15.4 15.9 14.5 17 14.5C15.9 14.5 15 13.6 15 12.5V11H13V9H15C16.1 9 17 9.9 17 11V11.5C17 12.6 17.9 13.5 19 13.5V15.5M21 7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets-outline.svg
new file mode 100644
index 00000000..8844d0a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-brackets-outline" viewBox="0 0 24 24"><path d="M9.5,8.5L11,10L8,13L11,16L9.5,17.5L5,13L9.5,8.5M14.5,17.5L13,16L16,13L13,10L14.5,8.5L19,13L14.5,17.5M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M21,20H3V6H21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets.svg
new file mode 100644
index 00000000..1ce4932a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-brackets.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-brackets" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M11,17.5L9.5,19L5,14.5L9.5,10L11,11.5L8,14.5L11,17.5M14.5,19L13,17.5L16,14.5L13,11.5L14.5,10L19,14.5L14.5,19M21,7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-cog-outline.svg
new file mode 100644
index 00000000..19a9dcd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-cog-outline" viewBox="0 0 24 24"><path d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M12.3 22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V13.1C22.4 12.5 21.7 12 21 11.7V6H3V20H11.3C11.5 20.7 11.8 21.4 12.3 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-cog.svg
new file mode 100644
index 00000000..39a02a83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-cog" viewBox="0 0 24 24"><path d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M11 18C11 14.1 14.1 11 18 11C20 11 21.7 11.8 23 13.1V4C23 2.9 22.1 2 21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H12.3C11.5 20.9 11 19.5 11 18M3 4H21V7H3V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-edit-outline.svg
new file mode 100644
index 00000000..8d5aafaa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-edit-outline" viewBox="0 0 24 24"><path d="M11 20V22H3C1.9 22 1 21.1 1 20V4C1 2.9 1.9 2 3 2H21C22.1 2 23 2.9 23 4V12.1L22.8 11.9C22.3 11.4 21.7 11.1 21 11.1V6H3V20H11M21.4 13.3L22.7 14.6C22.9 14.8 22.9 15.2 22.7 15.4L21.7 16.4L19.6 14.3L20.6 13.3C20.7 13.2 20.8 13.1 21 13.1C21.2 13.1 21.3 13.2 21.4 13.3M21.1 16.9L15.1 23H13V20.9L19.1 14.8L21.1 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-edit.svg
new file mode 100644
index 00000000..1951da60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-edit" viewBox="0 0 24 24"><path d="M11 20.1L19.2 11.9C19.7 11.4 20.3 11.1 21 11.1C21.7 11.1 22.3 11.4 22.8 11.9L23 12.1V4C23 2.9 22.1 2 21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H11V20.1M3 4H21V7H3V4M21 13.1C20.9 13.1 20.7 13.2 20.6 13.3L19.6 14.3L21.7 16.4L22.7 15.4C22.9 15.2 22.9 14.8 22.7 14.6L21.4 13.3C21.3 13.2 21.2 13.1 21 13.1M19.1 14.9L13 20.9V23H15.1L21.2 16.9L19.1 14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-export.svg
new file mode 100644
index 00000000..ea91914b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-export" viewBox="0 0 24 24"><path d="M9 12H18.8L16.3 9.5L17.7 8.1L22.6 13L17.7 17.9L16.3 16.5L18.8 14H9V12M21 17.4V20H3V6H21V8.6L23 10.6V4C23 2.9 22.1 2 21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V15.4L21 17.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-import.svg
new file mode 100644
index 00000000..590aec17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-import" viewBox="0 0 24 24"><path d="M1 12H10.8L8.3 9.5L9.7 8.1L14.6 13L9.7 17.9L8.3 16.5L10.8 14H1V12M21 2H3C1.9 2 1 2.9 1 4V10.1H3V6H21V20H3V16H1V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-outline.svg
new file mode 100644
index 00000000..08b2d12e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-outline" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 20H3V6H21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses-outline.svg
new file mode 100644
index 00000000..bc17dc8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-parentheses-outline" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 20H3V6H21V20M15.6 8C17.1 9.3 18 11.1 18 13C18 14.9 17.1 16.7 15.6 18L14 17.4C15.3 16.4 16 14.7 16 13S15.3 9.6 14 8.6L15.6 8M8.4 8L10 8.6C8.7 9.6 8 11.3 8 13S8.7 16.4 10 17.4L8.4 18C6.9 16.7 6 14.9 6 13S6.9 9.3 8.4 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses.svg
new file mode 100644
index 00000000..cc9bcdd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-parentheses.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-parentheses" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M10 19.4L8.4 20C6.9 18.6 6 16.6 6 14.5S6.9 10.4 8.4 9L10 9.6C8.7 10.7 8 12.6 8 14.5S8.7 18.2 10 19.4M15.6 20L14 19.4C15.3 18.2 16 16.4 16 14.5S15.3 10.8 14 9.6L15.6 9C17.1 10.4 18 12.4 18 14.5C18 16.6 17.1 18.6 15.6 20M21 7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-settings-outline.svg
new file mode 100644
index 00000000..9b10dcb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-settings-outline" viewBox="0 0 24 24"><path d="M21 0H3C1.9 0 1 .9 1 2V18C1 19.1 1.9 20 3 20H21C22.1 20 23 19.1 23 18V2C23 .9 22.1 0 21 0M21 18H3V4H21V18M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-settings.svg
new file mode 100644
index 00000000..26ee0367
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-settings" viewBox="0 0 24 24"><path d="M21 0H3C1.9 0 1 .9 1 2V18C1 19.1 1.9 20 3 20H21C22.1 20 23 19.1 23 18V2C23 .9 22.1 0 21 0M21 5H3V2H21V5M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-variable-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-variable-outline.svg
new file mode 100644
index 00000000..c31b5374
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-variable-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-variable-outline" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 20H3V6H21V20M16.6 8C18.1 9.3 19 11.1 19 13C19 14.9 18.1 16.7 16.6 18L15 17.4C16.3 16.4 17 14.7 17 13S16.3 9.6 15 8.6L16.6 8M7.4 8L9 8.6C7.7 9.6 7 11.3 7 13S7.7 16.4 9 17.4L7.4 18C5.9 16.7 5 14.9 5 13S5.9 9.3 7.4 8M12.1 12L13.5 10H15L12.8 13L14.1 16H12.8L12 14L10.6 16H9L11.3 12.9L10 10H11.3L12.1 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application-variable.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application-variable.svg
new file mode 100644
index 00000000..5e9e7ba1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application-variable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application-variable" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M7.4 20C5.9 18.6 5 16.6 5 14.5S5.9 10.4 7.4 9L9 9.6C7.7 10.7 7 12.6 7 14.5S7.7 18.2 9 19.4L7.4 20M12.7 18L11.9 16L10.5 18H9L11.3 14.9L10 12H11.3L12.1 14L13.5 12H15L12.8 15L14.1 18H12.7M16.6 20L15 19.4C16.3 18.2 17 16.4 17 14.5S16.3 10.8 15 9.6L16.6 9C18.1 10.4 19 12.4 19 14.5C19 16.6 18.1 18.6 16.6 20M21 7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/application.svg b/apps/phoenix_webcomponent/priv/mdi/svg/application.svg
new file mode 100644
index 00000000..46e05b75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/application.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-application" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H21C22.1 22 23 21.1 23 20V4C23 2.9 22.1 2 21 2M21 7H3V4H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal-box.svg
new file mode 100644
index 00000000..5f935464
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-approximately-equal-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9.3 8.2C10.6 8.2 11.4 8.7 12.1 9C12.7 9.3 13.4 9.7 14.5 9.7C15.5 9.7 16.5 9 17 8.5L17.8 9.8C17.1 10.6 15.8 11.4 14.4 11.4C13.1 11.4 12.3 10.9 11.7 10.6C11.1 10.3 10.3 9.9 9.2 9.9C8.2 9.9 7.2 10.6 6.7 11.1L6 9.8C6.7 9 8 8.2 9.3 8.2M14.6 15.8C13.3 15.8 12.5 15.3 11.8 15C11.2 14.7 10.4 14.3 9.3 14.3C8.3 14.3 7.3 15 6.8 15.5L6 14.1C6.7 13.3 8 12.5 9.3 12.5C10.6 12.5 11.4 13 12.1 13.3C12.7 13.6 13.4 14 14.6 14C15.6 14 16.6 13.3 17.1 12.8L17.9 14.1C17.3 15 16 15.8 14.6 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal.svg
new file mode 100644
index 00000000..3ba428e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/approximately-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-approximately-equal" viewBox="0 0 24 24"><path d="M18.9 9.2C18.1 10.1 16.6 11 15 11C13.5 11 12.6 10.5 11.8 10.1C11 9.8 10.2 9.3 8.9 9.3C7.7 9.3 6.6 10 6 10.6L5 9.1C5.9 8.2 7.3 7.2 8.9 7.2C10.4 7.2 11.3 7.8 12.1 8.1C12.9 8.4 13.7 9 15 9C16.2 9 17.3 8.2 17.9 7.6L18.9 9.2M19 14.1C18.1 15 16.7 16 15.1 16C13.6 16 12.7 15.5 11.9 15.1C11.1 14.8 10.3 14.2 9 14.2C7.8 14.2 6.7 15 6.1 15.6L5.1 14C6 13.1 7.4 12.1 9 12.1C10.5 12.1 11.4 12.6 12.2 13C13 13.3 13.8 13.8 15.1 13.8C16.3 13.8 17.4 13 18 12.4L19 14.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apps-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apps-box.svg
new file mode 100644
index 00000000..f6046ead
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apps-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apps-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,7V9H9V7H7M11,7V9H13V7H11M15,7V9H17V7H15M7,11V13H9V11H7M11,11V13H13V11H11M15,11V13H17V11H15M7,15V17H9V15H7M11,15V17H13V15H11M15,15V17H17V15H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/apps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/apps.svg
new file mode 100644
index 00000000..f3b8074f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/apps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apps" viewBox="0 0 24 24"><path d="M16,20H20V16H16M16,14H20V10H16M10,8H14V4H10M16,8H20V4H16M10,14H14V10H10M4,14H8V10H4M4,20H8V16H4M10,20H14V16H10M4,8H8V4H4V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arch.svg
new file mode 100644
index 00000000..2caeeb1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arch" viewBox="0 0 24 24"><path d="M12,2C11.11,4.18 10.57,5.61 9.58,7.73C10.19,8.37 10.93,9.12 12.14,9.97C10.84,9.43 9.95,8.9 9.29,8.34C8,11 6.03,14.75 2,22C5.17,20.17 7.63,19.04 9.92,18.61C9.82,18.19 9.76,17.73 9.77,17.25V17.15C9.82,15.12 10.88,13.56 12.13,13.67C13.38,13.77 14.35,15.5 14.3,17.54C14.29,17.92 14.25,18.29 14.18,18.63C16.44,19.07 18.87,20.19 22,22C21.38,20.86 20.83,19.84 20.31,18.87C19.5,18.23 18.61,17.39 16.85,16.5C18.06,16.8 18.93,17.16 19.61,17.57C14.26,7.62 13.83,6.3 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert-outline.svg
new file mode 100644
index 00000000..1d3f973c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-alert-outline" viewBox="0 0 24 24"><path d="M2 4H18V7H2V4M7.5 11H12.5C12.78 11 13 11.22 13 11.5V13H7V11.5C7 11.22 7.22 11 7.5 11M20 13V7H22V13H20M20 17V15H22V17H20M3 8H5V18H15V8H17V20H3V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert.svg
new file mode 100644
index 00000000..91d4fcda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-alert" viewBox="0 0 24 24"><path d="M2 4H18V7H2V4M3 8H17V20H3V8M7.5 11C7.22 11 7 11.22 7 11.5V13H13V11.5C13 11.22 12.78 11 12.5 11H7.5M20 13V7H22V13H20M20 17V15H22V17H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down-outline.svg
new file mode 100644
index 00000000..66bd46f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-arrow-down-outline" viewBox="0 0 24 24"><path d="M20 21H4V10H6V19H18V10H20V21M3 3H21V9H3V3M5 5V7H19V5M10.5 11V14H8L12 18L16 14H13.5V11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down.svg
new file mode 100644
index 00000000..f5999282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-arrow-down" viewBox="0 0 24 24"><path d="M3 3H21V7H3V3M4 21V8H20V21H4M14 14V11H10V14H7L12 19L17 14H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up-outline.svg
new file mode 100644
index 00000000..8fbcfb17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-arrow-up-outline" viewBox="0 0 24 24"><path d="M20 21H4V10H6V19H18V10H20V21M3 3H21V9H3V3M5 5V7H19V5M10.5 17V14H8L12 10L16 14H13.5V17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up.svg
new file mode 100644
index 00000000..9c1d1d7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-arrow-up" viewBox="0 0 24 24"><path d="M4 21H20V8H4M14 15V18H10V15H7L12 10L17 15M3 3H21V7H3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel-outline.svg
new file mode 100644
index 00000000..c22f561e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-cancel-outline" viewBox="0 0 24 24"><path d="M14.5 11C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M18.5 12C19 12 19.5 12.07 20 12.18V10H18V12.03C18.17 12 18.33 12 18.5 12M6 19V10H4V21H12.5C12.24 20.38 12.09 19.7 12.03 19H6M21 9H3V3H21V9M19 5H5V7H19V5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel.svg
new file mode 100644
index 00000000..854442b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-cancel" viewBox="0 0 24 24"><path d="M18.5 12C19 12 19.5 12.07 20 12.18V8H4V21H12.5C12.18 20.23 12 19.39 12 18.5C12 14.91 14.91 12 18.5 12M9 13V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9M21 7H3V3H21V7M18.5 14C16 14 14 16 14 18.5S16 23 18.5 23 23 21 23 18.5 21 14 18.5 14M18.5 21.5C16.84 21.5 15.5 20.16 15.5 18.5C15.5 17.94 15.65 17.42 15.92 17L20 21.08C19.58 21.35 19.06 21.5 18.5 21.5M21.08 20L17 15.92C17.42 15.65 17.94 15.5 18.5 15.5C20.16 15.5 21.5 16.84 21.5 18.5C21.5 19.06 21.35 19.58 21.08 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-check-outline.svg
new file mode 100644
index 00000000..885adfbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-check-outline" viewBox="0 0 24 24"><path d="M21 3H3V9H21V3M19 7H5V5H19V7M14.5 11C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M18 13.09V10H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09M13 19C13 19.7 13.13 20.37 13.35 21H4V10H6V19H13M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-check.svg
new file mode 100644
index 00000000..5a53796f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-check" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V8H4V21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M9 13V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9M21 7H3V3H21V7M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock-outline.svg
new file mode 100644
index 00000000..7abb493d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-clock-outline" viewBox="0 0 24 24"><path d="M20 2H2V8H20V2M18 6H4V4H18V6M16 9C14.69 9 13.46 9.37 12.41 10H8.5C8.22 10 8 10.22 8 10.5V12H10.26C9.47 13.13 9 14.5 9 16C9 16.7 9.11 17.37 9.29 18H5V9H3V20H10.26C11.53 21.81 13.62 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock.svg
new file mode 100644
index 00000000..fe52473b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-clock" viewBox="0 0 24 24"><path d="M20 6H2V2H20V6M16.5 12H15V17L18.61 19.16L19.36 17.94L16.5 16.25V12M23 16C23 19.87 19.87 23 16 23C13.62 23 11.53 21.81 10.26 20H3V7H19V9.68C21.36 10.81 23 13.21 23 16M8 12H10.26C10.83 11.19 11.56 10.5 12.41 10H8.5C8.22 10 8 10.22 8 10.5V12M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog-outline.svg
new file mode 100644
index 00000000..23db4bc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-cog-outline" viewBox="0 0 24 24"><path d="M18 12.08V10H20V12.08C19.67 12.03 19.34 12 19 12C18.66 12 18.33 12.03 18 12.08M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M6 19V10H4V21H12.3C12.11 20.37 12 19.7 12 19H6M21 9H3V3H21V9M19 5H5V7H19V5M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog.svg
new file mode 100644
index 00000000..b5a7a130
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-cog" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M12 19C12 19.7 12.11 20.37 12.3 21H4V8H20V12.08C19.67 12.03 19.34 12 19 12C15.13 12 12 15.13 12 19M15 13V11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H15M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit-outline.svg
new file mode 100644
index 00000000..741aeb88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-edit-outline" viewBox="0 0 24 24"><path d="M18 12.13V10H20V10.3C19.78 10.42 19.57 10.56 19.39 10.74L18 12.13M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M6 10H4V21H11V19.13L11.13 19H6V10M21 9H3V3H21V9M19 5H5V7H19V5M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit.svg
new file mode 100644
index 00000000..f0296072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-edit" viewBox="0 0 24 24"><path d="M20 10.3V8H4V21H11V19.13L19.39 10.74C19.57 10.56 19.78 10.42 20 10.3M15 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13M21 7H3V3H21V7M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye-outline.svg
new file mode 100644
index 00000000..ff04b0d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-eye-outline" viewBox="0 0 24 24"><path d="M14.5 11C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M20 13.55V10H18V13.06C18.69 13.14 19.36 13.31 20 13.55M21 9H3V3H21V9M19 5H5V7H19V5M8.85 19H6V10H4V21H9.78C9.54 20.61 9.32 20.19 9.14 19.75L8.85 19M17 18C16.44 18 16 18.44 16 19S16.44 20 17 20 18 19.56 18 19 17.56 18 17 18M23 19C22.06 21.34 19.73 23 17 23S11.94 21.34 11 19C11.94 16.66 14.27 15 17 15S22.06 16.66 23 19M19.5 19C19.5 17.62 18.38 16.5 17 16.5S14.5 17.62 14.5 19 15.62 21.5 17 21.5 19.5 20.38 19.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye.svg
new file mode 100644
index 00000000..0d912fb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-eye" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M9.14 19.75C9.32 20.19 9.54 20.61 9.78 21H4V8H20V13.55C19.06 13.19 18.05 13 17 13C13.5 13 10.43 15.06 9.14 18.25L8.85 19L9.14 19.75M9 13H15V11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13M17 18C16.44 18 16 18.44 16 19S16.44 20 17 20 18 19.56 18 19 17.56 18 17 18M23 19C22.06 21.34 19.73 23 17 23S11.94 21.34 11 19C11.94 16.66 14.27 15 17 15S22.06 16.66 23 19M19.5 19C19.5 17.62 18.38 16.5 17 16.5S14.5 17.62 14.5 19 15.62 21.5 17 21.5 19.5 20.38 19.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open-outline.svg
new file mode 100644
index 00000000..8b5967b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-lock-open-outline" viewBox="0 0 24 24"><path d="M14.5 11C14.67 11 14.82 11.09 14.91 11.22C14.56 11.76 14.34 12.36 14.26 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M13 19H6V10H4V21H13.03C13 20.9 13 20.8 13 20.7V19M21 9H3V3H21V9M19 5H5V7H19V5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open.svg
new file mode 100644
index 00000000..4cd8fa06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-lock-open" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M19 9C19.34 9 19.68 9.04 20 9.11V8H4V21H13.03C13 20.9 13 20.8 13 20.7V17.2C13 16.24 13.5 15.34 14.2 14.74V13.5C14.2 13.33 14.24 13.17 14.26 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5C14.67 11 14.82 11.09 14.91 11.22C15.75 9.91 17.28 9 19 9M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-outline.svg
new file mode 100644
index 00000000..fe2bd21a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-lock-outline" viewBox="0 0 24 24"><path d="M15 12.06C14.79 12.35 14.64 12.67 14.5 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V12.06M21 9H3V3H21V9M19 5H5V7H19V5M13 19H6V10H4V21H13.03C13 20.9 13 20.8 13 20.7V19M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock.svg
new file mode 100644
index 00000000..1e316034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-lock" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M9.5 11H14.5C14.78 11 15 11.22 15 11.5V12.06C15.87 10.83 17.35 10 19 10C19.34 10 19.68 10.04 20 10.11V8H4V21H13.03C13 20.9 13 20.8 13 20.7V17.2C13 16.24 13.5 15.34 14.2 14.74V14.5C14.2 14 14.32 13.47 14.5 13H9V11.5C9 11.22 9.22 11 9.5 11M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker-outline.svg
new file mode 100644
index 00000000..301516ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-marker-outline" viewBox="0 0 24 24"><path d="M14.5 11C14.72 11 14.9 11.14 14.97 11.33C14.42 11.79 13.96 12.36 13.63 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M21 9H3V3H21V9M19 5H5V7H19V5M6 19V10H4V21H15.19C14.78 20.4 14.36 19.72 14 19H6M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker.svg
new file mode 100644
index 00000000..ee6590ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-marker" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M13.63 13H9V11.5C9 11.22 9.22 11 9.5 11H14.5C14.72 11 14.9 11.14 14.97 11.33C15.93 10.5 17.17 10 18.5 10C19 10 19.5 10.08 20 10.22V8H4V21H15.19C14.12 19.43 13 17.35 13 15.5C13 14.61 13.23 13.76 13.63 13M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus-outline.svg
new file mode 100644
index 00000000..a7a10b6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-minus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.7 13.13 20.37 13.35 21H4V10H6V19H13M19 13C19.34 13 19.67 13.04 20 13.09V10H18V13.09C18.33 13.04 18.66 13 19 13M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M21 9H3V3H21V9M19 5H5V7H19V5M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus.svg
new file mode 100644
index 00000000..4ad0cdde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-minus" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V8H4V21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M9 13V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9M21 7H3V3H21V7M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-music-outline.svg
new file mode 100644
index 00000000..4d8c2ff3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-music-outline" viewBox="0 0 24 24"><path d="M21 3H3V9H21V3M19 7H5V5H19V7M18 11V10H20V11H18M14.5 11C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11H14.5M13.26 19C13.09 19.47 13 19.97 13 20.5C13 20.67 13 20.84 13.03 21H4V10H6V19H13.26M22 13V15H20V20.5C20 21.88 18.88 23 17.5 23S15 21.88 15 20.5 16.12 18 17.5 18C17.86 18 18.19 18.07 18.5 18.21V13H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-music.svg
new file mode 100644
index 00000000..e5e5f429
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-music" viewBox="0 0 24 24"><path d="M16.5 16.11V11H20V8H4V21H13.03C13 20.84 13 20.67 13 20.5C13 18.36 14.5 16.57 16.5 16.11M9 13V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9M21 7H3V3H21V7M22 13V15H20V20.5C20 21.88 18.88 23 17.5 23S15 21.88 15 20.5 16.12 18 17.5 18C17.86 18 18.19 18.07 18.5 18.21V13H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-off-outline.svg
new file mode 100644
index 00000000..47a6d69e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-off-outline" viewBox="0 0 24 24"><path d="M8.2 5L6.2 3H21V9H12.2L10.2 7H19V5H8.2M20 16.8V10H18V14.8L20 16.8M20 19.35V19.34L18 17.34V17.35L9.66 9H9.66L7.66 7H7.66L6.13 5.47L2.39 1.73L1.11 3L3 4.89V9H7.11L17.11 19H6V10H4V21H19.11L20.84 22.73L22.11 21.46L20 19.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-off.svg
new file mode 100644
index 00000000..5c911bc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-off" viewBox="0 0 24 24"><path d="M10.2 7L6.2 3H21V7H10.2M20 8H11.2L20 16.8V8M20 19.35V19.34L8.66 8H8.66L7.66 7H7.66L2.39 1.73L1.11 3L3 4.89V7H5.11L6.11 8H4V21H19.11L20.84 22.73L22.11 21.46L20 19.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-outline.svg
new file mode 100644
index 00000000..4b3eb55c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-outline" viewBox="0 0 24 24"><path d="M20 21H4V10H6V19H18V10H20V21M3 3H21V9H3V3M9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11M5 5V7H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus-outline.svg
new file mode 100644
index 00000000..a49e0049
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-plus-outline" viewBox="0 0 24 24"><path d="M18 13.09V10H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M21 9H3V3H21V9M19 5H5V7H19V5M6 19V10H4V21H13.35C13.13 20.37 13 19.7 13 19H6M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus.svg
new file mode 100644
index 00000000..07f9a8f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-plus" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M13 19C13 19.7 13.13 20.37 13.35 21H4V8H20V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M15 13V11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H15M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh-outline.svg
new file mode 100644
index 00000000..0db796de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-refresh-outline" viewBox="0 0 24 24"><path d="M18 12.03V10H20V12.18C19.5 12.07 19 12 18.5 12C18.33 12 18.17 12 18 12.03M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M6 19V10H4V21H12.5C12.24 20.38 12.09 19.7 12.03 19H6M21 9H3V3H21V9M19 5H5V7H19V5M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh.svg
new file mode 100644
index 00000000..63574624
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-refresh" viewBox="0 0 24 24"><path d="M18.5 12C19 12 19.5 12.07 20 12.18V8H4V21H12.5C12.18 20.23 12 19.39 12 18.5C12 14.91 14.91 12 18.5 12M9 13V11.5C9 11.22 9.22 11 9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9M21 7H3V3H21V7M18 18.5L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove-outline.svg
new file mode 100644
index 00000000..555ad6c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-remove-outline" viewBox="0 0 24 24"><path d="M18 13.09V10H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09M14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11M6 19V10H4V21H13.35C13.13 20.37 13 19.7 13 19H6M21 9H3V3H21V9M19 5H5V7H19V5M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove.svg
new file mode 100644
index 00000000..13037fc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-remove" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M13 19C13 19.7 13.13 20.37 13.35 21H4V8H20V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M15 13V11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H15M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-search-outline.svg
new file mode 100644
index 00000000..bda74e00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-search-outline" viewBox="0 0 24 24"><path d="M13.04 10C12.64 10.25 12.26 10.55 11.9 10.9C11.57 11.24 11.27 11.61 11.03 12H8V10.5C8 10.22 8.22 10 8.5 10H13.04M20 8H2V2H20V8M18 4H4V6H18V4M5 18V9H3V20H11.82C11.24 19.4 10.8 18.72 10.5 18H5M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-search.svg
new file mode 100644
index 00000000..31e7ab56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-search" viewBox="0 0 24 24"><path d="M20 6H2V2H20V6M11.03 12H8V10.5C8 10.22 8.22 10 8.5 10H13.04C14.84 8.87 17.07 8.7 19 9.5V7H3V20H11.82C9.7 17.8 9.44 14.5 11.03 12M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings-outline.svg
new file mode 100644
index 00000000..4e841b39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-settings-outline" viewBox="0 0 24 24"><path d="M3 2V8H21V2H3M19 6H5V4H19V6M18 9H20V20H4V9H6V18H18V9M15 10.5V12H9V10.5C9 10.22 9.22 10 9.5 10H14.5C14.78 10 15 10.22 15 10.5M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings.svg
new file mode 100644
index 00000000..68154dbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-settings" viewBox="0 0 24 24"><path d="M21 2V6H3V2H21M4 7H20V20H4V7M9 12H15V10.5C15 10.22 14.78 10 14.5 10H9.5C9.22 10 9 10.22 9 10.5V12M7 24H9V22H7V24M11 24H13V22H11V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-star-outline.svg
new file mode 100644
index 00000000..b0c4f45a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-star-outline" viewBox="0 0 24 24"><path d="M18 13.09V10H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09M9.5 11C9.22 11 9 11.22 9 11.5V13H15V11.5C15 11.22 14.78 11 14.5 11H9.5M6 19V10H4V21H13.35C13.13 20.37 13 19.7 13 19H6M21 9H3V3H21V9M19 5H5V7H19V5M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-star.svg
new file mode 100644
index 00000000..d09a4645
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-star" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M13 19C13 19.7 13.13 20.37 13.35 21H4V8H20V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M15 13V11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H15M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync-outline.svg
new file mode 100644
index 00000000..246a04d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-sync-outline" viewBox="0 0 24 24"><path d="M18 11.18V10H20V11.03C19.84 11 19.67 11 19.5 11C19 11 18.5 11.07 18 11.18M15 11.5C15 11.22 14.78 11 14.5 11H9.5C9.22 11 9 11.22 9 11.5V13H14.82C14.88 12.94 14.94 12.88 15 12.82V11.5M6 19V10H4V21H14.03C13.64 20.39 13.35 19.72 13.18 19H6M21 9H3V3H21V9M19 5H5V7H19V5M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync.svg
new file mode 100644
index 00000000..9397c446
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive-sync" viewBox="0 0 24 24"><path d="M21 7H3V3H21V7M9.5 11H14.5C14.78 11 15 11.22 15 11.5V12.82C16.17 11.69 17.75 11 19.5 11C19.67 11 19.84 11 20 11.03V8H4V21H14.03C13.38 20 13 18.79 13 17.5C13 15.75 13.69 14.17 14.82 13H9V11.5C9 11.22 9.22 11 9.5 11M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/archive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/archive.svg
new file mode 100644
index 00000000..4760e9c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/archive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-archive" viewBox="0 0 24 24"><path d="M3,3H21V7H3V3M4,8H20V21H4V8M9.5,11A0.5,0.5 0 0,0 9,11.5V13H15V11.5A0.5,0.5 0 0,0 14.5,11H9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex-outline.svg
new file mode 100644
index 00000000..0ee2868e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arm-flex-outline" viewBox="0 0 24 24"><path d="M7 7.76V16.25H11.08L11.68 15.34C12.84 13.55 14.93 12.75 16.47 12.75C17 12.75 17.45 12.84 17.79 13C18.7 13.41 18.95 14.18 19 14.74C19.08 15.87 18.5 17.03 17.5 17.71C16.6 18.33 14.44 19 11.87 19C10.12 19 7.61 18.69 5.12 17.3C5.41 14.85 6 10.88 7 7.76M7 3C4 7.09 3 18.34 3 18.34C5.9 20.31 9.08 21 11.87 21C14.86 21 17.39 20.21 18.64 19.36C21.64 17.32 21.94 12.71 18.64 11.18C18 10.89 17.26 10.75 16.47 10.75C14.17 10.75 11.5 11.96 10 14.25H9V7.09H11L12 4L7 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex.svg
new file mode 100644
index 00000000..c9f92bd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arm-flex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arm-flex" viewBox="0 0 24 24"><path d="M3 18.34C3 18.34 4 7.09 7 3L12 4L11 7.09H9V14.25H10C12 11.18 16.14 10.06 18.64 11.18C21.94 12.71 21.64 17.32 18.64 19.36C16.24 21 9 22.43 3 18.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-forward.svg
new file mode 100644
index 00000000..996d389e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrange-bring-forward" viewBox="0 0 24 24"><path d="M2,2H16V16H2V2M22,8V22H8V18H10V20H20V10H18V8H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-to-front.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-to-front.svg
new file mode 100644
index 00000000..8b7efac9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-bring-to-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrange-bring-to-front" viewBox="0 0 24 24"><path d="M2,2H11V6H9V4H4V9H6V11H2V2M22,13V22H13V18H15V20H20V15H18V13H22M8,8H16V16H8V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-backward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-backward.svg
new file mode 100644
index 00000000..6d18f640
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-backward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrange-send-backward" viewBox="0 0 24 24"><path d="M2,2H16V16H2V2M22,8V22H8V18H18V8H22M4,4V14H14V4H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-to-back.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-to-back.svg
new file mode 100644
index 00000000..295306d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrange-send-to-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrange-send-to-back" viewBox="0 0 24 24"><path d="M2,2H11V11H2V2M9,4H4V9H9V4M22,13V22H13V13H22M15,20H20V15H15V20M16,8V11H13V8H16M11,16H8V13H11V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-all.svg
new file mode 100644
index 00000000..01a81a9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-all" viewBox="0 0 24 24"><path d="M13,11H18L16.5,9.5L17.92,8.08L21.84,12L17.92,15.92L16.5,14.5L18,13H13V18L14.5,16.5L15.92,17.92L12,21.84L8.08,17.92L9.5,16.5L11,18V13H6L7.5,14.5L6.08,15.92L2.16,12L6.08,8.08L7.5,9.5L6,11H11V6L9.5,7.5L8.08,6.08L12,2.16L15.92,6.08L14.5,7.5L13,6V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box-outline.svg
new file mode 100644
index 00000000..8ddd256e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-bold-box-outline" viewBox="0 0 24 24"><path d="M8 16V8.9L10.1 11L14.2 7.1L17 10L12.9 13.9L15 16H8M21 19V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19M19 19H5V5H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box.svg
new file mode 100644
index 00000000..b3ad4952
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-bold-box" viewBox="0 0 24 24"><path d="M5 21C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5M15.3 16L13.2 13.9L17 10L14.2 7.2L10.4 11.1L8.2 8.9V16H15.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-outline.svg
new file mode 100644
index 00000000..fe5de170
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-bold-outline" viewBox="0 0 24 24"><path d="M18.36,19.78H4.22V5.64L8.47,9.88L14.12,4.22L19.78,9.88L14.12,15.54L18.36,19.78M6.34,17.66H13.41L11.29,15.54L16.95,9.88L14.12,7.05L8.46,12.71L6.34,10.59V17.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thick.svg
new file mode 100644
index 00000000..1295c817
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-thick" viewBox="0 0 24 24"><path d="M15.5,5.69L18.31,8.5L11.94,14.89H16.89V18.31H5.69V7.11H9.12V12.06L15.5,5.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin-circle-outline.svg
new file mode 100644
index 00000000..11ff1f3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 20.03C16.41 20.03 20.03 16.41 20.03 12C20.03 7.59 16.41 3.97 12 3.97C7.59 3.97 3.97 7.59 3.97 12C3.97 16.41 7.59 20.03 12 20.03M12 22C6.46 22 2 17.54 2 12C2 6.46 6.46 2 12 2C17.54 2 22 6.46 22 12C22 17.54 17.54 22 12 22M10.12 12.47L8 10.36V16H13.64L11.53 13.88L16.5 8.9L15.1 7.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin.svg
new file mode 100644
index 00000000..8e31d0e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left-thin" viewBox="0 0 24 24"><path d="M12.07 19L9.24 16.18L19 6.42L17.58 5L7.82 14.76L5 11.94V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left.svg
new file mode 100644
index 00000000..43a3ce3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-left" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L7,15.59V9H5V19H15V17H8.41L19,6.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box-outline.svg
new file mode 100644
index 00000000..4a6e1e41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-bold-box-outline" viewBox="0 0 24 24"><path d="M16 16H8.9L11 13.9L7 10L9.8 7.2L13.9 11.1L16 8.9V16M5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21M5 5H19V19H5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box.svg
new file mode 100644
index 00000000..ede5bc78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-bold-box" viewBox="0 0 24 24"><path d="M19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21M15.8 16V8.9L13.7 11L9.8 7.2L7 10L10.8 13.9L8.7 16H15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-outline.svg
new file mode 100644
index 00000000..f7ac05b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-bold-outline" viewBox="0 0 24 24"><path d="M9.88,15.54L4.22,9.88L9.88,4.22L15.54,9.88L19.78,5.64V19.78H5.64L9.88,15.54M17.66,10.59L15.54,12.71L9.88,7.05L7.05,9.88L12.71,15.54L10.59,17.66H17.66V10.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thick.svg
new file mode 100644
index 00000000..c688d8b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-thick" viewBox="0 0 24 24"><path d="M14.89,12.06V7.11H18.31V18.31H7.11V14.89H12.06L5.69,8.5L8.5,5.69L14.89,12.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin-circle-outline.svg
new file mode 100644
index 00000000..a6d09b47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 7.59 7.59 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03M12 22C17.54 22 22 17.54 22 12C22 6.46 17.54 2 12 2C6.46 2 2 6.46 2 12C2 17.54 6.46 22 12 22M13.88 12.47L16 10.36V16H10.36L12.47 13.88L7.5 8.9L8.9 7.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin.svg
new file mode 100644
index 00000000..9f89d41e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right-thin" viewBox="0 0 24 24"><path d="M11.93 19L14.76 16.18L5 6.42L6.42 5L16.18 14.76L19 11.94V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right.svg
new file mode 100644
index 00000000..5c81bc07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-bottom-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-bottom-right" viewBox="0 0 24 24"><path d="M5,6.41L6.41,5L17,15.59V9H19V19H9V17H15.59L5,6.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-all.svg
new file mode 100644
index 00000000..0e7c0fad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-all" viewBox="0 0 24 24"><path d="M19.5,3.09L20.91,4.5L16.41,9H20V11H13V4H15V7.59L19.5,3.09M20.91,19.5L19.5,20.91L15,16.41V20H13V13H20V15H16.41L20.91,19.5M4.5,3.09L9,7.59V4H11V11H4V9H7.59L3.09,4.5L4.5,3.09M3.09,19.5L7.59,15H4V13H11V20H9V16.41L4.5,20.91L3.09,19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-down.svg
new file mode 100644
index 00000000..7a686de2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-down" viewBox="0 0 24 24"><path d="M19.92,12.08L12,20L4.08,12.08L5.5,10.67L11,16.17V2H13V16.17L18.5,10.66L19.92,12.08M12,20H2V22H22V20H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-horizontal.svg
new file mode 100644
index 00000000..8dc09f17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-horizontal" viewBox="0 0 24 24"><path d="M13,20V4H15.03V20H13M10,20V4H12.03V20H10M5,8L9.03,12L5,16V13H2V11H5V8M20,16L16,12L20,8V11H23V13H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-left.svg
new file mode 100644
index 00000000..f01ae432
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-left" viewBox="0 0 24 24"><path d="M11.92,19.92L4,12L11.92,4.08L13.33,5.5L7.83,11H22V13H7.83L13.34,18.5L11.92,19.92M4,12V2H2V22H4V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-right.svg
new file mode 100644
index 00000000..587b686f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-right" viewBox="0 0 24 24"><path d="M12.08,4.08L20,12L12.08,19.92L10.67,18.5L16.17,13H2V11H16.17L10.67,5.5L12.08,4.08M20,12V22H22V2H20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-up.svg
new file mode 100644
index 00000000..2a82754e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-up" viewBox="0 0 24 24"><path d="M4.08,11.92L12,4L19.92,11.92L18.5,13.33L13,7.83V22H11V7.83L5.5,13.33L4.08,11.92M12,4H22V2H2V4H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-vertical.svg
new file mode 100644
index 00000000..12257075
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse-vertical" viewBox="0 0 24 24"><path d="M4,12H20V14H4V12M4,9H20V11H4V9M16,4L12,8L8,4H11V1H13V4H16M8,19L12,15L16,19H13V22H11V19H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse.svg
new file mode 100644
index 00000000..432c2601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-collapse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-collapse" viewBox="0 0 24 24"><path d="M19.5,3.09L15,7.59V4H13V11H20V9H16.41L20.91,4.5L19.5,3.09M4,13V15H7.59L3.09,19.5L4.5,20.91L9,16.41V20H11V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto-outline.svg
new file mode 100644
index 00000000..e1e78531
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-decision-auto-outline" viewBox="0 0 24 24"><path d="M19,15V12C18.5,12 14.5,12.16 14.05,16.2C15.61,16.75 16.43,18.47 15.88,20.03C15.33,21.59 13.61,22.41 12.05,21.86C10.5,21.3 9.67,19.59 10.22,18.03C10.5,17.17 11.2,16.5 12.05,16.2C12.34,12.61 15.4,9.88 19,10V7L23,11L19,15M14,19A1,1 0 0,0 13,18A1,1 0 0,0 12,19A1,1 0 0,0 13,20A1,1 0 0,0 14,19M12,11.12C12.58,10.46 13.25,9.89 14,9.43V5H17L13,1L9,5H12V11.12M7.2,6H5.2L2,15H3.9L4.6,13H7.8L8.5,15H10.4L7.2,6M5.05,11.65L6.2,8L7.35,11.65H5.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto.svg
new file mode 100644
index 00000000..8540619a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-decision-auto" viewBox="0 0 24 24"><path d="M12,5H9L13,1L17,5H14V9.43C13.25,9.89 12.58,10.46 12,11.12V5M10.4,15H8.5L7.8,13H4.6L3.9,15H2L5.2,6H7.2L10.4,15M7.35,11.65L6.2,8L5.05,11.65H7.35M23,11L19,7V10C15.39,9.85 12.31,12.57 12,16.17C10.44,16.72 9.62,18.44 10.17,20C10.72,21.56 12.44,22.38 14,21.83C15.56,21.27 16.38,19.56 15.83,18C15.53,17.14 14.85,16.47 14,16.17C14.47,12.17 18.47,11.97 18.95,11.97V14.97L23,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-outline.svg
new file mode 100644
index 00000000..60354ab7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-decision-outline" viewBox="0 0 24 24"><path d="M9.64,13.4C8.63,12.5 7.34,12.03 6,12V15L2,11L6,7V10C7.67,10 9.3,10.57 10.63,11.59C10.22,12.15 9.89,12.76 9.64,13.4M18,15V12C17.5,12 13.5,12.16 13.05,16.2C14.61,16.75 15.43,18.47 14.88,20.03C14.33,21.59 12.61,22.41 11.05,21.86C9.5,21.3 8.67,19.59 9.22,18.03C9.5,17.17 10.2,16.5 11.05,16.2C11.34,12.61 14.4,9.88 18,10V7L22,11L18,15M13,19A1,1 0 0,0 12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19M11,11.12C11.58,10.46 12.25,9.89 13,9.43V5H16L12,1L8,5H11V11.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision.svg
new file mode 100644
index 00000000..bf16f4a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-decision.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-decision" viewBox="0 0 24 24"><path d="M11,5H8L12,1L16,5H13V9.43C12.25,9.89 11.58,10.46 11,11.12V5M22,11L18,7V10C14.39,9.85 11.31,12.57 11,16.17C9.44,16.72 8.62,18.44 9.17,20C9.72,21.56 11.44,22.38 13,21.83C14.56,21.27 15.38,19.56 14.83,18C14.53,17.14 13.85,16.47 13,16.17C13.47,12.17 17.47,11.97 17.95,11.97V14.97L22,11M10.63,11.59C9.3,10.57 7.67,10 6,10V7L2,11L6,15V12C7.34,12.03 8.63,12.5 9.64,13.4C9.89,12.76 10.22,12.15 10.63,11.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box-outline.svg
new file mode 100644
index 00000000..ce764ef8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-box-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box.svg
new file mode 100644
index 00000000..a4176280
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L17,12H14V8H10V12H7L12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle-outline.svg
new file mode 100644
index 00000000..4c92707c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-circle-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle.svg
new file mode 100644
index 00000000..51e1a9b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,17L17,12H14V8H10V12H7L12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-hexagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-hexagon-outline.svg
new file mode 100644
index 00000000..cab71ca6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-hexagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M12,17L7,12H10V8H14V12H17L12,17M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-outline.svg
new file mode 100644
index 00000000..d22b8031
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold-outline" viewBox="0 0 24 24"><path d="M22,11L12,21L2,11H8V3H16V11H22M12,18L17,13H14V5H10V13H7L12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold.svg
new file mode 100644
index 00000000..2e72971c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold" viewBox="0 0 24 24"><path d="M9,4H15V12H19.84L12,19.84L4.16,12H9V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-box.svg
new file mode 100644
index 00000000..266ee550
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,6V14.5L7.5,11L6.08,12.42L12,18.34L17.92,12.42L16.5,11L13,14.5V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle-outline.svg
new file mode 100644
index 00000000..30a40306
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-circle-outline" viewBox="0 0 24 24"><path d="M11,6H13V14L16.5,10.5L17.92,11.92L12,17.84L6.08,11.92L7.5,10.5L11,14V6M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle.svg
new file mode 100644
index 00000000..c345b76f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-circle" viewBox="0 0 24 24"><path d="M11,6V14L7.5,10.5L6.08,11.92L12,17.84L17.92,11.92L16.5,10.5L13,14V6H11M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle-outline.svg
new file mode 100644
index 00000000..9b9380e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-drop-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M7,10L12,15L17,10H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle.svg
new file mode 100644
index 00000000..98348df6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-drop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-drop-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M7,10L12,15L17,10H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left-bold.svg
new file mode 100644
index 00000000..0b454f3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-left-bold" viewBox="0 0 24 24"><path d="M21 3V7H13.5C11.57 7 10 8.57 10 10.5V13H14L8 20L2 13H6V10.5C6 6.36 9.36 3 13.5 3H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left.svg
new file mode 100644
index 00000000..bf24e3ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-left" viewBox="0 0 24 24"><path d="M20 4V6H13.5C11 6 9 8 9 10.5V16.17L12.09 13.09L13.5 14.5L8 20L2.5 14.5L3.91 13.08L7 16.17V10.5C7 6.91 9.91 4 13.5 4H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right-bold.svg
new file mode 100644
index 00000000..4ac9838f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-right-bold" viewBox="0 0 24 24"><path d="M10.5 3C14.64 3 18 6.36 18 10.5V13H22L16 20L10 13H14V10.5C14 8.57 12.43 7 10.5 7H3V3H10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right.svg
new file mode 100644
index 00000000..8d6a2563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-right" viewBox="0 0 24 24"><path d="M21.5 14.5L16 20L10.5 14.5L11.91 13.09L15 16.17V10.5C15 8 13 6 10.5 6H4V4H10.5C14.09 4 17 6.91 17 10.5V16.17L20.09 13.08L21.5 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thick.svg
new file mode 100644
index 00000000..f57076ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-thick" viewBox="0 0 24 24"><path d="M10,4H14V13L17.5,9.5L19.92,11.92L12,19.84L4.08,11.92L6.5,9.5L10,13V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin-circle-outline.svg
new file mode 100644
index 00000000..e1569c5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 20.03C16.41 20.03 20.03 16.41 20.03 12C20.03 7.59 16.41 3.97 12 3.97C7.59 3.97 3.97 7.59 3.97 12C3.97 16.41 7.59 20.03 12 20.03M12 22C6.46 22 2 17.54 2 12C2 6.46 6.46 2 12 2C17.54 2 22 6.46 22 12C22 17.54 17.54 22 12 22M11 13.54H8L12 17.5L16 13.54H13V6.5H11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin.svg
new file mode 100644
index 00000000..d1aedf14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-thin" viewBox="0 0 24 24"><path d="M7.03 13.92H11.03V5L13.04 4.97V13.92H17.03L12.03 18.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down.svg
new file mode 100644
index 00000000..7bd7d6ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down" viewBox="0 0 24 24"><path d="M11,4H13V16L18.5,10.5L19.92,11.92L12,19.84L4.08,11.92L5.5,10.5L11,16V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-all.svg
new file mode 100644
index 00000000..37fb6189
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-all" viewBox="0 0 24 24"><path d="M9.5,13.09L10.91,14.5L6.41,19H10V21H3V14H5V17.59L9.5,13.09M10.91,9.5L9.5,10.91L5,6.41V10H3V3H10V5H6.41L10.91,9.5M14.5,13.09L19,17.59V14H21V21H14V19H17.59L13.09,14.5L14.5,13.09M13.09,9.5L17.59,5H14V3H21V10H19V6.41L14.5,10.91L13.09,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-down.svg
new file mode 100644
index 00000000..d3e23605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-down" viewBox="0 0 24 24"><path d="M22,4V2H2V4H11V18.17L5.5,12.67L4.08,14.08L12,22L19.92,14.08L18.5,12.67L13,18.17V4H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-horizontal.svg
new file mode 100644
index 00000000..9f02bb37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-horizontal" viewBox="0 0 24 24"><path d="M9,11H15V8L19,12L15,16V13H9V16L5,12L9,8V11M2,20V4H4V20H2M20,20V4H22V20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-left.svg
new file mode 100644
index 00000000..efa6edb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-left" viewBox="0 0 24 24"><path d="M20,22H22V2H20V11H5.83L11.33,5.5L9.92,4.08L2,12L9.92,19.92L11.33,18.5L5.83,13H20V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-right.svg
new file mode 100644
index 00000000..73adc6f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-right" viewBox="0 0 24 24"><path d="M4,2H2V22H4V13H18.17L12.67,18.5L14.08,19.92L22,12L14.08,4.08L12.67,5.5L18.17,11H4V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-up.svg
new file mode 100644
index 00000000..57a9784f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-up" viewBox="0 0 24 24"><path d="M2,20V22H22V20H13V5.83L18.5,11.33L19.92,9.92L12,2L4.08,9.92L5.5,11.33L11,5.83V20H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-vertical.svg
new file mode 100644
index 00000000..a095e0cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand-vertical" viewBox="0 0 24 24"><path d="M13,9V15H16L12,19L8,15H11V9H8L12,5L16,9H13M4,2H20V4H4V2M4,20H20V22H4V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand.svg
new file mode 100644
index 00000000..51f77f26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-expand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-expand" viewBox="0 0 24 24"><path d="M10,21V19H6.41L10.91,14.5L9.5,13.09L5,17.59V14H3V21H10M14.5,10.91L19,6.41V10H21V3H14V5H17.59L13.09,9.5L14.5,10.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-horizontal-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-horizontal-lock.svg
new file mode 100644
index 00000000..55f6f08f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-horizontal-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-horizontal-lock" viewBox="0 0 24 24"><path d="M14.8 7V5.5C14.8 4.1 13.4 3 12 3S9.2 4.1 9.2 5.5V7C8.6 7 8 7.6 8 8.2V11.7C8 12.4 8.6 13 9.2 13H14.7C15.4 13 16 12.4 16 11.8V8.3C16 7.6 15.4 7 14.8 7M13.5 7H10.5V5.5C10.5 4.7 11.2 4.2 12 4.2S13.5 4.7 13.5 5.5V7M6 17V20L2 16L6 12V15H18V12L22 16L18 20V17H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box-outline.svg
new file mode 100644
index 00000000..4eeb0ab5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-box-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M19,5H5V19H19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box.svg
new file mode 100644
index 00000000..dbf9e65c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-box" viewBox="0 0 24 24"><path d="M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M7,12L12,17V14H16V10H12V7L7,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle-outline.svg
new file mode 100644
index 00000000..e66a96aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-circle-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle.svg
new file mode 100644
index 00000000..352eabb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,12L12,17V14H16V10H12V7L7,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-hexagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-hexagon-outline.svg
new file mode 100644
index 00000000..a888c6cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-hexagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-outline.svg
new file mode 100644
index 00000000..9cff15c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold-outline" viewBox="0 0 24 24"><path d="M13,22L3,12L13,2V8H21V16H13V22M6,12L11,17V14H19V10H11V7L6,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold.svg
new file mode 100644
index 00000000..7eb6bdc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold" viewBox="0 0 24 24"><path d="M20,9V15H12V19.84L4.16,12L12,4.16V9H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom-bold.svg
new file mode 100644
index 00000000..b557c731
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bottom-bold" viewBox="0 0 24 24"><path d="M21 10.5C21 14.64 17.64 18 13.5 18H11V22L4 16L11 10V14H13.5C15.43 14 17 12.43 17 10.5V3H21V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom.svg
new file mode 100644
index 00000000..75a871f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bottom" viewBox="0 0 24 24"><path d="M20 4V10.5C20 14.09 17.09 17 13.5 17H7.83L10.92 20.09L9.5 21.5L4 16L9.5 10.5L10.91 11.91L7.83 15H13.5C16 15 18 13 18 10.5V4H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-box.svg
new file mode 100644
index 00000000..092faa8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M18,11H9.5L13,7.5L11.58,6.08L5.66,12L11.58,17.92L13,16.5L9.5,13H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle-outline.svg
new file mode 100644
index 00000000..5b619bae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-circle-outline" viewBox="0 0 24 24"><path d="M18,11V13H10L13.5,16.5L12.08,17.92L6.16,12L12.08,6.08L13.5,7.5L10,11H18M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle.svg
new file mode 100644
index 00000000..b869281e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M18,11H10L13.5,7.5L12.08,6.08L6.16,12L12.08,17.92L13.5,16.5L10,13H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle-outline.svg
new file mode 100644
index 00000000..3419051c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-drop-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12M14,7L9,12L14,17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle.svg
new file mode 100644
index 00000000..392567b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-drop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-drop-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14,7L9,12L14,17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold-outline.svg
new file mode 100644
index 00000000..271d4dcf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-right-bold-outline" viewBox="0 0 24 24"><path d="M14,16V22L24,12L14,2V8H10V2L0,12L10,22V16H14M8,14V17L3,12L8,7V10H16V7L21,12L16,17V14H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold.svg
new file mode 100644
index 00000000..1c977eb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-right-bold" viewBox="0 0 24 24"><path d="M8,14V18L2,12L8,6V10H16V6L22,12L16,18V14H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right.svg
new file mode 100644
index 00000000..d39b34ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-right" viewBox="0 0 24 24"><path d="M6.45,17.45L1,12L6.45,6.55L7.86,7.96L4.83,11H19.17L16.14,7.96L17.55,6.55L23,12L17.55,17.45L16.14,16.04L19.17,13H4.83L7.86,16.04L6.45,17.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thick.svg
new file mode 100644
index 00000000..1cf3556a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-thick" viewBox="0 0 24 24"><path d="M20,10V14H11L14.5,17.5L12.08,19.92L4.16,12L12.08,4.08L14.5,6.5L11,10H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin-circle-outline.svg
new file mode 100644
index 00000000..12c268dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-thin-circle-outline" viewBox="0 0 24 24"><path d="M3.97 12C3.97 16.41 7.59 20.03 12 20.03C16.41 20.03 20.03 16.41 20.03 12C20.03 7.59 16.41 3.97 12 3.97C7.59 3.97 3.97 7.59 3.97 12M2 12C2 6.46 6.46 2 12 2C17.54 2 22 6.46 22 12C22 17.54 17.54 22 12 22C6.46 22 2 17.54 2 12M10.46 11V8L6.5 12L10.46 16V13H17.5V11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin.svg
new file mode 100644
index 00000000..ab607bba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-thin" viewBox="0 0 24 24"><path d="M10.05 16.94V12.94H18.97L19 10.93H10.05V6.94L5.05 11.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top-bold.svg
new file mode 100644
index 00000000..e79ff2c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-top-bold" viewBox="0 0 24 24"><path d="M21 21H17V13.5C17 11.57 15.43 10 13.5 10H11V14L4 8L11 2V6H13.5C17.64 6 21 9.36 21 13.5V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top.svg
new file mode 100644
index 00000000..9ec8a6f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-top" viewBox="0 0 24 24"><path d="M20 13.5V20H18V13.5C18 11 16 9 13.5 9H7.83L10.91 12.09L9.5 13.5L4 8L9.5 2.5L10.92 3.91L7.83 7H13.5C17.09 7 20 9.91 20 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left.svg
new file mode 100644
index 00000000..4c380fb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left" viewBox="0 0 24 24"><path d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile-multiple.svg
new file mode 100644
index 00000000..dd0ef8de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-projectile-multiple" viewBox="0 0 24 24"><path d="M19 16L22 19L20 20L19 22L16 19V17.06L12 13.06L8 17.06V19L5 22L4 20L2 19L5 16H6.94L10.94 12L4.97 6.03L4 7L2 2L7 4L6.03 4.97L12 10.94L17.97 4.97L17 4L22 2L20 7L19.03 6.03L13.06 12L17.06 16H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile.svg
new file mode 100644
index 00000000..56b0ce21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-projectile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-projectile" viewBox="0 0 24 24"><path d="M22 2L20 7L19.03 6.03L8 17.06V19L5 22L4 20L2 19L5 16H6.94L17.97 4.97L17 4L22 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box-outline.svg
new file mode 100644
index 00000000..a5aac91a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-box-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19M5,19H19V5H5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box.svg
new file mode 100644
index 00000000..b0b39168
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-box" viewBox="0 0 24 24"><path d="M3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19M17,12L12,7V10H8V14H12V17L17,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle-outline.svg
new file mode 100644
index 00000000..67aa2086
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-circle-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle.svg
new file mode 100644
index 00000000..f15b7ce3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M17,12L12,7V10H8V14H12V17L17,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-hexagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-hexagon-outline.svg
new file mode 100644
index 00000000..81147659
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-hexagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-outline.svg
new file mode 100644
index 00000000..b7d9c3e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold-outline" viewBox="0 0 24 24"><path d="M11,16H3V8H11V2L21,12L11,22V16M13,7V10H5V14H13V17L18,12L13,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold.svg
new file mode 100644
index 00000000..906bb160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold" viewBox="0 0 24 24"><path d="M4,15V9H12V4.16L19.84,12L12,19.84V15H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom-bold.svg
new file mode 100644
index 00000000..d63a06cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bottom-bold" viewBox="0 0 24 24"><path d="M3 3H7V10.5C7 12.43 8.57 14 10.5 14H13V10L20 16L13 22V18H10.5C6.36 18 3 14.64 3 10.5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom.svg
new file mode 100644
index 00000000..4c3d4025
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bottom" viewBox="0 0 24 24"><path d="M20 16L14.5 21.5L13.08 20.09L16.17 17H10.5C6.91 17 4 14.09 4 10.5V4H6V10.5C6 13 8 15 10.5 15H16.17L13.09 11.91L14.5 10.5L20 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-box.svg
new file mode 100644
index 00000000..133f410d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-box" viewBox="0 0 24 24"><path d="M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5M6,13H14.5L11,16.5L12.42,17.92L18.34,12L12.42,6.08L11,7.5L14.5,11H6V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle-outline.svg
new file mode 100644
index 00000000..5b504978
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-circle-outline" viewBox="0 0 24 24"><path d="M6,13V11H14L10.5,7.5L11.92,6.08L17.84,12L11.92,17.92L10.5,16.5L14,13H6M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle.svg
new file mode 100644
index 00000000..b8af4192
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,13H14L10.5,16.5L11.92,17.92L17.84,12L11.92,6.08L10.5,7.5L14,11H6V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle-outline.svg
new file mode 100644
index 00000000..5f40a434
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-drop-circle-outline" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12M10,17L15,12L10,7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle.svg
new file mode 100644
index 00000000..0ccb6cb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-drop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-drop-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10,17L15,12L10,7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thick.svg
new file mode 100644
index 00000000..ffd88135
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-thick" viewBox="0 0 24 24"><path d="M4,10V14H13L9.5,17.5L11.92,19.92L19.84,12L11.92,4.08L9.5,6.5L13,10H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin-circle-outline.svg
new file mode 100644
index 00000000..e5bdfd4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-thin-circle-outline" viewBox="0 0 24 24"><path d="M20.03 12C20.03 7.59 16.41 3.97 12 3.97C7.59 3.97 3.97 7.59 3.97 12C3.97 16.41 7.59 20.03 12 20.03C16.41 20.03 20.03 16.41 20.03 12M22 12C22 17.54 17.54 22 12 22C6.46 22 2 17.54 2 12C2 6.46 6.46 2 12 2C17.54 2 22 6.46 22 12M13.54 13V16L17.5 12L13.54 8V11H6.5V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin.svg
new file mode 100644
index 00000000..2ef7dd69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-thin" viewBox="0 0 24 24"><path d="M14 16.94V12.94H5.08L5.05 10.93H14V6.94L19 11.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top-bold.svg
new file mode 100644
index 00000000..ba6b9107
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-top-bold" viewBox="0 0 24 24"><path d="M3 13.5C3 9.36 6.36 6 10.5 6H13V2L20 8L13 14V10H10.5C8.57 10 7 11.57 7 13.5V21H3V13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top.svg
new file mode 100644
index 00000000..1424996d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-top" viewBox="0 0 24 24"><path d="M20 8L14.5 13.5L13.09 12.09L16.17 9H10.5C8 9 6 11 6 13.5V20H4V13.5C4 9.91 6.91 7 10.5 7H16.17L13.08 3.91L14.5 2.5L20 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right.svg
new file mode 100644
index 00000000..a4e19575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right" viewBox="0 0 24 24"><path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-horizontal.svg
new file mode 100644
index 00000000..07bc0c5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-split-horizontal" viewBox="0 0 24 24"><path d="M8,18H11V15H2V13H22V15H13V18H16L12,22L8,18M12,2L8,6H11V9H2V11H22V9H13V6H16L12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-vertical.svg
new file mode 100644
index 00000000..85be28ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-split-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-split-vertical" viewBox="0 0 24 24"><path d="M18,16V13H15V22H13V2H15V11H18V8L22,12L18,16M2,12L6,16V13H9V22H11V2H9V11H6V8L2,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box-outline.svg
new file mode 100644
index 00000000..a0dcc706
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-bold-box-outline" viewBox="0 0 24 24"><path d="M8 8H15.1L13 10.1L17 14L14.2 16.8L10.1 12.9L8 15.1V8M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box.svg
new file mode 100644
index 00000000..8ecafef2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-bold-box" viewBox="0 0 24 24"><path d="M5 3H19C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3M8.2 8V15.1L10.3 13L14.1 16.9L17 14L13.2 10.1L15.3 8H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-outline.svg
new file mode 100644
index 00000000..a36b27de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-bold-outline" viewBox="0 0 24 24"><path d="M14.12,8.46L19.78,14.12L14.12,19.78L8.46,14.12L4.22,18.36V4.22H18.36L14.12,8.46M6.34,13.41L8.46,11.29L14.12,16.95L16.95,14.12L11.29,8.47L13.41,6.34H6.34V13.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right-bold.svg
new file mode 100644
index 00000000..64853a6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-bottom-right-bold" viewBox="0 0 24 24"><path d="M5.83,8.66L3,11.5V3H11.5L8.66,5.83L18.17,15.34L21,12.5V21H12.5L15.34,18.17L5.83,8.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right.svg
new file mode 100644
index 00000000..8fed93ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-bottom-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-bottom-right" viewBox="0 0 24 24"><path d="M13,21H21V13H19V17.59L6.41,5H11V3H3V11H5V6.41L17.59,19H13V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thick.svg
new file mode 100644
index 00000000..c45a06f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-thick" viewBox="0 0 24 24"><path d="M9.12,11.94V16.89H5.69V5.69H16.89V9.12H11.94L18.31,15.5L15.5,18.31L9.12,11.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin-circle-outline.svg
new file mode 100644
index 00000000..fd59a947
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 7.59 7.59 3.97 12 3.97M12 2C6.46 2 2 6.46 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12C22 6.46 17.54 2 12 2M10.12 11.53L8 13.64V8H13.64L11.53 10.12L16.5 15.1L15.1 16.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin.svg
new file mode 100644
index 00000000..397c37d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left-thin" viewBox="0 0 24 24"><path d="M12.07 5L9.24 7.83L19 17.59L17.58 19L7.82 9.25L5 12.07V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left.svg
new file mode 100644
index 00000000..2a5dc89b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-left" viewBox="0 0 24 24"><path d="M19,17.59L17.59,19L7,8.41V15H5V5H15V7H8.41L19,17.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box-outline.svg
new file mode 100644
index 00000000..bf9ec629
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-bold-box-outline" viewBox="0 0 24 24"><path d="M16 8V15.1L13.9 13L9.8 16.9L7 14L11.1 10.1L8.9 8H16M3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5M5 5H19V19H5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box.svg
new file mode 100644
index 00000000..0fc40077
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-bold-box" viewBox="0 0 24 24"><path d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-outline.svg
new file mode 100644
index 00000000..fad367c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-bold-outline" viewBox="0 0 24 24"><path d="M5.64,4.22H19.78V18.36L15.54,14.12L9.88,19.78L4.22,14.12L9.88,8.46L5.64,4.22M17.66,6.34H10.59L12.71,8.46L7.05,14.12L9.88,16.95L15.54,11.29L17.66,13.41V6.34H17.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left-bold.svg
new file mode 100644
index 00000000..f0baea0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-bottom-left-bold" viewBox="0 0 24 24"><path d="M18.17,8.66L21,11.5V3H12.5L15.34,5.83L5.83,15.34L3,12.5V21H11.5L8.66,18.17L18.17,8.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left.svg
new file mode 100644
index 00000000..63d89a74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-bottom-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-bottom-left" viewBox="0 0 24 24"><path d="M11,21H3V13H5V17.59L17.59,5H13V3H21V11H19V6.41L6.41,19H11V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thick.svg
new file mode 100644
index 00000000..493262fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-thick" viewBox="0 0 24 24"><path d="M8.5,18.31L5.69,15.5L12.06,9.12H7.11V5.69H18.31V16.89H14.89V11.94L8.5,18.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin-circle-outline.svg
new file mode 100644
index 00000000..2c89f558
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 3.97C7.59 3.97 3.97 7.59 3.97 12C3.97 16.41 7.59 20.03 12 20.03C16.41 20.03 20.03 16.41 20.03 12C20.03 7.59 16.41 3.97 12 3.97M12 2C17.54 2 22 6.46 22 12C22 17.54 17.54 22 12 22C6.46 22 2 17.54 2 12C2 6.46 6.46 2 12 2M13.88 11.53L16 13.64V8H10.36L12.47 10.12L7.5 15.1L8.9 16.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin.svg
new file mode 100644
index 00000000..f25c2907
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right-thin" viewBox="0 0 24 24"><path d="M11.93 5L14.76 7.83L5 17.59L6.42 19L16.18 9.25L19 12.07V5H11.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right.svg
new file mode 100644
index 00000000..df29e395
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-top-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-top-right" viewBox="0 0 24 24"><path d="M5,17.59L15.59,7H9V5H19V15H17V8.41L6.41,19L5,17.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left-bold.svg
new file mode 100644
index 00000000..c5165ffa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-down-left-bold" viewBox="0 0 24 24"><path d="M21 10.5V18H17V10.5C17 8.57 15.43 7 13.5 7S10 8.57 10 10.5V13H14L8 20L2 13H6V10.5C6 6.36 9.36 3 13.5 3S21 6.36 21 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left.svg
new file mode 100644
index 00000000..343e2f0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-down-left" viewBox="0 0 24 24"><path d="M20 10.5V18H18V10.5C18 8 16 6 13.5 6S9 8 9 10.5V16.17L12.09 13.09L13.5 14.5L8 20L2.5 14.5L3.91 13.08L7 16.17V10.5C7 6.91 9.91 4 13.5 4S20 6.91 20 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right-bold.svg
new file mode 100644
index 00000000..033a03b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-down-right-bold" viewBox="0 0 24 24"><path d="M10.5 3C14.64 3 18 6.36 18 10.5V13H22L16 20L10 13H14V10.5C14 8.57 12.43 7 10.5 7S7 8.57 7 10.5V18H3V10.5C3 6.36 6.36 3 10.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right.svg
new file mode 100644
index 00000000..e576c1d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-down-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-down-right" viewBox="0 0 24 24"><path d="M21.5 14.5L16 20L10.5 14.5L11.91 13.09L15 16.17V10.5C15 8 13 6 10.5 6S6 8 6 10.5V18H4V10.5C4 6.91 6.91 4 10.5 4S17 6.91 17 10.5V16.17L20.09 13.08L21.5 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom-bold.svg
new file mode 100644
index 00000000..6883dc2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-left-bottom-bold" viewBox="0 0 24 24"><path d="M21 10.5C21 14.64 17.64 18 13.5 18H11V22L4 16L11 10V14H13.5C15.43 14 17 12.43 17 10.5S15.43 7 13.5 7H6V3H13.5C17.64 3 21 6.36 21 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom.svg
new file mode 100644
index 00000000..e2141157
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-left-bottom" viewBox="0 0 24 24"><path d="M20 10.5C20 14.09 17.09 17 13.5 17H7.83L10.92 20.09L9.5 21.5L4 16L9.5 10.5L10.91 11.91L7.83 15H13.5C16 15 18 13 18 10.5S16 6 13.5 6H6V4H13.5C17.09 4 20 6.91 20 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top-bold.svg
new file mode 100644
index 00000000..1522f405
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-left-top-bold" viewBox="0 0 24 24"><path d="M13.5 21H6V17H13.5C15.43 17 17 15.43 17 13.5S15.43 10 13.5 10H11V14L4 8L11 2V6H13.5C17.64 6 21 9.36 21 13.5S17.64 21 13.5 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top.svg
new file mode 100644
index 00000000..cc3fbc51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-left-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-left-top" viewBox="0 0 24 24"><path d="M20 13.5C20 17.09 17.09 20 13.5 20H6V18H13.5C16 18 18 16 18 13.5S16 9 13.5 9H7.83L10.91 12.09L9.5 13.5L4 8L9.5 2.5L10.92 3.91L7.83 7H13.5C17.09 7 20 9.91 20 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom-bold.svg
new file mode 100644
index 00000000..255b9af0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-right-bottom-bold" viewBox="0 0 24 24"><path d="M10.5 3H18V7H10.5C8.57 7 7 8.57 7 10.5S8.57 14 10.5 14H13V10L20 16L13 22V18H10.5C6.36 18 3 14.64 3 10.5S6.36 3 10.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom.svg
new file mode 100644
index 00000000..7c79724a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-right-bottom" viewBox="0 0 24 24"><path d="M20 16L14.5 21.5L13.08 20.09L16.17 17H10.5C6.91 17 4 14.09 4 10.5S6.91 4 10.5 4H18V6H10.5C8 6 6 8 6 10.5S8 15 10.5 15H16.17L13.09 11.91L14.5 10.5L20 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top-bold.svg
new file mode 100644
index 00000000..4c329662
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-right-top-bold" viewBox="0 0 24 24"><path d="M3 13.5C3 9.36 6.36 6 10.5 6H13V2L20 8L13 14V10H10.5C8.57 10 7 11.57 7 13.5S8.57 17 10.5 17H18V21H10.5C6.36 21 3 17.64 3 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top.svg
new file mode 100644
index 00000000..e81da18b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-right-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-right-top" viewBox="0 0 24 24"><path d="M10.5 18H18V20H10.5C6.91 20 4 17.09 4 13.5S6.91 7 10.5 7H16.17L13.08 3.91L14.5 2.5L20 8L14.5 13.5L13.09 12.09L16.17 9H10.5C8 9 6 11 6 13.5S8 18 10.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left-bold.svg
new file mode 100644
index 00000000..3f4af162
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-up-left-bold" viewBox="0 0 24 24"><path d="M13.5 21C9.36 21 6 17.64 6 13.5V11H2L8 4L14 11H10V13.5C10 15.43 11.57 17 13.5 17S17 15.43 17 13.5V6H21V13.5C21 17.64 17.64 21 13.5 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left.svg
new file mode 100644
index 00000000..21938622
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-up-left" viewBox="0 0 24 24"><path d="M20 6V13.5C20 17.09 17.09 20 13.5 20S7 17.09 7 13.5V7.83L3.91 10.92L2.5 9.5L8 4L13.5 9.5L12.09 10.91L9 7.83V13.5C9 16 11 18 13.5 18S18 16 18 13.5V6H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right-bold.svg
new file mode 100644
index 00000000..6a005c6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-up-right-bold" viewBox="0 0 24 24"><path d="M3 13.5V6H7V13.5C7 15.43 8.57 17 10.5 17S14 15.43 14 13.5V11H10L16 4L22 11H18V13.5C18 17.64 14.64 21 10.5 21S3 17.64 3 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right.svg
new file mode 100644
index 00000000..f496a19f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-u-up-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-u-up-right" viewBox="0 0 24 24"><path d="M21.5 9.5L20.09 10.92L17 7.83V13.5C17 17.09 14.09 20 10.5 20S4 17.09 4 13.5V6H6V13.5C6 16 8 18 10.5 18S15 16 15 13.5V7.83L11.91 10.91L10.5 9.5L16 4L21.5 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box-outline.svg
new file mode 100644
index 00000000..5e0bcd06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-box-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M19,19V5H5V19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box.svg
new file mode 100644
index 00000000..0f5b2db5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-box" viewBox="0 0 24 24"><path d="M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M12,7L7,12H10V16H14V12H17L12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle-outline.svg
new file mode 100644
index 00000000..762a1642
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-circle-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle.svg
new file mode 100644
index 00000000..5fb1243b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-circle" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,7L7,12H10V16H14V12H17L12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-hexagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-hexagon-outline.svg
new file mode 100644
index 00000000..da9c0e62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-hexagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-hexagon-outline" viewBox="0 0 24 24"><path d="M12,7L17,12H14V16H10V12H7L12,7M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-outline.svg
new file mode 100644
index 00000000..c6a8d5e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold-outline" viewBox="0 0 24 24"><path d="M16,13V21H8V13H2L12,3L22,13H16M7,11H10V19H14V11H17L12,6L7,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold.svg
new file mode 100644
index 00000000..ac542e59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold" viewBox="0 0 24 24"><path d="M15,20H9V12H4.16L12,4.16L19.84,12H15V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-box.svg
new file mode 100644
index 00000000..f3f44a9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-box" viewBox="0 0 24 24"><path d="M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19C20.11,3 21,3.9 21,5V19M13,18V9.5L16.5,13L17.92,11.58L12,5.66L6.08,11.58L7.5,13L11,9.5V18H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle-outline.svg
new file mode 100644
index 00000000..1d5a25da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-circle-outline" viewBox="0 0 24 24"><path d="M13,18H11V10L7.5,13.5L6.08,12.08L12,6.16L17.92,12.08L16.5,13.5L13,10V18M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle.svg
new file mode 100644
index 00000000..41eaf047
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-circle" viewBox="0 0 24 24"><path d="M13,18V10L16.5,13.5L17.92,12.08L12,6.16L6.08,12.08L7.5,13.5L11,10V18H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold-outline.svg
new file mode 100644
index 00000000..effdacdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-down-bold-outline" viewBox="0 0 24 24"><path d="M16,10H22L12,0L2,10H8V14H2L12,24L22,14H16V10M14,16H17L12,21L7,16H10V8H7L12,3L17,8H14V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold.svg
new file mode 100644
index 00000000..ba9a5180
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-down-bold" viewBox="0 0 24 24"><path d="M10,8H6L12,2L18,8H14V16H18L12,22L6,16H10V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down.svg
new file mode 100644
index 00000000..e237c7e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-down" viewBox="0 0 24 24"><path d="M17.45,17.55L12,23L6.55,17.55L7.96,16.14L11,19.17V4.83L7.96,7.86L6.55,6.45L12,1L17.45,6.45L16.04,7.86L13,4.83V19.17L16.04,16.14L17.45,17.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle-outline.svg
new file mode 100644
index 00000000..01fa6e78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-drop-circle-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M17,14L12,9L7,14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle.svg
new file mode 100644
index 00000000..b948f329
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-drop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-drop-circle" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M17,14L12,9L7,14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left-bold.svg
new file mode 100644
index 00000000..233223b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-left-bold" viewBox="0 0 24 24"><path d="M13.5 21C9.36 21 6 17.64 6 13.5V11H2L8 4L14 11H10V13.5C10 15.43 11.57 17 13.5 17H21V21H13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left.svg
new file mode 100644
index 00000000..a0eaea40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-left" viewBox="0 0 24 24"><path d="M20 18V20H13.5C9.91 20 7 17.09 7 13.5V7.83L3.91 10.92L2.5 9.5L8 4L13.5 9.5L12.09 10.91L9 7.83V13.5C9 16 11 18 13.5 18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right-bold.svg
new file mode 100644
index 00000000..28ca7054
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-right-bold" viewBox="0 0 24 24"><path d="M3 21V17H10.5C12.43 17 14 15.43 14 13.5V11H10L16 4L22 11H18V13.5C18 17.64 14.64 21 10.5 21H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right.svg
new file mode 100644
index 00000000..826083ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-right" viewBox="0 0 24 24"><path d="M21.5 9.5L20.09 10.92L17 7.83V13.5C17 17.09 14.09 20 10.5 20H4V18H10.5C13 18 15 16 15 13.5V7.83L11.91 10.91L10.5 9.5L16 4L21.5 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thick.svg
new file mode 100644
index 00000000..56240ee8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-thick" viewBox="0 0 24 24"><path d="M14,20H10V11L6.5,14.5L4.08,12.08L12,4.16L19.92,12.08L17.5,14.5L14,11V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin-circle-outline.svg
new file mode 100644
index 00000000..9faf0bcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-thin-circle-outline" viewBox="0 0 24 24"><path d="M12 3.97C7.59 3.97 3.97 7.59 3.97 12C3.97 16.41 7.59 20.03 12 20.03C16.41 20.03 20.03 16.41 20.03 12C20.03 7.59 16.41 3.97 12 3.97M12 2C17.54 2 22 6.46 22 12C22 17.54 17.54 22 12 22C6.46 22 2 17.54 2 12C2 6.46 6.46 2 12 2M13 10.46H16L12 6.5L8 10.46H11V17.5H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin.svg
new file mode 100644
index 00000000..b6e113c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up-thin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-thin" viewBox="0 0 24 24"><path d="M7.03 9.97H11.03V18.89L13.04 18.92V9.97H17.03L12.03 4.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up.svg
new file mode 100644
index 00000000..5ae67ba4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up" viewBox="0 0 24 24"><path d="M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/arrow-vertical-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-vertical-lock.svg
new file mode 100644
index 00000000..9cd4eef3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/arrow-vertical-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-vertical-lock" viewBox="0 0 24 24"><path d="M18.8 11V9.5C18.8 8.1 17.4 7 16 7S13.2 8.1 13.2 9.5V11C12.6 11 12 11.6 12 12.2V15.7C12 16.4 12.6 17 13.2 17H18.7C19.4 17 20 16.4 20 15.8V12.3C20 11.6 19.4 11 18.8 11M17.5 11H14.5V9.5C14.5 8.7 15.2 8.2 16 8.2C16.8 8.2 17.5 8.7 17.5 9.5V11M9 6H12L8 2L4 6H7V18H4L8 22L12 18H9V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/artboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/artboard.svg
new file mode 100644
index 00000000..6e56ab67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/artboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-artboard" viewBox="0 0 24 24"><path d="M17 9V15H7V9H17M19 3H17V6H19V3M7 3H5V6H7V3M23 7H20V9H23V7M19 7H5V17H19V7M4 7H1V9H4V7M23 15H20V17H23V15M4 15H1V17H4V15M19 18H17V21H19V18M7 18H5V21H7V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/artstation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/artstation.svg
new file mode 100644
index 00000000..60415575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/artstation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-artstation" viewBox="0 0 24 24"><path d="M1.77,16.88L3.5,19.86C3.84,20.54 4.54,21 5.33,21H16.79L14.43,16.88H1.77M22.23,16.9C22.23,16.5 22.11,16.11 21.9,15.78L15.17,4.1C14.82,3.44 14.15,3 13.35,3H9.8L20.18,21L21.82,18.14C22.13,17.6 22.23,17.36 22.23,16.9M12.73,13.94L8.1,5.92L3.45,13.94H12.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/aspect-ratio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/aspect-ratio.svg
new file mode 100644
index 00000000..82810d23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/aspect-ratio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-aspect-ratio" viewBox="0 0 24 24"><path d="M19,12H17V15H14V17H19V12M7,9H10V7H5V12H7V9M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/assistant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/assistant.svg
new file mode 100644
index 00000000..b89c370d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/assistant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-assistant" viewBox="0 0 24 24"><path d="M19,2H5A2,2 0 0,0 3,4V18A2,2 0 0,0 5,20H9L12,23L15,20H19A2,2 0 0,0 21,18V4A2,2 0 0,0 19,2M13.88,12.88L12,17L10.12,12.88L6,11L10.12,9.12L12,5L13.88,9.12L18,11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/asterisk-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/asterisk-circle-outline.svg
new file mode 100644
index 00000000..8c23d01b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/asterisk-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-asterisk-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M12 20C7.61 20 4 16.39 4 12C4 7.61 7.61 4 12 4C16.39 4 20 7.61 20 12C20 16.39 16.39 20 12 20M13 10.27L15.83 8.63L16.83 10.37L14 12L16.83 13.63L15.83 15.37L13 13.73V17H11V13.73L8.17 15.37L7.17 13.63L10 12L7.17 10.37L8.17 8.63L11 10.27V7H13V10.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/asterisk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/asterisk.svg
new file mode 100644
index 00000000..ee686ab0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/asterisk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-asterisk" viewBox="0 0 24 24"><path d="M21 13H14.4L19.1 17.7L17.7 19.1L13 14.4V21H11V14.3L6.3 19L4.9 17.6L9.4 13H3V11H9.6L4.9 6.3L6.3 4.9L11 9.6V3H13V9.4L17.6 4.8L19 6.3L14.3 11H21V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/at.svg b/apps/phoenix_webcomponent/priv/mdi/svg/at.svg
new file mode 100644
index 00000000..3a3da819
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/at.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-at" viewBox="0 0 24 24"><path d="M12,15C12.81,15 13.5,14.7 14.11,14.11C14.7,13.5 15,12.81 15,12C15,11.19 14.7,10.5 14.11,9.89C13.5,9.3 12.81,9 12,9C11.19,9 10.5,9.3 9.89,9.89C9.3,10.5 9,11.19 9,12C9,12.81 9.3,13.5 9.89,14.11C10.5,14.7 11.19,15 12,15M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12V13.45C22,14.45 21.65,15.3 21,16C20.3,16.67 19.5,17 18.5,17C17.3,17 16.31,16.5 15.56,15.5C14.56,16.5 13.38,17 12,17C10.63,17 9.45,16.5 8.46,15.54C7.5,14.55 7,13.38 7,12C7,10.63 7.5,9.45 8.46,8.46C9.45,7.5 10.63,7 12,7C13.38,7 14.55,7.5 15.54,8.46C16.5,9.45 17,10.63 17,12V13.45C17,13.86 17.16,14.22 17.46,14.53C17.76,14.84 18.11,15 18.5,15C18.92,15 19.27,14.84 19.57,14.53C19.87,14.22 20,13.86 20,13.45V12C20,9.81 19.23,7.93 17.65,6.35C16.07,4.77 14.19,4 12,4C9.81,4 7.93,4.77 6.35,6.35C4.77,7.93 4,9.81 4,12C4,14.19 4.77,16.07 6.35,17.65C7.93,19.23 9.81,20 12,20H17V22H12C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/atlassian.svg b/apps/phoenix_webcomponent/priv/mdi/svg/atlassian.svg
new file mode 100644
index 00000000..064326c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/atlassian.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-atlassian" viewBox="0 0 24 24"><path d="M7.93,11.24C7.74,11 7.38,10.94 7.13,11.13C7.06,11.19 7,11.26 6.96,11.34L2.06,21.15C1.91,21.44 2.03,21.79 2.32,21.94C2.4,22 2.5,22 2.59,22H9.41C9.63,22 9.84,21.88 9.94,21.68C11.41,18.63 10.5,14 7.93,11.24M11.53,2.31C9.05,6.14 8.76,11 10.77,15.09L14.06,21.68C14.17,21.88 14.37,22 14.59,22H21.41A0.59,0.59 0 0,0 22,21.41C22,21.32 22,21.23 21.94,21.15C21.94,21.15 12.76,2.77 12.5,2.31C12.39,2.04 12.06,1.92 11.78,2.06C11.67,2.11 11.58,2.2 11.53,2.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/atm.svg b/apps/phoenix_webcomponent/priv/mdi/svg/atm.svg
new file mode 100644
index 00000000..2bfa0ab2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/atm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-atm" viewBox="0 0 24 24"><path d="M8,9V10.5H10.25V15H11.75V10.5H14V9H8M6,9H3A1,1 0 0,0 2,10V15H3.5V13.5H5.5V15H7V10A1,1 0 0,0 6,9M5.5,12H3.5V10.5H5.5V12M21,9H16.5A1,1 0 0,0 15.5,10V15H17V10.5H18V14H19.5V10.5H20.5V15H22V10A1,1 0 0,0 21,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/atom-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/atom-variant.svg
new file mode 100644
index 00000000..dda67be7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/atom-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-atom-variant" viewBox="0 0 24 24"><path d="M18.36,2.64C20,2.64 21.36,4 21.36,5.64C21.36,7.29 20,8.64 18.36,8.64C16.71,8.64 15.36,7.29 15.36,5.64C15.36,5.34 15.41,5.06 15.5,4.8C14.43,4.29 13.25,4 12,4A8,8 0 0,0 4,12L4.04,12.84L2.05,13.05L2,12A10,10 0 0,1 12,2C13.69,2 15.28,2.42 16.67,3.16C17.16,2.83 17.74,2.64 18.36,2.64M18.36,4.64A1,1 0 0,0 17.36,5.64A1,1 0 0,0 18.36,6.64C18.92,6.64 19.36,6.19 19.36,5.64C19.36,5.08 18.92,4.64 18.36,4.64M5.64,15.36C7.29,15.36 8.64,16.71 8.64,18.36C8.64,18.66 8.59,18.94 8.5,19.2C9.57,19.71 10.75,20 12,20A8,8 0 0,0 20,12L19.96,11.16L21.95,10.95L22,12A10,10 0 0,1 12,22C10.31,22 8.72,21.58 7.33,20.84C6.84,21.17 6.26,21.36 5.64,21.36C4,21.36 2.64,20 2.64,18.36C2.64,16.71 4,15.36 5.64,15.36M5.64,17.36C5.08,17.36 4.64,17.81 4.64,18.36C4.64,18.92 5.08,19.36 5.64,19.36A1,1 0 0,0 6.64,18.36A1,1 0 0,0 5.64,17.36M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/atom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/atom.svg
new file mode 100644
index 00000000..b208431d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/atom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-atom" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11M4.22,4.22C5.65,2.79 8.75,3.43 12,5.56C15.25,3.43 18.35,2.79 19.78,4.22C21.21,5.65 20.57,8.75 18.44,12C20.57,15.25 21.21,18.35 19.78,19.78C18.35,21.21 15.25,20.57 12,18.44C8.75,20.57 5.65,21.21 4.22,19.78C2.79,18.35 3.43,15.25 5.56,12C3.43,8.75 2.79,5.65 4.22,4.22M15.54,8.46C16.15,9.08 16.71,9.71 17.23,10.34C18.61,8.21 19.11,6.38 18.36,5.64C17.62,4.89 15.79,5.39 13.66,6.77C14.29,7.29 14.92,7.85 15.54,8.46M8.46,15.54C7.85,14.92 7.29,14.29 6.77,13.66C5.39,15.79 4.89,17.62 5.64,18.36C6.38,19.11 8.21,18.61 10.34,17.23C9.71,16.71 9.08,16.15 8.46,15.54M5.64,5.64C4.89,6.38 5.39,8.21 6.77,10.34C7.29,9.71 7.85,9.08 8.46,8.46C9.08,7.85 9.71,7.29 10.34,6.77C8.21,5.39 6.38,4.89 5.64,5.64M9.88,14.12C10.58,14.82 11.3,15.46 12,16.03C12.7,15.46 13.42,14.82 14.12,14.12C14.82,13.42 15.46,12.7 16.03,12C15.46,11.3 14.82,10.58 14.12,9.88C13.42,9.18 12.7,8.54 12,7.97C11.3,8.54 10.58,9.18 9.88,9.88C9.18,10.58 8.54,11.3 7.97,12C8.54,12.7 9.18,13.42 9.88,14.12M18.36,18.36C19.11,17.62 18.61,15.79 17.23,13.66C16.71,14.29 16.15,14.92 15.54,15.54C14.92,16.15 14.29,16.71 13.66,17.23C15.79,18.61 17.62,19.11 18.36,18.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-check.svg
new file mode 100644
index 00000000..727b464a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-check" viewBox="0 0 24 24"><path d="M16.61 13.5C15.81 13.85 15.11 14.36 14.54 15H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17V11.5H9.5C8.95 11.5 8.5 11.95 8.5 12.5S8.95 13.5 9.5 13.5H16.61M3.5 12.5C3.5 10.29 5.29 8.5 7.5 8.5H18C19.38 8.5 20.5 9.62 20.5 11C20.5 11.84 20.08 12.58 19.45 13.03C20.05 13.07 20.63 13.2 21.17 13.41C21.69 12.74 22 11.91 22 11C22 8.79 20.21 7 18 7H7.5C4.46 7 2 9.46 2 12.5S4.46 18 7.5 18H13.09C13.18 17.47 13.34 16.97 13.55 16.5H7.5C5.29 16.5 3.5 14.71 3.5 12.5M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-lock.svg
new file mode 100644
index 00000000..333c82d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-lock" viewBox="0 0 24 24"><path d="M18 13C16.6 13 15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17V15.5C20.8 14.1 19.4 13 18 13M18 14.2C18.8 14.2 19.5 14.7 19.5 15.5V17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2M7.5 5C4.5 5 2 7.5 2 10.5S4.5 16 7.5 16H13.2V15.5C13.2 15.2 13.2 14.8 13.3 14.5H7.5C5.3 14.5 3.5 12.7 3.5 10.5S5.3 6.5 7.5 6.5H18C19.4 6.5 20.5 7.6 20.5 9C20.5 9.9 20 10.7 19.2 11.2C19.8 11.3 20.3 11.6 20.8 11.9C21.6 11.1 22 10.1 22 9C22 6.8 20.2 5 18 5H7.5M9.5 8C8.1 8 7 9.1 7 10.5S8.1 13 9.5 13H14C14.5 12.3 15.1 11.8 15.8 11.5H9.5C8.9 11.5 8.5 11.1 8.5 10.5S8.9 9.5 9.5 9.5H17V8H9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-minus.svg
new file mode 100644
index 00000000..037e3365
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-minus" viewBox="0 0 24 24"><path d="M16.61 13.5C15.81 13.85 15.11 14.36 14.54 15H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17V11.5H9.5C8.95 11.5 8.5 11.95 8.5 12.5S8.95 13.5 9.5 13.5H16.61M3.5 12.5C3.5 10.29 5.29 8.5 7.5 8.5H18C19.38 8.5 20.5 9.62 20.5 11C20.5 11.84 20.08 12.58 19.45 13.03C20.05 13.07 20.63 13.2 21.17 13.41C21.69 12.74 22 11.91 22 11C22 8.79 20.21 7 18 7H7.5C4.46 7 2 9.46 2 12.5S4.46 18 7.5 18H13.09C13.18 17.47 13.34 16.97 13.55 16.5H7.5C5.29 16.5 3.5 14.71 3.5 12.5M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-off.svg
new file mode 100644
index 00000000..a03ca7b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-off" viewBox="0 0 24 24"><path d="M17 10V11.5H14.7L13.2 10H17M18 8.5C19.38 8.5 20.5 9.62 20.5 11S19.38 13.5 18 13.5H16.7L18.18 15C20.31 14.89 22 13.15 22 11C22 8.79 20.21 7 18 7H10.2L11.7 8.5H18M22.11 21.46L20.84 22.73L16.11 18H7.5C4.46 18 2 15.54 2 12.5C2 10.17 3.45 8.19 5.5 7.38L1.11 3L2.39 1.73L22.11 21.46M8.5 12.5C8.5 13.05 8.95 13.5 9.5 13.5H11.61L9.61 11.5H9.5C8.95 11.5 8.5 11.95 8.5 12.5M14.61 16.5L13.11 15H9.5C8.12 15 7 13.88 7 12.5C7 11.5 7.57 10.69 8.38 10.27L6.69 8.58C4.87 8.96 3.5 10.57 3.5 12.5C3.5 14.71 5.29 16.5 7.5 16.5H14.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-plus.svg
new file mode 100644
index 00000000..a3e33905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-plus" viewBox="0 0 24 24"><path d="M7.5 16.5H13.55C13.34 16.97 13.18 17.47 13.09 18H7.5C4.46 18 2 15.54 2 12.5S4.46 7 7.5 7H18C20.21 7 22 8.79 22 11C22 11.91 21.69 12.74 21.17 13.41C20.63 13.2 20.05 13.07 19.45 13.03C20.08 12.58 20.5 11.84 20.5 11C20.5 9.62 19.38 8.5 18 8.5H7.5C5.29 8.5 3.5 10.29 3.5 12.5S5.29 16.5 7.5 16.5M9.5 13.5C8.95 13.5 8.5 13.05 8.5 12.5S8.95 11.5 9.5 11.5H17V10H9.5C8.12 10 7 11.12 7 12.5S8.12 15 9.5 15H14.54C15.11 14.36 15.81 13.85 16.61 13.5H9.5M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-remove.svg
new file mode 100644
index 00000000..2da5972d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment-remove" viewBox="0 0 24 24"><path d="M16.61 13.5C15.81 13.85 15.11 14.36 14.54 15H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17V11.5H9.5C8.95 11.5 8.5 11.95 8.5 12.5S8.95 13.5 9.5 13.5H16.61M3.5 12.5C3.5 10.29 5.29 8.5 7.5 8.5H18C19.38 8.5 20.5 9.62 20.5 11C20.5 11.84 20.08 12.58 19.45 13.03C20.05 13.07 20.63 13.2 21.17 13.41C21.69 12.74 22 11.91 22 11C22 8.79 20.21 7 18 7H7.5C4.46 7 2 9.46 2 12.5S4.46 18 7.5 18H13.09C13.18 17.47 13.34 16.97 13.55 16.5H7.5C5.29 16.5 3.5 14.71 3.5 12.5M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/attachment.svg b/apps/phoenix_webcomponent/priv/mdi/svg/attachment.svg
new file mode 100644
index 00000000..4092dd88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/attachment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-attachment" viewBox="0 0 24 24"><path d="M7.5,18A5.5,5.5 0 0,1 2,12.5A5.5,5.5 0 0,1 7.5,7H18A4,4 0 0,1 22,11A4,4 0 0,1 18,15H9.5A2.5,2.5 0 0,1 7,12.5A2.5,2.5 0 0,1 9.5,10H17V11.5H9.5A1,1 0 0,0 8.5,12.5A1,1 0 0,0 9.5,13.5H18A2.5,2.5 0 0,0 20.5,11A2.5,2.5 0 0,0 18,8.5H7.5A4,4 0 0,0 3.5,12.5A4,4 0 0,0 7.5,16.5H17V18H7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/atv.svg b/apps/phoenix_webcomponent/priv/mdi/svg/atv.svg
new file mode 100644
index 00000000..8fb6c464
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/atv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-atv" viewBox="0 0 24 24"><path d="M20 11C19.8 11 19.6 11 19.5 11.1L17.4 9H20V6L16.3 7.9L13.4 5H9V7H12.6L14.6 9H11L7 11L5 9H0V11H4C1.8 11 0 12.8 0 15S1.8 19 4 19 8 17.2 8 15L10 17H13L16.5 10.9L17.5 11.9C16.6 12.6 16 13.8 16 15C16 17.2 17.8 19 20 19S24 17.2 24 15 22.2 11 20 11M4 17C2.9 17 2 16.1 2 15S2.9 13 4 13 6 13.9 6 15 5.1 17 4 17M20 17C18.9 17 18 16.1 18 15S18.9 13 20 13 22 13.9 22 15 21.1 17 20 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-rca.svg b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-rca.svg
new file mode 100644
index 00000000..027402ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-rca.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-audio-input-rca" viewBox="0 0 24 24"><path d="M11 6V12H5V6H7V2C7 1.45 7.45 1 8 1S9 1.45 9 2V6H11M5 14V16C5 17.3 5.84 18.4 7 18.82V23H9V18.82C10.16 18.4 11 17.3 11 16V14H5M17 6V2C17 1.45 16.55 1 16 1S15 1.45 15 2V6H13V12H19V6H17M13 14V16C13 17.3 13.84 18.4 15 18.82V23H17V18.82C18.16 18.4 19 17.3 19 16V14H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-stereo-minijack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-stereo-minijack.svg
new file mode 100644
index 00000000..73e1d127
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-stereo-minijack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-audio-input-stereo-minijack" viewBox="0 0 24 24"><path d="M11 4V3C11 2.45 11.45 2 12 2S13 2.45 13 3V4H11M13 9V5H11V9H9V15C9 16.3 9.84 17.4 11 17.82V22H13V17.82C14.16 17.4 15 16.3 15 15V9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-xlr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-xlr.svg
new file mode 100644
index 00000000..0c8c32a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/audio-input-xlr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-audio-input-xlr" viewBox="0 0 24 24"><path d="M12 4C16.41 4 20 7.59 20 12S16.41 20 12 20 4 16.41 4 12 7.59 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M13.5 16.5C13.5 15.67 12.83 15 12 15S10.5 15.67 10.5 16.5C10.5 17.33 11.17 18 12 18S13.5 17.33 13.5 16.5M9 12C9 11.17 8.33 10.5 7.5 10.5S6 11.17 6 12 6.67 13.5 7.5 13.5 9 12.83 9 12M18 12C18 11.17 17.33 10.5 16.5 10.5C15.67 10.5 15 11.17 15 12S15.67 13.5 16.5 13.5C17.33 13.5 18 12.83 18 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/audio-video-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/audio-video-off.svg
new file mode 100644
index 00000000..9cd59fb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/audio-video-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-audio-video-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.1 7H4C2.9 7 2 7.9 2 9V15C2 16.1 2.9 17 4 17H5V18C5 18.6 5.4 19 6 19H8C8.6 19 9 18.6 9 18V17H15V18C15 18.6 15.4 19 16 19H17.1L20.8 22.7L22.1 21.5M6 15H4V14H6V15M4 12V10H8.1L10.1 12H4M10 15H8V14H10V15M12 15V14H12.1L13.1 15H12M14 10V10.8L20.2 17C21.2 16.9 22 16.1 22 15V9C22 7.9 21.1 7 20 7H10.2L13.2 10H14M18 9C19.1 9 20 9.9 20 11S19.1 13 18 13 16 12.1 16 11 16.9 9 18 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/audio-video.svg b/apps/phoenix_webcomponent/priv/mdi/svg/audio-video.svg
new file mode 100644
index 00000000..d8749e7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/audio-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-audio-video" viewBox="0 0 24 24"><path d="M20,7H4A2,2 0 0,0 2,9V15A2,2 0 0,0 4,17H5V18C5,18.6 5.4,19 6,19H8C8.6,19 9,18.6 9,18V17H15V18C15,18.6 15.4,19 16,19H18C18.6,19 19,18.6 19,18V17H20A2,2 0 0,0 22,15V9A2,2 0 0,0 20,7M14,12H4V10H14V12M18,13A2,2 0 0,1 16,11A2,2 0 0,1 18,9A2,2 0 0,1 20,11A2,2 0 0,1 18,13M6,15H4V14H6V15M10,15H8V14H10V15M14,15H12V14H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/augmented-reality.svg b/apps/phoenix_webcomponent/priv/mdi/svg/augmented-reality.svg
new file mode 100644
index 00000000..6f5be9fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/augmented-reality.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-augmented-reality" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M7,9H10C10.6,9 11,9.5 11,10V15H9.5V13.5H7.5V15H6V10C6,9.5 6.4,9 7,9M13,9H16.5C17.35,9 18,9.65 18,10.5V11.5C18,12.1 17.6,12.65 17.1,12.9L18,15H16.5L15.65,13H14.5V15H13V9M7.5,10.5V12H9.5V10.5H7.5M14.5,10.5V11.5H16.5V10.5H14.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/aurora.svg b/apps/phoenix_webcomponent/priv/mdi/svg/aurora.svg
new file mode 100644
index 00000000..f085c1bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/aurora.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-aurora" viewBox="0 0 24 24"><path d="M2 3C2.55 3 3 3.45 3 4V13H5V5C5 4.45 5.45 4 6 4C6.55 4 7 4.45 7 5V13H9V6C9 5.45 9.45 5 10 5C10.55 5 11 5.45 11 6V13H12.5C12.67 13 12.84 13 13 13.05V7C13 6.45 13.45 6 14 6C14.55 6 15 6.45 15 7V15.5C15 16.88 13.88 18 12.5 18H11.5C11.22 18 11 18.22 11 18.5C11 18.78 11.22 19 11.5 19H17V8C17 7.45 17.45 7 18 7C18.55 7 19 7.45 19 8V19H21V9C21 8.45 21.45 8 22 8C22.55 8 23 8.45 23 9V20C23 20.55 22.55 21 22 21H11.5C10.12 21 9 19.88 9 18.5C9 17.12 10.12 16 11.5 16H12.5C12.78 16 13 15.78 13 15.5C13 15.22 12.78 15 12.5 15H2C1.45 15 1 14.55 1 14V4C1 3.45 1.45 3 2 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/auto-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/auto-download.svg
new file mode 100644
index 00000000..d2fab336
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/auto-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-auto-download" viewBox="0 0 24 24"><path d="M22 17V19H11V17H22M19 4.5V9.5H22L16.5 15L11 9.5H14V4.5H19M10.7 15H8.8L8.1 13H4.9L4.2 15H2.3L5.5 6H7.5L10.7 15M7.65 11.65L6.5 8L5.35 11.65H7.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/auto-fix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/auto-fix.svg
new file mode 100644
index 00000000..72311a08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/auto-fix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-auto-fix" viewBox="0 0 24 24"><path d="M7.5,5.6L5,7L6.4,4.5L5,2L7.5,3.4L10,2L8.6,4.5L10,7L7.5,5.6M19.5,15.4L22,14L20.6,16.5L22,19L19.5,17.6L17,19L18.4,16.5L17,14L19.5,15.4M22,2L20.6,4.5L22,7L19.5,5.6L17,7L18.4,4.5L17,2L19.5,3.4L22,2M13.34,12.78L15.78,10.34L13.66,8.22L11.22,10.66L13.34,12.78M14.37,7.29L16.71,9.63C17.1,10 17.1,10.65 16.71,11.04L5.04,22.71C4.65,23.1 4,23.1 3.63,22.71L1.29,20.37C0.9,20 0.9,19.35 1.29,18.96L12.96,7.29C13.35,6.9 14,6.9 14.37,7.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/auto-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/auto-upload.svg
new file mode 100644
index 00000000..a76184aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/auto-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-auto-upload" viewBox="0 0 24 24"><path d="M5.35,12.65L6.5,9L7.65,12.65M5.5,7L2.3,16H4.2L4.9,14H8.1L8.8,16H10.7L7.5,7M11,20H22V18H11M14,16H19V11H22L16.5,5.5L11,11H14V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/autorenew-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/autorenew-off.svg
new file mode 100644
index 00000000..e8a3c271
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/autorenew-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-autorenew-off" viewBox="0 0 24 24"><path d="M18 12C18 11 17.74 10.04 17.3 9.2L18.76 7.74C19.54 8.97 20 10.43 20 12C20 13.39 19.64 14.68 19 15.82L17.5 14.32C17.82 13.6 18 12.83 18 12M2.39 1.73L1.11 3L5.5 7.37C4.55 8.68 4 10.27 4 12C4 13.57 4.46 15.03 5.24 16.26L6.7 14.8C6.25 13.97 6 13 6 12C6 10.83 6.34 9.74 6.92 8.81L15.19 17.08C14.26 17.66 13.17 18 12 18V15L8 19L12 23V20C13.73 20 15.32 19.45 16.63 18.5L20.84 22.73L22.11 21.46L2.39 1.73M12 6V8.8L12.1 8.9L16 5L12 1V4C10.62 4 9.32 4.36 8.18 5L9.68 6.5C10.4 6.18 11.18 6 12 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/autorenew.svg b/apps/phoenix_webcomponent/priv/mdi/svg/autorenew.svg
new file mode 100644
index 00000000..b10518b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/autorenew.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-autorenew" viewBox="0 0 24 24"><path d="M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/av-timer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/av-timer.svg
new file mode 100644
index 00000000..c64a8546
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/av-timer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-av-timer" viewBox="0 0 24 24"><path d="M11,17A1,1 0 0,0 12,18A1,1 0 0,0 13,17A1,1 0 0,0 12,16A1,1 0 0,0 11,17M11,3V7H13V5.08C16.39,5.57 19,8.47 19,12A7,7 0 0,1 12,19A7,7 0 0,1 5,12C5,10.32 5.59,8.78 6.58,7.58L12,13L13.41,11.59L6.61,4.79V4.81C4.42,6.45 3,9.05 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M18,12A1,1 0 0,0 17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12M6,12A1,1 0 0,0 7,13A1,1 0 0,0 8,12A1,1 0 0,0 7,11A1,1 0 0,0 6,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/awning-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/awning-outline.svg
new file mode 100644
index 00000000..d94f62ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/awning-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-awning-outline" viewBox="0 0 24 24"><path d="M5.06 7C4.63 7 4.22 7.14 3.84 7.42C3.46 7.7 3.24 8.06 3.14 8.5L2.11 12.91C1.86 14 2.06 14.92 2.69 15.73C2.81 15.85 2.93 15.97 3.04 16.07C3.63 16.64 4.28 17 5.22 17C6.16 17 6.91 16.59 7.47 16.05C8.1 16.67 8.86 17 9.8 17C10.64 17 11.44 16.63 12 16.07C12.68 16.7 13.45 17 14.3 17C15.17 17 15.91 16.67 16.54 16.05C17.11 16.62 17.86 17 18.81 17C19.76 17 20.43 16.65 21 16.06C21.09 15.97 21.18 15.87 21.28 15.77C21.94 14.95 22.14 14 21.89 12.91L20.86 8.5C20.73 8.06 20.5 7.7 20.13 7.42C19.77 7.14 19.38 7 18.94 7H5.06M18.89 8.97L19.97 13.38C20.06 13.81 19.97 14.2 19.69 14.55C19.44 14.86 19.13 15 18.75 15C18.44 15 18.17 14.9 17.95 14.66C17.73 14.43 17.61 14.16 17.58 13.84L16.97 9L18.89 8.97M5.06 9H7.03L6.42 13.84C6.3 14.63 5.91 15 5.25 15C4.84 15 4.53 14.86 4.31 14.55C4.03 14.2 3.94 13.81 4.03 13.38L5.06 9M9.05 9H11V13.7C11 14.05 10.89 14.35 10.64 14.62C10.39 14.88 10.08 15 9.7 15C9.36 15 9.07 14.88 8.84 14.59C8.61 14.3 8.5 14 8.5 13.66V13.5L9.05 9M13 9H14.95L15.5 13.5C15.58 13.92 15.5 14.27 15.21 14.57C14.95 14.87 14.61 15 14.2 15C13.89 15 13.61 14.88 13.36 14.62C13.11 14.35 13 14.05 13 13.7V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/awning.svg b/apps/phoenix_webcomponent/priv/mdi/svg/awning.svg
new file mode 100644
index 00000000..63755729
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/awning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-awning" viewBox="0 0 24 24"><path d="M5.06 7C4.63 7 4.22 7.14 3.84 7.42C3.46 7.7 3.24 8.06 3.14 8.5L2.11 12.91C1.86 14 2.06 14.92 2.69 15.73C2.81 15.85 2.93 15.97 3.04 16.07C3.63 16.64 4.28 17 5.22 17C6.16 17 6.91 16.59 7.47 16.05C8.1 16.67 8.86 17 9.8 17C10.64 17 11.44 16.63 12 16.07C12.68 16.7 13.45 17 14.3 17C15.17 17 15.91 16.67 16.54 16.05C17.11 16.62 17.86 17 18.81 17C19.76 17 20.43 16.65 21 16.06C21.09 15.97 21.18 15.87 21.28 15.77C21.94 14.95 22.14 14 21.89 12.91L20.86 8.5C20.73 8.06 20.5 7.7 20.13 7.42C19.77 7.14 19.38 7 18.94 7H5.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/aws.svg b/apps/phoenix_webcomponent/priv/mdi/svg/aws.svg
new file mode 100644
index 00000000..d35ead62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/aws.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-aws" viewBox="0 0 24 24"><path d="M7.64,10.38C7.64,10.63 7.66,10.83 7.71,11C7.76,11.12 7.83,11.28 7.92,11.46C7.96,11.5 7.97,11.56 7.97,11.61C7.97,11.68 7.93,11.74 7.84,11.81L7.42,12.09C7.36,12.13 7.3,12.15 7.25,12.15C7.18,12.15 7.12,12.11 7.05,12.05C6.96,11.95 6.88,11.85 6.81,11.74C6.75,11.63 6.68,11.5 6.61,11.35C6.09,11.96 5.44,12.27 4.65,12.27C4.09,12.27 3.65,12.11 3.32,11.79C3,11.47 2.83,11.04 2.83,10.5C2.83,9.95 3.03,9.5 3.43,9.14C3.84,8.8 4.38,8.62 5.06,8.62C5.29,8.62 5.5,8.64 5.77,8.68C6,8.71 6.27,8.76 6.53,8.82V8.34C6.53,7.83 6.43,7.5 6.22,7.27C6,7.06 5.65,6.97 5.14,6.97C4.9,6.97 4.66,7 4.42,7.05C4.17,7.11 3.93,7.18 3.7,7.28C3.59,7.32 3.5,7.35 3.47,7.36C3.42,7.38 3.39,7.38 3.36,7.38C3.27,7.38 3.22,7.32 3.22,7.18V6.85C3.22,6.75 3.23,6.67 3.27,6.62C3.3,6.57 3.36,6.53 3.45,6.5C3.69,6.36 3.96,6.26 4.29,6.18C4.62,6.09 4.96,6.05 5.33,6.05C6.12,6.05 6.7,6.23 7.07,6.59C7.44,6.95 7.62,7.5 7.62,8.23V10.38H7.64M4.94,11.4C5.16,11.4 5.38,11.36 5.62,11.28C5.86,11.2 6.07,11.05 6.25,10.85C6.36,10.72 6.44,10.58 6.5,10.42C6.5,10.26 6.55,10.07 6.55,9.84V9.57C6.35,9.5 6.15,9.5 5.93,9.45C5.72,9.43 5.5,9.41 5.31,9.41C4.86,9.41 4.54,9.5 4.32,9.68C4.1,9.86 4,10.11 4,10.44C4,10.76 4.07,11 4.24,11.15C4.4,11.32 4.63,11.4 4.94,11.4M10.28,12.11C10.16,12.11 10.08,12.09 10,12.05C9.97,12 9.92,11.91 9.88,11.79L8.32,6.65C8.28,6.5 8.26,6.43 8.26,6.38C8.26,6.27 8.31,6.21 8.42,6.21H9.07C9.2,6.21 9.29,6.23 9.33,6.28C9.39,6.32 9.43,6.41 9.47,6.54L10.58,10.94L11.62,6.54C11.65,6.41 11.69,6.32 11.75,6.28C11.8,6.24 11.89,6.21 12,6.21H12.55C12.67,6.21 12.76,6.23 12.81,6.28C12.86,6.32 12.91,6.41 12.94,6.54L14,11L15.14,6.54C15.18,6.41 15.23,6.32 15.27,6.28C15.33,6.24 15.41,6.21 15.53,6.21H16.15C16.26,6.21 16.32,6.27 16.32,6.38C16.32,6.41 16.31,6.45 16.3,6.5C16.3,6.5 16.28,6.58 16.26,6.65L14.65,11.79C14.61,11.93 14.57,12 14.5,12.05C14.46,12.09 14.37,12.12 14.26,12.12H13.69C13.56,12.12 13.5,12.1 13.42,12.05C13.37,12 13.32,11.92 13.3,11.79L12.27,7.5L11.24,11.78C11.21,11.91 11.17,12 11.12,12.05C11.06,12.09 10.97,12.11 10.85,12.11H10.28M18.83,12.29C18.5,12.29 18.13,12.25 17.8,12.17C17.47,12.09 17.21,12 17.04,11.91C16.93,11.85 16.86,11.78 16.83,11.72C16.8,11.66 16.79,11.6 16.79,11.54V11.2C16.79,11.06 16.84,11 16.94,11C17,11 17,11 17.06,11C17.1,11 17.16,11.05 17.23,11.08C17.45,11.18 17.7,11.26 17.96,11.31C18.23,11.36 18.5,11.39 18.75,11.39C19.17,11.39 19.5,11.32 19.72,11.17C19.95,11 20.07,10.81 20.07,10.54C20.07,10.35 20,10.2 19.89,10.07C19.77,9.95 19.54,9.83 19.22,9.73L18.25,9.43C17.77,9.27 17.41,9.05 17.19,8.75C16.97,8.46 16.86,8.13 16.86,7.78C16.86,7.5 16.92,7.26 17.04,7.05C17.16,6.83 17.32,6.65 17.5,6.5C17.72,6.35 17.94,6.24 18.21,6.16C18.47,6.08 18.75,6.04 19.05,6.04C19.19,6.04 19.34,6.05 19.5,6.07C19.64,6.09 19.78,6.12 19.92,6.14C20.06,6.18 20.18,6.21 20.3,6.25C20.42,6.29 20.5,6.33 20.58,6.37C20.67,6.42 20.74,6.47 20.78,6.53C20.82,6.59 20.84,6.66 20.84,6.75V7.07C20.84,7.21 20.79,7.28 20.69,7.28C20.64,7.28 20.55,7.25 20.43,7.2C20.06,7.03 19.63,6.94 19.16,6.94C18.78,6.94 18.5,7 18.27,7.13C18.07,7.25 17.96,7.45 17.96,7.72C17.96,7.91 18.03,8.07 18.16,8.19C18.29,8.32 18.54,8.44 18.89,8.56L19.84,8.86C20.32,9 20.66,9.22 20.87,9.5C21.07,9.77 21.17,10.08 21.17,10.43C21.17,10.71 21.11,10.97 21,11.2C20.88,11.42 20.72,11.62 20.5,11.78C20.31,11.95 20.06,12.07 19.78,12.16C19.5,12.25 19.16,12.29 18.83,12.29M20.08,15.53C17.89,17.14 14.71,18 12,18C8.15,18 4.7,16.58 2.09,14.23C1.88,14.04 2.07,13.79 2.32,13.94C5.14,15.57 8.61,16.56 12.21,16.56C14.64,16.56 17.31,16.06 19.76,15C20.13,14.85 20.44,15.26 20.08,15.53M21,14.5C20.71,14.13 19.14,14.32 18.43,14.4C18.22,14.43 18.19,14.24 18.38,14.1C19.63,13.23 21.69,13.5 21.92,13.77C22.16,14.07 21.86,16.13 20.69,17.11C20.5,17.26 20.33,17.18 20.41,17C20.68,16.32 21.27,14.84 21,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axe-battle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axe-battle.svg
new file mode 100644
index 00000000..eb317635
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axe-battle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axe-battle" viewBox="0 0 24 24"><path d="M21.47 12.43C19.35 14.55 15.82 13.84 15.82 13.84V9.6L3.41 22L2 20.59L14.4 8.18H10.16C10.16 8.18 9.45 4.65 11.57 2.53C13.69 .406 17.23 1.11 17.23 1.11V5.36L17.94 4.65L19.35 6.06L18.64 6.77H22.89C22.89 6.77 23.59 10.31 21.47 12.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axe.svg
new file mode 100644
index 00000000..d9be373d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axe" viewBox="0 0 24 24"><path d="M12,2L22,8C22,12 20,14 16,15L13,10L9,6L12,2M4.11,19.84L2.12,18.33L9.19,9L11,10.81L4.11,19.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-info.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-info.svg
new file mode 100644
index 00000000..2b610a91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-arrow-info" viewBox="0 0 24 24"><path d="M12 2L16 6H13V13.85L19.53 17.61L21 15.03L22.5 20.5L17 21.96L18.53 19.35L12 15.58L5.47 19.35L7 21.96L1.5 20.5L3 15.03L4.47 17.61L11 13.85V6H8L12 2M21 5H19V3H21V5M22 10V12H18V10H19V8H18V6H21V10H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-lock.svg
new file mode 100644
index 00000000..4ad6ae45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.68,16.34L9,13.85V6H6L10,2L14,6H11V13.85L18.03,17.86L19.5,15.28L21,20.74L15.5,22.21L17.03,19.6L10,15.58L5.68,18.07L7.21,20.71L1.74,19.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow.svg
new file mode 100644
index 00000000..98a4aa49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-arrow" viewBox="0 0 24 24"><path d="M12,2L16,6H13V13.85L19.53,17.61L21,15.03L22.5,20.5L17,21.96L18.53,19.35L12,15.58L5.47,19.35L7,21.96L1.5,20.5L3,15.03L4.47,17.61L11,13.85V6H8L12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-lock.svg
new file mode 100644
index 00000000..da9f3246
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M11,13.82L20.39,19.25L19.39,21L10,15.56L3.17,19.5L2.17,17.77L9,13.82V3H11V13.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow-lock.svg
new file mode 100644
index 00000000..214e2cac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-x-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.31,2.2 17.69,2.58 17.54,3.2C17.5,3.29 17.5,3.39 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.67,16.32L9,13.82V3H11V13.82L20.39,19.25L19.39,21L10,15.56L5.67,18.06L7.21,20.71L1.74,19.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow.svg
new file mode 100644
index 00000000..710cd3bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-x-arrow" viewBox="0 0 24 24"><path d="M1.5,20.5L3,15.03L4.46,17.6L11,13.82V3H13V13.82L22.39,19.25L21.39,21L12,15.56L5.46,19.33L7,21.96L1.5,20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-clockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-clockwise.svg
new file mode 100644
index 00000000..82f4bb10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-clockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-x-rotate-clockwise" viewBox="0 0 24 24"><path d="M12,10H14.91C14.57,6.55 13.4,4 12,4C10.42,4 9.12,7.27 9,11.42L7,12.57V12C7,6.5 9.24,2 12,2C14.42,2 16.44,5.44 16.9,10H20L16,14L12,10M12,22C10.12,22 8.47,19.92 7.62,16.84L9.37,15.83C9.87,18.31 10.86,20 12,20C13.27,20 14.36,17.89 14.79,14.92L16,16.12L16.7,15.42C16,19.26 14.16,22 12,22M2.11,18.87L1.11,17.13L1.06,17.06L11.12,11.25L12.72,12.84L2.15,18.94L2.11,18.87M21.89,5.13L22.89,6.87L19.2,9H17.77L17.5,7.66L21.89,5.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-counterclockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-counterclockwise.svg
new file mode 100644
index 00000000..bc805a43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-rotate-counterclockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-x-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M12,14L16,10L20,14H16.9C16.44,18.56 14.42,22 12,22C10.12,22 8.47,19.92 7.62,16.84L9.37,15.83C9.87,18.31 10.86,20 12,20C13.4,20 14.57,17.45 14.91,14H12M1.11,17.13L13.89,9.75L13.96,10.54L10.5,14H10.54L2.11,18.87L1.11,17.13M21.89,5.13L22.89,6.87L17.88,9.76C17.79,9.03 17.67,8.33 17.5,7.66L21.89,5.13M12,2C14.3,2 16.23,5.1 16.82,9.32L16,8.5L14.87,9.63C14.5,6.37 13.35,4 12,4C10.42,4 9.12,7.27 9,11.42L7,12.57V12C7,6.5 9.24,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-y-arrow-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-y-arrow-lock.svg
new file mode 100644
index 00000000..97a1a8b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-x-y-arrow-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-x-y-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M1.74,19.25L3.21,13.79L4.68,16.34L9,13.85V3H11V13.85L17.53,17.61L19,15.03L20.5,20.5L15,21.96L16.53,19.35L10,15.58L5.68,18.07L7.21,20.71L1.74,19.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow-lock.svg
new file mode 100644
index 00000000..029ca71f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-y-arrow-lock" viewBox="0 0 24 24"><path d="M11,13.82L18,17.88L19.5,15.28L21,20.74L15.5,22.21L17,19.61L10,15.56L3.17,19.5L2.17,17.77L9,13.82V3H11V13.82M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow.svg
new file mode 100644
index 00000000..636f5e61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-y-arrow" viewBox="0 0 24 24"><path d="M22.5,20.5L17,21.96L18.53,19.35L12,15.58L2.61,21L1.61,19.27L11,13.85V3H13V13.85L19.53,17.61L21,15.03L22.5,20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-clockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-clockwise.svg
new file mode 100644
index 00000000..c5d93714
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-clockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-y-rotate-clockwise" viewBox="0 0 24 24"><path d="M12,10L16,14L20,10H16.9C16.44,5.44 14.42,2 12,2C10.12,2 8.47,4.08 7.62,7.16L9.37,8.17C9.87,5.69 10.86,4 12,4C13.4,4 14.57,6.55 14.91,10H12M1.11,6.87L13.89,14.25L13.96,13.46L10.5,10H10.54L2.11,5.13L1.11,6.87M21.89,18.87L22.89,17.13L17.88,14.24C17.79,14.97 17.67,15.67 17.5,16.34L21.89,18.87M12,22C14.3,22 16.23,18.9 16.82,14.68L16,15.5L14.87,14.37C14.5,17.63 13.35,20 12,20C10.42,20 9.12,16.73 9,12.58L7,11.43V12C7,17.5 9.24,22 12,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-counterclockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-counterclockwise.svg
new file mode 100644
index 00000000..1a633b39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-y-rotate-counterclockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-y-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M12,14H14.91C14.57,17.45 13.4,20 12,20C10.42,20 9.12,16.73 9,12.58L7,11.43V12C7,17.5 9.24,22 12,22C14.42,22 16.44,18.56 16.9,14H20L16,10L12,14M12,2C10.12,2 8.47,4.08 7.62,7.16L9.37,8.17C9.87,5.69 10.86,4 12,4C13.27,4 14.36,6.11 14.79,9.08L16,7.88L16.7,8.58C16,4.74 14.16,2 12,2M2.11,5.13L1.11,6.87L1.06,6.94L11.12,12.75L12.72,11.16L2.15,5.06L2.11,5.13M21.89,18.87L22.89,17.13L19.2,15H17.77L17.5,16.34L21.89,18.87Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow-lock.svg
new file mode 100644
index 00000000..43b1639c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-z-arrow-lock" viewBox="0 0 24 24"><path d="M21.8,5C22.4,5 23,5.6 23,6.3V9.8C23,10.4 22.4,11 21.7,11H16.2C15.6,11 15,10.4 15,9.7V6.2C15,5.6 15.6,5 16.2,5V3.5C16.2,2.1 17.6,1 19,1C20.4,1 21.8,2.1 21.8,3.5V5M20.5,5V3.5C20.5,2.7 19.8,2.2 19,2.2C18.2,2.2 17.5,2.7 17.5,3.5V5H20.5M10,2L14,6H11V13.82L20.39,19.25L19.39,21L10,15.56L3.17,19.5L2.17,17.77L9,13.82V6H6L10,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow.svg
new file mode 100644
index 00000000..68c8ce42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-z-arrow" viewBox="0 0 24 24"><path d="M12,2L16,6H13V13.82L22.39,19.25L21.39,21L12,15.56L2.61,21L1.61,19.25L11,13.82V6H8L12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-clockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-clockwise.svg
new file mode 100644
index 00000000..d569b9bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-clockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-z-rotate-clockwise" viewBox="0 0 24 24"><path d="M14,12L10,16L14,20V16.9C18.56,16.44 22,14.42 22,12C22,9.58 18.56,7.56 14,7.1V9.09C17.45,9.43 20,10.6 20,12C20,13.4 17.45,14.57 14,14.91V12M4,12C4,10.6 6.55,9.43 10,9.09V7.1C5.44,7.56 2,9.58 2,12C2,14.16 4.74,16 8.58,16.7L7.88,16L9.08,14.79C6.11,14.36 4,13.27 4,12M13,2H11V13L13,11V2M13,22V21L11,19V22H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-counterclockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-counterclockwise.svg
new file mode 100644
index 00000000..064577a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis-z-rotate-counterclockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis-z-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M10,12L14,16L10,20V16.9C5.44,16.44 2,14.42 2,12C2,9.58 5.44,7.56 10,7.1V9.09C6.55,9.43 4,10.6 4,12C4,13.4 6.55,14.57 10,14.91V12M20,12C20,10.6 17.45,9.43 14,9.09V7.1C18.56,7.56 22,9.58 22,12C22,14.16 19.26,16 15.42,16.7L16.12,16L14.92,14.79C17.89,14.36 20,13.27 20,12M11,2H13V13L11,11V2M11,22V21L13,19V22H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/axis.svg b/apps/phoenix_webcomponent/priv/mdi/svg/axis.svg
new file mode 100644
index 00000000..aaac6312
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/axis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-axis" viewBox="0 0 24 24"><path d="M2.61,21L1.61,19.27L11,13.85V3H13V13.85L22.39,19.27L21.39,21L12,15.58L2.61,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/babel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/babel.svg
new file mode 100644
index 00000000..57f26f0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/babel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-babel" viewBox="0 0 24 24"><path d="M15.14 2C13.8 2.12 12.04 2.59 9.87 3.43C9.28 3.87 8.6 4.3 7.84 4.72V4.85C7.9 4.85 7.96 4.81 8.04 4.77C8.13 4.76 8.19 4.79 8.19 4.88L8.32 4.8L8.39 4.79L8.4 4.86C8.41 4.92 7.93 5.29 7 5.96L7.06 6.09H7L6.84 6.04C6.84 6.09 6.78 6.11 6.64 6.12L6.65 6.19L6.81 6.37C6.75 6.37 6.68 6.36 6.6 6.32C6.29 6.35 6 6.58 5.69 7L5.77 7.12C6.03 6.88 6.18 6.76 6.22 6.76L6.24 6.95C6.2 6.95 6.12 7 6.04 7.03L6.2 7.27C6.5 6.93 6.86 6.64 7.24 6.41C7.43 6.46 7.53 6.5 7.53 6.58L7.67 6.57C8.69 5.81 9.71 5.27 10.71 4.93L10.72 5.06C10.53 5.34 10.4 5.5 10.33 5.5C10.34 5.59 10.38 5.67 10.43 5.74C10.45 5.92 10 7.06 9.07 9.19C6.95 14.13 5.19 17.78 3.77 20.16C3.77 20.2 3.8 20.27 3.85 20.35C4.2 20.26 4.42 20.18 4.5 20.1L4.6 20.09L4.61 20.22L4.74 20.21L4.88 20.13C4.88 20.18 4.93 20.19 5 20.18L5.03 20.31C5.03 20.45 4.96 20.65 4.8 20.92C4.65 21.08 4.5 21.42 4.34 21.94V22H4.47C5.04 21.35 5.5 20.72 5.78 20.11C7.44 19.62 8.71 19.15 9.59 18.67C10.47 18.6 11.15 18.37 11.61 18L11.6 17.91L11.27 18H11.19L11.18 17.95C11.83 17.85 12.28 17.7 12.5 17.5C13.79 16.54 14.74 15.85 15.39 15.44C17.39 13.97 18.33 12.55 18.22 11.21C18.21 11.07 17.76 10.5 16.9 9.56C16.88 9.38 17.19 9.12 17.8 8.77L19.53 7.24C19.92 6.74 20.15 5.94 20.23 4.83L20.2 4.57C20.14 3.79 19.58 3.16 18.5 2.68C17.88 2.25 16.76 2.03 15.14 2M17.24 2.87C18.53 2.92 19.19 3.14 19.23 3.55L19.18 3.68L17.24 2.87M16 3.96C16.89 3.95 17.35 4.18 17.4 4.68L17.5 4.67V4.34L17.64 4.33C18 4.5 18.16 4.74 18.18 5C18.2 5.2 18.1 5.42 17.89 5.69C17.8 5.7 17.75 5.64 17.74 5.5H17.6L17.56 5.91C17 6.78 16.56 7.23 16.3 7.26C16.06 7.58 15.91 7.75 15.85 7.75C15.67 7.97 15.17 8.35 14.35 8.87C14.08 8.9 13.07 9.28 11.34 10.04C11.25 10 11.16 10 11.06 10L11.05 9.88C11.03 9.62 11.14 9.31 11.39 8.92C11.5 8.21 11.67 7.8 11.83 7.7L13.28 4.44C13.27 4.24 13.57 4.09 14.21 4L14.42 3.96L14.44 4.15C15.06 4.05 15.45 4 15.6 4C15.74 3.97 15.88 3.96 16 3.96M19 4.29H19.04C19.16 4.3 19.28 4.5 19.41 4.91L19.42 5.03C19.35 5.04 19.22 4.83 19.03 4.41L19 4.29M10.82 6.36H10.88L10.9 6.55C10.84 6.56 10.75 6.65 10.65 6.83L10.64 6.7C10.76 6.55 10.82 6.43 10.82 6.36M6.67 6.46L6.68 6.5C6.63 6.5 6.56 6.56 6.5 6.6L6.41 6.61L6.39 6.5L6.67 6.46M10.24 7.72L10.26 8H10.19L10.16 7.73L10.24 7.72M10.07 8.19C10.05 8.41 10 8.5 9.89 8.53L9.82 8.54C9.9 8.39 9.94 8.29 9.93 8.21L10.07 8.19M9.78 8.87L9.79 8.93L9.67 9.14L9.54 9.15L9.53 9.09C9.66 9.08 9.72 9 9.71 8.88L9.78 8.87M9.5 9.5L9.45 9.81H9.38L9.36 9.5H9.5M16.57 9.72L16.85 9.89C16.86 10 16.82 10.03 16.73 10.04C16.61 9.96 16.5 9.93 16.44 9.93L16.43 9.73L16.57 9.72M11 10.46L11.03 10.58L10.76 10.61L10.75 10.5L11 10.46M15.5 10.91C15.68 11 15.78 11.09 15.79 11.16L15.8 11.22C15.61 11.24 15.45 11.14 15.29 10.93L15.5 10.91M17.66 11.12C17.81 11.18 17.88 11.25 17.89 11.31L17.93 11.82C17.87 11.96 17.81 12.03 17.74 12.03L17.66 11.12M14.16 11.18C14.86 11.17 15.4 11.33 15.76 11.68L15.79 11.94C15.5 12.85 15.13 13.38 14.75 13.54L13 14.93C11.7 15.79 11 16.21 10.9 16.22C8.83 17.36 7.54 17.95 7.04 18H6.96C7.03 17.76 7.95 15.87 9.73 12.33C10.5 12.26 11.76 11.89 13.44 11.23L13.85 11.19C13.96 11.19 14.06 11.18 14.16 11.18M11.62 11.59L11.63 11.65L11.35 11.67L11.34 11.61L11.62 11.59M7.26 15.81C7.17 16.26 7.08 16.5 7 16.5L6.97 16.43C6.95 16.2 7.05 16 7.26 15.81M13.18 16.09L13.19 16.21C13.2 16.27 13 16.43 12.6 16.72C11.44 17.29 10.76 17.68 10.56 17.88C9.3 18.32 8.68 18.59 8.69 18.69C7.57 19.14 6.84 19.46 6.5 19.66C6.41 19.67 6.29 19.63 6.13 19.56C6.12 19.34 6.21 19.15 6.44 19C6.63 19 6.82 19 7 19.09C7.21 19 7.57 18.87 8.08 18.74L8.07 18.61L7.66 18.65C7.71 18.58 8.11 18.4 8.86 18.09L9.07 18.07L9.08 18.13C8.73 18.16 8.53 18.27 8.5 18.46C8.5 18.53 8.53 18.58 8.62 18.57C8.87 18.39 9 18.3 9 18.27C9.5 18.18 10.9 17.44 13.18 16.09M6.86 16.69L6.87 16.75C6.88 16.84 6.83 16.89 6.74 16.9V16.84C6.73 16.76 6.77 16.71 6.86 16.69M10 17.5C10.07 17.47 10.12 17.5 10.12 17.58C9.96 17.6 9.65 17.73 9.19 18H9.12L9.11 17.87C9.44 17.84 9.73 17.71 9.97 17.5H10M6.95 18.5L6.96 18.58C6.9 18.58 6.84 18.61 6.75 18.66L6.62 18.67C6.61 18.61 6.65 18.55 6.74 18.53L6.95 18.5M5.35 19.3L5.5 19.36C5.44 19.76 5.33 19.96 5.13 20C4.97 19.91 4.83 19.88 4.7 19.89L4.68 19.7C4.67 19.62 4.72 19.57 4.82 19.55C4.9 19.54 4.95 19.6 4.96 19.73C5.2 19.44 5.33 19.3 5.35 19.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle-outline.svg
new file mode 100644
index 00000000..d6bfb30d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-bottle-outline" viewBox="0 0 24 24"><path d="M11.28 2.8L10.78 3.3C9.44 2.55 7.84 2.4 6.41 2.87L6.33 2.8C5.36 1.82 3.77 1.82 2.8 2.8S1.82 5.36 2.8 6.33L2.87 6.41C2.4 7.84 2.55 9.44 3.3 10.78L2.8 11.28C2.21 11.87 2.21 12.81 2.8 13.4L4.21 14.82C4.8 15.4 5.74 15.4 6.33 14.82L6.68 14.46L13.76 21.53C14.34 22.12 15.29 22.12 15.88 21.53L21.53 15.88C22.12 15.29 22.12 14.34 21.53 13.75L14.46 6.68L14.82 6.33C15.4 5.74 15.4 4.8 14.82 4.21L13.4 2.79C12.82 2.21 11.87 2.21 11.28 2.8M4.25 7.05C4.33 6.71 4.47 6.38 4.66 6.07L3.86 5.27C3.75 5.16 3.67 5.04 3.63 4.9C3.5 4.56 3.57 4.14 3.86 3.86S4.56 3.5 4.9 3.63C5.04 3.67 5.16 3.75 5.27 3.86L6.07 4.66C6.38 4.47 6.71 4.33 7.05 4.25C7.91 4 8.83 4.06 9.65 4.42L4.42 9.65C4.06 8.83 4 7.91 4.25 7.05M20.47 14.82L14.82 20.47L7.75 13.4L13.4 7.75L20.47 14.82M13.76 5.27L5.27 13.76L3.86 12.34L12.34 3.86L13.76 5.27M14.82 11.63L11.63 14.82L10.57 13.76L13.76 10.57L14.82 11.63M16.94 13.76L13.76 16.94L12.69 15.88L15.88 12.69L16.94 13.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle.svg
new file mode 100644
index 00000000..bc83d51a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-bottle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-bottle" viewBox="0 0 24 24"><path d="M11.28 2.8L10.78 3.3A5.5 5.5 0 0 0 6.41 2.87L6.33 2.8A2.5 2.5 0 0 0 2.8 6.33L2.87 6.41A5.5 5.5 0 0 0 3.3 10.78L2.8 11.28A1.5 1.5 0 0 0 2.8 13.4L4.21 14.82A1.5 1.5 0 0 0 6.33 14.82L6.68 14.46L13.76 21.53A1.5 1.5 0 0 0 15.88 21.53L21.53 15.88A1.5 1.5 0 0 0 21.53 13.76L14.46 6.68L14.82 6.33A1.5 1.5 0 0 0 14.82 4.21L13.4 2.8A1.5 1.5 0 0 0 11.28 2.8M13.76 5.27L5.27 13.76L3.86 12.34L12.34 3.86M14.82 11.63L11.63 14.82L10.57 13.76L13.76 10.57M16.94 13.76L13.76 16.94L12.69 15.88L15.88 12.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy-off.svg
new file mode 100644
index 00000000..9fd80fe5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-buggy-off" viewBox="0 0 24 24"><path d="M17 20C17 21.11 16.11 22 15 22S13 21.11 13 20 13.9 18 15 18 17 18.9 17 20M5 18C3.9 18 3 18.9 3 20S3.9 22 5 22 7 21.11 7 20 6.11 18 5 18M22.11 21.46L2.39 1.73L1.11 3L9.28 11.17L5.71 15.35C5.16 16 5.62 17 6.47 17H14C14.32 17 14.62 16.92 14.89 16.78L20.84 22.73L22.11 21.46M16 12.8V6.38C16.58 5.7 16.93 5 17.61 5C18.38 5 19 5.66 19 6.5V7H21V6.5C21 4.56 19.5 3 17.61 3C16.95 3 16.44 3.2 16 3.5C15.32 3.91 14.88 4.59 14.47 5.07L11.62 8.42L16 12.8M12.32 5.1C12.59 4.78 12.91 4.38 13.3 4C12.14 3.45 10.9 3.15 9.65 3.09C9.39 3.08 9.12 3.08 8.86 3.09C8.12 3.12 7.38 3.26 6.66 3.46L10.47 7.27L12.32 5.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy.svg
new file mode 100644
index 00000000..b45ebf53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-buggy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-buggy" viewBox="0 0 24 24"><path d="M17 20A2 2 0 0 1 15 22A2 2 0 0 1 13 20A2 2 0 0 1 15 18A2 2 0 0 1 17 20M7 20A2 2 0 0 1 5 22A2 2 0 0 1 3 20A2 2 0 0 1 5 18A2 2 0 0 1 7 20M17.61 3C16.95 3 16.44 3.2 16 3.5C15.32 3.91 14.88 4.59 14.47 5.07L5.71 15.35C5.16 16 5.62 17 6.47 17H14C15.11 17 16 16.1 16 15V6.38C16.58 5.7 16.93 5 17.61 5C18.38 5 19 5.66 19 6.5V7H21V6.5C21 4.56 19.5 3 17.61 3M8.86 3.09C7.04 3.16 5.23 3.76 3.68 4.9L8.44 9.66L12.32 5.1C12.59 4.78 12.91 4.38 13.3 4C12.14 3.45 10.9 3.15 9.65 3.09C9.39 3.08 9.12 3.08 8.86 3.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage-off.svg
new file mode 100644
index 00000000..d282a651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-carriage-off" viewBox="0 0 24 24"><path d="M22 10C22 5.6 18.4 2 14 2V10H22M14.2 11H22C22 12.8 21.4 14.5 20.3 15.9C21 16.5 21.4 17.4 21.5 18.3L14.2 11M20.8 22.7L22.1 21.4L2.4 1.7L1.1 3L9.1 11H7.4L6.5 9H3V11H5.2C5.2 11 7.1 15.1 7.3 15.4C6.3 15.9 5.6 16.9 5.5 18C5.2 19.9 6.6 21.7 8.5 22C10.4 22.3 12.2 20.9 12.5 19H14.6C14.7 19.4 14.8 19.8 15 20.2C15.9 21.9 18.1 22.5 19.7 21.6L20.8 22.7M10.5 18.5C10.5 19.3 9.8 20 9 20S7.5 19.3 7.5 18.5 8.2 17 9 17 10.5 17.7 10.5 18.5M18.1 20C17.2 20 16.5 19.3 16.5 18.5V18.4L18.1 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage.svg
new file mode 100644
index 00000000..bfb6c334
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-carriage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-carriage" viewBox="0 0 24 24"><path d="M13,2V10H21A8,8 0 0,0 13,2M19.32,15.89C20.37,14.54 21,12.84 21,11H6.44L5.5,9H2V11H4.22C4.22,11 6.11,15.07 6.34,15.42C5.24,16 4.5,17.17 4.5,18.5A3.5,3.5 0 0,0 8,22C9.76,22 11.22,20.7 11.46,19H13.54C13.78,20.7 15.24,22 17,22A3.5,3.5 0 0,0 20.5,18.5C20.5,17.46 20.04,16.53 19.32,15.89M8,20A1.5,1.5 0 0,1 6.5,18.5A1.5,1.5 0 0,1 8,17A1.5,1.5 0 0,1 9.5,18.5A1.5,1.5 0 0,1 8,20M17,20A1.5,1.5 0 0,1 15.5,18.5A1.5,1.5 0 0,1 17,17A1.5,1.5 0 0,1 18.5,18.5A1.5,1.5 0 0,1 17,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-face-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-face-outline.svg
new file mode 100644
index 00000000..0cc9eec3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-face-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-face-outline" viewBox="0 0 24 24"><path d="M14.5,9.25A1.25,1.25 0 0,1 15.75,10.5A1.25,1.25 0 0,1 14.5,11.75A1.25,1.25 0 0,1 13.25,10.5A1.25,1.25 0 0,1 14.5,9.25M9.5,9.25A1.25,1.25 0 0,1 10.75,10.5A1.25,1.25 0 0,1 9.5,11.75A1.25,1.25 0 0,1 8.25,10.5A1.25,1.25 0 0,1 9.5,9.25M7.5,14H16.5C15.74,15.77 14,17 12,17C10,17 8.26,15.77 7.5,14M1,12C1,10.19 2.2,8.66 3.86,8.17C5.29,5.11 8.4,3 12,3C15.6,3 18.71,5.11 20.15,8.17C21.8,8.66 23,10.19 23,12C23,13.81 21.8,15.34 20.15,15.83C18.71,18.89 15.6,21 12,21C8.4,21 5.29,18.89 3.86,15.83C2.2,15.34 1,13.81 1,12M12,5C8.82,5 6.14,7.12 5.28,10H5A2,2 0 0,0 3,12A2,2 0 0,0 5,14H5.28C6.14,16.88 8.82,19 12,19C15.18,19 17.86,16.88 18.72,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H18.72C17.86,7.12 15.18,5 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby-face.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby-face.svg
new file mode 100644
index 00000000..61161776
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby-face.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby-face" viewBox="0 0 24 24"><path d="M1,12C1,10.19 2.2,8.66 3.86,8.17C5.29,5.11 8.4,3 12,3C15.6,3 18.71,5.11 20.15,8.17C21.8,8.66 23,10.19 23,12C23,13.81 21.8,15.34 20.15,15.83C18.71,18.89 15.6,21 12,21C8.4,21 5.29,18.89 3.86,15.83C2.2,15.34 1,13.81 1,12M14.5,9.25A1.25,1.25 0 0,0 13.25,10.5A1.25,1.25 0 0,0 14.5,11.75A1.25,1.25 0 0,0 15.75,10.5A1.25,1.25 0 0,0 14.5,9.25M9.5,9.25A1.25,1.25 0 0,0 8.25,10.5A1.25,1.25 0 0,0 9.5,11.75A1.25,1.25 0 0,0 10.75,10.5A1.25,1.25 0 0,0 9.5,9.25M7.5,14C8.26,15.77 10,17 12,17C14,17 15.74,15.77 16.5,14H7.5M3,12C3,12.82 3.5,13.53 4.21,13.84C4.07,13.25 4,12.63 4,12C4,11.37 4.07,10.75 4.21,10.16C3.5,10.47 3,11.18 3,12M21,12C21,11.18 20.5,10.47 19.79,10.16C19.93,10.75 20,11.37 20,12C20,12.63 19.93,13.25 19.79,13.84C20.5,13.53 21,12.82 21,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baby.svg
new file mode 100644
index 00000000..eeb52bb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baby" viewBox="0 0 24 24"><path d="M18.5,4A2.5,2.5 0 0,1 21,6.5A2.5,2.5 0 0,1 18.5,9A2.5,2.5 0 0,1 16,6.5A2.5,2.5 0 0,1 18.5,4M4.5,20A1.5,1.5 0 0,1 3,18.5A1.5,1.5 0 0,1 4.5,17H11.5A1.5,1.5 0 0,1 13,18.5A1.5,1.5 0 0,1 11.5,20H4.5M16.09,19L14.69,15H11L6.75,10.75C6.75,10.75 9,8.25 12.5,8.25C15.5,8.25 15.85,9.25 16.06,9.87L18.92,18C19.2,18.78 18.78,19.64 18,19.92C17.22,20.19 16.36,19.78 16.09,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backburger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backburger.svg
new file mode 100644
index 00000000..3ba2ee19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backburger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backburger" viewBox="0 0 24 24"><path d="M5,13L9,17L7.6,18.42L1.18,12L7.6,5.58L9,7L5,11H21V13H5M21,6V8H11V6H21M21,16V18H11V16H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backspace-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-outline.svg
new file mode 100644
index 00000000..eb679dd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace-outline" viewBox="0 0 24 24"><path d="M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12L19,15.59M22,3A2,2 0 0,1 24,5V19A2,2 0 0,1 22,21H7C6.31,21 5.77,20.64 5.41,20.11L0,12L5.41,3.88C5.77,3.35 6.31,3 7,3H22M22,5H7L2.28,12L7,19H22V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse-outline.svg
new file mode 100644
index 00000000..9ca20f7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace-reverse-outline" viewBox="0 0 24 24"><path d="M5,15.59L6.41,17L10,13.41L13.59,17L15,15.59L11.41,12L15,8.41L13.59,7L10,10.59L6.41,7L5,8.41L8.59,12L5,15.59M2,3A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H17C17.69,21 18.23,20.64 18.59,20.11L24,12L18.59,3.88C18.23,3.35 17.69,3 17,3H2M2,5H17L21.72,12L17,19H2V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse.svg
new file mode 100644
index 00000000..b79e2a1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backspace-reverse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace-reverse" viewBox="0 0 24 24"><path d="M2,21H17C17.7,21 18.2,20.6 18.6,20.1L24,12L18.6,3.9C18.2,3.4 17.7,3 17,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21M5,8.4L6.4,7L10,10.6L13.6,7L15,8.4L11.4,12L15,15.6L13.6,17L10,13.4L6.4,17L5,15.6L8.6,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backspace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backspace.svg
new file mode 100644
index 00000000..34e70f37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backspace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace" viewBox="0 0 24 24"><path d="M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.31,21 7,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/backup-restore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/backup-restore.svg
new file mode 100644
index 00000000..c9497d86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/backup-restore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backup-restore" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bacteria-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bacteria-outline.svg
new file mode 100644
index 00000000..42f2d87d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bacteria-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bacteria-outline" viewBox="0 0 24 24"><path d="M9,2H7V4.1C6.29,4.25 5.73,4.54 5.32,4.91L2.7,2.29L1.29,3.71L4.24,6.65C4,7.39 4,8 4,8H2V10H4.04C4.1,10.63 4.21,11.36 4.4,12.15L1.68,13.05L2.31,14.95L5,14.05C5.24,14.56 5.5,15.08 5.82,15.58L3.44,17.17L4.55,18.83L7.07,17.15C7.63,17.71 8.29,18.21 9.06,18.64L8.1,20.55L9.89,21.45L10.89,19.45L10.73,19.36C11.68,19.68 12.76,19.9 14,19.97V22H16V19.93C16.76,19.84 17.81,19.64 18.77,19.19L20.29,20.71L21.7,19.29L20.37,17.95C20.75,17.44 21,16.8 21,16C21,15.5 20.95,15.08 20.88,14.68L22.45,13.9L21.55,12.1L20.18,12.79C19.63,11.96 18.91,11.5 18.29,11.28L18.95,9.32L17.05,8.68L16.29,10.96C14.96,10.83 14.17,10.32 13.7,9.77L15.45,8.9L14.55,7.1L13,7.89C12.97,7.59 12.86,6.72 12.28,5.87L13.83,3.55L12.17,2.44L10.76,4.56C10.28,4.33 9.7,4.15 9,4.06M15,18C12.06,18 9.81,17.18 8.31,15.56C5.68,12.72 6,8.2 6,8.17V8.11L6,8.03C6,7.1 6.39,6 8,6C10.63,6 10.97,7.43 11,8C11,10 12.6,13 17,13C17.33,13 19,13.15 19,16C19,17.89 15.03,18 15,18M8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8M11,12A1,1 0 0,0 10,13A1,1 0 0,0 11,14A1,1 0 0,0 12,13A1,1 0 0,0 11,12M15.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,17A1.5,1.5 0 0,0 17,15.5A1.5,1.5 0 0,0 15.5,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bacteria.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bacteria.svg
new file mode 100644
index 00000000..607d1982
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bacteria.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bacteria" viewBox="0 0 24 24"><path d="M21,16C21,15.5 20.95,15.08 20.88,14.68L22.45,13.9L21.55,12.1L20.18,12.79C19.63,11.96 18.91,11.5 18.29,11.28L18.95,9.32L17.05,8.68L16.29,10.96C14.96,10.83 14.17,10.32 13.7,9.77L15.45,8.9L14.55,7.1L13,7.89C12.97,7.59 12.86,6.72 12.28,5.87L13.83,3.55L12.17,2.44L10.76,4.56C10.28,4.33 9.7,4.15 9,4.06V2H7V4.1C6.29,4.25 5.73,4.54 5.32,4.91L2.7,2.29L1.29,3.71L4.24,6.65C4,7.39 4,8 4,8H2V10H4.04C4.1,10.63 4.21,11.36 4.4,12.15L1.68,13.05L2.31,14.95L5,14.05C5.24,14.56 5.5,15.08 5.82,15.58L3.44,17.17L4.55,18.83L7.07,17.15C7.63,17.71 8.29,18.21 9.06,18.64L8.1,20.55L9.89,21.45L10.89,19.45L10.73,19.36C11.68,19.68 12.76,19.9 14,19.97V22H16V19.93C16.76,19.84 17.81,19.64 18.77,19.19L20.29,20.71L21.7,19.29L20.37,17.95C20.75,17.44 21,16.8 21,16M8.5,11A1.5,1.5 0 0,1 7,9.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11M11,14A1,1 0 0,1 10,13A1,1 0 0,1 11,12A1,1 0 0,1 12,13A1,1 0 0,1 11,14M15.5,17A1.5,1.5 0 0,1 14,15.5A1.5,1.5 0 0,1 15.5,14A1.5,1.5 0 0,1 17,15.5A1.5,1.5 0 0,1 15.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert-outline.svg
new file mode 100644
index 00000000..71168d5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account-alert-outline" viewBox="0 0 24 24"><path d="M15,3H12V5H15V21H5V5H8V3H5A2,2 0 0,0 3,5V21A2,2 0 0,0 5,23H15A2,2 0 0,0 17,21V5A2,2 0 0,0 15,3M10,7A2,2 0 0,1 12,9A2,2 0 0,1 10,11A2,2 0 0,1 8,9A2,2 0 0,1 10,7M14,15H6V14C6,12.67 8.67,12 10,12C11.33,12 14,12.67 14,14V15M14,18H6V17H14V18M10,20H6V19H10V20M11,5H9V1H11V5M19,13V7H21V13H19M19,17V15H21V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert.svg
new file mode 100644
index 00000000..3b837b93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account-alert" viewBox="0 0 24 24"><path d="M15,3H12V6H8V3H5A2,2 0 0,0 3,5V21A2,2 0 0,0 5,23H15A2,2 0 0,0 17,21V5A2,2 0 0,0 15,3M10,8A2,2 0 0,1 12,10A2,2 0 0,1 10,12A2,2 0 0,1 8,10A2,2 0 0,1 10,8M14,16H6V15C6,13.67 8.67,13 10,13C11.33,13 14,13.67 14,15V16M11,5H9V1H11V5M14,19H6V18H14V19M10,21H6V20H10V21M19,13V7H21V13H19M19,17V15H21V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal-outline.svg
new file mode 100644
index 00000000..75a8e537
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account-horizontal-outline" viewBox="0 0 24 24"><path d="M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,8H14V10H20V8M20,12H14V14H20V12M20,16H14V18H20V16M22,4H14V6H22V20H2V6H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M13,6H11V2H13V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal.svg
new file mode 100644
index 00000000..4a7b3d70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account-horizontal" viewBox="0 0 24 24"><path d="M22,4H14V7H10V4H2A2,2 0 0,0 0,6V20A2,2 0 0,0 2,22H22A2,2 0 0,0 24,20V6A2,2 0 0,0 22,4M8,9A2,2 0 0,1 10,11A2,2 0 0,1 8,13A2,2 0 0,1 6,11A2,2 0 0,1 8,9M12,17H4V16C4,14.67 6.67,14 8,14C9.33,14 12,14.67 12,16V17M20,18H14V16H20V18M20,14H14V12H20V14M20,10H14V8H20V10M13,6H11V2H13V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-outline.svg
new file mode 100644
index 00000000..74d468cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account-outline" viewBox="0 0 24 24"><path d="M17,3H14V5H17V21H7V5H10V3H7A2,2 0 0,0 5,5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V5A2,2 0 0,0 17,3M12,7A2,2 0 0,1 14,9A2,2 0 0,1 12,11A2,2 0 0,1 10,9A2,2 0 0,1 12,7M16,15H8V14C8,12.67 10.67,12 12,12C13.33,12 16,12.67 16,14V15M16,18H8V17H16V18M12,20H8V19H12V20M13,5H11V1H13V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badge-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account.svg
new file mode 100644
index 00000000..ff034046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badge-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badge-account" viewBox="0 0 24 24"><path d="M17,3H14V6H10V3H7A2,2 0 0,0 5,5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V5A2,2 0 0,0 17,3M12,8A2,2 0 0,1 14,10A2,2 0 0,1 12,12A2,2 0 0,1 10,10A2,2 0 0,1 12,8M16,16H8V15C8,13.67 10.67,13 12,13C13.33,13 16,13.67 16,15V16M13,5H11V1H13V5M16,19H8V18H16V19M12,21H8V20H12V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/badminton.svg b/apps/phoenix_webcomponent/priv/mdi/svg/badminton.svg
new file mode 100644
index 00000000..22448256
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/badminton.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-badminton" viewBox="0 0 24 24"><path d="M12.3,2C11.33,2.03 10.58,2.84 10.61,3.8C10.62,4.04 10.67,4.27 10.77,4.5L11.06,5.14V5.14C11.1,5.27 11.03,5.41 10.89,5.45C10.8,5.5 10.7,5.45 10.63,5.37L10.21,4.82C9.88,4.4 9.38,4.14 8.85,4.13C7.88,4.11 7.08,4.88 7.06,5.84C7.05,6.26 7.19,6.66 7.45,7L7.87,7.5H7.88C7.96,7.63 7.93,7.79 7.82,7.87C7.73,7.94 7.61,7.94 7.53,7.87L7,7.45C6.66,7.19 6.25,7.05 5.84,7.06C4.88,7.08 4.11,7.88 4.13,8.85C4.14,9.38 4.4,9.88 4.82,10.21L5.39,10.65C5.5,10.75 5.5,10.91 5.38,11C5.31,11.07 5.21,11.09 5.12,11.05H5.11L4.5,10.77C4.27,10.68 4.04,10.62 3.8,10.61C2.84,10.58 2.03,11.34 2,12.31C2,13.03 2.4,13.69 3.06,13.97L14.45,19.04L19.04,14.45L13.97,3.06C13.69,2.39 13,1.97 12.3,2M13.13,6.1C13.55,6.09 13.93,6.33 14.09,6.71L17.14,13.55L13.19,9.61L12.26,7.5C11.96,6.87 12.42,6.12 13.13,6.1M9.85,8.85C10.12,8.85 10.37,8.95 10.56,9.15L15.37,13.96C15.77,14.34 15.78,14.97 15.4,15.37C15,15.77 14.38,15.78 13.96,15.37L9.15,10.56C8.75,10.18 8.74,9.54 9.13,9.15C9.32,8.95 9.58,8.85 9.85,8.85M7.13,12.17C7.26,12.17 7.4,12.21 7.5,12.26L9.63,13.2L13.57,17.14L6.71,14.09C5.69,13.65 6.03,12.14 7.13,12.17M20.28,16.04L16.04,20.28L16.89,21.13C17.65,21.88 18.75,22.17 19.78,21.9C20.81,21.62 21.62,20.81 21.9,19.78C22.17,18.75 21.88,17.65 21.13,16.89L20.28,16.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-check.svg
new file mode 100644
index 00000000..6a25f06e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-carry-on-check" viewBox="0 0 24 24"><path d="M15.28,16.69L18.14,13.88L18.84,14.58L15.28,18.14L13.17,16L13.88,15.28L15.28,16.69M8,21A2,2 0 0,1 6,19V9A2,2 0 0,1 8,7V21M9,7H14V4A2,2 0 0,1 12,2H16V10A6,6 0 0,1 22,16A6,6 0 0,1 16,22C14.77,22 13.63,21.63 12.68,21H9V7M16,12A4,4 0 0,0 12,16A4,4 0 0,0 16,20A4,4 0 0,0 20,16A4,4 0 0,0 16,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-off.svg
new file mode 100644
index 00000000..87409488
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-carry-on-off" viewBox="0 0 24 24"><path d="M2.1 4.9L6 8.9V19C6 19.5 6.2 20 6.6 20.4C7 20.8 7.5 21 8 21V10.8L9 11.8V21H13.2C13.1 20.6 13 20.2 13 20C13 18.8 13.5 18 14.6 17.4L15.4 18.2C14.5 18.5 14.1 19.2 14.1 20.1C14.1 20.6 14.3 21.1 14.7 21.5C15 21.8 15.5 22 16 22C16.9 22 17.6 21.6 17.9 20.7L19.1 21.9L20.5 20.5L3.5 3.5L2.1 4.9M12 2C12 2.5 12.2 3 12.6 3.4S13.5 4 14 4V7H9.8L16 13.2V2H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on.svg
new file mode 100644
index 00000000..27f52516
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-carry-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-carry-on" viewBox="0 0 24 24"><path d="M14.6 21.4C15 21.8 15.4 22 16 22S17 21.8 17.4 21.4 18 20.6 18 20 17.8 19 17.4 18.6 16.5 18 16 18 15 18.2 14.6 18.6 14 19.4 14 20 14.2 21 14.6 21.4M6 19C6 19.5 6.2 20 6.6 20.4C7 20.8 7.5 21 8 21V7C7.5 7 7 7.2 6.6 7.6C6.2 8 6 8.5 6 9V19M16 2H12C12 2.5 12.2 3 12.6 3.4C13 3.8 13.5 4 14 4V7H9V21H13.2C13 20.5 13 20.2 13 20C13 19.2 13.3 18.5 13.9 17.9C14.5 17.3 15.2 17 16 17V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-checked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-checked.svg
new file mode 100644
index 00000000..d34c1508
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-checked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-checked" viewBox="0 0 24 24"><path d="M22 19H2V21H22V19M4 15C4 15.5 4.2 16 4.6 16.4C5 16.8 5.5 17 6 17V6C5.5 6 5 6.2 4.6 6.6C4.2 7 4 7.5 4 8V15M13.5 6H10.5C10.5 5.6 10.6 5.2 10.9 4.9C11.2 4.6 11.5 4.5 12 4.5C12.4 4.5 12.8 4.6 13.1 4.9C13.3 5.2 13.5 5.6 13.5 6M7 6V17H17V6H15C15 5.2 14.7 4.5 14.1 3.9S12.8 3 12 3C11.2 3 10.5 3.3 9.9 3.9C9.3 4.5 9 5.2 9 6H7M18 17C18.5 17 19 16.8 19.4 16.4C19.8 16 20 15.5 20 15V8C20 7.5 19.8 7 19.4 6.6C19 6.2 18.5 6 18 6V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off-outline.svg
new file mode 100644
index 00000000..71a3d5f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal-off-outline" viewBox="0 0 24 24"><path d="M20,19.35L2.38,1.73L1.11,3L4.77,6.66C4.27,7.34 4,8.16 4,9V20A2,2 0 0,0 6,22H18C18.56,22 19.08,21.76 19.46,21.35L20.84,22.73L22.11,21.46L20,19.35M6,9C6,8.69 6.08,8.38 6.22,8.11L13.11,15H6V9M18,20H6V16H8V18H9V16H14.11L18,19.89V20M16,7A2,2 0 0,1 18,9V14.8L20,16.8V9A4,4 0 0,0 16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V4.8L10.2,7H16M10,4H14V5H10V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off.svg
new file mode 100644
index 00000000..4e3d576c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal-off" viewBox="0 0 24 24"><path d="M20,19.35L2.38,1.73L1.11,3L4.77,6.66C4.27,7.34 4,8.16 4,9V20A2,2 0 0,0 6,22H18C18.56,22 19.08,21.76 19.46,21.35L20.84,22.73L22.11,21.46L20,19.35M9,16V18H8V16H6V15H13.11L14.11,16H9M20,9A4,4 0 0,0 16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V4.8L20,16.8V9M14,5H10V4H14V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-outline.svg
new file mode 100644
index 00000000..1d07c3b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal-outline" viewBox="0 0 24 24"><path d="M16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V5A4,4 0 0,0 4,9V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V9A4,4 0 0,0 16,5M10,4H14V5H10V4M12,9L14,11L12,13L10,11L12,9M18,20H6V16H8V18H9V16H18V20M18,15H6V9A2,2 0 0,1 8,7H16A2,2 0 0,1 18,9V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag-outline.svg
new file mode 100644
index 00000000..885be3b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal-tag-outline" viewBox="0 0 24 24"><path d="M14 5V4C14 2.9 13.1 2 12 2H8C6.9 2 6 2.9 6 4V5C3.8 5 2 6.8 2 9V20C2 21.1 2.9 22 4 22H15.2L13.2 20H4V16H6V18H7V16H12V15H4V9C4 7.9 4.9 7 6 7H14C15.1 7 16 7.9 16 9V12H18V9C18 6.8 16.2 5 14 5M12 5H8V4H12V5M10 9L8 11L10 13L12 11L10 9M21.8 17.8L18.2 14.2C18 14.1 17.8 14 17.6 14H14.8C14.4 14 14 14.4 14 14.8V17.6C14 17.8 14.1 18 14.2 18.2L17.8 21.8C17.9 21.9 18.1 22 18.4 22C18.6 22 18.8 21.9 19 21.8L21.8 19C21.9 18.9 22 18.7 22 18.4C22 18.2 21.9 18 21.8 17.8M15.4 16C15.1 16 14.8 15.7 14.8 15.4C14.8 15.1 15.1 14.8 15.4 14.8C15.7 14.8 16 15.1 16 15.4C16 15.7 15.7 16 15.4 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag.svg
new file mode 100644
index 00000000..ebea7569
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal-tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal-tag" viewBox="0 0 24 24"><path d="M14 5V4C14 2.9 13.1 2 12 2H8C6.9 2 6 2.9 6 4V5C3.8 5 2 6.8 2 9V20C2 21.1 2.9 22 4 22H15.2L12.8 19.6C12.2 19.1 11.9 18.3 11.9 17.6V16H7V18H6V16H4V15H12V14.8C12 13.3 13.2 12 14.8 12H18V9C18 6.8 16.2 5 14 5M10 13L8 11L10 9L12 11L10 13M12 5H8V4H12V5M21.8 17.8L18.2 14.2C18 14.1 17.8 14 17.6 14H14.8C14.4 14 14 14.4 14 14.8V17.6C14 17.8 14.1 18 14.2 18.2L17.8 21.8C17.9 21.9 18.1 22 18.4 22C18.6 22 18.8 21.9 19 21.8L21.8 19C21.9 18.9 22 18.7 22 18.4C22 18.2 21.9 18 21.8 17.8M15.4 16C15.1 16 14.8 15.7 14.8 15.4C14.8 15.1 15.1 14.8 15.4 14.8C15.7 14.8 16 15.1 16 15.4C16 15.7 15.7 16 15.4 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal.svg
new file mode 100644
index 00000000..16bffcb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-personal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-personal" viewBox="0 0 24 24"><path d="M16,5V4A2,2 0 0,0 14,2H10A2,2 0 0,0 8,4V5A4,4 0 0,0 4,9V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V9A4,4 0 0,0 16,5M10,4H14V5H10V4M12,9L14,11L12,13L10,11L12,9M18,16H9V18H8V16H6V15H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off-outline.svg
new file mode 100644
index 00000000..96aba824
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-suitcase-off-outline" viewBox="0 0 24 24"><path d="M2 4.77L3.28 3.5L21 21.22L19.73 22.5L18 20.76C17.71 20.93 17.38 21 17.03 21C17.03 21.58 16.56 22 16 22C15.5 22 15 21.58 15 21H9C9 21.58 8.5 22 8 22C7.44 22 6.97 21.58 6.97 21C5.89 21 5 20.13 5 19L5 7.78L2 4.77M9.5 18H8V10.78L6.97 9.74V19H16.23L15.25 18H14.5V17.26L12.75 15.5V18H11.25V14L9.5 12.28V18M12.75 9V10.43L11.32 9H12.75M14.5 9H16V13.67L14.5 12.17V9M17.03 6C18.11 6 19 6.88 19 8V16.68L17.03 14.7V8H10.33L8.31 6H9V3C9 2.42 9.46 2 10 2H14C14.54 2 15 2.42 15 3V6H17.03M10.5 3.5V6H13.5V3.5H10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off.svg
new file mode 100644
index 00000000..d24a2bb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-suitcase-off" viewBox="0 0 24 24"><path d="M2 4.77L3.28 3.5L21 21.22L19.73 22.5L18 20.76C17.71 20.93 17.38 21 17.03 21C17.03 21.58 16.56 22 16 22C15.5 22 15 21.58 15 21H9C9 21.58 8.5 22 8 22C7.44 22 6.97 21.58 6.97 21C5.89 21 5 20.13 5 19V7.77L2 4.77M17.03 6C18.11 6 19 6.88 19 8V16.68L16 13.68V9H14.5V12.18L12.75 10.43V9H11.32L8.31 6H9V3C9 2.42 9.46 2 10 2H14C14.54 2 15 2.42 15 3V6H17.03M8 18H9.5V12.27L8 10.77V18M11.25 18H12.75V15.5L11.25 14V18M14.5 18H15.23L14.5 17.27V18M13.5 6V3.5H10.5V6H13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-outline.svg
new file mode 100644
index 00000000..bcc4c76b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-suitcase-outline" viewBox="0 0 24 24"><path d="M9.5 18V9H8V18M12.75 18V9H11.25V18M16 18V9H14.5V18M17.03 6C18.11 6 19 6.88 19 8V19C19 20.13 18.11 21 17.03 21C17.03 21.58 16.56 22 16 22C15.5 22 15 21.58 15 21H9C9 21.58 8.5 22 8 22C7.44 22 6.97 21.58 6.97 21C5.89 21 5 20.13 5 19V8C5 6.88 5.89 6 6.97 6H9V3C9 2.42 9.46 2 10 2H14C14.54 2 15 2.42 15 3V6M10.5 3.5V6H13.5V3.5M17.03 19V8H6.97V19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase.svg
new file mode 100644
index 00000000..90866e4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bag-suitcase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bag-suitcase" viewBox="0 0 24 24"><path d="M17.03 6C18.11 6 19 6.88 19 8V19C19 20.13 18.11 21 17.03 21C17.03 21.58 16.56 22 16 22C15.5 22 15 21.58 15 21H9C9 21.58 8.5 22 8 22C7.44 22 6.97 21.58 6.97 21C5.89 21 5 20.13 5 19V8C5 6.88 5.89 6 6.97 6H9V3C9 2.42 9.46 2 10 2H14C14.54 2 15 2.42 15 3V6H17.03M13.5 6V3.5H10.5V6H13.5M8 9V18H9.5V9H8M14.5 9V18H16V9H14.5M11.25 9V18H12.75V9H11.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baguette.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baguette.svg
new file mode 100644
index 00000000..3909ea6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baguette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baguette" viewBox="0 0 24 24"><path d="M5 22C3.68 22 3.15 19.64 3.04 18.7A5.56 5.56 0 0 1 3.36 16A2.5 2.5 0 0 1 5.23 14.38C6.4 14.18 7.23 14.88 8.29 15.12A1.21 1.21 0 0 0 9.85 13.75C9.41 12.03 6.28 12 5 12C5 10.14 7.04 9.9 8.5 10.04A10.8 10.8 0 0 1 11.04 10.6C11.54 10.77 12.12 11.2 12.67 11.16C13.5 11.09 13.67 10.23 13.31 9.6C12.44 8.12 9.97 8 8.5 8C8.5 6 10.23 5.62 11.89 5.92A11.58 11.58 0 0 1 14.38 6.71C14.89 6.93 15.5 7.35 16.06 7.16C17.5 6.72 16 5.18 15.36 4.81A6.6 6.6 0 0 0 13.94 4.23C13.4 4.07 12.74 4.13 13.23 3.5A5.13 5.13 0 0 1 15.96 2.26C17.85 1.82 20.46 1.74 20.92 4.12A5.3 5.3 0 0 1 20.07 7.7A38.96 38.96 0 0 1 13.22 16.33A36.6 36.6 0 0 1 8.62 20.32C7.62 21.04 6.3 22 5 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/balcony.svg b/apps/phoenix_webcomponent/priv/mdi/svg/balcony.svg
new file mode 100644
index 00000000..a757a0db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/balcony.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-balcony" viewBox="0 0 24 24"><path d="M10 10V12H8V10H10M16 12V10H14V12H16M21 14V22H3V14H4V10C4 5.58 7.58 2 12 2S20 5.58 20 10V14H21M7 16H5V20H7V16M11 16H9V20H11V16M11 4.08C8.16 4.56 6 7.03 6 10V14H11V4.08M13 14H18V10C18 7.03 15.84 4.56 13 4.08V14M15 16H13V20H15V16M19 16H17V20H19V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/balloon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/balloon.svg
new file mode 100644
index 00000000..81cce5e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/balloon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-balloon" viewBox="0 0 24 24"><path d="M13.16,12.74L14,14H12.5C12.35,16.71 12,19.41 11.5,22.08L10.5,21.92C11,19.3 11.34,16.66 11.5,14H10L10.84,12.74C8.64,11.79 7,8.36 7,6A5,5 0 0,1 12,1A5,5 0 0,1 17,6C17,8.36 15.36,11.79 13.16,12.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ballot-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-outline.svg
new file mode 100644
index 00000000..24a1b38a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ballot-outline" viewBox="0 0 24 24"><path d="M13,7.5H18V9.5H13V7.5M13,14.5H18V16.5H13V14.5M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M19,19V5H5V19H19M11,6V11H6V6H11M10,10V7H7V10H10M11,13V18H6V13H11M10,17V14H7V17H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount-outline.svg
new file mode 100644
index 00000000..156cdfa0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ballot-recount-outline" viewBox="0 0 24 24"><path d="M6,18V13H11V18H6M7,14V17H10V14H7M13,7.5H18V9.5H13V7.5M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V11.17C20.5,11.06 20,11 19.5,11H19V5H5V19H13.17C13.34,19.72 13.63,20.39 14,21H5M11,6V11H6V6H11M10,10V7H7V10H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount.svg
new file mode 100644
index 00000000..0c29aab1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ballot-recount.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ballot-recount" viewBox="0 0 24 24"><path d="M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23M10,17H7V14H10V17M10,7V10H7V7H10M5,21A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V11.17C20.5,11.06 20,11 19.5,11A6.5,6.5 0 0,0 13,17.5C13,18.79 13.38,20 14,21H5M13,9.5H18V7.5H13V9.5M11,13H6V18H11V13M11,6H6V11H11V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ballot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ballot.svg
new file mode 100644
index 00000000..f0153a41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ballot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ballot" viewBox="0 0 24 24"><path d="M13,9.5H18V7.5H13V9.5M13,16.5H18V14.5H13V16.5M19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21M6,11H11V6H6V11M7,7H10V10H7V7M6,18H11V13H6V18M7,14H10V17H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bandage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bandage.svg
new file mode 100644
index 00000000..6f0a4858
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bandage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bandage" viewBox="0 0 24 24"><path d="M17.73,12L21.71,8.04C22.1,7.65 22.1,7 21.71,6.63L17.37,2.29C17,1.9 16.35,1.9 15.96,2.29L12,6.27L8,2.29C7.8,2.1 7.55,2 7.29,2C7.04,2 6.78,2.1 6.59,2.29L2.25,6.63C1.86,7 1.86,7.65 2.25,8.04L6.23,12L2.25,16C1.86,16.39 1.86,17 2.25,17.41L6.59,21.75C7,22.14 7.61,22.14 8,21.75L12,17.77L15.96,21.75C16.16,21.95 16.41,22.04 16.67,22.04C16.93,22.04 17.18,21.94 17.38,21.75L21.72,17.41C22.11,17 22.11,16.39 21.72,16L17.73,12M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7.29,10.96L3.66,7.34L7.29,3.71L10.91,7.33L7.29,10.96M10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13M12,15A1,1 0 0,1 11,14A1,1 0 0,1 12,13A1,1 0 0,1 13,14A1,1 0 0,1 12,15M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M16.66,20.34L13.03,16.72L16.66,13.09L20.28,16.71L16.66,20.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-check.svg
new file mode 100644
index 00000000..da2a9b62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-check" viewBox="0 0 24 24"><path d="M17.8 21.2L15 18.2L16.2 17L17.8 18.6L21.4 15L22.6 16.4L17.8 21.2M13 10H10V17H12.1C12.2 16.2 12.6 15.4 13 14.7V10M16 10V12.3C16.6 12.1 17.3 12 18 12C18.3 12 18.7 12 19 12.1V10H16M12.1 19H2V22H13.5C12.8 21.2 12.3 20.1 12.1 19M21 6L11.5 1L2 6V8H21V6M7 17V10H4V17H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle-outline.svg
new file mode 100644
index 00000000..623155fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-circle-outline" viewBox="0 0 24 24"><path d="M12 4C16.4 4 20 7.6 20 12S16.4 20 12 20 4 16.4 4 12 7.6 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M17 17H7V15H17V17M8 14V11H10V14H8M11 14V11H13V14H11M14 14V11H16V14H14M17 10H7V8.5L12 6L17 8.5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle.svg
new file mode 100644
index 00000000..4c9ec75c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M17 17H7V15H17V17M8 14V11H10V14H8M11 14V11H13V14H11M14 14V11H16V14H14M17 10H7V8.5L12 6L17 8.5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-minus.svg
new file mode 100644
index 00000000..236cdd2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-minus" viewBox="0 0 24 24"><path d="M14,17H22V19H14V17M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-off-outline.svg
new file mode 100644
index 00000000..d043bc13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-off-outline" viewBox="0 0 24 24"><path d="M20.8 22.7L19.1 21H2V19H17.1L12.5 14.4V17H10.5V12.4L6.1 8H2V6L3.4 5.3L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M4.5 10V17H6.5V10H4.5M11.5 3.3L16.7 6H9.2L11.2 8H21V6L11.5 1L6.7 3.5L8.2 5L11.5 3.3M18.5 15.3V10H16.5V13.3L18.5 15.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-off.svg
new file mode 100644
index 00000000..9e06b919
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-off" viewBox="0 0 24 24"><path d="M20.8 22.7L20.1 22H2V19H17.1L13 14.9V17H10V11.9L6.1 8H2V6L3.4 5.3L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M4 10V17H7V10H4M21 8V6L11.5 1L6.7 3.5L11.2 8H21M19 15.8V10H16V12.8L19 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-outline.svg
new file mode 100644
index 00000000..228cfdd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-outline" viewBox="0 0 24 24"><path d="M6.5,10H4.5V17H6.5V10M12.5,10H10.5V17H12.5V10M21,19H2V21H21V19M18.5,10H16.5V17H18.5V10M11.5,3.26L16.71,6H6.29L11.5,3.26M11.5,1L2,6V8H21V6L11.5,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-plus.svg
new file mode 100644
index 00000000..d3854888
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-remove.svg
new file mode 100644
index 00000000..b8168a69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M11.5,1L21,6V8H2V6L11.5,1M16,10H19V12.08L18,12C17.3,12 16.63,12.12 16,12.34V10M2,22V19H12.08C12.27,20.14 12.79,21.17 13.53,22H2M10,10H13V14.68C12.54,15.37 12.22,16.15 12.08,17H10V10M4,10H7V17H4V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-in.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-in.svg
new file mode 100644
index 00000000..9c456da2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-transfer-in" viewBox="0 0 24 24"><path d="M2,15V12H5V10L9,13.5L5,17V15H2M22,8.7V10H10V8.7L16,5L22,8.7M10,17H22V19H10V17M15,11H17V16H15V11M11,11H13V16H11V11M19,11H21V16H19V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-out.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-out.svg
new file mode 100644
index 00000000..8cc1c1b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-transfer-out" viewBox="0 0 24 24"><path d="M15,15V12H18V10L22,13.5L18,17V15H15M14,8.7V10H2V8.7L8,5L14,8.7M2,17H14V19H2V17M7,11H9V16H7V11M3,11H5V16H3V11M11,11H13V16H11V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer.svg
new file mode 100644
index 00000000..da1f8ff6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank-transfer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank-transfer" viewBox="0 0 24 24"><path d="M15,14V11H18V9L22,12.5L18,16V14H15M14,7.7V9H2V7.7L8,4L14,7.7M7,10H9V15H7V10M3,10H5V15H3V10M13,10V12.5L11,14.3V10H13M9.1,16L8.5,16.5L10.2,18H2V16H9.1M17,15V18H14V20L10,16.5L14,13V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bank.svg
new file mode 100644
index 00000000..0a0a461e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bank" viewBox="0 0 24 24"><path d="M11.5,1L2,6V8H21V6M16,10V17H19V10M2,22H21V19H2M10,10V17H13V10M4,10V17H7V10H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barcode-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barcode-off.svg
new file mode 100644
index 00000000..6374c58d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barcode-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barcode-off" viewBox="0 0 24 24"><path d="M20.84 22.73L16 17.89V18H14V15.89L12 13.89V18H11V12.89L10 11.89V18H7V8.89L6 7.89V18H5V6.89L1.11 3L2.39 1.73L7 6.34L10 9.34L11 10.34L12 11.34L14 13.35V13.34L16 15.34V15.35L17 16.35V16.34L18.66 18H18.65L22.11 21.46L20.84 22.73M16 6H14V10.8L16 12.8V6M12 6H11V7.8L12 8.8V6M20 6H17V13.8L20 16.8V6M22 18V6H21V17.8L21.2 18H22M10 6H9.2L10 6.8V6M2 18H4V6H2V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barcode-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barcode-scan.svg
new file mode 100644
index 00000000..89cdf4cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barcode-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barcode-scan" viewBox="0 0 24 24"><path d="M4,6H6V18H4V6M7,6H8V18H7V6M9,6H12V18H9V6M13,6H14V18H13V6M16,6H18V18H16V6M19,6H20V18H19V6M2,4V8H0V4A2,2 0 0,1 2,2H6V4H2M22,2A2,2 0 0,1 24,4V8H22V4H18V2H22M2,16V20H6V22H2A2,2 0 0,1 0,20V16H2M22,20V16H24V20A2,2 0 0,1 22,22H18V20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barcode.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barcode.svg
new file mode 100644
index 00000000..f629fa41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barcode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barcode" viewBox="0 0 24 24"><path d="M2,6H4V18H2V6M5,6H6V18H5V6M7,6H10V18H7V6M11,6H12V18H11V6M14,6H16V18H14V6M17,6H20V18H17V6M21,6H22V18H21V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barley-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barley-off.svg
new file mode 100644
index 00000000..5b9920fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barley-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barley-off" viewBox="0 0 24 24"><path d="M11.96,1.21C11.3,2.76 10.64,4.31 10.65,5.82C10.66,6.42 10.77,7 10.94,7.62C10.86,7.46 10.77,7.31 10.67,7.17C9.83,6 8.17,5 6.5,4C6.5,4.8 6.5,5.59 6.68,6.36L13,12.68V10.7C14.5,9.8 15.92,8.88 16.67,7.83C17.5,6.67 17.5,5.33 17.5,4C15.83,5 14.17,6 13.33,7.17C13.23,7.31 13.15,7.45 13.07,7.59C13.25,6.96 13.36,6.32 13.35,5.69C13.34,4.18 12.65,2.69 11.96,1.21M3.28,5.5L2,6.77L6.64,11.41C6.75,12 6.95,12.55 7.33,13.08C8.08,14.13 9.5,15.05 11,15.95V18.23L10.67,17.67C9.83,16.5 8.17,15.5 6.5,14.5C6.5,15.83 6.5,17.17 7.33,18.33C8.08,19.38 9.5,20.3 11,21.2V23H13V21.2C13.74,20.76 14.45,20.31 15.07,19.84L18.73,23.5L20,22.22C14,16.23 9.1,11.32 3.28,5.5M17.5,9.25C15.83,10.25 14.17,11.25 13.33,12.42L13.12,12.79L15,14.66C15.67,14.16 16.27,13.64 16.67,13.08C17.5,11.92 17.5,10.58 17.5,9.25M17.5,14.5C16.93,14.84 16.38,15.18 15.85,15.53L17.29,16.97C17.5,16.17 17.5,15.33 17.5,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barley.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barley.svg
new file mode 100644
index 00000000..619b8834
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barley.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barley" viewBox="0 0 24 24"><path d="M7.33,18.33C6.5,17.17 6.5,15.83 6.5,14.5C8.17,15.5 9.83,16.5 10.67,17.67L11,18.23V15.95C9.5,15.05 8.08,14.13 7.33,13.08C6.5,11.92 6.5,10.58 6.5,9.25C8.17,10.25 9.83,11.25 10.67,12.42L11,13V10.7C9.5,9.8 8.08,8.88 7.33,7.83C6.5,6.67 6.5,5.33 6.5,4C8.17,5 9.83,6 10.67,7.17C10.77,7.31 10.86,7.46 10.94,7.62C10.77,7 10.66,6.42 10.65,5.82C10.64,4.31 11.3,2.76 11.96,1.21C12.65,2.69 13.34,4.18 13.35,5.69C13.36,6.32 13.25,6.96 13.07,7.59C13.15,7.45 13.23,7.31 13.33,7.17C14.17,6 15.83,5 17.5,4C17.5,5.33 17.5,6.67 16.67,7.83C15.92,8.88 14.5,9.8 13,10.7V13L13.33,12.42C14.17,11.25 15.83,10.25 17.5,9.25C17.5,10.58 17.5,11.92 16.67,13.08C15.92,14.13 14.5,15.05 13,15.95V18.23L13.33,17.67C14.17,16.5 15.83,15.5 17.5,14.5C17.5,15.83 17.5,17.17 16.67,18.33C15.92,19.38 14.5,20.3 13,21.2V23H11V21.2C9.5,20.3 8.08,19.38 7.33,18.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barn.svg
new file mode 100644
index 00000000..2944f51a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barn" viewBox="0 0 24 24"><path d="M12,3L3,8.2V21H9L11.9,18L15,21H21V8.2L12,3M7.9,20V14L10.9,17L7.9,20M8.9,13H14.9L11.9,16L8.9,13M15.9,20L12.9,17L15.9,14V20M15,11H8.8V9H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barrel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barrel-outline.svg
new file mode 100644
index 00000000..e53ab044
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barrel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barrel-outline" viewBox="0 0 24 24"><path d="M9 13.05C9 14.68 10.34 16 12 16S15 14.68 15 13.05C15 11.74 14.47 11.36 12 8.5C9.5 11.38 9 11.75 9 13.05M20 13C20.55 13 21 12.55 21 12S20.55 11 20 11H19V5H20C20.55 5 21 4.55 21 4S20.55 3 20 3H4C3.45 3 3 3.45 3 4S3.45 5 4 5H5V11H4C3.45 11 3 11.45 3 12S3.45 13 4 13H5V19H4C3.45 19 3 19.45 3 20S3.45 21 4 21H20C20.55 21 21 20.55 21 20S20.55 19 20 19H19V13H20M17 19H7V13C7.55 13 8 12.55 8 12S7.55 11 7 11V5H17V11C16.45 11 16 11.45 16 12S16.45 13 17 13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/barrel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/barrel.svg
new file mode 100644
index 00000000..2e15682d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/barrel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-barrel" viewBox="0 0 24 24"><path d="M20 13C20.55 13 21 12.55 21 12S20.55 11 20 11H19V5H20C20.55 5 21 4.55 21 4S20.55 3 20 3H4C3.45 3 3 3.45 3 4S3.45 5 4 5H5V11H4C3.45 11 3 11.45 3 12S3.45 13 4 13H5V19H4C3.45 19 3 19.45 3 20S3.45 21 4 21H20C20.55 21 21 20.55 21 20S20.55 19 20 19H19V13H20M12 16C10.34 16 9 14.68 9 13.05C9 11.75 9.5 11.38 12 8.5C14.47 11.36 15 11.74 15 13.05C15 14.68 13.66 16 12 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baseball-bat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-bat.svg
new file mode 100644
index 00000000..2402d179
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-bat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baseball-bat" viewBox="0 0 24 24"><path d="M20,2C19.72,2 19.5,2.11 19.29,2.29L9.79,11.79C9.75,11.83 9.72,11.87 7.23,15.35L4,18.59L3.71,18.29C3.5,18.1 3.26,18 3,18C2.44,18 2,18.44 2,19C2,19.26 2.1,19.5 2.29,19.71L4.29,21.71C4.68,22.11 5.31,22.12 5.71,21.74C6.11,21.35 6.12,20.72 5.71,20.29L5.41,20L8.64,16.77L12.21,14.21L21.71,4.71C22.1,4.32 22.1,3.68 21.71,3.29L20.71,2.29C20.5,2.1 20.26,2 20,2M18.5,13A2.5,2.5 0 0,0 16,15.5A2.5,2.5 0 0,0 18.5,18A2.5,2.5 0 0,0 21,15.5A2.5,2.5 0 0,0 18.5,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond-outline.svg
new file mode 100644
index 00000000..b107e522
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baseball-diamond-outline" viewBox="0 0 24 24"><path d="M12 2C5 2 1 9 1 9L9.3 17.3C9.74 16.77 10.32 16.37 11 16.17L7.83 13L12 8.83L16.17 13L13 16.17C13.68 16.37 14.27 16.77 14.7 17.3L23 9C23 9 19 2 12 2M17.59 11.59L12 6L6.41 11.59L3.59 8.76C4.95 7 7.89 4 12 4C16.08 4 19.03 7 20.4 8.77L17.59 11.59M13 13C13 13.55 12.55 14 12 14S11 13.55 11 13 11.45 12 12 12 13 12.45 13 13M13.5 20L12 21L10.5 20V18H13.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond.svg
new file mode 100644
index 00000000..b2790062
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baseball-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baseball-diamond" viewBox="0 0 24 24"><path d="M5.79 12.79L2 9C2 9 6 3 12 3S22 9 22 9L18.21 12.79L12 6.59L5.79 12.79M13.5 18H10.5V20L12 21L13.5 20V18M16.79 14.21L14.2 16.8C13.6 16.31 12.84 16 12 16S10.4 16.31 9.8 16.8L7.21 14.21L12 9.41L16.79 14.21M13 14C13 13.45 12.55 13 12 13S11 13.45 11 14 11.45 15 12 15 13 14.55 13 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/baseball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/baseball.svg
new file mode 100644
index 00000000..5e4cd2ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/baseball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-baseball" viewBox="0 0 24 24"><path d="M12,2C9.5,2 7.25,2.9 5.5,4.4C6,4.81 6.41,5.27 6.8,5.76L7.89,5.13L8.89,6.87L7.89,7.44C8.45,8.53 8.82,9.73 8.95,11H10V12L10,13H8.95C8.82,14.27 8.45,15.47 7.89,16.56L8.89,17.13L7.89,18.87L6.8,18.24C6.41,18.73 6,19.19 5.5,19.6C7.25,21.1 9.5,22 12,22C14.5,22 16.75,21.1 18.5,19.6C18,19.19 17.59,18.73 17.19,18.24L16.11,18.87L15.11,17.13L16.11,16.55C15.55,15.47 15.18,14.27 15.05,13H14V11H15.05C15.18,9.73 15.55,8.53 16.11,7.45L15.11,6.87L16.11,5.13L17.19,5.76C17.59,5.27 18,4.81 18.5,4.4C16.75,2.9 14.5,2 12,2M4.12,5.85C2.79,7.55 2,9.68 2,12C2,14.32 2.79,16.45 4.12,18.15C4.46,17.87 4.76,17.55 5.05,17.22L4.43,16.87L5.43,15.13L6.16,15.56C6.55,14.77 6.82,13.91 6.93,13H6V12L6,11H6.93C6.82,10.09 6.55,9.23 6.16,8.44L5.43,8.87L4.43,7.13L5.05,6.78C4.76,6.45 4.46,6.13 4.12,5.85M19.88,5.85C19.54,6.13 19.24,6.45 18.95,6.78L19.57,7.13L18.57,8.87L17.84,8.44C17.45,9.23 17.18,10.09 17.07,11H18V13H17.07C17.18,13.91 17.45,14.77 17.84,15.56L18.57,15.13L19.57,16.87L18.95,17.22C19.24,17.55 19.54,17.87 19.88,18.15C21.21,16.45 22,14.32 22,12C22,9.68 21.21,7.55 19.88,5.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bash.svg
new file mode 100644
index 00000000..18fade15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bash" viewBox="0 0 24 24"><path d="M5 9H7.31L7.63 6H9.63L9.31 9H11.31L11.63 6H13.63L13.31 9H15V11H13.1L12.9 13H15V15H12.69L12.37 18H10.37L10.69 15H8.69L8.37 18H6.37L6.69 15H5V13H6.9L7.1 11H5V9M9.1 11L8.9 13H10.9L11.1 11M19 6H17V14H19M19 16H17V18H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-check-outline.svg
new file mode 100644
index 00000000..2ab282e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-check-outline" viewBox="0 0 24 24"><path d="M21.63 16.27L17.76 20.17L16.41 18.8L15 20.22L17.75 23L23.03 17.68L21.63 16.27M14 15C14 16.1 13.1 17 12 17S10 16.1 10 15 10.9 13 12 13 14 13.9 14 15M13 20C13 19.66 13.04 19.33 13.09 19H5.5L3.31 11H20.7L19.86 14.07C20.54 14.17 21.18 14.37 21.76 14.68L22.97 10.27L23 10C23 9.45 22.55 9 22 9H17.21L12.83 2.44C12.64 2.16 12.32 2 12 2S11.36 2.16 11.17 2.45L6.79 9H2C1.45 9 1 9.45 1 10C1 10.09 1 10.18 1.04 10.27L3.58 19.54C3.81 20.38 4.58 21 5.5 21H13.09C13.04 20.67 13 20.34 13 20M12 4.8L14.8 9H9.2L12 4.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-check.svg
new file mode 100644
index 00000000..05d665ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-check" viewBox="0 0 24 24"><path d="M21.63 16.27L17.76 20.17L16.41 18.8L15 20.22L17.75 23L23.03 17.68L21.63 16.27M13 20C13 16.69 15.69 14 19 14C20 14 20.92 14.24 21.74 14.67L22.96 10.29L23 10C23 9.45 22.55 9 22 9H17.42L12.83 2.44C12.65 2.17 12.34 2 12 2S11.36 2.17 11.18 2.43L6.58 9H2C1.45 9 1 9.45 1 10L1.1 10.44L3.71 19.9C4.04 20.55 4.72 21 5.5 21H13.09C13.04 20.67 13 20.34 13 20M12 4.74L15 9H9L12 4.74M10 15C10 13.9 10.9 13 12 13S14 13.9 14 15 13.11 17 12 17 10 16.11 10 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-fill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-fill.svg
new file mode 100644
index 00000000..e558c09d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-fill" viewBox="0 0 24 24"><path d="M3,2H6V5H3V2M6,7H9V10H6V7M8,2H11V5H8V2M17,11L12,6H15V2H19V6H22L17,11M7.5,22C6.72,22 6.04,21.55 5.71,20.9V20.9L3.1,13.44L3,13A1,1 0 0,1 4,12H20A1,1 0 0,1 21,13L20.96,13.29L18.29,20.9C17.96,21.55 17.28,22 16.5,22H7.5M7.61,20H16.39L18.57,14H5.42L7.61,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus-outline.svg
new file mode 100644
index 00000000..1d440d0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-minus-outline" viewBox="0 0 24 24"><path d="M23 18V20H15V18H23M12 13C10.9 13 10 13.9 10 15S10.9 17 12 17 14 16.1 14 15 13.1 13 12 13M13.35 21H5.5C4.58 21 3.81 20.38 3.58 19.54L1.04 10.27C1 10.18 1 10.09 1 10C1 9.45 1.45 9 2 9H6.79L11.17 2.45C11.36 2.16 11.68 2 12 2S12.64 2.16 12.83 2.44L17.21 9H22C22.55 9 23 9.45 23 10L22.97 10.27L22 13.81C21.43 13.5 20.79 13.24 20.12 13.11L20.7 11H3.31L5.5 19H13C13 19.7 13.13 20.37 13.35 21M9.2 9H14.8L12 4.8L9.2 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus.svg
new file mode 100644
index 00000000..cd84b899
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-minus" viewBox="0 0 24 24"><path d="M23 18V20H15V18H23M23 10L22.96 10.29L22 13.8C21.11 13.29 20.09 13 19 13C15.69 13 13 15.69 13 19C13 19.7 13.13 20.37 13.35 21H5.5C4.72 21 4.04 20.55 3.71 19.9L1.1 10.44L1 10C1 9.45 1.45 9 2 9H6.58L11.18 2.43C11.36 2.17 11.66 2 12 2S12.65 2.17 12.83 2.44L17.42 9H22C22.55 9 23 9.45 23 10M14 15C14 13.9 13.11 13 12 13S10 13.9 10 15 10.9 17 12 17 14 16.11 14 15M15 9L12 4.74L9 9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-off-outline.svg
new file mode 100644
index 00000000..5c24587a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L6.92 8.81L6.79 9H2C1.45 9 1 9.45 1 10C1 10.09 1 10.18 1.04 10.27L3.58 19.54C3.81 20.38 4.58 21 5.5 21H18.5C18.68 21 18.86 20.96 19.03 20.92L20.84 22.73L22.11 21.46L2.39 1.73M5.5 19L3.31 11H9.11L11.26 13.15C10.5 13.44 10 14.16 10 15C10 16.1 10.9 17 12 17C12.84 17 13.56 16.5 13.85 15.74L17.11 19H5.5M23 10L22.97 10.27L20.93 17.73L19.3 16.1L20.7 11H14.2L12.2 9H14.8L12 4.8L10.4 7.2L8.96 5.76L11.17 2.45C11.36 2.16 11.68 2 12 2S12.64 2.16 12.83 2.44L17.21 9H22C22.55 9 23 9.45 23 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-off.svg
new file mode 100644
index 00000000..541b9813
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-off" viewBox="0 0 24 24"><path d="M23 10L22.96 10.29L20.9 17.7L12.2 9H15L12 4.74L10.32 7.12L8.89 5.69L11.18 2.43C11.36 2.17 11.66 2 12 2S12.65 2.17 12.83 2.44L17.42 9H22C22.55 9 23 9.45 23 10M22.11 21.46L20.84 22.73L19.03 20.92C18.86 20.97 18.68 21 18.5 21H5.5C4.72 21 4.04 20.55 3.71 19.9L1.1 10.44L1 10C1 9.45 1.45 9 2 9H6.58L6.8 8.69L1.11 3L2.39 1.73L22.11 21.46M13.85 15.74L11.26 13.15C10.5 13.44 10 14.16 10 15C10 16.11 10.9 17 12 17C12.84 17 13.56 16.5 13.85 15.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-outline.svg
new file mode 100644
index 00000000..77c230b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-outline" viewBox="0 0 24 24"><path d="M22 9H17.21L12.83 2.44C12.64 2.16 12.32 2 12 2S11.36 2.16 11.17 2.45L6.79 9H2C1.45 9 1 9.45 1 10C1 10.09 1 10.18 1.04 10.27L3.58 19.54C3.81 20.38 4.58 21 5.5 21H18.5C19.42 21 20.19 20.38 20.43 19.54L22.97 10.27L23 10C23 9.45 22.55 9 22 9M12 4.8L14.8 9H9.2L12 4.8M18.5 19L5.5 19L3.31 11H20.7L18.5 19M12 13C10.9 13 10 13.9 10 15S10.9 17 12 17 14 16.1 14 15 13.1 13 12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus-outline.svg
new file mode 100644
index 00000000..4d9dedb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-plus-outline" viewBox="0 0 24 24"><path d="M20 15V18H23V20H20V23H18V20H15V18H18V15H20M12 13C10.9 13 10 13.9 10 15S10.9 17 12 17 14 16.1 14 15 13.1 13 12 13M13.35 21H5.5C4.58 21 3.81 20.38 3.58 19.54L1.04 10.27C1 10.18 1 10.09 1 10C1 9.45 1.45 9 2 9H6.79L11.17 2.45C11.36 2.16 11.68 2 12 2S12.64 2.16 12.83 2.44L17.21 9H22C22.55 9 23 9.45 23 10L22.97 10.27L22 13.81C21.43 13.5 20.79 13.24 20.12 13.11L20.7 11H3.31L5.5 19H13C13 19.7 13.13 20.37 13.35 21M9.2 9H14.8L12 4.8L9.2 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus.svg
new file mode 100644
index 00000000..b839d5f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-plus" viewBox="0 0 24 24"><path d="M20 15V18H23V20H20V23H18V20H15V18H18V15H20M23 10L22.96 10.29L22 13.8C21.11 13.29 20.09 13 19 13C15.69 13 13 15.69 13 19C13 19.7 13.13 20.37 13.35 21H5.5C4.72 21 4.04 20.55 3.71 19.9L1.1 10.44L1 10C1 9.45 1.45 9 2 9H6.58L11.18 2.43C11.36 2.17 11.66 2 12 2S12.65 2.17 12.83 2.44L17.42 9H22C22.55 9 23 9.45 23 10M14 15C14 13.9 13.11 13 12 13S10 13.9 10 15 10.9 17 12 17 14 16.11 14 15M15 9L12 4.74L9 9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove-outline.svg
new file mode 100644
index 00000000..01f219ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-remove-outline" viewBox="0 0 24 24"><path d="M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.46L22.54 16.88M12 13C10.9 13 10 13.9 10 15S10.9 17 12 17 14 16.1 14 15 13.1 13 12 13M13.35 21H5.5C4.58 21 3.81 20.38 3.58 19.54L1.04 10.27C1 10.18 1 10.09 1 10C1 9.45 1.45 9 2 9H6.79L11.17 2.45C11.36 2.16 11.68 2 12 2S12.64 2.16 12.83 2.44L17.21 9H22C22.55 9 23 9.45 23 10L22.97 10.27L22 13.81C21.43 13.5 20.79 13.24 20.12 13.11L20.7 11H3.31L5.5 19H13C13 19.7 13.13 20.37 13.35 21M9.2 9H14.8L12 4.8L9.2 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove.svg
new file mode 100644
index 00000000..7adabca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-remove" viewBox="0 0 24 24"><path d="M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.46L22.54 16.88M23 10L22.96 10.29L22 13.8C21.11 13.29 20.09 13 19 13C15.69 13 13 15.69 13 19C13 19.7 13.13 20.37 13.35 21H5.5C4.72 21 4.04 20.55 3.71 19.9L1.1 10.44L1 10C1 9.45 1.45 9 2 9H6.58L11.18 2.43C11.36 2.17 11.66 2 12 2S12.65 2.17 12.83 2.44L17.42 9H22C22.55 9 23 9.45 23 10M14 15C14 13.9 13.11 13 12 13S10 13.9 10 15 10.9 17 12 17 14 16.11 14 15M15 9L12 4.74L9 9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket-unfill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket-unfill.svg
new file mode 100644
index 00000000..24fb6598
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket-unfill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket-unfill" viewBox="0 0 24 24"><path d="M3,10H6V7H3V10M5,5H8V2H5V5M8,10H11V7H8V10M17,1L12,6H15V10H19V6H22L17,1M7.5,22C6.72,22 6.04,21.55 5.71,20.9V20.9L3.1,13.44L3,13A1,1 0 0,1 4,12H20A1,1 0 0,1 21,13L20.96,13.29L18.29,20.9C17.96,21.55 17.28,22 16.5,22H7.5M7.61,20H16.39L18.57,14H5.42L7.61,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basket.svg
new file mode 100644
index 00000000..0dcab783
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basket" viewBox="0 0 24 24"><path d="M5.5,21C4.72,21 4.04,20.55 3.71,19.9V19.9L1.1,10.44L1,10A1,1 0 0,1 2,9H6.58L11.18,2.43C11.36,2.17 11.66,2 12,2C12.34,2 12.65,2.17 12.83,2.44L17.42,9H22A1,1 0 0,1 23,10L22.96,10.29L20.29,19.9C19.96,20.55 19.28,21 18.5,21H5.5M12,4.74L9,9H15L12,4.74M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop-outline.svg
new file mode 100644
index 00000000..6aedbef3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basketball-hoop-outline" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V16A2,2 0 0,0 3,18H6.57L8,23L10,21L12,23L14,21L16,23L17.43,18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M21,16H18V14H17V9A2,2 0 0,0 15,7H9A2,2 0 0,0 7,9V14H6V16H3V4H21V16M9,14V9H15V14H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop.svg
new file mode 100644
index 00000000..68b913b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basketball-hoop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basketball-hoop" viewBox="0 0 24 24"><path d="M21,2H3A2,2 0 0,0 1,4V16A2,2 0 0,0 3,18H5V14H19V18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M17,12H15V9H9V12H7V9A2,2 0 0,1 9,7H15A2,2 0 0,1 17,9V12M7,16V19.5L8,23L10,21L12,23L14,21L16,23L17,19.5V16H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/basketball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/basketball.svg
new file mode 100644
index 00000000..184b3ea4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/basketball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-basketball" viewBox="0 0 24 24"><path d="M2.34,14.63C2.94,14.41 3.56,14.3 4.22,14.3C5.56,14.3 6.73,14.72 7.73,15.56L4.59,18.7C3.53,17.5 2.78,16.13 2.34,14.63M15.56,9.8C17.53,11.27 19.66,11.63 21.94,10.88C21.97,11.09 22,11.47 22,12C22,13.03 21.75,14.18 21.28,15.45C20.81,16.71 20.23,17.73 19.55,18.5L13.22,12.19L15.56,9.8M8.77,16.64C9.83,18.17 10.05,19.84 9.42,21.66C8,21.25 6.73,20.61 5.67,19.73L8.77,16.64M12.19,13.22L18.5,19.55C16.33,21.45 13.78,22.25 10.88,21.94C11.09,21.28 11.2,20.56 11.2,19.78C11.2,19.16 11.06,18.43 10.78,17.6C10.5,16.77 10.17,16.09 9.8,15.56L12.19,13.22M8.81,14.5C7.88,13.67 6.8,13.15 5.58,12.91C4.36,12.68 3.19,12.75 2.06,13.13C2.03,12.91 2,12.53 2,12C2,10.97 2.25,9.82 2.72,8.55C3.19,7.29 3.77,6.27 4.45,5.5L11.11,12.19L8.81,14.5M15.56,7.73C14.22,6.08 13.91,4.28 14.63,2.34C15.25,2.5 15.96,2.8 16.76,3.26C17.55,3.71 18.2,4.16 18.7,4.59L15.56,7.73M21.66,9.38C21.06,9.59 20.44,9.7 19.78,9.7C18.69,9.7 17.64,9.38 16.64,8.72L19.73,5.67C20.61,6.77 21.25,8 21.66,9.38M12.19,11.11L5.5,4.45C7.67,2.55 10.22,1.75 13.13,2.06C12.91,2.72 12.8,3.44 12.8,4.22C12.8,4.94 12.96,5.75 13.29,6.66C13.62,7.56 14,8.28 14.5,8.81L12.19,11.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bat.svg
new file mode 100644
index 00000000..b269d21d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bat" viewBox="0 0 24 24"><path d="M0.75,8C0.75,8 5,7 8,9C8,9 8.5,12.75 10.5,12.75V11C10.5,11 11,12 12,12C13,12 13.5,11 13.5,11V12.75C15.5,12.75 16,9 16,9C19,7 23.25,8 23.25,8C21.25,9 21,12.5 21,12.5C17,12.5 17,15.75 17,15.75C12,14.75 12,18.5 12,18.5C12,18.5 12,14.75 7,15.75C7,15.75 7,12.5 3,12.5C3,12.5 2.75,9 0.75,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bathtub-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bathtub-outline.svg
new file mode 100644
index 00000000..876e4754
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bathtub-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bathtub-outline" viewBox="0 0 24 24"><path d="M7 5C8.11 5 9 5.9 9 7S8.11 9 7 9 5 8.11 5 7 5.9 5 7 5M20 13V4.83C20 3.27 18.73 2 17.17 2C16.42 2 15.7 2.3 15.17 2.83L13.92 4.08C13.76 4.03 13.59 4 13.41 4C13 4 12.64 4.12 12.33 4.32L15.09 7.08C15.29 6.77 15.41 6.4 15.41 6C15.41 5.82 15.38 5.66 15.34 5.5L16.59 4.24C16.74 4.09 16.95 4 17.17 4C17.63 4 18 4.37 18 4.83V13H11.15C10.85 12.79 10.58 12.55 10.33 12.28L8.93 10.73C8.74 10.5 8.5 10.35 8.24 10.23C7.93 10.08 7.59 10 7.24 10C6 10 5 11 5 12.25V13H2V19C2 20.1 2.9 21 4 21C4 21.55 4.45 22 5 22H19C19.55 22 20 21.55 20 21C21.1 21 22 20.1 22 19V13H20M20 19H4V15H20V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bathtub.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bathtub.svg
new file mode 100644
index 00000000..87a40e8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bathtub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bathtub" viewBox="0 0 24 24"><path d="M7 5C8.11 5 9 5.9 9 7S8.11 9 7 9 5 8.11 5 7 5.9 5 7 5M20 13V4.83C20 3.27 18.73 2 17.17 2C16.42 2 15.7 2.3 15.17 2.83L13.92 4.08C13.76 4.03 13.59 4 13.41 4C13 4 12.64 4.12 12.33 4.32L15.09 7.08C15.29 6.77 15.41 6.4 15.41 6C15.41 5.82 15.38 5.66 15.34 5.5L16.59 4.24C16.74 4.09 16.95 4 17.17 4C17.63 4 18 4.37 18 4.83V13H11.15C10.85 12.79 10.58 12.55 10.33 12.28L8.93 10.73C8.74 10.5 8.5 10.35 8.24 10.23C7.93 10.08 7.59 10 7.24 10C6 10 5 11 5 12.25V13H2V19C2 20.1 2.9 21 4 21C4 21.55 4.45 22 5 22H19C19.55 22 20 21.55 20 21C21.1 21 22 20.1 22 19V13H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-10-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-10-bluetooth.svg
new file mode 100644
index 00000000..8fb2488d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-10-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-10-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V18H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-10.svg
new file mode 100644
index 00000000..67ac433e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-10" viewBox="0 0 24 24"><path d="M16,18H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-20-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-20-bluetooth.svg
new file mode 100644
index 00000000..a717c72c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-20-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-20-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V17H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-20.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-20.svg
new file mode 100644
index 00000000..4acc7a03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-20" viewBox="0 0 24 24"><path d="M16,17H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-30-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-30-bluetooth.svg
new file mode 100644
index 00000000..4901a6c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-30-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-30-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V15H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-30.svg
new file mode 100644
index 00000000..cd50ae59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-30" viewBox="0 0 24 24"><path d="M16,15H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-40-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-40-bluetooth.svg
new file mode 100644
index 00000000..7386328a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-40-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-40-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V14H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-40.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-40.svg
new file mode 100644
index 00000000..ad1abb99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-40" viewBox="0 0 24 24"><path d="M16,14H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-50-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-50-bluetooth.svg
new file mode 100644
index 00000000..da34fc8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-50-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-50-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V13H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-50.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-50.svg
new file mode 100644
index 00000000..8061b8fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-50.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-50" viewBox="0 0 24 24"><path d="M16,13H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-60-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-60-bluetooth.svg
new file mode 100644
index 00000000..efeb0a4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-60-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-60-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V12H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-60.svg
new file mode 100644
index 00000000..cd8e2bef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-60" viewBox="0 0 24 24"><path d="M16,12H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-70-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-70-bluetooth.svg
new file mode 100644
index 00000000..e4fd3c7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-70-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-70-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V10H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-70.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-70.svg
new file mode 100644
index 00000000..928a7464
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-70.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-70" viewBox="0 0 24 24"><path d="M16,10H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-80-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-80-bluetooth.svg
new file mode 100644
index 00000000..f3b48937
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-80-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-80-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V9H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-80.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-80.svg
new file mode 100644
index 00000000..4e9200ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-80.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-80" viewBox="0 0 24 24"><path d="M16,9H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-90-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-90-bluetooth.svg
new file mode 100644
index 00000000..47166846
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-90-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-90-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M4,6H12V8H4V6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-90.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-90.svg
new file mode 100644
index 00000000..224a50fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-90.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-90" viewBox="0 0 24 24"><path d="M16,8H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-bluetooth.svg
new file mode 100644
index 00000000..59e77450
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-alert-bluetooth" viewBox="0 0 24 24"><path d="M5 2V4H3.3C2.6 4 2 4.6 2 5.3V20.6C2 21.4 2.6 22 3.3 22H12.6C13.3 22 13.9 21.4 13.9 20.7V5.3C14 4.6 13.4 4 12.7 4H11V2H5M19 8V11.8L16.7 9.5L16 10.2L18.8 13L16 15.8L16.7 16.5L19 14.2V18H19.5L22.4 15.1L20.2 13L22.3 10.9L19.5 8H19M7 8H9V14H7M20 9.9L20.9 10.8L20 11.8V9.9M20 14.2L20.9 15.1L20 16.1V14.2M7 16H9V18H7V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant-outline.svg
new file mode 100644
index 00000000..d762e231
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-alert-variant-outline" viewBox="0 0 24 24"><path d="M14 20H6V6H14M14.67 4H13V2H7V4H5.33C4.6 4 4 4.6 4 5.33V20.67C4 21.4 4.6 22 5.33 22H14.67C15.4 22 16 21.4 16 20.67V5.33C16 4.6 15.4 4 14.67 4M21 7H19V13H21V8M21 15H19V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant.svg
new file mode 100644
index 00000000..c080e922
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-alert-variant" viewBox="0 0 24 24"><path d="M14.67 4H13V2H7V4H5.33C4.6 4 4 4.6 4 5.33V20.67C4 21.4 4.6 22 5.33 22H14.67C15.4 22 16 21.4 16 20.67V5.33C16 4.6 15.4 4 14.67 4M21 13H19V7H21V13M21 17H19V15H21V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert.svg
new file mode 100644
index 00000000..8f189a5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-alert" viewBox="0 0 24 24"><path d="M13 14H11V8H13M13 18H11V16H13M16.7 4H15V2H9V4H7.3C6.6 4 6 4.6 6 5.3V20.6C6 21.4 6.6 22 7.3 22H16.6C17.3 22 17.9 21.4 17.9 20.7V5.3C18 4.6 17.4 4 16.7 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down-outline.svg
new file mode 100644
index 00000000..9fd8fdd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-arrow-down-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M14.94 18.5L17.94 21.5L20.94 18.5H18.94V14.5H16.94V18.5H14.94" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down.svg
new file mode 100644
index 00000000..badf6ddf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-arrow-down" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M14.94 18.5L17.94 21.5L20.94 18.5H18.94V14.5H16.94V18.5H14.94" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up-outline.svg
new file mode 100644
index 00000000..457b2926
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-arrow-up-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M20.94 17.5L17.94 14.5L14.94 17.5H16.94V21.5H18.94V17.5H20.94" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up.svg
new file mode 100644
index 00000000..0c66a2b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-arrow-up" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M20.94 17.5L17.94 14.5L14.94 17.5H16.94V21.5H18.94V17.5H20.94" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth-variant.svg
new file mode 100644
index 00000000..d28137a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-bluetooth-variant" viewBox="0 0 24 24"><path d="M9,2V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4H15V2H9M11.83,8H12.33L15.18,10.85L13.04,13L15.17,15.14L12.33,18H11.83V14.21L9.54,16.5L8.83,15.79L11.62,13L8.83,10.21L9.54,9.5L11.83,11.79V8M12.83,9.91V11.79L13.77,10.85L12.83,9.91M12.83,14.21V16.08L13.77,15.14L12.83,14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth.svg
new file mode 100644
index 00000000..28d25a3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4H11V2H5M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-10.svg
new file mode 100644
index 00000000..c8e3a781
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-10" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12,18H4L4.05,6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-100.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-100.svg
new file mode 100644
index 00000000..85c1db7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-100.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-100" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-20.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-20.svg
new file mode 100644
index 00000000..cdfb3f69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-20" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12.05,17H4.05V6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-30.svg
new file mode 100644
index 00000000..e02b9ecc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-30" viewBox="0 0 24 24"><path d="M12,15H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-40.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-40.svg
new file mode 100644
index 00000000..fece9fda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-40" viewBox="0 0 24 24"><path d="M13 4H11V2H5V4H3C2.4 4 2 4.4 2 5V21C2 21.6 2.4 22 3 22H13C13.6 22 14 21.6 14 21V5C14 4.4 13.6 4 13 4M12 14.5H4V6H12V14.5M23 11H20V4L15 14H18V22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-50.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-50.svg
new file mode 100644
index 00000000..6fea3d76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-50.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-50" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,13H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-60.svg
new file mode 100644
index 00000000..5c6a27d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-60" viewBox="0 0 24 24"><path d="M12,11H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-70.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-70.svg
new file mode 100644
index 00000000..d1b319a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-70.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-70" viewBox="0 0 24 24"><path d="M12,10H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4M23,11H20V4L15,14H18V22L23,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-80.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-80.svg
new file mode 100644
index 00000000..5c82a57c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-80.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-80" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,9H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-90.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-90.svg
new file mode 100644
index 00000000..57194f92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-90.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-90" viewBox="0 0 24 24"><path d="M23,11H20V4L15,14H18V22M12,8H4V6H12M12.67,4H11V2H5V4H3.33A1.33,1.33 0 0,0 2,5.33V20.67C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.67V5.33A1.33,1.33 0 0,0 12.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-high.svg
new file mode 100644
index 00000000..946e6308
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-high" viewBox="0 0 24 24"><path d="M12 20H4V6H12M12.67 4H11V2H5V4H3.33C2.6 4 2 4.6 2 5.33V20.67C2 21.4 2.6 22 3.33 22H12.67C13.41 22 14 21.41 14 20.67V5.33C14 4.6 13.4 4 12.67 4M11 16H5V19H11V16M11 7H5V10H11V7M11 11.5H5V14.5H11V11.5M23 10H20V3L15 13H18V21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-low.svg
new file mode 100644
index 00000000..ba0994ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-low" viewBox="0 0 24 24"><path d="M12 20H4V6H12M12.67 4H11V2H5V4H3.33C2.6 4 2 4.6 2 5.33V20.67C2 21.4 2.6 22 3.33 22H12.67C13.41 22 14 21.41 14 20.67V5.33C14 4.6 13.4 4 12.67 4M11 16H5V19H11V16M23 10H20V3L15 13H18V21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-medium.svg
new file mode 100644
index 00000000..3cf75ea4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-medium" viewBox="0 0 24 24"><path d="M12 20H4V6H12M12.67 4H11V2H5V4H3.33C2.6 4 2 4.6 2 5.33V20.67C2 21.4 2.6 22 3.33 22H12.67C13.41 22 14 21.41 14 20.67V5.33C14 4.6 13.4 4 12.67 4M11 16H5V19H11V16M11 11.5H5V14.5H11V11.5M23 10H20V3L15 13H18V21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-outline.svg
new file mode 100644
index 00000000..401a67e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-outline" viewBox="0 0 24 24"><path d="M23.05,11H20.05V4L15.05,14H18.05V22M12,20H4L4.05,6H12.05M12.72,4H11.05V2H5.05V4H3.38A1.33,1.33 0 0,0 2.05,5.33V20.67C2.05,21.4 2.65,22 3.38,22H12.72C13.45,22 14.05,21.4 14.05,20.67V5.33A1.33,1.33 0 0,0 12.72,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-10.svg
new file mode 100644
index 00000000..796fd5de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-10" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,18.5H4V6H12V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-20.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-20.svg
new file mode 100644
index 00000000..a1fed3d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-20" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,17H4V6H12V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-30.svg
new file mode 100644
index 00000000..26c661c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-30" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,16H4V6H12V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-40.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-40.svg
new file mode 100644
index 00000000..3549e622
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-40" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,14.5H4V6H12V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-50.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-50.svg
new file mode 100644
index 00000000..f1f37e01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-50.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-50" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,13H4V6H12V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-60.svg
new file mode 100644
index 00000000..db6b38d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-60" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,11.6H4V6H12V11.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-70.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-70.svg
new file mode 100644
index 00000000..7311c1a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-70.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-70" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,10H4V6H12V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-80.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-80.svg
new file mode 100644
index 00000000..963065ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-80.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-80" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,9H4V6H12V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-90.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-90.svg
new file mode 100644
index 00000000..b11867a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-90.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-90" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,7.5H4V6H12V7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-alert.svg
new file mode 100644
index 00000000..f29e45a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-alert" viewBox="0 0 24 24"><path d="M13 4H11V2H5V4H3C2.4 4 2 4.4 2 5V21C2 21.6 2.4 22 3 22H13C13.6 22 14 21.6 14 21V5C14 4.4 13.6 4 13 4M9 18H7V16H9V18M9 14H7V8H9V14M20.1 4.9L18.7 6.3C21.8 9.4 21.8 14.5 18.7 17.6L20.1 19C24 15.2 24 8.8 20.1 4.9M17.2 7.8L15.8 9.2C17.4 10.8 17.4 13.3 15.8 14.9L17.2 16.3C19.6 13.9 19.6 10.1 17.2 7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-outline.svg
new file mode 100644
index 00000000..ad37d842
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless-outline" viewBox="0 0 24 24"><path d="M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M12,20H4V6H12V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless.svg
new file mode 100644
index 00000000..39ddb405
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging-wireless" viewBox="0 0 24 24"><path d="M13,4H11V2H5V4H3A1,1 0 0,0 2,5V21A1,1 0 0,0 3,22H13A1,1 0 0,0 14,21V5A1,1 0 0,0 13,4M20.07,4.93L18.66,6.34C21.79,9.46 21.79,14.53 18.66,17.66L20.07,19.07C23.97,15.17 23.97,8.84 20.07,4.93M17.24,7.76L15.83,9.17C17.39,10.73 17.39,13.26 15.83,14.83L17.24,16.24C19.58,13.9 19.58,10.1 17.24,7.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging.svg
new file mode 100644
index 00000000..32fb0338
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-charging.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-charging" viewBox="0 0 24 24"><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.66C17.4,22 18,21.4 18,20.67V5.33C18,4.6 17.4,4 16.67,4M11,20V14.5H9L13,7V12.5H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-check-outline.svg
new file mode 100644
index 00000000..4760c74a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-check-outline" viewBox="0 0 24 24"><path d="M16.75 21.16L14 18.16L15.16 17L16.75 18.59L20.34 15L21.5 16.41L16.75 21.16M12.35 20H8V6H16V12.35C16.63 12.13 17.3 12 18 12V5.33C18 4.6 17.4 4 16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H13.54C13 21.42 12.61 20.75 12.35 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-check.svg
new file mode 100644
index 00000000..f0ac9e2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-check" viewBox="0 0 24 24"><path d="M16.75 21.16L14 18.16L15.16 17L16.75 18.59L20.34 15L21.5 16.41L16.75 21.16M12 18C12 14.69 14.69 12 18 12V5.33C18 4.6 17.4 4 16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H13.54C12.58 20.94 12 19.54 12 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock-outline.svg
new file mode 100644
index 00000000..1ea02c50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-clock-outline" viewBox="0 0 24 24"><path d="M18 9.29V5.33C18 4.6 17.4 4 16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H12.41C13.46 22.63 14.69 23 16 23C19.87 23 23 19.87 23 16C23 12.83 20.89 10.15 18 9.29M8 6H16V9C12.13 9 9 12.13 9 16C9 17.5 9.47 18.87 10.26 20H8V6M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock.svg
new file mode 100644
index 00000000..1552d96c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-clock" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C14.69 23 13.46 22.63 12.41 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V9.29C20.89 10.15 23 12.83 23 16M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-outline.svg
new file mode 100644
index 00000000..f437a302
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-heart-outline" viewBox="0 0 24 24"><path d="M19 16.2L18.4 15.7C16.4 13.8 15 12.5 15 11C15 9.8 16 8.8 17.2 8.8C17.9 8.8 18.5 9.1 19 9.6C19.5 9.1 20.1 8.8 20.8 8.8C22 8.8 23 9.8 23 11C23 12.5 21.6 13.7 19.6 15.6L19 16.2M12.7 4H11V2H5V4H3.3C2.6 4 2 4.6 2 5.3V20.6C2 21.4 2.6 22 3.3 22H12.6C13.3 22 13.9 21.4 13.9 20.7V5.3C14 4.6 13.4 4 12.7 4M12 20H4V6H12V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-variant.svg
new file mode 100644
index 00000000..b17ba8d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-heart-variant" viewBox="0 0 24 24"><path d="M16.67 4H15V2H9V4H7.33A1.34 1.34 0 0 0 6 5.33V20.67A1.34 1.34 0 0 0 7.33 22H16.67A1.34 1.34 0 0 0 18 20.67V5.33A1.34 1.34 0 0 0 16.67 4M12.58 15.64L12 16.17L11.42 15.64C9.36 13.77 8 12.54 8 11A2.18 2.18 0 0 1 10.2 8.8A2.4 2.4 0 0 1 12 9.63A2.4 2.4 0 0 1 13.8 8.8A2.18 2.18 0 0 1 16 11C16 12.54 14.64 13.77 12.58 15.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart.svg
new file mode 100644
index 00000000..d5d21a8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-heart" viewBox="0 0 24 24"><path d="M12.67 4H11V2H5V4H3.33A1.34 1.34 0 0 0 2 5.33V20.67A1.34 1.34 0 0 0 3.33 22H12.67A1.34 1.34 0 0 0 14 20.67V5.33A1.34 1.34 0 0 0 12.67 4M19 16.17L18.42 15.64C16.36 13.77 15 12.54 15 11A2.18 2.18 0 0 1 17.2 8.8A2.4 2.4 0 0 1 19 9.63A2.4 2.4 0 0 1 20.8 8.8A2.18 2.18 0 0 1 23 11C23 12.5 21.64 13.74 19.58 15.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-high.svg
new file mode 100644
index 00000000..4eb95356
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-high" viewBox="0 0 24 24"><path d="M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 7H9V10H15V7M15 11.5H9V14.5H15V11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock-open.svg
new file mode 100644
index 00000000..f1fc11b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-lock-open" viewBox="0 0 24 24"><path d="M19.8 16H15.5V13.5C15.5 12.7 16.2 12.2 17 12.2S18.5 12.7 18.5 13.5V14H19.8V13.5C19.8 12.1 18.4 11 17 11S14.2 12.1 14.2 13.5V16C13.6 16 13 16.6 13 17.2V20.7C13 21.4 13.6 22 14.2 22H19.7C20.4 22 21 21.4 21 20.8V17.3C21 16.6 20.4 16 19.8 16M11.27 22H5.33C4.6 22 4 21.4 4 20.67V5.33C4 4.6 4.6 4 5.33 4H7V2H13V4H14.67C15.4 4 16 4.6 16 5.33V9.11C13.86 9.55 12.2 11.38 12.2 13.5V14.74C11.5 15.34 11 16.24 11 17.2V20.7C11 20.93 11.03 21.15 11.07 21.37L11.08 21.39C11.12 21.6 11.19 21.8 11.27 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock.svg
new file mode 100644
index 00000000..83312032
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-lock" viewBox="0 0 24 24"><path d="M19.8 16V14.5C19.8 13.1 18.4 12 17 12S14.2 13.1 14.2 14.5V16C13.6 16 13 16.6 13 17.2V20.7C13 21.4 13.6 22 14.2 22H19.7C20.4 22 21 21.4 21 20.8V17.3C21 16.6 20.4 16 19.8 16M18.5 16H15.5V14.5C15.5 13.7 16.2 13.2 17 13.2S18.5 13.7 18.5 14.5V16M11.27 22H5.33C4.6 22 4 21.4 4 20.67V5.33C4 4.6 4.6 4 5.33 4H7V2H13V4H14.67C15.4 4 16 4.6 16 5.33V10.11C13.86 10.55 12.2 12.38 12.2 14.5V14.74C11.5 15.34 11 16.24 11 17.2V20.7C11 21.16 11.1 21.6 11.27 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-low.svg
new file mode 100644
index 00000000..24be2392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-low" viewBox="0 0 24 24"><path d="M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-medium.svg
new file mode 100644
index 00000000..ad556242
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-medium" viewBox="0 0 24 24"><path d="M16 20H8V6H16M16.67 4H15V2H9V4H7.33C6.6 4 6 4.6 6 5.33V20.67C6 21.4 6.6 22 7.33 22H16.67C17.41 22 18 21.41 18 20.67V5.33C18 4.6 17.4 4 16.67 4M15 16H9V19H15V16M15 11.5H9V14.5H15V11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-outline.svg
new file mode 100644
index 00000000..d755a30c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-minus-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M22 17V19H14V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-variant.svg
new file mode 100644
index 00000000..9fd3ed0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-minus-variant" viewBox="0 0 24 24"><path d="M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M8,12V14H16V12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus.svg
new file mode 100644
index 00000000..93afe192
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-minus" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M22 17V19H14V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-negative.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-negative.svg
new file mode 100644
index 00000000..c3bdd77c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-negative.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-negative" viewBox="0 0 24 24"><path d="M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M15,12H23V14H15V12M3,13H11V6H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-off-outline.svg
new file mode 100644
index 00000000..03d6a686
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-off-outline" viewBox="0 0 24 24"><path d="M18 17.35L3.38 2.73L2.11 4L6 7.89V20.67A1.34 1.34 0 0 0 7.33 22H16.67A1.34 1.34 0 0 0 18 20.67V19.89L20.84 22.73L22.11 21.46M16 20H8V9.89L16 17.89M16 6V12.8L18 14.8V5.33A1.34 1.34 0 0 0 16.67 4H15V2H9V4H7.21L9.21 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-off.svg
new file mode 100644
index 00000000..b1d04ba9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-off" viewBox="0 0 24 24"><path d="M18 14.8L7.21 4H9V2H15V4H16.67A1.34 1.34 0 0 1 18 5.33M18 17.35L3.38 2.73L2.11 4L6 7.89V20.67A1.34 1.34 0 0 0 7.33 22H16.67A1.34 1.34 0 0 0 18 20.67V19.89L20.84 22.73L22.11 21.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-outline.svg
new file mode 100644
index 00000000..94cf414e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-outline" viewBox="0 0 24 24"><path d="M16,20H8V6H16M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-outline.svg
new file mode 100644
index 00000000..0adbda14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-plus-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M22 17V19H19V22H17V19H14V17H17V14H19V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-variant.svg
new file mode 100644
index 00000000..d7bcf381
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-plus-variant" viewBox="0 0 24 24"><path d="M16.67,4C17.4,4 18,4.6 18,5.33V20.67A1.33,1.33 0 0,1 16.67,22H7.33C6.6,22 6,21.4 6,20.67V5.33A1.33,1.33 0 0,1 7.33,4H9V2H15V4H16.67M16,14V12H13V9H11V12H8V14H11V17H13V14H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus.svg
new file mode 100644
index 00000000..14f000a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-plus" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M22 17V19H19V22H17V19H14V17H17V14H19V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-positive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-positive.svg
new file mode 100644
index 00000000..6272852e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-positive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-positive" viewBox="0 0 24 24"><path d="M11.67,4A1.33,1.33 0 0,1 13,5.33V20.67C13,21.4 12.4,22 11.67,22H2.33C1.6,22 1,21.4 1,20.67V5.33A1.33,1.33 0 0,1 2.33,4H4V2H10V4H11.67M23,14H20V17H18V14H15V12H18V9H20V12H23V14M3,13H11V6H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove-outline.svg
new file mode 100644
index 00000000..01ae191b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-remove-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove.svg
new file mode 100644
index 00000000..8b3009af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-remove" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync-outline.svg
new file mode 100644
index 00000000..84ff37e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-sync-outline" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C17.3 12 16.63 12.13 16 12.35V6H8V20H12.35C12.61 20.75 13 21.42 13.54 22M18 13L20.25 15.25L18 17.5V16C16.15 16 14.94 17.96 15.76 19.62L14.67 20.71C12.91 18.05 14.81 14.5 18 14.5V13M18 24L15.75 21.75L18 19.5V21C19.85 21 21.06 19.04 20.24 17.38L21.33 16.29C23.09 18.95 21.19 22.5 18 22.5V24" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync.svg
new file mode 100644
index 00000000..a4d31981
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-sync" viewBox="0 0 24 24"><path d="M13.54 22H7.33C6.6 22 6 21.4 6 20.67V5.33C6 4.6 6.6 4 7.33 4H9V2H15V4H16.67C17.4 4 18 4.6 18 5.33V12C14.69 12 12 14.69 12 18C12 19.54 12.58 20.94 13.54 22M18 13L20.25 15.25L18 17.5V16C16.15 16 14.94 17.96 15.76 19.62L14.67 20.71C12.91 18.05 14.81 14.5 18 14.5V13M18 24L15.75 21.75L18 19.5V21C19.85 21 21.06 19.04 20.24 17.38L21.33 16.29C23.09 18.95 21.19 22.5 18 22.5V24" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown-bluetooth.svg
new file mode 100644
index 00000000..1ad53ce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-unknown-bluetooth" viewBox="0 0 24 24"><path d="M5,2V4H3.33A1.33,1.33 0 0,0 2,5.33V20.66C2,21.4 2.6,22 3.33,22H12.67C13.4,22 14,21.4 14,20.66V5.33C14,4.59 13.4,4 12.67,4H11V2H5M8,6A4,4 0 0,1 12,10C12,10.88 11.64,11.68 11.07,12.25L10.17,13.17C9.63,13.71 9.25,14.18 9.09,15H7.05C7.16,14.1 7.56,13.28 8.17,12.67L9.41,11.41C9.78,11.05 10,10.55 10,10C10,8.89 9.1,8 8,8A2,2 0 0,0 6,10H4A4,4 0 0,1 8,6M19,8V11.79L16.71,9.5L16,10.21L18.79,13L16,15.79L16.71,16.5L19,14.21V18H19.5L22.35,15.14L20.21,13L22.35,10.85L19.5,8H19M20,9.91L20.94,10.85L20,11.79V9.91M20,14.21L20.94,15.14L20,16.08V14.21M7,17H9V19H7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown.svg
new file mode 100644
index 00000000..8a950d3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery-unknown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery-unknown" viewBox="0 0 24 24"><path d="M15.07,12.25L14.17,13.17C13.63,13.71 13.25,14.18 13.09,15H11.05C11.16,14.1 11.56,13.28 12.17,12.67L13.41,11.41C13.78,11.05 14,10.55 14,10C14,8.89 13.1,8 12,8A2,2 0 0,0 10,10H8A4,4 0 0,1 12,6A4,4 0 0,1 16,10C16,10.88 15.64,11.68 15.07,12.25M13,19H11V17H13M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.66C6,21.4 6.6,22 7.33,22H16.67C17.4,22 18,21.4 18,20.66V5.33C18,4.59 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/battery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/battery.svg
new file mode 100644
index 00000000..fd2aa132
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/battery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-battery" viewBox="0 0 24 24"><path d="M16.67,4H15V2H9V4H7.33A1.33,1.33 0 0,0 6,5.33V20.67C6,21.4 6.6,22 7.33,22H16.67A1.33,1.33 0 0,0 18,20.67V5.33C18,4.6 17.4,4 16.67,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beach.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beach.svg
new file mode 100644
index 00000000..b4719209
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beach.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beach" viewBox="0 0 24 24"><path d="M15,18.54C17.13,18.21 19.5,18 22,18V22H5C5,21.35 8.2,19.86 13,18.9V12.4C12.16,12.65 11.45,13.21 11,13.95C10.39,12.93 9.27,12.25 8,12.25C6.73,12.25 5.61,12.93 5,13.95C5.03,10.37 8.5,7.43 13,7.04V7A1,1 0 0,1 14,6A1,1 0 0,1 15,7V7.04C19.5,7.43 22.96,10.37 23,13.95C22.39,12.93 21.27,12.25 20,12.25C18.73,12.25 17.61,12.93 17,13.95C16.55,13.21 15.84,12.65 15,12.39V18.54M7,2A5,5 0 0,1 2,7V2H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert-outline.svg
new file mode 100644
index 00000000..4fa4c154
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-alert-outline" viewBox="0 0 24 24"><path d="M3 3H21V5C19.9 5 19 5.9 19 7V19C19 20.11 18.11 21 17 21H7C5.9 21 5 20.11 5 19V7C5 5.9 4.11 5 3 5V3M7 5V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H17V5H7M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert.svg
new file mode 100644
index 00000000..7afb8ffa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-alert" viewBox="0 0 24 24"><path d="M3 3H21V5C19.9 5 19 5.9 19 7V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V7C5 5.9 4.1 5 3 5V3M7 9V10H10V9H7M7 11V12H10V11H7M10 16V15H7V16H10M12 14V13H7V14H12M12 8V7H7V8H12M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check-outline.svg
new file mode 100644
index 00000000..349a4aa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-check-outline" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M3 3H21V5C19.9 5 19 5.9 19 7V12C18.3 12 17.63 12.12 17 12.34V5H7V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H13.08C13.2 19.72 13.45 20.39 13.8 21H7C5.9 21 5 20.11 5 19V7C5 5.9 4.11 5 3 5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check.svg
new file mode 100644
index 00000000..955df50e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-check" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M3 3H21V5C19.9 5 19 5.9 19 7V12C15.69 12 13 14.69 13 18C13 19.09 13.29 20.12 13.8 21H7C5.9 21 5 20.1 5 19V7C5 5.9 4.1 5 3 5V3M7 9V10H10V9H7M7 11V12H10V11H7M10 16V15H7V16H10M12 14V13H7V14H12M12 8V7H7V8H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus-outline.svg
new file mode 100644
index 00000000..c7559b69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-minus-outline" viewBox="0 0 24 24"><path d="M23 17V19H15V17M3 3H21V5C19.9 5 19 5.9 19 7V12C18.3 12 17.63 12.12 17 12.34V5H7V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H13.08C13.2 19.72 13.45 20.39 13.8 21H7C5.9 21 5 20.11 5 19V7C5 5.9 4.11 5 3 5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus.svg
new file mode 100644
index 00000000..64c3b4e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-minus" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M3 3H21V5C19.9 5 19 5.9 19 7V12C15.69 12 13 14.69 13 18C13 19.09 13.29 20.12 13.8 21H7C5.9 21 5 20.1 5 19V7C5 5.9 4.1 5 3 5V3M7 9V10H10V9H7M7 11V12H10V11H7M10 16V15H7V16H10M12 14V13H7V14H12M12 8V7H7V8H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-outline.svg
new file mode 100644
index 00000000..ab637960
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-outline" viewBox="0 0 24 24"><path d="M3,3H21V5A2,2 0 0,0 19,7V19A2,2 0 0,1 17,21H7A2,2 0 0,1 5,19V7A2,2 0 0,0 3,5V3M7,5V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H17V5H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus-outline.svg
new file mode 100644
index 00000000..0f9251e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-plus-outline" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M3 3H21V5C19.9 5 19 5.9 19 7V12C18.3 12 17.63 12.12 17 12.34V5H7V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H13.08C13.2 19.72 13.45 20.39 13.8 21H7C5.9 21 5 20.11 5 19V7C5 5.9 4.11 5 3 5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus.svg
new file mode 100644
index 00000000..6f4f65bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-plus" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M3 3H21V5C19.9 5 19 5.9 19 7V12C15.69 12 13 14.69 13 18C13 19.09 13.29 20.12 13.8 21H7C5.9 21 5 20.1 5 19V7C5 5.9 4.1 5 3 5V3M7 9V10H10V9H7M7 11V12H10V11H7M10 16V15H7V16H10M12 14V13H7V14H12M12 8V7H7V8H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question-outline.svg
new file mode 100644
index 00000000..459fabfc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-question-outline" viewBox="0 0 24 24"><path d="M0 3H18V5C16.9 5 16 5.9 16 7V19C16 20.11 15.11 21 14 21H4C2.9 21 2 20.11 2 19V7C2 5.9 1.11 5 0 5V3M4 5V7H9V8H4V9H7V10H4V11H7V12H4V13H9V14H4V15H7V16H4V19H14V5H4M21.5 15.5V17H20V15.5H21.5M19.5 10.5H18V10C18 8.34 19.34 7 21 7C22.66 7 24 8.34 24 10C24 10.97 23.5 11.88 22.71 12.41L22.41 12.6C21.84 13 21.5 13.62 21.5 14.3V14.5H20V14.3C20 13.11 20.6 12 21.59 11.35L21.88 11.16C22.27 10.9 22.5 10.47 22.5 10C22.5 9.18 21.83 8.5 21 8.5C20.17 8.5 19.5 9.17 19.5 10V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question.svg
new file mode 100644
index 00000000..eb48460d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-question" viewBox="0 0 24 24"><path d="M0 3H18V5C16.9 5 16 5.9 16 7V19C16 20.1 15.1 21 14 21H4C2.9 21 2 20.1 2 19V7C2 5.9 1.1 5 0 5V3M4 9V10H7V9H4M4 11V12H7V11H4M7 16V15H4V16H7M9 14V13H4V14H9M9 8V7H4V8H9M21.5 15.5V17H20V15.5H21.5M19.5 10.5H18V10C18 8.34 19.34 7 21 7C22.66 7 24 8.34 24 10C24 10.97 23.5 11.88 22.71 12.41L22.41 12.6C21.84 13 21.5 13.62 21.5 14.3V14.5H20V14.3C20 13.11 20.6 12 21.59 11.35L21.88 11.16C22.27 10.9 22.5 10.47 22.5 10C22.5 9.18 21.83 8.5 21 8.5C20.17 8.5 19.5 9.17 19.5 10V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove-outline.svg
new file mode 100644
index 00000000..018fafc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-remove-outline" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M3 3H21V5C19.9 5 19 5.9 19 7V12C18.3 12 17.63 12.12 17 12.34V5H7V7H12V8H7V9H10V10H7V11H10V12H7V13H12V14H7V15H10V16H7V19H13.08C13.2 19.72 13.45 20.39 13.8 21H7C5.9 21 5 20.11 5 19V7C5 5.9 4.11 5 3 5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove.svg
new file mode 100644
index 00000000..7959ad32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker-remove" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M3 3H21V5C19.9 5 19 5.9 19 7V12C15.69 12 13 14.69 13 18C13 19.09 13.29 20.12 13.8 21H7C5.9 21 5 20.1 5 19V7C5 5.9 4.1 5 3 5V3M7 9V10H10V9H7M7 11V12H10V11H7M10 16V15H7V16H10M12 14V13H7V14H12M12 8V7H7V8H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beaker.svg
new file mode 100644
index 00000000..511bdedc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beaker" viewBox="0 0 24 24"><path d="M3,3V5A2,2 0 0,1 5,7V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V7A2,2 0 0,1 21,5V3H3M7,9H10V10H7V9M7,11H10V12H7V11M10,16H7V15H10V16M12,14H7V13H12V14M12,8H7V7H12V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-clock.svg
new file mode 100644
index 00000000..046c545d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-clock" viewBox="0 0 24 24"><path d="M19.2 9.5L16 7.7V4H17.5V6.8L19.9 8.2L19.2 9.5M22.2 11.7C22.7 12.4 23 13.2 23 14V23H21V20H3V23H1V8H3V17H11V10.6C10.4 9.5 10 8.3 10 7C10 3.1 13.1 0 17 0S24 3.1 24 7C24 8.8 23.3 10.4 22.2 11.7M12 7C12 9.8 14.2 12 17 12S22 9.8 22 7 19.8 2 17 2 12 4.2 12 7M7 16C8.7 16 10 14.7 10 13S8.7 10 7 10 4 11.3 4 13 5.3 16 7 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-double-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-double-outline.svg
new file mode 100644
index 00000000..74e4cd4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-double-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-double-outline" viewBox="0 0 24 24"><path d="M8 5C7.5 5 7 5.21 6.61 5.6S6 6.45 6 7V10C5.47 10 5 10.19 4.59 10.59S4 11.47 4 12V17H5.34L6 19H7L7.69 17H16.36L17 19H18L18.66 17H20V12C20 11.47 19.81 11 19.41 10.59S18.53 10 18 10V7C18 6.45 17.8 6 17.39 5.6S16.5 5 16 5M8 7H11V10H8M13 7H16V10H13M6 12H18V15H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-double.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-double.svg
new file mode 100644
index 00000000..0bf75931
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-double.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-double" viewBox="0 0 24 24"><path d="M18 10V7A2 2 0 0 0 16 5H8A2 2 0 0 0 6 7V10A2 2 0 0 0 4 12V17H5.33L6 19H7L7.67 17H16.33L17 19H18L18.67 17H20V12A2 2 0 0 0 18 10M11 10H8V7H11M16 10H13V7H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-empty.svg
new file mode 100644
index 00000000..153a1745
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-empty" viewBox="0 0 24 24"><path d="M19,7H5V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-king-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-king-outline.svg
new file mode 100644
index 00000000..0acf9e8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-king-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-king-outline" viewBox="0 0 24 24"><path d="M20 10V7A2 2 0 0 0 18 5H6A2 2 0 0 0 4 7V10A2 2 0 0 0 2 12V17H3.33L4 19H5L5.67 17H18.33L19 19H20L20.67 17H22V12A2 2 0 0 0 20 10M13 7H18V10H13M6 7H11V10H6M20 15H4V12H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-king.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-king.svg
new file mode 100644
index 00000000..f79f242c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-king.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-king" viewBox="0 0 24 24"><path d="M6 5C5.47 5 5 5.21 4.59 5.6S4 6.45 4 7V10C3.45 10 3 10.19 2.6 10.59S2 11.47 2 12V17H3.33L4 19H5L5.67 17H18.33L19 19H20L20.67 17H22V12C22 11.47 21.79 11 21.4 10.59C21 10.19 20.55 10 20 10V7C20 6.45 19.81 6 19.41 5.6S18.53 5 18 5M6 7H11V10H6M13 7H18V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-outline.svg
new file mode 100644
index 00000000..d40c5115
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-outline" viewBox="0 0 24 24"><path d="M7 14C8.66 14 10 12.66 10 11C10 9.34 8.66 8 7 8C5.34 8 4 9.34 4 11C4 12.66 5.34 14 7 14M7 10C7.55 10 8 10.45 8 11C8 11.55 7.55 12 7 12C6.45 12 6 11.55 6 11C6 10.45 6.45 10 7 10M19 7H11V15H3V5H1V20H3V17H21V20H23V11C23 8.79 21.21 7 19 7M21 15H13V9H19C20.1 9 21 9.9 21 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen-outline.svg
new file mode 100644
index 00000000..ed42f0da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-queen-outline" viewBox="0 0 24 24"><path d="M19 10V7A2 2 0 0 0 17 5H7A2 2 0 0 0 5 7V10A2 2 0 0 0 3 12V17H4.33L5 19H6L6.67 17H17.33L18 19H19L19.67 17H21V12A2 2 0 0 0 19 10M7 7H17V10H7M19 15H5V12H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen.svg
new file mode 100644
index 00000000..7d194773
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-queen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-queen" viewBox="0 0 24 24"><path d="M19 10V7A2 2 0 0 0 17 5H7A2 2 0 0 0 5 7V10A2 2 0 0 0 3 12V17H4.33L5 19H6L6.67 17H17.33L18 19H19L19.67 17H21V12A2 2 0 0 0 19 10M17 10H7V7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-single-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-single-outline.svg
new file mode 100644
index 00000000..d7d7d5d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-single-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-single-outline" viewBox="0 0 24 24"><path d="M17 10V7C17 5.9 16.11 5 15 5H9C7.9 5 7 5.9 7 7V10C5.9 10 5 10.9 5 12V17H6.33L7 19H8L8.67 17H15.33L16 19H17L17.67 17H19V12C19 10.9 18.11 10 17 10M9 7H15V10H9M17 15H7V12H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed-single.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed-single.svg
new file mode 100644
index 00000000..0b367345
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed-single.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed-single" viewBox="0 0 24 24"><path d="M17 10V7C17 5.9 16.11 5 15 5H9C7.9 5 7 5.9 7 7V10C5.9 10 4.89 10.9 5 12V17H6.33L7 19H8L8.67 17H15.33L16 19H17L17.67 17H19V12C19 10.9 18.11 10 17 10M15 10H9V7H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bed.svg
new file mode 100644
index 00000000..a8c9c505
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bed" viewBox="0 0 24 24"><path d="M19,7H11V14H3V5H1V20H3V17H21V20H23V11A4,4 0 0,0 19,7M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bee-flower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bee-flower.svg
new file mode 100644
index 00000000..68758a94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bee-flower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bee-flower" viewBox="0 0 24 24"><path d="M11.6 13V12.9L11.3 12.6H11.2L9.6 12C10 11.7 10.4 11.5 10.9 11.5C11.4 11.5 11.9 11.7 12.3 12.1C12.7 12.5 12.9 12.9 12.9 13.4C12.9 13.9 12.8 14.3 12.4 14.7L11.6 13M9.7 19.3C9.4 18.3 9.6 17.1 10.4 15.5L11.6 18.6C11.8 19.2 11.6 19.6 11 19.9C10.4 20.2 10 20 9.7 19.3M4.1 13.1C4.3 12.5 4.7 12.3 5.3 12.5L8.5 13.7C6.9 14.5 5.7 14.7 4.7 14.4C4.1 14.1 3.9 13.7 4.1 13.1M12 8.1H11V9.5H10.6C9.5 9.5 8.6 9.9 7.8 10.7L7.4 11.3L6 10.5C5.7 10.4 5.4 10.4 5 10.4C4.4 10.4 3.8 10.6 3.3 11S2.4 11.8 2.2 12.4C2 13.1 2 13.7 2.2 14.4C2.5 15.1 2.8 15.6 3.3 15.9C2.9 17.4 3.2 18.7 4.3 19.8C5.1 20.6 6 21 7.1 21C7.6 21 7.9 21 8.2 20.9C8.8 21.7 9.6 22.2 10.6 22.2C10.9 22.2 11.3 22.2 11.6 22.1C12.2 21.9 12.6 21.5 13 21C13.4 20.4 13.6 19.9 13.6 19.3C13.6 18.9 13.6 18.6 13.5 18.3L12.9 16.9L13.5 16.5C14.3 15.7 14.7 14.6 14.6 13.4H16V12.4H14.4C14 11.2 13.2 10.4 12 10V8.1M17.3 6.8C17.1 6.6 17 6.3 17 6.1C17 5.8 17.1 5.6 17.3 5.4C17.5 5.2 17.7 5.1 18 5.1S18.5 5.2 18.7 5.4C18.9 5.5 19 5.8 19 6.1C19 6.4 18.9 6.6 18.7 6.8C18.5 7 18.3 7 18 7S17.5 7 17.3 6.8M20.7 4.1H19.6L19.3 3.2C19.1 2.5 18.7 2.2 18 2.2C17.3 2.2 16.8 2.5 16.7 3.2L16.4 4.1H15.3C14.7 4.1 14.3 4.4 14 5C13.8 5.6 14 6.1 14.6 6.5L15.5 7L15.1 8.2C14.9 8.6 15 9 15.2 9.4C15.5 9.8 15.8 10 16.3 10C16.7 10 17 9.9 17.2 9.7L18 9.1L18.8 9.8C19 9.9 19.3 10 19.7 10C20.2 10 20.5 9.8 20.8 9.4C21 9 21.1 8.6 20.9 8.2L20.5 7L21.3 6.5C21.9 6.1 22.1 5.6 21.9 5C21.7 4.3 21.3 4.1 20.7 4.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bee.svg
new file mode 100644
index 00000000..9f1b9a52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bee" viewBox="0 0 24 24"><path d="M17.4 9C17 7.8 16.2 7 15 6.5V5H14V6.4H13.6C12.5 6.4 11.6 6.8 10.8 7.6L10.4 8L9 7.5C8.7 7.4 8.4 7.3 8 7.3C7.4 7.3 6.8 7.5 6.3 7.9C5.7 8.3 5.4 8.8 5.2 9.3C5 10 5 10.6 5.2 11.3C5.5 12 5.8 12.5 6.3 12.8C5.9 14.3 6.2 15.6 7.3 16.7C8.1 17.5 9 17.9 10.1 17.9C10.6 17.9 10.9 17.9 11.2 17.8C11.8 18.6 12.6 19.1 13.6 19.1C13.9 19.1 14.3 19.1 14.6 19C15.2 18.8 15.6 18.4 16 17.9C16.4 17.3 16.6 16.8 16.6 16.2C16.6 15.8 16.6 15.5 16.5 15.2L16 13.6L16.6 13.2C17.4 12.4 17.8 11.3 17.7 10.1H19V9H17.4M7.7 11.3C7.1 11 6.9 10.6 7.1 10C7.3 9.4 7.7 9.2 8.3 9.4L11.5 10.6C9.9 11.4 8.7 11.6 7.7 11.3M14 16.9C13.4 17.1 13 16.9 12.7 16.3C12.4 15.3 12.6 14.1 13.4 12.5L14.6 15.6C14.8 16.3 14.6 16.7 14 16.9M15.2 11.6L14.6 10V9.9L14.3 9.6H14.2L12.6 9C13 8.7 13.4 8.5 13.9 8.5C14.4 8.5 14.9 8.7 15.3 9.1C15.7 9.5 15.9 9.9 15.9 10.4C15.7 10.7 15.5 11.2 15.2 11.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beehive-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beehive-off-outline.svg
new file mode 100644
index 00000000..08a5ddc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beehive-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beehive-off-outline" viewBox="0 0 24 24"><path d="M1.1 3L4.7 6.5C3.7 7.2 3 8.2 3 9.5C3 10.1 3.2 10.7 3.5 11.2C2 11.6 1 12.9 1 14.5C1 15.8 1.7 16.8 2.7 17.5C2.2 18 2 18.7 2 19.5C2 21.4 3.6 23 5.5 23H18.5C19.3 23 20 22.7 20.6 22.3L21.3 23L22.6 21.7L2.4 1.7L1.1 3M9.2 11H6.5C5.7 11 5 10.3 5 9.5C5 8.8 5.5 8.2 6.2 8L9.2 11M9 21H5.5C4.7 21 4 20.3 4 19.5S4.7 18 5.5 18H9V21M9.2 16H4.5C3.7 16 3 15.3 3 14.5S3.7 13 4.5 13H11.2L12.2 14H12C10.7 14 9.6 14.8 9.2 16M18.5 21H15V18H16.2L19.1 20.9C18.9 21 18.7 21 18.5 21M7.1 3.9L5.7 2.5C6.3 1.6 7.3 1 8.5 1H15.5C17.4 1 19 2.6 19 4.5C19 5.1 18.8 5.7 18.5 6.2C20 6.6 21 7.9 21 9.5C21 10.1 20.8 10.7 20.5 11.2C21.9 11.7 23 13 23 14.5C23 15.8 22.3 16.8 21.3 17.5C21.6 17.9 21.8 18.3 21.9 18.7L19.2 16H19.5C20.3 16 21 15.3 21 14.5S20.3 13 19.5 13H16.2L14.2 11H17.5C18.3 11 19 10.3 19 9.5S18.3 8 17.5 8H11.2L9.2 6H15.5C16.3 6 17 5.3 17 4.5S16.3 3 15.5 3H8.5C7.9 3 7.3 3.4 7.1 3.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beehive-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beehive-outline.svg
new file mode 100644
index 00000000..1ca8b70a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beehive-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beehive-outline" viewBox="0 0 24 24"><path d="M23 14.5C23 12.94 21.97 11.63 20.55 11.18C20.83 10.68 21 10.11 21 9.5C21 7.94 19.97 6.63 18.55 6.18C18.83 5.68 19 5.11 19 4.5C19 2.57 17.43 1 15.5 1H8.5C6.57 1 5 2.57 5 4.5C5 5.11 5.17 5.68 5.45 6.18C4.04 6.63 3 7.94 3 9.5C3 10.11 3.17 10.68 3.45 11.18C2.04 11.63 1 12.94 1 14.5C1 15.76 1.67 16.84 2.67 17.46C2.25 18.03 2 18.74 2 19.5C2 21.43 3.57 23 5.5 23H18.5C20.43 23 22 21.43 22 19.5C22 18.74 21.75 18.03 21.33 17.46C22.33 16.84 23 15.76 23 14.5M8.5 3H15.5C16.33 3 17 3.67 17 4.5S16.33 6 15.5 6H8.5C7.67 6 7 5.33 7 4.5S7.67 3 8.5 3M6.5 8H17.5C18.33 8 19 8.67 19 9.5S18.33 11 17.5 11H6.5C5.67 11 5 10.33 5 9.5S5.67 8 6.5 8M4 19.5C4 18.67 4.67 18 5.5 18H9V21H5.5C4.67 21 4 20.33 4 19.5M18.5 21H15V18H18.5C19.33 18 20 18.67 20 19.5S19.33 21 18.5 21M19.5 16H14.82C14.4 14.84 13.3 14 12 14S9.6 14.84 9.18 16H4.5C3.67 16 3 15.33 3 14.5S3.67 13 4.5 13H19.5C20.33 13 21 13.67 21 14.5S20.33 16 19.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beekeeper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beekeeper.svg
new file mode 100644
index 00000000..ec307f76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beekeeper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beekeeper" viewBox="0 0 24 24"><path d="M19 5H16C16 3.34 14.21 2 12 2C9.79 2 8 3.34 8 5H5C4.45 5 4 5.45 4 6S4.45 7 5 7V14C5 15.11 5.9 16 7 16H17C18.11 16 19 15.11 19 14V7C19.55 7 20 6.55 20 6S19.55 5 19 5M17 14H7V7H17V14M15.86 8C15.94 8.32 16 8.65 16 9C16 11.21 14.21 13 12 13S8 11.21 8 9C8 8.65 8.06 8.32 8.14 8H10.28C10.11 8.3 10 8.63 10 9C10 10.1 10.9 11 12 11S14 10.1 14 9C14 8.63 13.89 8.3 13.72 8H15.86M20 19V22H4V19C4 18.22 4.47 17.55 5.18 17H12C9.28 17 6.19 18.29 6 19V20H18V19C17.81 18.29 14.72 17 12 17H18.82C19.53 17.55 20 18.22 20 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beer-outline.svg
new file mode 100644
index 00000000..039936e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beer-outline" viewBox="0 0 24 24"><path d="M4 2L6 22H17L19 2H4M6.2 4H16.8L16.5 7.23C13.18 8.5 11.85 7.67 11.38 7.31C11.13 7.12 10.77 6.69 10.11 6.39C9.45 6.08 8.55 6 7.5 6.32C7.09 6.43 6.77 6.61 6.5 6.79L6.2 4M8.86 8.11C9.05 8.11 9.16 8.15 9.27 8.2C9.5 8.3 9.71 8.55 10.17 8.9C11.03 9.56 13.03 10.36 16.26 9.41L15.2 20H7.8L6.71 9.06C6.76 9 6.91 8.89 7.17 8.71C7.5 8.5 7.91 8.28 8 8.25L8 8.25H8.03C8.41 8.14 8.67 8.1 8.86 8.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beer.svg
new file mode 100644
index 00000000..8f3073f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beer" viewBox="0 0 24 24"><path d="M4,2H19L17,22H6L4,2M6.2,4L7.8,20H8.8L7.43,6.34C8.5,6 9.89,5.89 11,7C12.56,8.56 15.33,7.69 16.5,7.23L16.8,4H6.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert-outline.svg
new file mode 100644
index 00000000..6d1b1151
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-alert-outline" viewBox="0 0 24 24"><path d="M12 2A2 2 0 0 0 10 4A2 2 0 0 0 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H21V19L19 17V11C19 7.82 16.88 5.14 14 4.29A2 2 0 0 0 14 4A2 2 0 0 0 12 2M12 6A5 5 0 0 1 17 11V18H7V11A5 5 0 0 1 12 6M21 7V13H23V7H21M21 15V17H23V15H21M10 21A2 2 0 0 0 12 23A2 2 0 0 0 14 21H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert.svg
new file mode 100644
index 00000000..ce5e8ecf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-alert" viewBox="0 0 24 24"><path d="M23 7V13H21V7M21 15H23V17H21M12 2A2 2 0 0 0 10 4A2 2 0 0 0 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H21V19L19 17V11C19 7.82 16.88 5.14 14 4.29A2 2 0 0 0 14 4A2 2 0 0 0 12 2M10 21A2 2 0 0 0 12 23A2 2 0 0 0 14 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge-outline.svg
new file mode 100644
index 00000000..753eeeb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-badge-outline" viewBox="0 0 24 24"><path d="M19 17V11.8C18.5 11.9 18 12 17.5 12H17V18H7V11C7 8.2 9.2 6 12 6C12.1 4.7 12.7 3.6 13.5 2.7C13.2 2.3 12.6 2 12 2C10.9 2 10 2.9 10 4V4.3C7 5.2 5 7.9 5 11V17L3 19V20H21V19L19 17M10 21C10 22.1 10.9 23 12 23S14 22.1 14 21H10M21 6.5C21 8.4 19.4 10 17.5 10S14 8.4 14 6.5 15.6 3 17.5 3 21 4.6 21 6.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge.svg
new file mode 100644
index 00000000..173b77c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-badge" viewBox="0 0 24 24"><path d="M21 6.5C21 8.43 19.43 10 17.5 10S14 8.43 14 6.5 15.57 3 17.5 3 21 4.57 21 6.5M19 11.79C18.5 11.92 18 12 17.5 12C14.47 12 12 9.53 12 6.5C12 5.03 12.58 3.7 13.5 2.71C13.15 2.28 12.61 2 12 2C10.9 2 10 2.9 10 4V4.29C7.03 5.17 5 7.9 5 11V17L3 19V20H21V19L19 17V11.79M12 23C13.11 23 14 22.11 14 21H10C10 22.11 10.9 23 12 23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel-outline.svg
new file mode 100644
index 00000000..18f92cdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-cancel-outline" viewBox="0 0 24 24"><path d="M17.5 13A4.5 4.5 0 0 0 13 17.5A4.5 4.5 0 0 0 17.5 22A4.5 4.5 0 0 0 22 17.5A4.5 4.5 0 0 0 17.5 13M17.5 14.5A3 3 0 0 1 20.5 17.5A3 3 0 0 1 20.08 19L16 14.92A3 3 0 0 1 17.5 14.5M14.92 16L19 20.08A3 3 0 0 1 17.5 20.5A3 3 0 0 1 14.5 17.5A3 3 0 0 1 14.92 16M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H11.5A6.5 6.5 0 0 1 11.03 18H7V11A5 5 0 0 1 12 6A5 5 0 0 1 17 11V11A6.5 6.5 0 0 1 17.5 11A6.5 6.5 0 0 1 19 11.18V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M10 21C10 22.11 10.9 23 12 23C12.5 23 12.97 22.81 13.33 22.5A6.5 6.5 0 0 1 12.03 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel.svg
new file mode 100644
index 00000000..3f8fe044
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-cancel" viewBox="0 0 24 24"><path d="M17.5 13A4.5 4.5 0 0 0 13 17.5A4.5 4.5 0 0 0 17.5 22A4.5 4.5 0 0 0 22 17.5A4.5 4.5 0 0 0 17.5 13M17.5 14.5A3 3 0 0 1 20.5 17.5A3 3 0 0 1 20.08 19L16 14.92A3 3 0 0 1 17.5 14.5M14.92 16L19 20.08A3 3 0 0 1 17.5 20.5A3 3 0 0 1 14.5 17.5A3 3 0 0 1 14.92 16M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H11.5A6.5 6.5 0 0 1 11 17.5A6.5 6.5 0 0 1 17.5 11A6.5 6.5 0 0 1 19 11.18V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M10 21C10 22.11 10.9 23 12 23C12.5 23 12.97 22.81 13.33 22.5A6.5 6.5 0 0 1 12.03 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-check-outline.svg
new file mode 100644
index 00000000..bf3b3dc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-check-outline" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M10 21H12.8C13.04 21.41 13.33 21.79 13.65 22.13C13.29 22.66 12.69 23 12 23C10.9 23 10 22.11 10 21M3 20V19L5 17V11C5 7.9 7.03 5.18 10 4.29V4C10 2.9 10.9 2 12 2C13.11 2 14 2.9 14 4V4.29C16.97 5.18 19 7.9 19 11V12.08L18 12L17 12.08V11C17 8.24 14.76 6 12 6C9.24 6 7 8.24 7 11V18H12C12 18.7 12.12 19.37 12.34 20H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-check.svg
new file mode 100644
index 00000000..77558b38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-check" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M3 20V19L5 17V11C5 7.9 7.03 5.18 10 4.29V4C10 2.9 10.9 2 12 2C13.11 2 14 2.9 14 4V4.29C16.97 5.18 19 7.9 19 11V12.08L18 12C14.69 12 12 14.69 12 18C12 18.7 12.12 19.37 12.34 20H3M12 23C10.9 23 10 22.11 10 21H12.8C13.04 21.41 13.33 21.79 13.65 22.13C13.29 22.66 12.69 23 12 23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle-outline.svg
new file mode 100644
index 00000000..a145cd27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-circle-outline" viewBox="0 0 24 24"><path d="M17,16H7V15L8,14V11.39C8,10.3 8.27,9.34 8.79,8.53C9.3,7.72 10.04,7.21 11,7V6.5A1,1 0 0,1 12,5.5A1,1 0 0,1 13,6.5V7C13.96,7.21 14.7,7.72 15.21,8.53C15.73,9.34 16,10.3 16,11.39V14L17,15V16M13.5,17A1.5,1.5 0 0,1 12,18.5A1.5,1.5 0 0,1 10.5,17H13.5M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle.svg
new file mode 100644
index 00000000..ab02670b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M17,16V15L16,14V11.39C16,10.3 15.73,9.34 15.21,8.53C14.7,7.72 13.96,7.21 13,7V6.5A1,1 0 0,0 12,5.5A1,1 0 0,0 11,6.5V7C10.04,7.21 9.3,7.72 8.79,8.53C8.27,9.34 8,10.3 8,11.39V14L7,15V16H17M13.5,17H10.5A1.5,1.5 0 0,0 12,18.5A1.5,1.5 0 0,0 13.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog-outline.svg
new file mode 100644
index 00000000..056c60a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-cog-outline" viewBox="0 0 24 24"><path d="M22.72 19.5C22.74 19.33 22.75 19.17 22.75 19S22.74 18.67 22.72 18.5L23.77 17.68C23.87 17.61 23.89 17.5 23.83 17.36L22.83 15.64C22.77 15.53 22.64 15.5 22.53 15.53L21.28 16C21 15.83 20.75 15.66 20.44 15.54L20.25 14.21C20.23 14.09 20.13 14 20 14H18C17.88 14 17.77 14.09 17.75 14.21L17.57 15.54C17.25 15.66 17 15.83 16.72 16L15.5 15.53C15.37 15.5 15.23 15.53 15.17 15.64L14.17 17.36C14.11 17.5 14.14 17.61 14.23 17.68L15.29 18.5C15.27 18.67 15.25 18.84 15.25 19S15.27 19.33 15.29 19.5L14.23 20.32C14.14 20.39 14.11 20.53 14.17 20.64L15.17 22.37C15.23 22.5 15.37 22.5 15.5 22.5L16.72 21.97C17 22.17 17.25 22.34 17.57 22.47L17.75 23.79C17.77 23.91 17.88 24 18 24H20C20.13 24 20.23 23.91 20.25 23.79L20.44 22.47C20.75 22.34 21 22.17 21.28 21.97L22.53 22.5C22.64 22.5 22.77 22.5 22.83 22.37L23.83 20.64C23.89 20.53 23.87 20.39 23.77 20.32L22.72 19.5M19 20.75C18.04 20.75 17.25 19.97 17.25 19S18.04 17.25 19 17.25 20.75 18.03 20.75 19 19.97 20.75 19 20.75M12.08 20H3V19L5 17V11C5 7.9 7 5.2 10 4.3V4C10 2.9 10.9 2 12 2S14 2.9 14 4V4.3C17 5.2 19 7.9 19 11V12C18.31 12 17.63 12.11 17 12.29V11C17 8.2 14.8 6 12 6S7 8.2 7 11V18H12.08C12.03 18.33 12 18.66 12 19C12 19.34 12.03 19.67 12.08 20M12.3 21C12.5 21.6 12.74 22.17 13.06 22.69C12.75 22.88 12.39 23 12 23C10.9 23 10 22.1 10 21H12.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog.svg
new file mode 100644
index 00000000..4dc7e059
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-cog" viewBox="0 0 24 24"><path d="M19 12C15.13 12 12 15.13 12 19C12 19.34 12.03 19.67 12.08 20H3V19L5 17V11C5 7.9 7.03 5.17 10 4.29V4C10 2.9 10.9 2 12 2S14 2.9 14 4V4.29C16.97 5.17 19 7.9 19 11V12M10 21C10 22.11 10.9 23 12 23C12.39 23 12.75 22.88 13.06 22.69C12.74 22.17 12.5 21.6 12.3 21H10M23.77 20.32C23.87 20.39 23.89 20.53 23.83 20.64L22.83 22.37C22.77 22.5 22.64 22.5 22.53 22.5L21.28 21.97C21 22.17 20.75 22.34 20.44 22.47L20.25 23.79C20.23 23.91 20.13 24 20 24H18C17.88 24 17.77 23.91 17.75 23.79L17.57 22.47C17.25 22.34 17 22.17 16.72 21.97L15.5 22.5C15.37 22.5 15.23 22.5 15.17 22.37L14.17 20.64C14.11 20.53 14.14 20.39 14.23 20.32L15.29 19.5C15.27 19.33 15.25 19.17 15.25 19S15.27 18.67 15.29 18.5L14.23 17.68C14.14 17.61 14.11 17.5 14.17 17.36L15.17 15.64C15.23 15.53 15.37 15.5 15.5 15.53L16.72 16C17 15.83 17.25 15.66 17.57 15.54L17.75 14.21C17.77 14.09 17.88 14 18 14H20C20.13 14 20.23 14.09 20.25 14.21L20.44 15.54C20.75 15.66 21 15.83 21.28 16L22.53 15.53C22.64 15.5 22.77 15.53 22.83 15.64L23.83 17.36C23.89 17.5 23.87 17.61 23.77 17.68L22.72 18.5C22.74 18.67 22.75 18.84 22.75 19S22.74 19.33 22.72 19.5L23.77 20.32M20.75 19C20.75 18.03 19.97 17.25 19 17.25S17.25 18.03 17.25 19 18.04 20.75 19 20.75 20.75 19.97 20.75 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus-outline.svg
new file mode 100644
index 00000000..a3b98dd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-minus-outline" viewBox="0 0 24 24"><path d="M12 2C10.9 2 10 2.9 10 4V4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35C12.12 19.36 12 18.68 12 18H7V11C7 8.24 9.24 6 12 6S17 8.24 17 11V12.09C17.33 12.03 17.67 12 18 12C18.34 12 18.67 12.03 19 12.09V11C19 7.82 16.88 5.14 14 4.29V4C14 2.9 13.11 2 12 2M14 17V19H22V17M10 21C10 22.11 10.9 23 12 23C12.66 23 13.28 22.67 13.65 22.13C13.33 21.79 13.05 21.41 12.81 21H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus.svg
new file mode 100644
index 00000000..afb68fc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-minus" viewBox="0 0 24 24"><path d="M22 19V17H14V19H22M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35C12.12 19.36 12 18.68 12 18C12 14.69 14.69 12 18 12C18.34 12 18.67 12.03 19 12.09V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M10 21C10 22.11 10.9 23 12 23C12.66 23 13.28 22.67 13.65 22.13C13.33 21.79 13.05 21.41 12.81 21H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-off-outline.svg
new file mode 100644
index 00000000..db8c4ee3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-off-outline" viewBox="0 0 24 24"><path d="M22.11,21.46L2.39,1.73L1.11,3L5.83,7.72C5.29,8.73 5,9.86 5,11V17L3,19V20H18.11L20.84,22.73L22.11,21.46M7,18V11C7,10.39 7.11,9.79 7.34,9.23L16.11,18H7M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M8.29,5.09C8.82,4.75 9.4,4.5 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V15.8L17,13.8V11A5,5 0 0,0 12,6C11.22,6 10.45,6.2 9.76,6.56L8.29,5.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-off.svg
new file mode 100644
index 00000000..e16bba8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-off" viewBox="0 0 24 24"><path d="M20.84,22.73L18.11,20H3V19L5,17V11C5,9.86 5.29,8.73 5.83,7.72L1.11,3L2.39,1.73L22.11,21.46L20.84,22.73M19,15.8V11C19,7.9 16.97,5.17 14,4.29C14,4.19 14,4.1 14,4A2,2 0 0,0 12,2A2,2 0 0,0 10,4C10,4.1 10,4.19 10,4.29C9.39,4.47 8.8,4.74 8.26,5.09L19,15.8M12,23A2,2 0 0,0 14,21H10A2,2 0 0,0 12,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-outline.svg
new file mode 100644
index 00000000..74b217e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-outline" viewBox="0 0 24 24"><path d="M10 21H14C14 22.1 13.1 23 12 23S10 22.1 10 21M21 19V20H3V19L5 17V11C5 7.9 7 5.2 10 4.3V4C10 2.9 10.9 2 12 2S14 2.9 14 4V4.3C17 5.2 19 7.9 19 11V17L21 19M17 11C17 8.2 14.8 6 12 6S7 8.2 7 11V18H17V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus-outline.svg
new file mode 100644
index 00000000..8e128cd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-plus-outline" viewBox="0 0 24 24"><path d="M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35C12.12 19.36 12 18.68 12 18H7V11C7 8.24 9.24 6 12 6C14.76 6 17 8.24 17 11V12.09C17.33 12.03 17.67 12 18 12C18.34 12 18.67 12.03 19 12.09V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M17 14V17H14V19H17V22H19V19H22V17H19V14M10 21C10 22.11 10.9 23 12 23C12.66 23 13.28 22.67 13.65 22.13C13.33 21.79 13.05 21.41 12.81 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus.svg
new file mode 100644
index 00000000..090ec360
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-plus" viewBox="0 0 24 24"><path d="M17 14V17H14V19H17V22H19V19H22V17H19V14M12 2A2 2 0 0 0 10 4A2 2 0 0 0 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35A6 6 0 0 1 12 18A6 6 0 0 1 18 12A6 6 0 0 1 19 12.09V11C19 7.82 16.88 5.14 14 4.29A2 2 0 0 0 14 4A2 2 0 0 0 12 2M10 21A2 2 0 0 0 12 23A2 2 0 0 0 13.65 22.13A6 6 0 0 1 12.81 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove-outline.svg
new file mode 100644
index 00000000..5bad7515
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-remove-outline" viewBox="0 0 24 24"><path d="M20.12 14.46L18 16.59L15.88 14.46L14.46 15.88L16.59 18L14.46 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35C12.12 19.36 12 18.68 12 18H7V11A5 5 0 0 1 12 6A5 5 0 0 1 17 11V12.09C17.33 12.04 17.66 12 18 12C18.34 12 18.67 12.03 19 12.09V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M10 21C10 22.11 10.9 23 12 23C12.66 23 13.28 22.67 13.65 22.13C13.33 21.79 13.05 21.41 12.81 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove.svg
new file mode 100644
index 00000000..e278a78f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-remove" viewBox="0 0 24 24"><path d="M20.12 14.46L18 16.59L15.88 14.46L14.46 15.88L16.59 18L14.46 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88M12 2C10.9 2 10 2.9 10 4C10 4.1 10 4.19 10 4.29C7.12 5.14 5 7.82 5 11V17L3 19V20H12.35C12.12 19.36 12 18.68 12 18C12 14.69 14.69 12 18 12C18.34 12 18.67 12.03 19 12.09V11C19 7.82 16.88 5.14 14 4.29C14 4.19 14 4.1 14 4C14 2.9 13.11 2 12 2M10 21C10 22.11 10.9 23 12 23C12.66 23 13.28 22.67 13.65 22.13C13.33 21.79 13.05 21.41 12.81 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring-outline.svg
new file mode 100644
index 00000000..390e51ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-ring-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring.svg
new file mode 100644
index 00000000..05dc03e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-ring.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-ring" viewBox="0 0 24 24"><path d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21M19.75,3.19L18.33,4.61C20.04,6.3 21,8.6 21,11H23C23,8.07 21.84,5.25 19.75,3.19M1,11H3C3,8.6 3.96,6.3 5.67,4.61L4.25,3.19C2.16,5.25 1,8.07 1,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep-outline.svg
new file mode 100644
index 00000000..3c5b3164
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-sleep-outline" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M17,11A5,5 0 0,0 12,6A5,5 0 0,0 7,11V18H17V11M9,9V11H12.24L9,13.7V16H15V14H11.76L15,11.3V9H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep.svg
new file mode 100644
index 00000000..b8ee1114
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell-sleep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell-sleep" viewBox="0 0 24 24"><path d="M10,21H14A2,2 0 0,1 12,23A2,2 0 0,1 10,21M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M15,9H9V11H12.24L9,13.7V16H15V14H11.76L15,11.3V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bell.svg
new file mode 100644
index 00000000..1a387b86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bell" viewBox="0 0 24 24"><path d="M21,19V20H3V19L5,17V11C5,7.9 7.03,5.17 10,4.29C10,4.19 10,4.1 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.1 14,4.19 14,4.29C16.97,5.17 19,7.9 19,11V17L21,19M14,21A2,2 0 0,1 12,23A2,2 0 0,1 10,21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/beta.svg b/apps/phoenix_webcomponent/priv/mdi/svg/beta.svg
new file mode 100644
index 00000000..91f43da9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/beta.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-beta" viewBox="0 0 24 24"><path d="M9.23,17.59V23.12H6.88V6.72C6.88,5.27 7.31,4.13 8.16,3.28C9,2.43 10.17,2 11.61,2C13,2 14.07,2.34 14.87,3C15.66,3.68 16.05,4.62 16.05,5.81C16.05,6.63 15.79,7.4 15.27,8.11C14.75,8.82 14.08,9.31 13.25,9.58V9.62C14.5,9.82 15.47,10.27 16.13,11C16.79,11.71 17.12,12.62 17.12,13.74C17.12,15.06 16.66,16.14 15.75,16.97C14.83,17.8 13.63,18.21 12.13,18.21C11.07,18.21 10.1,18 9.23,17.59M10.72,10.75V8.83C11.59,8.72 12.3,8.4 12.87,7.86C13.43,7.31 13.71,6.7 13.71,6C13.71,4.62 13,3.92 11.6,3.92C10.84,3.92 10.25,4.16 9.84,4.65C9.43,5.14 9.23,5.82 9.23,6.71V15.5C10.14,16.03 11.03,16.29 11.89,16.29C12.73,16.29 13.39,16.07 13.86,15.64C14.33,15.2 14.56,14.58 14.56,13.79C14.56,12 13.28,11 10.72,10.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/betamax.svg b/apps/phoenix_webcomponent/priv/mdi/svg/betamax.svg
new file mode 100644
index 00000000..53ed6c2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/betamax.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-betamax" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M8,9A4,4 0 0,1 12,13A4,4 0 0,1 8,17A4,4 0 0,1 4,13A4,4 0 0,1 8,9M13,9H20V17H13V9M8,11A2,2 0 0,0 6,13A2,2 0 0,0 8,15A2,2 0 0,0 10,13A2,2 0 0,0 8,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/biathlon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/biathlon.svg
new file mode 100644
index 00000000..cd1f0c3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/biathlon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-biathlon" viewBox="0 0 24 24"><path d="M12.88,3.64C13.65,3.64 14.28,4.27 14.28,5.04C14.28,5.81 13.65,6.44 12.88,6.44C12.11,6.44 11.5,5.81 11.5,5.04C11.5,4.27 12.11,3.64 12.88,3.64M15,13H16.5V19H15V13M15,8.5H16.5V10H15V8.5M10.04,2.6L8,2.04L6.06,8.58L3.9,11.42L7.17,12.37L10.04,2.6M19.67,18.55C19.31,18.93 18.88,19.5 18.4,19.7C17.91,19.92 17.54,20 17,20H13.5L13.43,17C13.42,16.83 13.37,16.67 13.28,16.5L10.88,12.24L11.76,9.5C12.34,10.55 13,11.73 13.06,11.83C13.21,12 13.45,12.13 13.69,12.13H15.9A0.81,0.81 0 0,0 16.71,11.32C16.71,10.9 16.38,10.56 15.96,10.53L14.29,10.4L12.4,7C12.4,7 12,6.42 11.14,6.42C10.27,6.42 10,6.84 9.83,7.42L6,20H3V22H17C18.37,22 19.53,21.34 20.5,20.37L19.67,18.55M9.75,14.39L11.62,17.39L11.75,20H7.75L9.75,14.39Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-basket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-basket.svg
new file mode 100644
index 00000000..e26bd94b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-basket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bicycle-basket" viewBox="0 0 24 24"><path d="M11.74 13.36L14.14 7.71L13.06 5.5H10.5V4H14L14.73 5.5H21.75L20.75 9H16.44L17.11 10.37C17.69 10.13 18.33 10 19 10C21.76 10 24 12.24 24 15C24 17.76 21.76 20 19 20C16.24 20 14 17.76 14 15C14 13.45 14.71 12.06 15.82 11.15L15 9.5L12.25 16H9.9C9.44 18.28 7.42 20 5 20C2.24 20 0 17.76 0 15C0 12.24 2.24 10 5 10C7.59 10 9.72 11.97 10 14.5H10.58L8.3 9H7.5C7.09 9 6.75 8.66 6.75 8.25C6.75 7.84 7.09 7.5 7.5 7.5H10.25C10.66 7.5 11 7.84 11 8.25C11 8.66 10.66 9 10.25 9H9.97L11.74 13.36M5 11.5C3.07 11.5 1.5 13.07 1.5 15C1.5 16.93 3.07 18.5 5 18.5C6.59 18.5 7.93 17.45 8.36 16H4V14.5H8.47C8.22 12.8 6.76 11.5 5 11.5M19 11.5C18.57 11.5 18.15 11.58 17.77 11.72L19.7 15.68L18.35 16.34L16.5 12.55C15.88 13.18 15.5 14.05 15.5 15C15.5 16.93 17.07 18.5 19 18.5C20.93 18.5 22.5 16.93 22.5 15C22.5 13.07 20.93 11.5 19 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-cargo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-cargo.svg
new file mode 100644
index 00000000..06b69171
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-cargo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bicycle-cargo" viewBox="0 0 24 24"><path d="M21 11.5V10L13.5 9V5H9V6.5H12V14.3H11L9 10C9.3 9.9 9.5 9.6 9.5 9.3C9.5 8.9 9.2 8.5 8.8 8.5H6.8C6.3 8.5 6 8.8 6 9.2S6.3 10 6.8 10H7.4L9.4 14.2H7.9C7.6 12.4 6 11 4 11C1.8 11 0 12.8 0 15S1.8 19 4 19C6 19 7.6 17.6 7.9 15.8H16.5C16.7 13.4 18.6 11.5 21 11.5M6.4 15.8C6.1 16.8 5.1 17.6 4 17.6C2.6 17.6 1.5 16.5 1.5 15.1S2.6 12.6 4 12.6C5.1 12.6 6.1 13.3 6.4 14.4H4V15.9H6.4M21 13C19.3 13 18 14.3 18 16S19.3 19 21 19 24 17.7 24 16 22.7 13 21 13M21 17.5C20.2 17.5 19.5 16.8 19.5 16S20.2 14.5 21 14.5 22.5 15.2 22.5 16 21.8 17.5 21 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-electric.svg
new file mode 100644
index 00000000..1c341073
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bicycle-electric" viewBox="0 0 24 24"><path d="M19 7C18.44 7 17.91 7.11 17.41 7.28L14.46 1.5H11V3H13.54L14.42 4.72L12 10.13L10.23 5.95C10.5 5.85 10.74 5.58 10.74 5.25C10.74 4.84 10.41 4.5 10 4.5H8C7.58 4.5 7.24 4.84 7.24 5.25S7.58 6 8 6H8.61L10.86 11.25H9.92C9.56 8.85 7.5 7 5 7C2.24 7 0 9.24 0 12S2.24 17 5 17C7.5 17 9.56 15.15 9.92 12.75H12.5L15.29 6.43L16.08 7.96C14.82 8.87 14 10.34 14 12C14 14.76 16.24 17 19 17S24 14.76 24 12 21.76 7 19 7M5 15.5C3.07 15.5 1.5 13.93 1.5 12S3.07 8.5 5 8.5C6.67 8.5 8.07 9.68 8.41 11.25H4V12.75H8.41C8.07 14.32 6.67 15.5 5 15.5M19 15.5C17.07 15.5 15.5 13.93 15.5 12C15.5 10.92 16 9.97 16.77 9.33L18.57 12.85L19.89 12.13L18.1 8.63C18.39 8.56 18.69 8.5 19 8.5C20.93 8.5 22.5 10.07 22.5 12S20.93 15.5 19 15.5M11 20H7L13 23V21H17L11 18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-penny-farthing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-penny-farthing.svg
new file mode 100644
index 00000000..bb0781ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle-penny-farthing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bicycle-penny-farthing" viewBox="0 0 24 24"><path d="M15.5 5.06V2H12V4H13.5V5.04C12.71 5.11 11.94 5.27 11.2 5.5C11.03 5.2 10.72 5 10.36 5H7C6.45 5 6 5.45 6 6S6.45 7 7 7H8.05C5.09 9 3.12 12.36 3 16.18C1.85 16.59 1 17.69 1 19C1 20.66 2.34 22 4 22S7 20.66 7 19C7 17.7 6.17 16.61 5 16.19C5.07 14.67 5.46 13.25 6.14 12C6.05 12.5 6 13 6 13.5C6 18.19 9.81 22 14.5 22C19.19 22 23 18.19 23 13.5C23 9.14 19.72 5.56 15.5 5.06M4 20C3.45 20 3 19.55 3 19S3.45 18 4 18 5 18.45 5 19 4.55 20 4 20M14.5 20C10.92 20 8 17.08 8 13.5C8 10.26 10.39 7.57 13.5 7.09V15H15.5V7.09C18.61 7.57 21 10.26 21 13.5C21 17.08 18.08 20 14.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bicycle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle.svg
new file mode 100644
index 00000000..15ca9023
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bicycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bicycle" viewBox="0 0 24 24"><path d="M19 10C18.44 10 17.91 10.11 17.41 10.28L14.46 4.5H11V6H13.54L14.42 7.72L12 13.13L10.23 8.95C10.5 8.85 10.74 8.58 10.74 8.25C10.74 7.84 10.41 7.5 10 7.5H8C7.58 7.5 7.24 7.84 7.24 8.25S7.58 9 8 9H8.61L10.86 14.25H9.92C9.56 11.85 7.5 10 5 10C2.24 10 0 12.24 0 15S2.24 20 5 20C7.5 20 9.56 18.15 9.92 15.75H12.5L15.29 9.43L16.08 10.96C14.82 11.87 14 13.34 14 15C14 17.76 16.24 20 19 20S24 17.76 24 15 21.76 10 19 10M5 18.5C3.07 18.5 1.5 16.93 1.5 15S3.07 11.5 5 11.5C6.67 11.5 8.07 12.68 8.41 14.25H4V15.75H8.41C8.07 17.32 6.67 18.5 5 18.5M19 18.5C17.07 18.5 15.5 16.93 15.5 15C15.5 13.92 16 12.97 16.77 12.33L18.57 15.85L19.89 15.13L18.1 11.63C18.39 11.56 18.69 11.5 19 11.5C20.93 11.5 22.5 13.07 22.5 15S20.93 18.5 19 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bike-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bike-fast.svg
new file mode 100644
index 00000000..cc7aa9d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bike-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bike-fast" viewBox="0 0 24 24"><path d="M16 1.2C15 1.2 14.2 2 14.2 3S15 4.8 16 4.8 17.8 4 17.8 3 17 1.2 16 1.2M12.4 4.1C11.93 4.1 11.5 4.29 11.2 4.6L7.5 8.29C7.19 8.6 7 9 7 9.5C7 10.13 7.33 10.66 7.85 10.97L11.2 13V18H13V11.5L10.75 9.85L13.07 7.5L14.8 10H19V8.2H15.8L13.86 4.93C13.57 4.43 13 4.1 12.4 4.1M10 3H3C2.45 3 2 2.55 2 2S2.45 1 3 1H12.79C12.58 1.34 12.41 1.71 12.32 2.11C11.46 2.13 10.65 2.45 10 3M5 12C2.24 12 0 14.24 0 17S2.24 22 5 22 10 19.76 10 17 7.76 12 5 12M5 20.5C3.07 20.5 1.5 18.93 1.5 17S3.07 13.5 5 13.5 8.5 15.07 8.5 17 6.93 20.5 5 20.5M19 12C16.24 12 14 14.24 14 17S16.24 22 19 22 24 19.76 24 17 21.76 12 19 12M19 20.5C17.07 20.5 15.5 18.93 15.5 17S17.07 13.5 19 13.5 22.5 15.07 22.5 17 20.93 20.5 19 20.5M5.32 11H1C.448 11 0 10.55 0 10S.448 9 1 9H5.05C5.03 9.16 5 9.33 5 9.5C5 10.03 5.12 10.54 5.32 11M6 7H2C1.45 7 1 6.55 1 6S1.45 5 2 5H7.97L6.09 6.87C6.05 6.91 6 6.96 6 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bike.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bike.svg
new file mode 100644
index 00000000..a425e223
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bike.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bike" viewBox="0 0 24 24"><path d="M5,20.5A3.5,3.5 0 0,1 1.5,17A3.5,3.5 0 0,1 5,13.5A3.5,3.5 0 0,1 8.5,17A3.5,3.5 0 0,1 5,20.5M5,12A5,5 0 0,0 0,17A5,5 0 0,0 5,22A5,5 0 0,0 10,17A5,5 0 0,0 5,12M14.8,10H19V8.2H15.8L13.86,4.93C13.57,4.43 13,4.1 12.4,4.1C11.93,4.1 11.5,4.29 11.2,4.6L7.5,8.29C7.19,8.6 7,9 7,9.5C7,10.13 7.33,10.66 7.85,10.97L11.2,13V18H13V11.5L10.75,9.85L13.07,7.5M19,20.5A3.5,3.5 0 0,1 15.5,17A3.5,3.5 0 0,1 19,13.5A3.5,3.5 0 0,1 22.5,17A3.5,3.5 0 0,1 19,20.5M19,12A5,5 0 0,0 14,17A5,5 0 0,0 19,22A5,5 0 0,0 24,17A5,5 0 0,0 19,12M16,4.8C17,4.8 17.8,4 17.8,3C17.8,2 17,1.2 16,1.2C15,1.2 14.2,2 14.2,3C14.2,4 15,4.8 16,4.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/billboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/billboard.svg
new file mode 100644
index 00000000..de5121a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/billboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-billboard" viewBox="0 0 24 24"><path d="M20 22H18V17H20M6 22H4V17H6M23 4V13A2 2 0 0 1 21 15H3A2 2 0 0 1 1 13V4A2 2 0 0 1 3 2H21A2 2 0 0 1 23 4M21 4H3V13H21M20 6H15V8H20M18 9H15V11H18M14 11H4L6.73 7.36L8.73 10.09L9.46 9.55L8.2 7.82L9.91 5.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/billiards-rack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/billiards-rack.svg
new file mode 100644
index 00000000..2d96c404
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/billiards-rack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-billiards-rack" viewBox="0 0 24 24"><path d="M20.31,16.44L14.54,6.47C13.72,5.04 11.89,4.55 10.46,5.38C10,5.64 9.63,6 9.36,6.47L3.6,16.44C2.77,17.87 3.26,19.69 4.69,20.5C5.14,20.78 5.65,20.92 6.18,20.92H17.73C19.38,20.91 20.72,19.57 20.71,17.92C20.71,17.4 20.57,16.89 20.31,16.44M5.37,17.43L11.11,7.47C11.38,7 12,6.82 12.46,7.1C12.62,7.18 12.75,7.31 12.84,7.47L18.58,17.43C18.85,17.91 18.69,18.5 18.21,18.79C18.06,18.88 17.89,18.93 17.72,18.93H6.21C5.66,18.92 5.21,18.47 5.22,17.92C5.22,17.75 5.26,17.58 5.35,17.43H5.37M11.97,13.45C10.87,13.45 10,12.56 10,11.46C10,10.35 10.87,9.46 11.97,9.46A2,2 0 0,1 13.97,11.46C13.97,12.56 13.07,13.45 11.95,13.45H11.97M9.46,17.93C8.36,17.93 7.47,17.04 7.47,15.94C7.47,14.84 8.36,13.95 9.46,13.95C10.56,13.95 11.46,14.84 11.46,15.94C11.46,17.04 10.56,17.93 9.46,17.93M14.44,17.93A2,2 0 0,1 12.45,15.94A2,2 0 0,1 14.44,13.95C15.54,13.95 16.44,14.84 16.44,15.94C16.44,17.04 15.54,17.93 14.44,17.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/billiards.svg b/apps/phoenix_webcomponent/priv/mdi/svg/billiards.svg
new file mode 100644
index 00000000..c8626f79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/billiards.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-billiards" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15A2,2 0 0,0 11,17M12,1C5.92,1 1,5.92 1,12C1,18.08 5.92,23 12,23C18.08,23 23,18.08 23,12C23,5.92 18.08,1 12,1M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/binoculars.svg b/apps/phoenix_webcomponent/priv/mdi/svg/binoculars.svg
new file mode 100644
index 00000000..7a03a651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/binoculars.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-binoculars" viewBox="0 0 24 24"><path d="M11,6H13V13H11V6M9,20A1,1 0 0,1 8,21H5A1,1 0 0,1 4,20V15L6,6H10V13A1,1 0 0,1 9,14V20M10,5H7V3H10V5M15,20V14A1,1 0 0,1 14,13V6H18L20,15V20A1,1 0 0,1 19,21H16A1,1 0 0,1 15,20M14,5V3H17V5H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bio.svg
new file mode 100644
index 00000000..a24bfe1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bio" viewBox="0 0 24 24"><path d="M17,12H20A2,2 0 0,1 22,14V17A2,2 0 0,1 20,19H17A2,2 0 0,1 15,17V14A2,2 0 0,1 17,12M17,14V17H20V14H17M2,7H7A2,2 0 0,1 9,9V11A2,2 0 0,1 7,13A2,2 0 0,1 9,15V17A2,2 0 0,1 7,19H2V13L2,7M4,9V12H7V9H4M4,17H7V14H4V17M11,13H13V19H11V13M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/biohazard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/biohazard.svg
new file mode 100644
index 00000000..288c89a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/biohazard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-biohazard" viewBox="0 0 24 24"><path d="M23,16.06C23,16.29 23,16.5 22.96,16.7C22.78,14.14 20.64,12.11 18,12.11C17.63,12.11 17.27,12.16 16.92,12.23C16.96,12.5 17,12.73 17,13C17,15.35 15.31,17.32 13.07,17.81C13.42,20.05 15.31,21.79 17.65,21.96C17.43,22 17.22,22 17,22C14.92,22 13.07,20.94 12,19.34C10.93,20.94 9.09,22 7,22C6.78,22 6.57,22 6.35,21.96C8.69,21.79 10.57,20.06 10.93,17.81C8.68,17.32 7,15.35 7,13C7,12.73 7.04,12.5 7.07,12.23C6.73,12.16 6.37,12.11 6,12.11C3.36,12.11 1.22,14.14 1.03,16.7C1,16.5 1,16.29 1,16.06C1,12.85 3.59,10.24 6.81,10.14C6.3,9.27 6,8.25 6,7.17C6,4.94 7.23,3 9.06,2C7.81,2.9 7,4.34 7,6C7,7.35 7.56,8.59 8.47,9.5C9.38,8.59 10.62,8.04 12,8.04C13.37,8.04 14.62,8.59 15.5,9.5C16.43,8.59 17,7.35 17,6C17,4.34 16.18,2.9 14.94,2C16.77,3 18,4.94 18,7.17C18,8.25 17.7,9.27 17.19,10.14C20.42,10.24 23,12.85 23,16.06M9.27,10.11C10.05,10.62 11,10.92 12,10.92C13,10.92 13.95,10.62 14.73,10.11C14,9.45 13.06,9.03 12,9.03C10.94,9.03 10,9.45 9.27,10.11M12,14.47C12.82,14.47 13.5,13.8 13.5,13A1.5,1.5 0 0,0 12,11.5A1.5,1.5 0 0,0 10.5,13C10.5,13.8 11.17,14.47 12,14.47M10.97,16.79C10.87,14.9 9.71,13.29 8.05,12.55C8.03,12.7 8,12.84 8,13C8,14.82 9.27,16.34 10.97,16.79M15.96,12.55C14.29,13.29 13.12,14.9 13,16.79C14.73,16.34 16,14.82 16,13C16,12.84 15.97,12.7 15.96,12.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bird.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bird.svg
new file mode 100644
index 00000000..b15dc074
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bird.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bird" viewBox="0 0 24 24"><path d="M23 11.5L19.95 10.37C19.69 9.22 19.04 8.56 19.04 8.56C17.4 6.92 14.75 6.92 13.11 8.56L11.63 10.04L5 3C4 7 5 11 7.45 14.22L2 19.5C2 19.5 10.89 21.5 16.07 17.45C18.83 15.29 19.45 14.03 19.84 12.7L23 11.5M17.71 11.72C17.32 12.11 16.68 12.11 16.29 11.72C15.9 11.33 15.9 10.7 16.29 10.31C16.68 9.92 17.32 9.92 17.71 10.31C18.1 10.7 18.1 11.33 17.71 11.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bitbucket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bitbucket.svg
new file mode 100644
index 00000000..c861d9e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bitbucket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bitbucket" viewBox="0 0 24 24"><path d="M2.65 3C2.3 3 2 3.3 2 3.65C2 3.69 2 3.73 2 3.77L4.73 20.27C4.8 20.69 5.16 21 5.58 21H18.63C18.94 21 19.22 20.78 19.27 20.46L22 3.77C22.05 3.42 21.81 3.09 21.46 3.04C21.43 3.03 21.39 3.03 21.35 3.03L2.65 3M14.1 14.95H9.94L8.81 9.07H15.11L14.1 14.95Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bitcoin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bitcoin.svg
new file mode 100644
index 00000000..237af5d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bitcoin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bitcoin" viewBox="0 0 24 24"><path d="M14.24 10.56C13.93 11.8 12 11.17 11.4 11L11.95 8.82C12.57 9 14.56 9.26 14.24 10.56M11.13 12.12L10.53 14.53C11.27 14.72 13.56 15.45 13.9 14.09C14.26 12.67 11.87 12.3 11.13 12.12M21.7 14.42C20.36 19.78 14.94 23.04 9.58 21.7C4.22 20.36 .963 14.94 2.3 9.58C3.64 4.22 9.06 .964 14.42 2.3C19.77 3.64 23.03 9.06 21.7 14.42M14.21 8.05L14.66 6.25L13.56 6L13.12 7.73C12.83 7.66 12.54 7.59 12.24 7.53L12.68 5.76L11.59 5.5L11.14 7.29C10.9 7.23 10.66 7.18 10.44 7.12L10.44 7.12L8.93 6.74L8.63 7.91C8.63 7.91 9.45 8.1 9.43 8.11C9.88 8.22 9.96 8.5 9.94 8.75L8.71 13.68C8.66 13.82 8.5 14 8.21 13.95C8.22 13.96 7.41 13.75 7.41 13.75L6.87 15L8.29 15.36C8.56 15.43 8.82 15.5 9.08 15.56L8.62 17.38L9.72 17.66L10.17 15.85C10.47 15.93 10.76 16 11.04 16.08L10.59 17.87L11.69 18.15L12.15 16.33C14 16.68 15.42 16.54 16 14.85C16.5 13.5 16 12.7 15 12.19C15.72 12 16.26 11.55 16.41 10.57C16.61 9.24 15.59 8.53 14.21 8.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/black-mesa.svg b/apps/phoenix_webcomponent/priv/mdi/svg/black-mesa.svg
new file mode 100644
index 00000000..dca3de3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/black-mesa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-black-mesa" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.39 5.05,16.53 6.71,18H9V12H17L19.15,15.59C19.69,14.5 20,13.29 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blender-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blender-outline.svg
new file mode 100644
index 00000000..adf228b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blender-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blender-outline" viewBox="0 0 24 24"><path d="M16.13 15.13L18 3H14V2H10V3H5C3.9 3 3 3.9 3 5V9C3 10.1 3.9 11 5 11H7.23L7.87 15.13C6.74 16.05 6 17.43 6 19V20C6 21.1 6.9 22 8 22H16C17.1 22 18 21.1 18 20V19C18 17.43 17.26 16.05 16.13 15.13M5 9V5H6.31L6.93 9H5M15.67 5L14.29 14H9.72L8.33 5H15.67M16 20H8V19C8 17.35 9.35 16 11 16H13C14.65 16 16 17.35 16 19V20M12 17C12.55 17 13 17.45 13 18S12.55 19 12 19 11 18.55 11 18 11.45 17 12 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blender-software.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blender-software.svg
new file mode 100644
index 00000000..8e283b1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blender-software.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blender-software" viewBox="0 0 24 24"><path d="M12.58,3.12V3.13C12.27,3.13 11.96,3.22 11.71,3.39C11.21,3.74 11.15,4.32 11.6,4.69L14.46,7L5.73,7.03H5.72C5,7.03 4.3,7.5 4.16,8.1C4,8.71 4.5,9.22 5.26,9.22L9.69,9.21L1.76,15.3C1,15.87 0.77,16.82 1.24,17.42C1.72,18.03 2.73,18.03 3.5,17.42L7.8,13.89C7.8,13.89 7.73,14.37 7.74,14.65C7.74,14.94 7.84,15.5 7.97,15.93C8.26,16.86 8.75,17.71 9.43,18.46C10.13,19.23 11,19.85 12,20.29C13.03,20.76 14.17,21 15.34,21C16.5,21 17.65,20.75 18.69,20.28C19.69,19.84 20.55,19.21 21.25,18.44C21.93,17.69 22.42,16.83 22.71,15.91C22.85,15.44 22.94,14.97 23,14.5C23,14.03 23,13.56 22.94,13.09C22.81,12.18 22.5,11.32 22,10.54C21.56,9.83 21,9.2 20.31,8.67V8.67L13.42,3.38C13.19,3.21 12.89,3.12 12.58,3.12M15.34,9.21C16.5,9.21 17.59,9.59 18.46,10.29C18.9,10.65 19.25,11.07 19.5,11.54C19.77,12 19.94,12.55 20,13.11C20.04,13.67 19.96,14.23 19.77,14.77C19.57,15.31 19.25,15.81 18.82,16.26C17.93,17.16 16.69,17.68 15.34,17.68C14,17.68 12.75,17.17 11.86,16.27C11.43,15.83 11.11,15.32 10.91,14.78C10.72,14.25 10.64,13.69 10.69,13.12C10.74,12.56 10.91,12.03 11.17,11.55C11.43,11.08 11.79,10.66 12.23,10.3C13.09,9.59 14.19,9.21 15.34,9.21M15.44,10.61C14.66,10.61 13.94,10.89 13.41,11.34C12.87,11.8 12.5,12.44 12.47,13.18C12.43,13.93 12.73,14.63 13.26,15.15C13.8,15.68 14.58,16 15.44,16C16.3,16 17.07,15.68 17.62,15.15C18.15,14.63 18.45,13.93 18.41,13.18C18.37,12.44 18,11.8 17.47,11.34C16.94,10.89 16.22,10.61 15.44,10.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blender.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blender.svg
new file mode 100644
index 00000000..e632f312
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blender.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blender" viewBox="0 0 24 24"><path d="M16.13 15.13L18 3H14V2H10V3H5C3.9 3 3 3.9 3 5V9C3 10.1 3.9 11 5 11H7.23L7.87 15.13C6.74 16.05 6 17.43 6 19V20C6 21.1 6.9 22 8 22H16C17.1 22 18 21.1 18 20V19C18 17.43 17.26 16.05 16.13 15.13M5 9V5H6.31L6.93 9H5M12 19C11.45 19 11 18.55 11 18S11.45 17 12 17 13 17.45 13 18 12.55 19 12 19M14.29 14H9.72L8.33 5H15.67L14.29 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal-closed.svg
new file mode 100644
index 00000000..4dee3558
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds-horizontal-closed" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H13.25C13.25 21.97 14.03 22.75 15 22.75S16.75 21.97 16.75 21H22V19H20M18 11H16V9H18V11M14 11H6V9H14V11M14 13V15H6V13H14M16 13H18V15H16V13M18 7H16V5H18V7M14 5V7H6V5H14M6 19V17H14V19H6M16 19V17H18V19H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal.svg
new file mode 100644
index 00000000..2759d575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds-horizontal" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H22V19H20M16 9H18V11H16V9M14 11H6V9H14V11M18 7H16V5H18V7M14 5V7H6V5H14M6 19V13H14V14.82C13.55 15.14 13.25 15.66 13.25 16.25C13.25 17.22 14.03 18 15 18S16.75 17.22 16.75 16.25C16.75 15.66 16.45 15.13 16 14.82V13H18V19H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-open.svg
new file mode 100644
index 00000000..1fafd3d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds-open" viewBox="0 0 24 24"><path d="M3 2H21C21.55 2 22 2.45 22 3V5C22 5.55 21.55 6 21 6H20V7C20 7.55 19.55 8 19 8H13V10.17C14.17 10.58 15 11.7 15 13C15 14.66 13.66 16 12 16C10.34 16 9 14.66 9 13C9 11.69 9.84 10.58 11 10.17V8H5C4.45 8 4 7.55 4 7V6H3C2.45 6 2 5.55 2 5V3C2 2.45 2.45 2 3 2M12 12C11.45 12 11 12.45 11 13C11 13.55 11.45 14 12 14C12.55 14 13 13.55 13 13C13 12.45 12.55 12 12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical-closed.svg
new file mode 100644
index 00000000..f5835a11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds-vertical-closed" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H22V19H20M13 5H14.5V19H13V5M11 19H9.5V5H11V19M6 5H7.5V19H6V5M16.5 19V5H18V19H16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical.svg
new file mode 100644
index 00000000..f4779eac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds-vertical" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H22V19H20M10 19V5H14V19H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blinds.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blinds.svg
new file mode 100644
index 00000000..ce84bb3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blinds.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blinds" viewBox="0 0 24 24"><path d="M3,2H21A1,1 0 0,1 22,3V5A1,1 0 0,1 21,6H20V13A1,1 0 0,1 19,14H13V16.17C14.17,16.58 15,17.69 15,19A3,3 0 0,1 12,22A3,3 0 0,1 9,19C9,17.69 9.83,16.58 11,16.17V14H5A1,1 0 0,1 4,13V6H3A1,1 0 0,1 2,5V3A1,1 0 0,1 3,2M12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/block-helper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/block-helper.svg
new file mode 100644
index 00000000..15ba669c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/block-helper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-block-helper" viewBox="0 0 24 24"><path d="M12,0A12,12 0 0,1 24,12A12,12 0 0,1 12,24A12,12 0 0,1 0,12A12,12 0 0,1 12,0M12,2A10,10 0 0,0 2,12C2,14.4 2.85,16.6 4.26,18.33L18.33,4.26C16.6,2.85 14.4,2 12,2M12,22A10,10 0 0,0 22,12C22,9.6 21.15,7.4 19.74,5.67L5.67,19.74C7.4,21.15 9.6,22 12,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blood-bag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blood-bag.svg
new file mode 100644
index 00000000..66a30aea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blood-bag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blood-bag" viewBox="0 0 24 24"><path d="M21,7C20,7 20,6 20,6V5H18V7H16V6C16,4.27 14.75,1 10,1C5.25,1 4,4.27 4,6V19C4,19.33 3.9,21 2,21V23C4.93,23 6,20.61 6,19V6C6,5.88 6.05,3 10,3C13.83,3 14,5.7 14,6V7H12V5H10V6C10,6 10,7 9,7C8,7 8,8 8,8V20C8,20 8,22 13,22C13.24,22 14.13,22 17,22C22,22 22,20 22,20V8C22,8 22,7 21,7M15,19.4A3,3 0 0,1 12,16.4C12,14.4 15,11 15,11C15,11 18,14.4 18,16.4A3,3 0 0,1 15,19.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-audio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-audio.svg
new file mode 100644
index 00000000..f40cae44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-audio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-audio" viewBox="0 0 24 24"><path d="M12.88,16.29L11,18.17V14.41M11,5.83L12.88,7.71L11,9.58M15.71,7.71L10,2H9V9.58L4.41,5L3,6.41L8.59,12L3,17.58L4.41,19L9,14.41V22H10L15.71,16.29L11.41,12M19.53,6.71L18.26,8C18.89,9.18 19.25,10.55 19.25,12C19.25,13.45 18.89,14.82 18.26,16L19.46,17.22C20.43,15.68 21,13.87 21,11.91C21,10 20.46,8.23 19.53,6.71M14.24,12L16.56,14.33C16.84,13.6 17,12.82 17,12C17,11.18 16.84,10.4 16.57,9.68L14.24,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-connect.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-connect.svg
new file mode 100644
index 00000000..adcf1e3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-connect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-connect" viewBox="0 0 24 24"><path d="M19,10L17,12L19,14L21,12M14.88,16.29L13,18.17V14.41M13,5.83L14.88,7.71L13,9.58M17.71,7.71L12,2H11V9.58L6.41,5L5,6.41L10.59,12L5,17.58L6.41,19L11,14.41V22H12L17.71,16.29L13.41,12M7,12L5,10L3,12L5,14L7,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-off.svg
new file mode 100644
index 00000000..f4f248d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-off" viewBox="0 0 24 24"><path d="M13,5.83L14.88,7.71L13.28,9.31L14.69,10.72L17.71,7.7L12,2H11V7.03L13,9.03M5.41,4L4,5.41L10.59,12L5,17.59L6.41,19L11,14.41V22H12L16.29,17.71L18.59,20L20,18.59M13,18.17V14.41L14.88,16.29" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-settings.svg
new file mode 100644
index 00000000..b847c53e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-settings" viewBox="0 0 24 24"><path d="M14.88,14.29L13,16.17V12.41L14.88,14.29M13,3.83L14.88,5.71L13,7.59M17.71,5.71L12,0H11V7.59L6.41,3L5,4.41L10.59,10L5,15.59L6.41,17L11,12.41V20H12L17.71,14.29L13.41,10L17.71,5.71M15,24H17V22H15M7,24H9V22H7M11,24H13V22H11V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-transfer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-transfer.svg
new file mode 100644
index 00000000..32be2d98
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth-transfer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-transfer" viewBox="0 0 24 24"><path d="M14.71,7.71L10.41,12L14.71,16.29L9,22H8V14.41L3.41,19L2,17.59L7.59,12L2,6.41L3.41,5L8,9.59V2H9L14.71,7.71M10,5.83V9.59L11.88,7.71L10,5.83M11.88,16.29L10,14.41V18.17L11.88,16.29M22,8H20V11H18V8H16L19,4L22,8M22,16L19,20L16,16H18V13H20V16H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth.svg
new file mode 100644
index 00000000..0f33eadd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth" viewBox="0 0 24 24"><path d="M14.88,16.29L13,18.17V14.41M13,5.83L14.88,7.71L13,9.58M17.71,7.71L12,2H11V9.58L6.41,5L5,6.41L10.59,12L5,17.58L6.41,19L11,14.41V22H12L17.71,16.29L13.41,12L17.71,7.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blur-linear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blur-linear.svg
new file mode 100644
index 00000000..df6db7a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blur-linear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blur-linear" viewBox="0 0 24 24"><path d="M13,17A1,1 0 0,0 14,16A1,1 0 0,0 13,15A1,1 0 0,0 12,16A1,1 0 0,0 13,17M13,13A1,1 0 0,0 14,12A1,1 0 0,0 13,11A1,1 0 0,0 12,12A1,1 0 0,0 13,13M13,9A1,1 0 0,0 14,8A1,1 0 0,0 13,7A1,1 0 0,0 12,8A1,1 0 0,0 13,9M17,12.5A0.5,0.5 0 0,0 17.5,12A0.5,0.5 0 0,0 17,11.5A0.5,0.5 0 0,0 16.5,12A0.5,0.5 0 0,0 17,12.5M17,8.5A0.5,0.5 0 0,0 17.5,8A0.5,0.5 0 0,0 17,7.5A0.5,0.5 0 0,0 16.5,8A0.5,0.5 0 0,0 17,8.5M3,3V5H21V3M17,16.5A0.5,0.5 0 0,0 17.5,16A0.5,0.5 0 0,0 17,15.5A0.5,0.5 0 0,0 16.5,16A0.5,0.5 0 0,0 17,16.5M9,17A1,1 0 0,0 10,16A1,1 0 0,0 9,15A1,1 0 0,0 8,16A1,1 0 0,0 9,17M5,13.5A1.5,1.5 0 0,0 6.5,12A1.5,1.5 0 0,0 5,10.5A1.5,1.5 0 0,0 3.5,12A1.5,1.5 0 0,0 5,13.5M5,9.5A1.5,1.5 0 0,0 6.5,8A1.5,1.5 0 0,0 5,6.5A1.5,1.5 0 0,0 3.5,8A1.5,1.5 0 0,0 5,9.5M3,21H21V19H3M9,9A1,1 0 0,0 10,8A1,1 0 0,0 9,7A1,1 0 0,0 8,8A1,1 0 0,0 9,9M9,13A1,1 0 0,0 10,12A1,1 0 0,0 9,11A1,1 0 0,0 8,12A1,1 0 0,0 9,13M5,17.5A1.5,1.5 0 0,0 6.5,16A1.5,1.5 0 0,0 5,14.5A1.5,1.5 0 0,0 3.5,16A1.5,1.5 0 0,0 5,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blur-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blur-off.svg
new file mode 100644
index 00000000..88c429cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blur-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blur-off" viewBox="0 0 24 24"><path d="M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M2.5,5.27L6.28,9.05L6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10C7,9.9 6.97,9.81 6.94,9.72L9.75,12.53C9.04,12.64 8.5,13.26 8.5,14A1.5,1.5 0 0,0 10,15.5C10.74,15.5 11.36,14.96 11.47,14.25L14.28,17.06C14.19,17.03 14.1,17 14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18C15,17.9 14.97,17.81 14.94,17.72L18.72,21.5L20,20.23L3.77,4L2.5,5.27M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7M18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11M18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M13.8,11.5H14A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5A1.5,1.5 0 0,0 12.5,10V10.2C12.61,10.87 13.13,11.39 13.8,11.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blur-radial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blur-radial.svg
new file mode 100644
index 00000000..2941c49f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blur-radial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blur-radial" viewBox="0 0 24 24"><path d="M14,13A1,1 0 0,0 13,14A1,1 0 0,0 14,15A1,1 0 0,0 15,14A1,1 0 0,0 14,13M14,16.5A0.5,0.5 0 0,0 13.5,17A0.5,0.5 0 0,0 14,17.5A0.5,0.5 0 0,0 14.5,17A0.5,0.5 0 0,0 14,16.5M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,9.5A0.5,0.5 0 0,0 16.5,10A0.5,0.5 0 0,0 17,10.5A0.5,0.5 0 0,0 17.5,10A0.5,0.5 0 0,0 17,9.5M17,13.5A0.5,0.5 0 0,0 16.5,14A0.5,0.5 0 0,0 17,14.5A0.5,0.5 0 0,0 17.5,14A0.5,0.5 0 0,0 17,13.5M14,7.5A0.5,0.5 0 0,0 14.5,7A0.5,0.5 0 0,0 14,6.5A0.5,0.5 0 0,0 13.5,7A0.5,0.5 0 0,0 14,7.5M14,9A1,1 0 0,0 13,10A1,1 0 0,0 14,11A1,1 0 0,0 15,10A1,1 0 0,0 14,9M10,7.5A0.5,0.5 0 0,0 10.5,7A0.5,0.5 0 0,0 10,6.5A0.5,0.5 0 0,0 9.5,7A0.5,0.5 0 0,0 10,7.5M7,13.5A0.5,0.5 0 0,0 6.5,14A0.5,0.5 0 0,0 7,14.5A0.5,0.5 0 0,0 7.5,14A0.5,0.5 0 0,0 7,13.5M10,16.5A0.5,0.5 0 0,0 9.5,17A0.5,0.5 0 0,0 10,17.5A0.5,0.5 0 0,0 10.5,17A0.5,0.5 0 0,0 10,16.5M7,9.5A0.5,0.5 0 0,0 6.5,10A0.5,0.5 0 0,0 7,10.5A0.5,0.5 0 0,0 7.5,10A0.5,0.5 0 0,0 7,9.5M10,13A1,1 0 0,0 9,14A1,1 0 0,0 10,15A1,1 0 0,0 11,14A1,1 0 0,0 10,13M10,9A1,1 0 0,0 9,10A1,1 0 0,0 10,11A1,1 0 0,0 11,10A1,1 0 0,0 10,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/blur.svg b/apps/phoenix_webcomponent/priv/mdi/svg/blur.svg
new file mode 100644
index 00000000..7dfe1bea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/blur.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-blur" viewBox="0 0 24 24"><path d="M14,8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 14,11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 14,8.5M14,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,15.5A1.5,1.5 0 0,0 15.5,14A1.5,1.5 0 0,0 14,12.5M10,17A1,1 0 0,0 9,18A1,1 0 0,0 10,19A1,1 0 0,0 11,18A1,1 0 0,0 10,17M10,8.5A1.5,1.5 0 0,0 8.5,10A1.5,1.5 0 0,0 10,11.5A1.5,1.5 0 0,0 11.5,10A1.5,1.5 0 0,0 10,8.5M14,20.5A0.5,0.5 0 0,0 13.5,21A0.5,0.5 0 0,0 14,21.5A0.5,0.5 0 0,0 14.5,21A0.5,0.5 0 0,0 14,20.5M14,17A1,1 0 0,0 13,18A1,1 0 0,0 14,19A1,1 0 0,0 15,18A1,1 0 0,0 14,17M21,13.5A0.5,0.5 0 0,0 20.5,14A0.5,0.5 0 0,0 21,14.5A0.5,0.5 0 0,0 21.5,14A0.5,0.5 0 0,0 21,13.5M18,5A1,1 0 0,0 17,6A1,1 0 0,0 18,7A1,1 0 0,0 19,6A1,1 0 0,0 18,5M18,9A1,1 0 0,0 17,10A1,1 0 0,0 18,11A1,1 0 0,0 19,10A1,1 0 0,0 18,9M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,13A1,1 0 0,0 17,14A1,1 0 0,0 18,15A1,1 0 0,0 19,14A1,1 0 0,0 18,13M10,12.5A1.5,1.5 0 0,0 8.5,14A1.5,1.5 0 0,0 10,15.5A1.5,1.5 0 0,0 11.5,14A1.5,1.5 0 0,0 10,12.5M10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7M10,3.5A0.5,0.5 0 0,0 10.5,3A0.5,0.5 0 0,0 10,2.5A0.5,0.5 0 0,0 9.5,3A0.5,0.5 0 0,0 10,3.5M10,20.5A0.5,0.5 0 0,0 9.5,21A0.5,0.5 0 0,0 10,21.5A0.5,0.5 0 0,0 10.5,21A0.5,0.5 0 0,0 10,20.5M3,13.5A0.5,0.5 0 0,0 2.5,14A0.5,0.5 0 0,0 3,14.5A0.5,0.5 0 0,0 3.5,14A0.5,0.5 0 0,0 3,13.5M14,3.5A0.5,0.5 0 0,0 14.5,3A0.5,0.5 0 0,0 14,2.5A0.5,0.5 0 0,0 13.5,3A0.5,0.5 0 0,0 14,3.5M14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7M21,10.5A0.5,0.5 0 0,0 21.5,10A0.5,0.5 0 0,0 21,9.5A0.5,0.5 0 0,0 20.5,10A0.5,0.5 0 0,0 21,10.5M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M3,9.5A0.5,0.5 0 0,0 2.5,10A0.5,0.5 0 0,0 3,10.5A0.5,0.5 0 0,0 3.5,10A0.5,0.5 0 0,0 3,9.5M6,9A1,1 0 0,0 5,10A1,1 0 0,0 6,11A1,1 0 0,0 7,10A1,1 0 0,0 6,9M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,13A1,1 0 0,0 5,14A1,1 0 0,0 6,15A1,1 0 0,0 7,14A1,1 0 0,0 6,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bolt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bolt.svg
new file mode 100644
index 00000000..f95ea6ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bolt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bolt" viewBox="0 0 24 24"><path d="M14,17.7V21H10V20.3L14,17.7M17,3H7V6H17V3M15,7L14,7.7V7H10V10.3L9,11V12L15,8.1V7M15,11L14,11.7V9.7L10,12.4V14.4L9,15V16L15,12.1V11M15,15L14,15.7V13.7L10,16.4V18.4L9,19V20L15,16.1V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bomb-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bomb-off.svg
new file mode 100644
index 00000000..fd36e8a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bomb-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bomb-off" viewBox="0 0 24 24"><path d="M14.5,2.75C12.7,2.75 11.25,4.2 11.25,6H10V7.29C9.31,7.5 8.67,7.81 8.08,8.2L17.79,17.91C18.58,16.76 19,15.39 19,14C19,10.83 16.89,8.15 14,7.29V6H12.75A1.75,1.75 0 0,1 14.5,4.25A1.75,1.75 0 0,1 16.25,6A2.25,2.25 0 0,0 18.5,8.25C19.74,8.25 20.74,7.24 20.74,6V5.25H19.25V6C19.25,6.42 18.91,6.75 18.5,6.75C18.08,6.75 17.75,6.42 17.75,6C17.75,4.2 16.29,2.75 14.5,2.75M3.41,6.36L2,7.77L5.55,11.32C5.2,12.14 5,13.04 5,14C5,17.86 8.13,21 12,21C12.92,21 13.83,20.81 14.68,20.45L18.23,24L19.64,22.59L3.41,6.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bomb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bomb.svg
new file mode 100644
index 00000000..ef1c2ea9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bomb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bomb" viewBox="0 0 24 24"><path d="M11.25,6A3.25,3.25 0 0,1 14.5,2.75A3.25,3.25 0 0,1 17.75,6C17.75,6.42 18.08,6.75 18.5,6.75C18.92,6.75 19.25,6.42 19.25,6V5.25H20.75V6A2.25,2.25 0 0,1 18.5,8.25A2.25,2.25 0 0,1 16.25,6A1.75,1.75 0 0,0 14.5,4.25A1.75,1.75 0 0,0 12.75,6H14V7.29C16.89,8.15 19,10.83 19,14A7,7 0 0,1 12,21A7,7 0 0,1 5,14C5,10.83 7.11,8.15 10,7.29V6H11.25M22,6H24V7H22V6M19,4V2H20V4H19M20.91,4.38L22.33,2.96L23.04,3.67L21.62,5.09L20.91,4.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bone-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bone-off.svg
new file mode 100644
index 00000000..87bd8a03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bone-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.1 7H5C3.3 7 2 8.3 2 10C2 10.8 2.3 11.5 2.8 12C2.3 12.5 2 13.2 2 14C2 15.7 3.3 17 5 17S8 15.7 8 14C9.3 13.9 10.6 13.8 11.9 13.8L20.8 22.7L22.1 21.5M20 16.8L13.3 10.1C14.2 10.1 15.1 10 16 10C16 8.3 17.3 7 19 7S22 8.3 22 10C22 10.8 21.7 11.5 21.2 12C21.7 12.5 22 13.2 22 14C22 15.3 21.2 16.4 20 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bone.svg
new file mode 100644
index 00000000..c00c1849
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bone" viewBox="0 0 24 24"><path d="M8,14A3,3 0 0,1 5,17A3,3 0 0,1 2,14C2,13.23 2.29,12.53 2.76,12C2.29,11.47 2,10.77 2,10A3,3 0 0,1 5,7A3,3 0 0,1 8,10C9.33,10.08 10.67,10.17 12,10.17C13.33,10.17 14.67,10.08 16,10A3,3 0 0,1 19,7A3,3 0 0,1 22,10C22,10.77 21.71,11.47 21.24,12C21.71,12.53 22,13.23 22,14A3,3 0 0,1 19,17A3,3 0 0,1 16,14C14.67,13.92 13.33,13.83 12,13.83C10.67,13.83 9.33,13.92 8,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-account-outline.svg
new file mode 100644
index 00000000..a243b238
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-account-outline" viewBox="0 0 24 24"><path d="M18 2A2 2 0 0 1 20 4V20A2 2 0 0 1 18 22H6A2 2 0 0 1 4 20V4A2 2 0 0 1 6 2H18M18 4H13V9L10.5 6.7L8 9V4H6V20H18M13 11A2 2 0 1 1 11 13A2 2 0 0 1 13 11M17 19H9V18C9 16.67 11.67 16 13 16S17 16.67 17 18V19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-account.svg
new file mode 100644
index 00000000..3754cb4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-account" viewBox="0 0 24 24"><path d="M18 2H12V9L9.5 7.5L7 9V2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V4A2 2 0 0 0 18 2M14 12A2 2 0 1 1 12 14A2 2 0 0 1 14 12M18 20H10V19C10 17.67 12.67 17 14 17S18 17.67 18 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-alert-outline.svg
new file mode 100644
index 00000000..e522b2fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-alert-outline" viewBox="0 0 24 24"><path d="M16 2H4C2.9 2 2 2.9 2 4V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V4C18 2.9 17.11 2 16 2M16 20H4V4H6V12L8.5 9.75L11 12V4H16V20M20 15H22V17H20V15M22 7V13H20V7H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-alert.svg
new file mode 100644
index 00000000..000cb411
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-alert" viewBox="0 0 24 24"><path d="M18 4V20C18 21.11 17.11 22 16 22H4C2.9 22 2 21.11 2 20V4C2 2.9 2.9 2 4 2H5V9L7.5 7.5L10 9V2H16C17.1 2 18 2.89 18 4M20 17H22V15H20V17M20 7V13H22V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-alphabet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-alphabet.svg
new file mode 100644
index 00000000..480f7d20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-alphabet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-alphabet" viewBox="0 0 24 24"><path d="M5.81,2C4.83,2.09 4,3 4,4V20C4,21.05 4.95,22 6,22H18C19.05,22 20,21.05 20,20V4C20,2.89 19.1,2 18,2H12V9L9.5,7.5L7,9V2H6C5.94,2 5.87,2 5.81,2M12,13H13A1,1 0 0,1 14,14V18H13V16H12V18H11V14A1,1 0 0,1 12,13M12,14V15H13V14H12M15,15H18V16L16,19H18V20H15V19L17,16H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down-outline.svg
new file mode 100644
index 00000000..dc795ccd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-down-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M20 20V16H18V20H16L19 23L22 20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down.svg
new file mode 100644
index 00000000..3c0a059c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-down" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M20 20V16H18V20H16L19 23L22 20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left-outline.svg
new file mode 100644
index 00000000..2434dee8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-left-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M18 18V16L15 19L18 22V20H22V18H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left.svg
new file mode 100644
index 00000000..b86b3ce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-left" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M18 18V16L15 19L18 22V20H22V18H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right-outline.svg
new file mode 100644
index 00000000..503772ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-right-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right.svg
new file mode 100644
index 00000000..b0f7316b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-right" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up-outline.svg
new file mode 100644
index 00000000..0e2480ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-up-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M19 15L16 18H18V22H20V18H22L19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up.svg
new file mode 100644
index 00000000..ed01a014
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-arrow-up" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M19 15L16 18H18V22H20V18H22L19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel-outline.svg
new file mode 100644
index 00000000..6a111d00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-cancel-outline" viewBox="0 0 24 24"><path d="M12.18 20C12.36 20.72 12.65 21.39 13.04 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V12.18C19.5 12.07 19 12 18.5 12C18.33 12 18.17 12 18 12.03V4H13V12L10.5 9.75L8 12V4H6V20H12.18M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel.svg
new file mode 100644
index 00000000..c251c390
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-cancel" viewBox="0 0 24 24"><path d="M12 18.5C12 19.79 12.39 21 13.04 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V12.18C19.5 12.07 19 12 18.5 12C14.91 12 12 14.91 12 18.5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-check-outline.svg
new file mode 100644
index 00000000..34d0e6cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-check-outline" viewBox="0 0 24 24"><path d="M16.75 22.16L14 19.16L15.16 18L16.75 19.59L20.34 16L21.5 17.41L16.75 22.16M18 2C19.1 2 20 2.9 20 4V13.34C19.37 13.12 18.7 13 18 13V4H13V12L10.5 9.75L8 12V4H6V20H12.08C12.2 20.72 12.45 21.39 12.8 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-check.svg
new file mode 100644
index 00000000..0aba1509
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-check" viewBox="0 0 24 24"><path d="M16.75 22.16L14 19.16L15.16 18L16.75 19.59L20.34 16L21.5 17.41L16.75 22.16M6 22C4.89 22 4 21.1 4 20V4C4 2.89 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.34C19.37 13.12 18.7 13 18 13C14.69 13 12 15.69 12 19C12 20.09 12.29 21.12 12.8 22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-clock-outline.svg
new file mode 100644
index 00000000..da923934
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-clock-outline" viewBox="0 0 24 24"><path d="M20 11.26V4C20 2.9 19.11 2 18 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H11.11C12.37 23.24 14.09 24 16 24C19.87 24 23 20.87 23 17C23 14.62 21.81 12.53 20 11.26M18 4V10.29C17.37 10.11 16.7 10 16 10C14.93 10 13.91 10.25 13 10.68V4H18M6 4H8V12L10.5 9.75L12.1 11.19C10.23 12.45 9 14.58 9 17C9 18.08 9.25 19.09 9.68 20H6V4M16 22C13.24 22 11 19.76 11 17S13.24 12 16 12 21 14.24 21 17 18.76 22 16 22M16.5 17.25L19.36 18.94L18.61 20.16L15 18V13H16.5V17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-clock.svg
new file mode 100644
index 00000000..4f7acabb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-clock" viewBox="0 0 24 24"><path d="M16.5 17.25L19.36 18.94L18.61 20.16L15 18V13H16.5V17.25M23 17C23 20.87 19.87 24 16 24C14.09 24 12.37 23.24 11.11 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V11.26C21.81 12.53 23 14.62 23 17M21 17C21 14.24 18.76 12 16 12S11 14.24 11 17 13.24 22 16 22 21 19.76 21 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-cog-outline.svg
new file mode 100644
index 00000000..33964e12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-cog-outline" viewBox="0 0 24 24"><path d="M18 4H13V12L10.5 9.75L8 12V4H6V20H12.08C12.18 20.71 12.39 21.38 12.69 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V12.08C19.67 12.03 19.34 12 19 12C18.66 12 18.33 12.03 18 12.08V4M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-cog.svg
new file mode 100644
index 00000000..17b996cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-cog" viewBox="0 0 24 24"><path d="M12 19C12 20.08 12.25 21.09 12.68 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V12.08C19.67 12.03 19.34 12 19 12C15.13 12 12 15.13 12 19M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-cross.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-cross.svg
new file mode 100644
index 00000000..dc73d0ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-cross.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-cross" viewBox="0 0 24 24"><path d="M5.81,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V20C20,21.05 19.05,22 18,22H6C4.95,22 4,21.05 4,20V4C4,3 4.83,2.09 5.81,2M13,10V13H10V15H13V20H15V15H18V13H15V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-edit-outline.svg
new file mode 100644
index 00000000..841ba735
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-edit-outline" viewBox="0 0 24 24"><path d="M6 20H11V22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V10.3C19.78 10.42 19.57 10.56 19.39 10.74L18 12.13V4H13V12L10.5 9.75L8 12V4H6V20M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-edit.svg
new file mode 100644
index 00000000..1669951a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-edit" viewBox="0 0 24 24"><path d="M19.39 10.74L11 19.13V22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V10.3C19.78 10.42 19.57 10.56 19.39 10.74M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-education-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-education-outline.svg
new file mode 100644
index 00000000..2184871f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-education-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-education-outline" viewBox="0 0 24 24"><path d="M6 20H13V22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V12.54L18.5 11.72L18 12V4H13V12L10.5 9.75L8 12V4H6V20M24 17L18.5 14L13 17L18.5 20L24 17M15 19.09V21.09L18.5 23L22 21.09V19.09L18.5 21L15 19.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-education.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-education.svg
new file mode 100644
index 00000000..4afa2751
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-education.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-education" viewBox="0 0 24 24"><path d="M8.82 17L13 19.28V22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V12.54L18.5 11.72L8.82 17M24 17L18.5 14L13 17L18.5 20L24 17M15 19.09V21.09L18.5 23L22 21.09V19.09L18.5 21L15 19.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-heart-outline.svg
new file mode 100644
index 00000000..e329527b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-heart-outline" viewBox="0 0 24 24"><path d="M19 23.3L18.4 22.8C16.4 20.9 15 19.7 15 18.2C15 17 16 16 17.2 16C17.9 16 18.6 16.3 19 16.8C19.4 16.3 20.1 16 20.8 16C22 16 23 16.9 23 18.2C23 19.7 21.6 20.9 19.6 22.8L19 23.3M18 2C19.1 2 20 2.9 20 4V13.08L19 13L18 13.08V4H13V12L10.5 9.75L8 12V4H6V20H13.08C13.2 20.72 13.45 21.39 13.8 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-heart.svg
new file mode 100644
index 00000000..eff0149e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-heart" viewBox="0 0 24 24"><path d="M19 23.3L18.4 22.8C16.4 20.9 15 19.7 15 18.2C15 17 16 16 17.2 16C17.9 16 18.6 16.3 19 16.8C19.4 16.3 20.1 16 20.8 16C22 16 23 16.9 23 18.2C23 19.7 21.6 20.9 19.6 22.8L19 23.3M6 22C4.89 22 4 21.1 4 20V4C4 2.89 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.08L19 13C15.69 13 13 15.69 13 19C13 20.09 13.29 21.12 13.8 22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-information-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-information-variant.svg
new file mode 100644
index 00000000..a5dbb809
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-information-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-information-variant" viewBox="0 0 24 24"><path d="M18 2H12V9L9.5 7.5L7 9V2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.89 19.1 2 18 2M17.68 18.41C17.57 18.5 16.47 19.25 16.05 19.5C15.63 19.79 14 20.72 14.26 18.92C14.89 15.28 16.11 13.12 14.65 14.06C14.27 14.29 14.05 14.43 13.91 14.5C13.78 14.61 13.79 14.6 13.68 14.41S13.53 14.23 13.67 14.13C13.67 14.13 15.9 12.34 16.72 12.28C17.5 12.21 17.31 13.17 17.24 13.61C16.78 15.46 15.94 18.15 16.07 18.54C16.18 18.93 17 18.31 17.44 18C17.44 18 17.5 17.93 17.61 18.05C17.72 18.22 17.83 18.3 17.68 18.41M16.97 11.06C16.4 11.06 15.94 10.6 15.94 10.03C15.94 9.46 16.4 9 16.97 9C17.54 9 18 9.46 18 10.03C18 10.6 17.54 11.06 16.97 11.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open-outline.svg
new file mode 100644
index 00000000..d161794c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-lock-open-outline" viewBox="0 0 24 24"><path d="M13 20.7C13 21.16 13.1 21.6 13.27 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V9.11C19.68 9.04 19.34 9 19 9S18.32 9.04 18 9.11V4H13V12L10.5 9.75L8 12V4H6V20H13V20.7M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open.svg
new file mode 100644
index 00000000..3d28c625
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-lock-open" viewBox="0 0 24 24"><path d="M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.7C13 21.16 13.1 21.6 13.27 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V9.11C19.68 9.04 19.34 9 19 9C16.4 9 14.2 11.06 14.2 13.5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-outline.svg
new file mode 100644
index 00000000..a3abfc4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-lock-outline" viewBox="0 0 24 24"><path d="M13 20.7C13 21.16 13.1 21.6 13.27 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V10.11C19.68 10.04 19.34 10 19 10S18.32 10.04 18 10.11V4H13V12L10.5 9.75L8 12V4H6V20H13V20.7M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock.svg
new file mode 100644
index 00000000..d3726a7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-lock" viewBox="0 0 24 24"><path d="M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20.7C13 21.16 13.1 21.6 13.27 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V10.11C19.68 10.04 19.34 10 19 10C16.4 10 14.2 12.06 14.2 14.5M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-marker-outline.svg
new file mode 100644
index 00000000..93fc7f4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-marker-outline" viewBox="0 0 24 24"><path d="M14.55 20C15 20.76 15.5 21.44 15.91 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V10.22C19.5 10.08 19 10 18.5 10C18.33 10 18.17 10 18 10.03V4H13V12L10.5 9.75L8 12V4H6V20H14.55M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-marker.svg
new file mode 100644
index 00000000..71e50717
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-marker" viewBox="0 0 24 24"><path d="M13 15.5C13 17.78 14.7 20.41 15.91 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V10.22C19.5 10.08 19 10 18.5 10C15.5 10 13 12.5 13 15.5M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple-outline.svg
new file mode 100644
index 00000000..3cae0d28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-minus-multiple-outline" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20C3 21.11 3.9 22 5 22H13.81C13.44 21.39 13.2 20.71 13.09 20M19 2H9C7.9 2 7 2.9 7 4V16C7 17.11 7.9 18 9 18H13.09C13.2 17.29 13.44 16.61 13.81 16H9V4H11V10L13.5 7.75L16 10V4H19V13C19.68 13 20.36 13.11 21 13.34V4C21 2.9 20.11 2 19 2M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple.svg
new file mode 100644
index 00000000..5e2df540
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-minus-multiple" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20C3 21.11 3.9 22 5 22H13.81C13.44 21.39 13.2 20.71 13.09 20M19 2H14V7L12 5.5L10 7V2H9C7.9 2 7 2.9 7 4V16C7 17.11 7.9 18 9 18H13.09C13.64 14.73 16.74 12.53 20 13.08C20.34 13.14 20.68 13.23 21 13.34V4C21 2.9 20.11 2 19 2M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-outline.svg
new file mode 100644
index 00000000..92fb5a44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-minus-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus.svg
new file mode 100644
index 00000000..c6f289da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-minus" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple-outline.svg
new file mode 100644
index 00000000..fa648c97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-multiple-outline" viewBox="0 0 24 24"><path d="M19 2A2 2 0 0 1 21 4V16A2 2 0 0 1 19 18H9A2 2 0 0 1 7 16V4A2 2 0 0 1 9 2H19M19 4H16V10L13.5 7.75L11 10V4H9V16H19M3 20A2 2 0 0 0 5 22H17V20H5V6H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple.svg
new file mode 100644
index 00000000..4338ad7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-multiple" viewBox="0 0 24 24"><path d="M19,18H9A2,2 0 0,1 7,16V4A2,2 0 0,1 9,2H10V7L12,5.5L14,7V2H19A2,2 0 0,1 21,4V16A2,2 0 0,1 19,18M17,20V22H5A2,2 0 0,1 3,20V6H5V20H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-music-outline.svg
new file mode 100644
index 00000000..dd9bf7b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-music-outline" viewBox="0 0 24 24"><path d="M13 20.5C13 21.03 13.09 21.53 13.26 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V11H18V4H13V12L10.5 9.75L8 12V4H6V20H13.04C13.03 20.17 13 20.33 13 20.5M20 13H18.5V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-music.svg
new file mode 100644
index 00000000..defb772a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-music" viewBox="0 0 24 24"><path d="M13 20.5C13 21.03 13.09 21.53 13.26 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V11H16.5V16.11C14.5 16.57 13 18.36 13 20.5M20 13H18.5V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-off-outline.svg
new file mode 100644
index 00000000..5f23c38e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-off-outline" viewBox="0 0 24 24"><path d="M6 14.8L4 16.8V4C4 2.9 4.89 2 6 2H18C18.24 2 18.47 2.04 18.68 2.12L16.8 4H13V7.8L10.79 10L10.5 9.75L8 12V4H6V14.8M22.89 3L20 5.89V20C20 21.11 19.11 22 18 22H6C5.42 22 4.9 21.75 4.54 21.35L3.16 22.73L1.89 21.46L21.61 1.73L22.89 3M18 7.89L6 19.89V20H18V7.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-off.svg
new file mode 100644
index 00000000..5b74002b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-off" viewBox="0 0 24 24"><path d="M18.68 2.12L12 8.8V2H18C18.24 2 18.46 2.05 18.68 2.12M9.5 7.5L7 9V2H6C4.89 2 4 2.9 4 4V16.8L11.88 8.93L9.5 7.5M21.61 1.73L1.89 21.46L3.16 22.73L4.54 21.35C4.9 21.75 5.42 22 6 22H18C19.11 22 20 21.11 20 20V5.89L22.89 3L21.61 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open-blank-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-blank-variant.svg
new file mode 100644
index 00000000..95ce1477
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-blank-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open-blank-variant" viewBox="0 0 24 24"><path d="M21,5C19.89,4.65 18.67,4.5 17.5,4.5C15.55,4.5 13.45,4.9 12,6C10.55,4.9 8.45,4.5 6.5,4.5C4.55,4.5 2.45,4.9 1,6V20.65C1,20.9 1.25,21.15 1.5,21.15C1.6,21.15 1.65,21.1 1.75,21.1C3.1,20.45 5.05,20 6.5,20C8.45,20 10.55,20.4 12,21.5C13.35,20.65 15.8,20 17.5,20C19.15,20 20.85,20.3 22.25,21.05C22.35,21.1 22.4,21.1 22.5,21.1C22.75,21.1 23,20.85 23,20.6V6C22.4,5.55 21.75,5.25 21,5M21,18.5C19.9,18.15 18.7,18 17.5,18C15.8,18 13.35,18.65 12,19.5V8C13.35,7.15 15.8,6.5 17.5,6.5C18.7,6.5 19.9,6.65 21,7V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-outline.svg
new file mode 100644
index 00000000..3bed7eeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open-outline" viewBox="0 0 24 24"><path d="M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M3,19V6H11V19H3M21,19H13V6H21V19M14,9.5H20V11H14V9.5M14,12H20V13.5H14V12M14,14.5H20V16H14V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant-outline.svg
new file mode 100644
index 00000000..72ed5fc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open-page-variant-outline" viewBox="0 0 24 24"><path d="M19 1L14 6V17L19 12.5V1M21 5V18.5C19.9 18.15 18.7 18 17.5 18C15.8 18 13.35 18.65 12 19.5V6C10.55 4.9 8.45 4.5 6.5 4.5C4.55 4.5 2.45 4.9 1 6V20.65C1 20.9 1.25 21.15 1.5 21.15C1.6 21.15 1.65 21.1 1.75 21.1C3.1 20.45 5.05 20 6.5 20C8.45 20 10.55 20.4 12 21.5C13.35 20.65 15.8 20 17.5 20C19.15 20 20.85 20.3 22.25 21.05C22.35 21.1 22.4 21.1 22.5 21.1C22.75 21.1 23 20.85 23 20.6V6C22.4 5.55 21.75 5.25 21 5M10 18.41C8.75 18.09 7.5 18 6.5 18C5.44 18 4.18 18.19 3 18.5V7.13C3.91 6.73 5.14 6.5 6.5 6.5C7.86 6.5 9.09 6.73 10 7.13V18.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant.svg
new file mode 100644
index 00000000..8a2b9902
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-page-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open-page-variant" viewBox="0 0 24 24"><path d="M19 2L14 6.5V17.5L19 13V2M6.5 5C4.55 5 2.45 5.4 1 6.5V21.16C1 21.41 1.25 21.66 1.5 21.66C1.6 21.66 1.65 21.59 1.75 21.59C3.1 20.94 5.05 20.5 6.5 20.5C8.45 20.5 10.55 20.9 12 22C13.35 21.15 15.8 20.5 17.5 20.5C19.15 20.5 20.85 20.81 22.25 21.56C22.35 21.61 22.4 21.59 22.5 21.59C22.75 21.59 23 21.34 23 21.09V6.5C22.4 6.05 21.75 5.75 21 5.5V19C19.9 18.65 18.7 18.5 17.5 18.5C15.8 18.5 13.35 19.15 12 20V6.5C10.55 5.4 8.45 5 6.5 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-variant.svg
new file mode 100644
index 00000000..ec69214e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open-variant" viewBox="0 0 24 24"><path d="M17.5 14.33C18.29 14.33 19.13 14.41 20 14.57V16.07C19.38 15.91 18.54 15.83 17.5 15.83C15.6 15.83 14.11 16.16 13 16.82V15.13C14.17 14.6 15.67 14.33 17.5 14.33M13 12.46C14.29 11.93 15.79 11.67 17.5 11.67C18.29 11.67 19.13 11.74 20 11.9V13.4C19.38 13.24 18.54 13.16 17.5 13.16C15.6 13.16 14.11 13.5 13 14.15M17.5 10.5C15.6 10.5 14.11 10.82 13 11.5V9.84C14.23 9.28 15.73 9 17.5 9C18.29 9 19.13 9.08 20 9.23V10.78C19.26 10.59 18.41 10.5 17.5 10.5M21 18.5V7C19.96 6.67 18.79 6.5 17.5 6.5C15.45 6.5 13.62 7 12 8V19.5C13.62 18.5 15.45 18 17.5 18C18.69 18 19.86 18.16 21 18.5M17.5 4.5C19.85 4.5 21.69 5 23 6V20.56C23 20.68 22.95 20.8 22.84 20.91C22.73 21 22.61 21.08 22.5 21.08C22.39 21.08 22.31 21.06 22.25 21.03C20.97 20.34 19.38 20 17.5 20C15.45 20 13.62 20.5 12 21.5C10.66 20.5 8.83 20 6.5 20C4.84 20 3.25 20.36 1.75 21.07C1.72 21.08 1.68 21.08 1.63 21.1C1.59 21.11 1.55 21.12 1.5 21.12C1.39 21.12 1.27 21.08 1.16 21C1.05 20.89 1 20.78 1 20.65V6C2.34 5 4.18 4.5 6.5 4.5C8.83 4.5 10.66 5 12 6C13.34 5 15.17 4.5 17.5 4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-open.svg
new file mode 100644
index 00000000..207e7e2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-open" viewBox="0 0 24 24"><path d="M13,12H20V13.5H13M13,9.5H20V11H13M13,14.5H20V16H13M21,4H3A2,2 0 0,0 1,6V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V6A2,2 0 0,0 21,4M21,19H12V6H21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-outline.svg
new file mode 100644
index 00000000..3ee82c2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-outline" viewBox="0 0 24 24"><path d="M18,2A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H18M18,4H13V12L10.5,9.75L8,12V4H6V20H18V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-play-outline.svg
new file mode 100644
index 00000000..5ce28672
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-play-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-play.svg
new file mode 100644
index 00000000..dd48f70e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-play" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple-outline.svg
new file mode 100644
index 00000000..61c43a64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-plus-multiple-outline" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20A2 2 0 0 0 5 22H13.81A5.5 5.5 0 0 1 13.09 20M19 2H9A2 2 0 0 0 7 4V16A2 2 0 0 0 9 18H13.09A5.5 5.5 0 0 1 13.81 16H9V4H11V10L13.5 7.75L16 10V4H19V13A6 6 0 0 1 21 13.34V4A2 2 0 0 0 19 2M20 15V18H23V20H20V23H18V20H15V18H18V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple.svg
new file mode 100644
index 00000000..453a7f28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-plus-multiple" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20A2 2 0 0 0 5 22H13.81A5.5 5.5 0 0 1 13.09 20M19 2H14V7L12 5.5L10 7V2H9A2 2 0 0 0 7 4V16A2 2 0 0 0 9 18H13.09A6 6 0 0 1 21 13.34V4A2 2 0 0 0 19 2M20 15V18H23V20H20V23H18V20H15V18H18V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-outline.svg
new file mode 100644
index 00000000..3bf559ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-plus-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus.svg
new file mode 100644
index 00000000..b855599e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-plus" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh-outline.svg
new file mode 100644
index 00000000..7e919141
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-refresh-outline" viewBox="0 0 24 24"><path d="M12.18 20C12.36 20.72 12.65 21.39 13.04 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V12.18C19.5 12.07 19 12 18.5 12C18.33 12 18.17 12 18 12.03V4H13V12L10.5 9.75L8 12V4H6V20H12.18M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh.svg
new file mode 100644
index 00000000..66d80f63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-refresh" viewBox="0 0 24 24"><path d="M12 18.5C12 19.79 12.39 21 13.04 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V12.18C19.5 12.07 19 12 18.5 12C14.91 12 12 14.91 12 18.5M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple-outline.svg
new file mode 100644
index 00000000..4192ab23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-remove-multiple-outline" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20A2 2 0 0 0 5 22H13.81A5.5 5.5 0 0 1 13.09 20M19 2H9A2 2 0 0 0 7 4V16A2 2 0 0 0 9 18H13.09A5.5 5.5 0 0 1 13.81 16H9V4H11V10L13.5 7.75L16 10V4H19V13A6 6 0 0 1 21 13.34V4A2 2 0 0 0 19 2M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.46 16.88L16.88 15.46L19 17.59L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple.svg
new file mode 100644
index 00000000..d9ed9db0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-remove-multiple" viewBox="0 0 24 24"><path d="M13.09 20H5V6H3V20A2 2 0 0 0 5 22H13.81A5.5 5.5 0 0 1 13.09 20M19 2H14V7L12 5.5L10 7V2H9A2 2 0 0 0 7 4V16A2 2 0 0 0 9 18H13.09A6 6 0 0 1 21 13.34V4A2 2 0 0 0 19 2M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.46 16.88L16.88 15.46L19 17.59L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-outline.svg
new file mode 100644
index 00000000..422077cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-remove-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V4H13V12L10.5 9.75L8 12V4H6V20H13.09M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove.svg
new file mode 100644
index 00000000..e1164258
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-remove" viewBox="0 0 24 24"><path d="M13 19C13 20.1 13.3 21.12 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-search-outline.svg
new file mode 100644
index 00000000..76937cff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M13,4V12L10.5,9.75L8,12V4H6V20H10C10.54,20.81 11.23,21.5 12.03,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H18A2,2 0 0,1 20,4V11.81C19.42,11.26 18.75,10.81 18,10.5V4H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-search.svg
new file mode 100644
index 00000000..176c70fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M6,22A2,2 0 0,1 4,20V4C4,2.89 4.9,2 6,2H7V9L9.5,7.5L12,9V2H18A2,2 0 0,1 20,4V11.81C18.83,10.69 17.25,10 15.5,10A6.5,6.5 0 0,0 9,16.5C9,18.81 10.21,20.85 12.03,22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-settings-outline.svg
new file mode 100644
index 00000000..cf9e005e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-settings-outline" viewBox="0 0 24 24"><path d="M18 0H6C4.89 0 4 .895 4 2V18C4 19.11 4.89 20 6 20H18C19.11 20 20 19.11 20 18V2C20 .895 19.11 0 18 0M18 18H6V2H8V10L10.5 7.75L13 10V2H18V18M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-settings.svg
new file mode 100644
index 00000000..5b5809f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-settings" viewBox="0 0 24 24"><path d="M20 2V18C20 19.11 19.11 20 18 20H6C4.89 20 4 19.11 4 18V2C4 .895 4.89 0 6 0H7V7L9.5 5.5L12 7V0H18C19.1 0 20 .89 20 2M7 24H9V22H7V24M15 24H17V22H15V24M11 24H13V22H11V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-sync-outline.svg
new file mode 100644
index 00000000..205e13f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-sync-outline" viewBox="0 0 24 24"><path d="M13.5 20C13.81 20.75 14.26 21.42 14.82 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H18C19.11 2 20 2.9 20 4V11.03C19.84 11 19.67 11 19.5 11C19 11 18.5 11.07 18 11.18V4H13V12L10.5 9.75L8 12V4H6V20H13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-sync.svg
new file mode 100644
index 00000000..275165f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-sync" viewBox="0 0 24 24"><path d="M13 17.5C13 19.25 13.69 20.83 14.82 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H7V9L9.5 7.5L12 9V2H18C19.1 2 20 2.89 20 4V11.03C19.84 11 19.67 11 19.5 11C15.91 11 13 13.91 13 17.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book-variant.svg
new file mode 100644
index 00000000..ad43a404
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book-variant" viewBox="0 0 24 24"><path d="M6,4H11V12L8.5,10.5L6,12M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/book.svg b/apps/phoenix_webcomponent/priv/mdi/svg/book.svg
new file mode 100644
index 00000000..5c22f900
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/book.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-book" viewBox="0 0 24 24"><path d="M18,22A2,2 0 0,0 20,20V4C20,2.89 19.1,2 18,2H12V9L9.5,7.5L7,9V2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple-outline.svg
new file mode 100644
index 00000000..187cc6f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-box-multiple-outline" viewBox="0 0 24 24"><path d="M4 20H18V22H4C2.9 22 2 21.1 2 20V6H4V20M22 4V16C22 17.1 21.1 18 20 18H8C6.9 18 6 17.1 6 16V4C6 2.9 6.9 2 8 2H20C21.1 2 22 2.9 22 4M20 4H8V16H20V4M18 6H13V13L15.5 11.5L18 13V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple.svg
new file mode 100644
index 00000000..e56a0e46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-box-multiple" viewBox="0 0 24 24"><path d="M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6M20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 12L17.5 10.5L15 12V4H20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-outline.svg
new file mode 100644
index 00000000..f3c9eba8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-box-outline" viewBox="0 0 24 24"><path d="M5 3H19C20.1 3 21 3.89 21 5V19C21 19.53 20.79 20.04 20.41 20.41C20.04 20.79 19.53 21 19 21H5C4.47 21 3.96 20.79 3.59 20.41C3.21 20.04 3 19.53 3 19V5C3 3.89 3.89 3 5 3M19 19V5H5V19H19M17 7H12V15L14.5 13.5L17 15V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box.svg
new file mode 100644
index 00000000..e4da88ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M18 14L15.5 12.5L13 14V6H18V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check-outline.svg
new file mode 100644
index 00000000..dc4b6ee8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-check-outline" viewBox="0 0 24 24"><path d="M9.47 9.65L8.06 11.07L11 14L16.19 8.82L14.78 7.4L11 11.18M17 3H7C5.9 3 5 3.9 5 5L5 21L12 18L19 21V5C19 3.9 18.1 3 17 3M17 18L12 15.82L7 18V5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check.svg
new file mode 100644
index 00000000..4b590531
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-check" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,14L17.25,7.76L15.84,6.34L11,11.18L8.41,8.59L7,10L11,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus-outline.svg
new file mode 100644
index 00000000..ca9beaa8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-minus-outline" viewBox="0 0 24 24"><path d="M9,11V9H15V11H9M19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17C18.11,3 19,3.9 19,5M17,5H7V18L12,15.82L17,18V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus.svg
new file mode 100644
index 00000000..57cd50a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-minus" viewBox="0 0 24 24"><path d="M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5A2,2 0 0,0 17,3M15,11H9V9H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple-outline.svg
new file mode 100644
index 00000000..013b0585
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-multiple-outline" viewBox="0 0 24 24"><path d="M9,1H19A2,2 0 0,1 21,3V19L19,18.13V3H7A2,2 0 0,1 9,1M15,20V7H5V20L10,17.82L15,20M15,5C16.11,5 17,5.9 17,7V23L10,20L3,23V7A2,2 0 0,1 5,5H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple.svg
new file mode 100644
index 00000000..c9526b4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-multiple" viewBox="0 0 24 24"><path d="M15,5A2,2 0 0,1 17,7V23L10,20L3,23V7C3,5.89 3.9,5 5,5H15M9,1H19A2,2 0 0,1 21,3V19L19,18.13V3H7A2,2 0 0,1 9,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music-outline.svg
new file mode 100644
index 00000000..a8cbe423
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-music-outline" viewBox="0 0 24 24"><path d="M7 3C5.9 3 5 3.9 5 5V21L12 18L19 21V5C19 3.89 18.1 3 17 3H7M7 5H17V18L12 15.82L7 18V5M12 6V11.3C11.7 11.1 11.4 11 11 11C9.9 11 9 11.9 9 13C9 14.11 9.9 15 11 15C12.11 15 13 14.11 13 13V8H15V6H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music.svg
new file mode 100644
index 00000000..02578d04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-music" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,11A2,2 0 0,0 9,13A2,2 0 0,0 11,15A2,2 0 0,0 13,13V8H16V6H12V11.27C11.71,11.1 11.36,11 11,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off-outline.svg
new file mode 100644
index 00000000..789f1dd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-off-outline" viewBox="0 0 24 24"><path d="M3.28,4L2,5.27L5,8.27V21L12,18L16.78,20.05L18.73,22L20,20.72L3.28,4M7,18V10.27L13,16.25L12,15.82L7,18M7,5.16L5.5,3.67C5.88,3.26 6.41,3 7,3H17A2,2 0 0,1 19,5V17.16L17,15.16V5H7V5.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off.svg
new file mode 100644
index 00000000..56fbd564
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-off" viewBox="0 0 24 24"><path d="M20,20.72L18.73,22L16.78,20.05L12,18L5,21V8.27L2,5.27L3.28,4L20,20.72M19,17.16V5C19,3.89 18.1,3 17,3H7C6.41,3 5.89,3.27 5.5,3.68L19,17.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-outline.svg
new file mode 100644
index 00000000..c50890f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-outline" viewBox="0 0 24 24"><path d="M17,18L12,15.82L7,18V5H17M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus-outline.svg
new file mode 100644
index 00000000..73f69f73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-plus-outline" viewBox="0 0 24 24"><path d="M17,18V5H7V18L12,15.82L17,18M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,7H13V9H15V11H13V13H11V11H9V9H11V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus.svg
new file mode 100644
index 00000000..558e46b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-plus" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M11,7V9H9V11H11V13H13V11H15V9H13V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove-outline.svg
new file mode 100644
index 00000000..260d9515
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-remove-outline" viewBox="0 0 24 24"><path d="M7 3C5.9 3 5 3.9 5 5V21L12 18L19 21V5C19 3.89 18.1 3 17 3H7M7 5H17V18L12 15.82L7 18V5M9.88 7.47L8.47 8.88L10.59 11L8.47 13.12L9.88 14.54L12 12.42L14.12 14.53L15.54 13.12L13.42 11L15.53 8.88L14.12 7.47L12 9.59L9.88 7.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove.svg
new file mode 100644
index 00000000..edd6bb4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark-remove" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V21L12,18L5,21V5C5,3.89 5.9,3 7,3H17M8.17,8.58L10.59,11L8.17,13.41L9.59,14.83L12,12.41L14.41,14.83L15.83,13.41L13.41,11L15.83,8.58L14.41,7.17L12,9.58L9.59,7.17L8.17,8.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookmark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark.svg
new file mode 100644
index 00000000..cf01792e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookmark" viewBox="0 0 24 24"><path d="M17,3H7A2,2 0 0,0 5,5V21L12,18L19,21V5C19,3.89 18.1,3 17,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bookshelf.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bookshelf.svg
new file mode 100644
index 00000000..17485f82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bookshelf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bookshelf" viewBox="0 0 24 24"><path d="M9 3V18H12V3H9M12 5L16 18L19 17L15 4L12 5M5 5V18H8V5H5M3 19V21H21V19H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert-outline.svg
new file mode 100644
index 00000000..5f2d596c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-alert-outline" viewBox="0 0 24 24"><path d="M19.9 3C19.3 2 18.1 1.7 17.2 2.3L6.9 8.2C6.6 8.1 6.3 8 6 8C4.3 8 3 9.3 3 11V20C2.4 20 2 20.4 2 21V22H10V21C10 20.4 9.6 20 9 20V11.6L19.1 5.8C20.1 5.2 20.4 4 19.9 3M7.5 20H4.5V13.6C5.4 14.1 6.6 14.1 7.5 13.6V20M6 12.5C5.2 12.5 4.5 11.8 4.5 11S5.2 9.5 6 9.5 7.5 10.2 7.5 11 6.8 12.5 6 12.5M10.4 9.6L8.1 8.6L9.4 7.8L11.7 8.8L10.4 9.6M13.9 7.6L11.6 6.6L12.9 5.8L15.2 6.8L13.9 7.6M17.3 5.6L15 4.6L16.3 3.8L18.6 4.8L17.3 5.6M20 16H18V10H20V16M20 20H18V18H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert.svg
new file mode 100644
index 00000000..3e088d0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-alert" viewBox="0 0 24 24"><path d="M19.9 3C19.3 2 18.1 1.7 17.2 2.3L6.9 8.2C6.6 8.1 6.3 8 6 8C4.3 8 3 9.3 3 11V20C2.4 20 2 20.4 2 21V22H10V21C10 20.4 9.6 20 9 20V11.6L19.1 5.8C20.1 5.2 20.4 4 19.9 3M6 12.5C5.2 12.5 4.5 11.8 4.5 11S5.2 9.5 6 9.5 7.5 10.2 7.5 11 6.8 12.5 6 12.5M10.4 9.6L8.1 8.6L9.4 7.8L11.7 8.8L10.4 9.6M13.9 7.6L11.6 6.6L12.9 5.8L15.2 6.8L13.9 7.6M17.3 5.6L15 4.6L16.3 3.8L18.6 4.8L17.3 5.6M20 18H18V20H20V18M20 10H18V16H20V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down-outline.svg
new file mode 100644
index 00000000..6b5e409c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-arrow-down-outline" viewBox="0 0 24 24"><path d="M19.86,3C20.41,3.96 20.08,5.18 19.12,5.73L9,11.58V20A1,1 0 0,1 10,21V22H2V21A1,1 0 0,1 3,20V11A3,3 0 0,1 6,8C6.31,8 6.62,8.06 6.92,8.16L17.12,2.27C18.09,1.71 19.31,2.04 19.86,3M7.5,20V13.6C6.57,14.14 5.43,14.14 4.5,13.6V20H7.5M6,12.5A1.5,1.5 0 0,0 7.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,11A1.5,1.5 0 0,0 6,12.5M10.4,9.62L11.7,8.87L9.4,7.87L8.1,8.62L10.4,9.62M13.86,7.62L15.16,6.87L12.86,5.87L11.56,6.62L13.86,7.62M17.33,5.62L18.62,4.87L16.33,3.87L15.03,4.62L17.33,5.62M16,11.16H18V16.17L21,16.16L17,20L13,16.16L16,16.17V11.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down.svg
new file mode 100644
index 00000000..b0119318
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-arrow-down" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M17,20L12,15H15V11H19V15H22L17,20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up-outline.svg
new file mode 100644
index 00000000..79dbfdf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-arrow-up-outline" viewBox="0 0 24 24"><path d="M19.86,3C20.41,3.96 20.08,5.18 19.12,5.73L9,11.58V20A1,1 0 0,1 10,21V22H2V21A1,1 0 0,1 3,20V11A3,3 0 0,1 6,8C6.31,8 6.62,8.06 6.92,8.16L17.12,2.27C18.09,1.71 19.31,2.04 19.86,3M7.5,20V13.6C6.57,14.14 5.43,14.14 4.5,13.6V20H7.5M6,12.5A1.5,1.5 0 0,0 7.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,11A1.5,1.5 0 0,0 6,12.5M10.4,9.62L11.7,8.87L9.4,7.87L8.1,8.62L10.4,9.62M13.86,7.62L15.16,6.87L12.86,5.87L11.56,6.62L13.86,7.62M17.33,5.62L18.62,4.87L16.33,3.87L15.03,4.62L17.33,5.62M16,20V15H13L17,11.16L21,15H18V20H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up.svg
new file mode 100644
index 00000000..d24ba5a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-arrow-up" viewBox="0 0 24 24"><path d="M19.86,3C19.31,2.04 18.09,1.71 17.12,2.27L6.92,8.16C6.62,8.06 6.31,8 6,8A3,3 0 0,0 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V11.58L19.12,5.73C20.08,5.18 20.41,3.96 19.86,3M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.4,9.62L8.1,8.62L9.4,7.87L11.7,8.87L10.4,9.62M13.86,7.62L11.56,6.62L12.86,5.87L15.16,6.87L13.86,7.62M17.33,5.62L15.03,4.62L16.33,3.87L18.62,4.87L17.33,5.62M17,11L22,16H19V20H15V16H12L17,11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-outline.svg
new file mode 100644
index 00000000..8e238aff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-outline" viewBox="0 0 24 24"><path d="M20,9H8.22C7.11,7.77 5.21,7.68 4,8.8C3.36,9.36 3,10.16 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V13H20A2,2 0 0,0 22,11A2,2 0 0,0 20,9M7.5,20H4.5V13.6C5.43,14.14 6.57,14.14 7.5,13.6V20M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.5,12L9,10H10.5L12,12H10.5M14.5,12L13,10H14.5L16,12H14.5M18.5,12L17,10H18.5L20,12H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up-outline.svg
new file mode 100644
index 00000000..489b2216
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-up-outline" viewBox="0 0 24 24"><path d="M19.9 3C19.3 2 18.1 1.7 17.2 2.3L6.9 8.2C6.6 8.1 6.3 8 6 8C4.3 8 3 9.3 3 11V20C2.4 20 2 20.4 2 21V22H10V21C10 20.4 9.6 20 9 20V11.6L19.1 5.8C20.1 5.2 20.4 4 19.9 3M7.5 20H4.5V13.6C5.4 14.1 6.6 14.1 7.5 13.6V20M6 12.5C5.2 12.5 4.5 11.8 4.5 11S5.2 9.5 6 9.5 7.5 10.2 7.5 11 6.8 12.5 6 12.5M10.4 9.6L8.1 8.6L9.4 7.8L11.7 8.8L10.4 9.6M13.9 7.6L11.6 6.6L12.9 5.8L15.2 6.8L13.9 7.6M17.3 5.6L15 4.6L16.3 3.8L18.6 4.8L17.3 5.6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up.svg
new file mode 100644
index 00000000..63813b0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate-up" viewBox="0 0 24 24"><path d="M19.9 3C19.3 2 18.1 1.7 17.2 2.3L6.9 8.2C6.6 8.1 6.3 8 6 8C4.3 8 3 9.3 3 11V20C2.4 20 2 20.4 2 21V22H10V21C10 20.4 9.6 20 9 20V11.6L19.1 5.8C20.1 5.2 20.4 4 19.9 3M6 12.5C5.2 12.5 4.5 11.8 4.5 11S5.2 9.5 6 9.5 7.5 10.2 7.5 11 6.8 12.5 6 12.5M10.4 9.6L8.1 8.6L9.4 7.8L11.7 8.8L10.4 9.6M13.9 7.6L11.6 6.6L12.9 5.8L15.2 6.8L13.9 7.6M17.3 5.6L15 4.6L16.3 3.8L18.6 4.8L17.3 5.6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate.svg
new file mode 100644
index 00000000..c79ba892
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boom-gate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boom-gate" viewBox="0 0 24 24"><path d="M20,9H8.22C7.11,7.77 5.21,7.68 4,8.8C3.36,9.36 3,10.16 3,11V20A1,1 0 0,0 2,21V22H10V21A1,1 0 0,0 9,20V13H20A2,2 0 0,0 22,11A2,2 0 0,0 20,9M6,12.5A1.5,1.5 0 0,1 4.5,11A1.5,1.5 0 0,1 6,9.5A1.5,1.5 0 0,1 7.5,11A1.5,1.5 0 0,1 6,12.5M10.5,12L9,10H10.5L12,12H10.5M14.5,12L13,10H14.5L16,12H14.5M18.5,12L17,10H18.5L20,12H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boombox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boombox.svg
new file mode 100644
index 00000000..33d2e543
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boombox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boombox" viewBox="0 0 24 24"><path d="M7,5L5,7V8H3A1,1 0 0,0 2,9V17A1,1 0 0,0 3,18H21A1,1 0 0,0 22,17V9A1,1 0 0,0 21,8H19V7L17,5H7M7,7H17V8H7V7M11,9H13A0.5,0.5 0 0,1 13.5,9.5A0.5,0.5 0 0,1 13,10H11A0.5,0.5 0 0,1 10.5,9.5A0.5,0.5 0 0,1 11,9M7.5,10.5A3,3 0 0,1 10.5,13.5A3,3 0 0,1 7.5,16.5A3,3 0 0,1 4.5,13.5A3,3 0 0,1 7.5,10.5M16.5,10.5A3,3 0 0,1 19.5,13.5A3,3 0 0,1 16.5,16.5A3,3 0 0,1 13.5,13.5A3,3 0 0,1 16.5,10.5M7.5,12A1.5,1.5 0 0,0 6,13.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 9,13.5A1.5,1.5 0 0,0 7.5,12M16.5,12A1.5,1.5 0 0,0 15,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,13.5A1.5,1.5 0 0,0 16.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boomerang.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boomerang.svg
new file mode 100644
index 00000000..fd51ab98
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boomerang.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boomerang" viewBox="0 0 24 24"><path d="M10 2H4C2.9 2 2 2.9 2 4S2.9 6 4 6H8L10 2M18 2C20.2 2 22 3.8 22 6V12L18 14C18 9.6 14.4 6 10 6L12 2H18M18 20V16L22 14V20C22 21.1 21.1 22 20 22S18 21.1 18 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bootstrap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bootstrap.svg
new file mode 100644
index 00000000..d8df5f01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bootstrap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bootstrap" viewBox="0 0 24 24"><path d="M11.79 11.5H9.72V8.19H12.19C13.45 8.19 14.15 8.75 14.15 9.78C14.15 10.9 13.32 11.5 11.79 11.5M12.16 12.63H9.72V16.27L12.28 16.27C13.84 16.27 14.66 15.64 14.66 14.44S13.81 12.63 12.16 12.63M22 5.31V18.69C22 20.5 20.5 22 18.69 22H5.31C3.5 22 2 20.5 2 18.69V5.31C2 3.5 3.5 2 5.31 2H18.69C20.5 2 22 3.5 22 5.31M16 14.5C16 13.12 15.08 12.13 13.67 11.95V11.89C14.67 11.71 15.46 10.71 15.46 9.63C15.46 8.08 14.26 7.05 12.5 7.05H8.43V17.41H12.47C14.68 17.41 16 16.32 16 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-all-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-all-variant.svg
new file mode 100644
index 00000000..0058e256
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-all-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-all-variant" viewBox="0 0 24 24"><path d="M3,21V3H21V21H3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-all.svg
new file mode 100644
index 00000000..13f8eeae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-all" viewBox="0 0 24 24"><path d="M19,11H13V5H19M19,19H13V13H19M11,11H5V5H11M11,19H5V13H11M3,21H21V3H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom-variant.svg
new file mode 100644
index 00000000..89e62e44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-bottom-variant" viewBox="0 0 24 24"><path d="M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M5,3H3V5H5M9,3H7V5H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom.svg
new file mode 100644
index 00000000..2b08eaa6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-bottom" viewBox="0 0 24 24"><path d="M5,15H3V17H5M3,21H21V19H3M5,11H3V13H5M19,9H21V7H19M19,5H21V3H19M5,7H3V9H5M19,17H21V15H19M19,13H21V11H19M17,3H15V5H17M13,3H11V5H13M17,11H15V13H17M13,7H11V9H13M5,3H3V5H5M13,11H11V13H13M9,3H7V5H9M13,15H11V17H13M9,11H7V13H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-color.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-color.svg
new file mode 100644
index 00000000..d951afe7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-color" viewBox="0 0 24 24"><path d="M20.71,4.04C21.1,3.65 21.1,3 20.71,2.63L18.37,0.29C18,-0.1 17.35,-0.1 16.96,0.29L15,2.25L18.75,6M17.75,7L14,3.25L4,13.25V17H7.75L17.75,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-horizontal.svg
new file mode 100644
index 00000000..4787d27e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-horizontal" viewBox="0 0 24 24"><path d="M19,21H21V19H19M15,21H17V19H15M11,17H13V15H11M19,9H21V7H19M19,5H21V3H19M3,13H21V11H3M11,21H13V19H11M19,17H21V15H19M13,3H11V5H13M13,7H11V9H13M17,3H15V5H17M9,3H7V5H9M5,3H3V5H5M7,21H9V19H7M3,17H5V15H3M5,7H3V9H5M3,21H5V19H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-inside.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-inside.svg
new file mode 100644
index 00000000..8f4387af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-inside.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-inside" viewBox="0 0 24 24"><path d="M19,17H21V15H19M19,21H21V19H19M13,3H11V11H3V13H11V21H13V13H21V11H13M15,21H17V19H15M19,5H21V3H19M19,9H21V7H19M17,3H15V5H17M5,3H3V5H5M9,3H7V5H9M3,17H5V15H3M5,7H3V9H5M7,21H9V19H7M3,21H5V19H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-left-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-left-variant.svg
new file mode 100644
index 00000000..e09261d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-left-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-left-variant" viewBox="0 0 24 24"><path d="M15,5H17V3H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,5H9V3H7M7,21H9V19H7M11,5H13V3H11M11,21H13V19H11V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-left.svg
new file mode 100644
index 00000000..80d1b94c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-left" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,13H17V11H15M19,21H21V19H19M19,13H21V11H19M19,5H21V3H19M19,17H21V15H19M15,21H17V19H15M19,9H21V7H19M3,21H5V3H3M7,13H9V11H7M7,5H9V3H7M7,21H9V19H7M11,13H13V11H11M11,9H13V7H11M11,5H13V3H11M11,17H13V15H11M11,21H13V19H11V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-none-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-none-variant.svg
new file mode 100644
index 00000000..46454771
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-none-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-none-variant" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M7,21H9V19H7M7,5H9V3H7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-none.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-none.svg
new file mode 100644
index 00000000..f1b8dc81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-none" viewBox="0 0 24 24"><path d="M15,5H17V3H15M15,13H17V11H15M15,21H17V19H15M11,5H13V3H11M19,5H21V3H19M11,9H13V7H11M19,9H21V7H19M19,21H21V19H19M19,13H21V11H19M19,17H21V15H19M11,13H13V11H11M3,5H5V3H3M3,9H5V7H3M3,13H5V11H3M3,17H5V15H3M3,21H5V19H3M11,21H13V19H11M11,17H13V15H11M7,21H9V19H7M7,13H9V11H7M7,5H9V3H7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-outside.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-outside.svg
new file mode 100644
index 00000000..f2ffcac4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-outside.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-outside" viewBox="0 0 24 24"><path d="M9,11H7V13H9M13,15H11V17H13M19,19H5V5H19M3,21H21V3H3M17,11H15V13H17M13,11H11V13H13M13,7H11V9H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-radius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-radius.svg
new file mode 100644
index 00000000..cbf65a95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-radius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-radius" viewBox="0 0 24 24"><path d="M3 16C3 18.8 5.2 21 8 21H10V19H8C6.3 19 5 17.7 5 16V14H3V16M21 8C21 5.2 18.8 3 16 3H14V5H16C17.7 5 19 6.3 19 8V10H21V8M16 21C18.8 21 21 18.8 21 16V14H19V16C19 17.7 17.7 19 16 19H14V21H16M8 3C5.2 3 3 5.2 3 8V10H5V8C5 6.3 6.3 5 8 5H10V3H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-right-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-right-variant.svg
new file mode 100644
index 00000000..875c4970
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-right-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-right-variant" viewBox="0 0 24 24"><path d="M11,5H13V3H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-right.svg
new file mode 100644
index 00000000..9f54f81a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-right" viewBox="0 0 24 24"><path d="M11,9H13V7H11M11,5H13V3H11M11,13H13V11H11M15,5H17V3H15M15,21H17V19H15M19,21H21V3H19M15,13H17V11H15M11,17H13V15H11M3,9H5V7H3M3,17H5V15H3M3,13H5V11H3M11,21H13V19H11M3,21H5V19H3M7,13H9V11H7M7,5H9V3H7M3,5H5V3H3M7,21H9V19H7V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-style.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-style.svg
new file mode 100644
index 00000000..8358d0de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-style.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-style" viewBox="0 0 24 24"><path d="M15,21H17V19H15M19,21H21V19H19M7,21H9V19H7M11,21H13V19H11M19,17H21V15H19M19,13H21V11H19M3,3V21H5V5H21V3M19,9H21V7H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-top-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-top-variant.svg
new file mode 100644
index 00000000..cdd68a0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-top-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-top-variant" viewBox="0 0 24 24"><path d="M19,21H21V19H19M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M7,21H9V19H7V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-top.svg
new file mode 100644
index 00000000..738869f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-top" viewBox="0 0 24 24"><path d="M15,13H17V11H15M19,21H21V19H19M11,9H13V7H11M15,21H17V19H15M19,17H21V15H19M3,5H21V3H3M19,13H21V11H19M19,9H21V7H19M11,17H13V15H11M3,9H5V7H3M3,13H5V11H3M3,21H5V19H3M3,17H5V15H3M11,21H13V19H11M11,13H13V11H11M7,13H9V11H7M7,21H9V19H7V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/border-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/border-vertical.svg
new file mode 100644
index 00000000..14ccc392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/border-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-border-vertical" viewBox="0 0 24 24"><path d="M15,13H17V11H15M15,21H17V19H15M15,5H17V3H15M19,9H21V7H19M19,5H21V3H19M19,13H21V11H19M19,21H21V19H19M11,21H13V3H11M19,17H21V15H19M7,5H9V3H7M3,17H5V15H3M3,21H5V19H3M3,13H5V11H3M7,13H9V11H7M7,21H9V19H7M3,5H5V3H3M3,9H5V7H3V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic-outline.svg
new file mode 100644
index 00000000..4145d53f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-soda-classic-outline" viewBox="0 0 24 24"><path d="M10 2V4H10.91C10.65 5.79 9 7.5 8 9V13.77C9.32 14.96 9.32 17.04 8 18.23V20C8 21.11 8.9 22 10 22H14C15.11 22 16 21.11 16 20V18.23C14.68 17.04 14.68 14.96 16 13.77V9C15 7.5 13.35 5.79 13.09 4H14V2M12 6.5C12.24 7 13.54 8.5 13.9 8.91L14 9V13C13.35 13.87 13 14.92 13 16C13 17.08 13.35 18.13 14 19V20H10V19C10.65 18.13 11 17.08 11 16C11 14.92 10.65 13.87 10 13V9L10.1 8.91C10.46 8.5 11.76 7 12 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic.svg
new file mode 100644
index 00000000..067c525e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-soda-classic" viewBox="0 0 24 24"><path d="M15 13.77A3 3 0 0 0 15 18.23V20A2 2 0 0 1 13 22H11A2 2 0 0 1 9 20V18.23A3 3 0 0 0 9 13.77V9A12.28 12.28 0 0 0 10.91 4H10V2H14V4H13.09A12.28 12.28 0 0 0 15 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-outline.svg
new file mode 100644
index 00000000..9d52d8c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-soda-outline" viewBox="0 0 24 24"><path d="M14.4 9.58C12.9 7.89 13 4 13 4H14V2H10V4H11S11.1 7.89 9.6 9.58A2 2 0 0 0 9 11V20A2 2 0 0 0 11 22H13A2 2 0 0 0 15 20V11A2 2 0 0 0 14.4 9.58M13 20H11V11L11.1 10.91A6.26 6.26 0 0 0 12 9.5A6.26 6.26 0 0 0 12.9 10.91L13 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda.svg
new file mode 100644
index 00000000..055331d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-soda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-soda" viewBox="0 0 24 24"><path d="M15 11V20A2 2 0 0 1 13 22H11A2 2 0 0 1 9 20V11A2 2 0 0 1 9.6 9.58C11.1 7.89 11 4 11 4H10V2H14V4H13S12.9 7.89 14.4 9.58A2 2 0 0 1 15 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-outline.svg
new file mode 100644
index 00000000..f7a6a7ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic-outline" viewBox="0 0 24 24"><path d="M13 4H11L10 2H14L13 4M19 13V22H5V13C5 10.24 7.24 8 10 8V6H9V5H15V6H14V8C16.76 8 19 10.24 19 13M17 13C17 11.35 15.65 10 14 10H10C8.35 10 7 11.35 7 13V20H17V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus-outline.svg
new file mode 100644
index 00000000..bd4fb991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic-plus-outline" viewBox="0 0 24 24"><path d="M13 4H11L10 2H14L13 4M19 13V22H5V13C5 10.24 7.24 8 10 8V6H9V5H15V6H14V8C16.76 8 19 10.24 19 13M17 13C17 11.35 15.65 10 14 10H10C8.35 10 7 11.35 7 13V20H17V13M15 16H13V18H11V16H9V14H11V12H13V14H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus.svg
new file mode 100644
index 00000000..12cd3fb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic-plus" viewBox="0 0 24 24"><path d="M13 4H11L10 2H14L13 4M14 8V6H15V5H9V6H10V8C7.24 8 5 10.24 5 13V22H19V13C19 10.24 16.76 8 14 8M16 17H13V20H11V17H8V15H11V12H13V15H16V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull-outline.svg
new file mode 100644
index 00000000..df71ce5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic-skull-outline" viewBox="0 0 24 24"><path d="M13 4H11L10 2H14L13 4M14 8V6H15V5H9V6H10V8C7.24 8 5 10.24 5 13V22H19V13C19 10.24 16.76 8 14 8M17 20H7V13C7 11.35 8.35 10 10 10H14C15.65 10 17 11.35 17 13V20M12 11C9.79 11 8 12.79 8 15C8 16 8.39 16.9 9 17.59V19H10.25V17.5H11.38V19H12.63V17.5H13.75V19H15V17.59C15.61 16.9 16 16 16 15C16 12.79 14.21 11 12 11M10.5 15C9.95 15 9.5 14.55 9.5 14S9.95 13 10.5 13 11.5 13.45 11.5 14 11.05 15 10.5 15M11.25 16.25L12 15L12.75 16.25H11.25M13.5 15C12.95 15 12.5 14.55 12.5 14S12.95 13 13.5 13 14.5 13.45 14.5 14 14.05 15 13.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull.svg
new file mode 100644
index 00000000..1ed5eafa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic-skull.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic-skull" viewBox="0 0 24 24"><path d="M19 13V22H5V13C5 10.24 7.24 8 10 8V6H9V5H15V6H14V8C16.76 8 19 10.24 19 13M13 4L14 2H10L11 4H13M12 11C9.79 11 8 12.79 8 15C8 16 8.39 16.9 9 17.59V19H10.25V17.5H11.38V19H12.63V17.5H13.75V19H15V17.59C15.61 16.9 16 16 16 15C16 12.79 14.21 11 12 11M10.5 15C9.95 15 9.5 14.55 9.5 14S9.95 13 10.5 13 11.5 13.45 11.5 14 11.05 15 10.5 15M11.25 16.25L12 15L12.75 16.25H11.25M13.5 15C12.95 15 12.5 14.55 12.5 14S12.95 13 13.5 13 14.5 13.45 14.5 14 14.05 15 13.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic.svg
new file mode 100644
index 00000000..a45644a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-tonic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-tonic" viewBox="0 0 24 24"><path d="M13 4H11L10 2H14L13 4M19 13V22H5V13C5 10.24 7.24 8 10 8V6H9V5H15V6H14V8C16.76 8 19 10.24 19 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine-outline.svg
new file mode 100644
index 00000000..c3eae0fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-wine-outline" viewBox="0 0 24 24"><path d="M11.5 2C11.22 2 11 2.22 11 2.5V7C10.93 7 10.85 7 10.78 7.03C9.82 7.27 9.21 8 8.76 8.89C8.3 9.76 8 10.84 8 12C8.05 15 8 18.03 8 21C8 21.55 8.45 22 9 22C11 22 13 22 15 22C15.55 22 16 21.55 16 21C16.04 18 16 15 16 12C16 10.84 15.74 9.76 15.28 8.88C14.83 8 14.22 7.27 13.26 7.04C13.18 7 13.05 7 13 7V2.5C13 2.22 12.78 2 12.5 2M12 8.85C12.32 8.85 12.63 8.9 12.78 9C12.85 9.03 13.2 9.26 13.5 9.81C13.78 10.37 14 11.17 14 12V20H10V12C10 11.17 10.22 10.37 10.5 9.81C10.8 9.26 11.15 9.03 11.22 9C11.36 8.9 11.68 8.85 12 8.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine.svg
new file mode 100644
index 00000000..e6054507
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bottle-wine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bottle-wine" viewBox="0 0 24 24"><path d="M10,22A1,1 0 0,1 9,21V11C9,9 10,7.25 11,7V2.5A0.5,0.5 0 0,1 11.5,2H12.5A0.5,0.5 0 0,1 13,2.5V7C14,7.25 15,9 15,11V21A1,1 0 0,1 14,22H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bow-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bow-arrow.svg
new file mode 100644
index 00000000..c03cfb4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bow-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bow-arrow" viewBox="0 0 24 24"><path d="M19.03 6.03L20 7L22 2L17 4L17.97 4.97L16.15 6.79C10.87 2.16 3.3 3.94 2.97 4L2 4.26L2.5 6.2L3.29 6L10.12 12.82L6.94 16H5L2 19L4 20L5 22L8 19V17.06L11.18 13.88L18 20.71L17.81 21.5L19.74 22L20 21.03C20.06 20.7 21.84 13.13 17.21 7.85L19.03 6.03M4.5 5.78C6.55 5.5 11.28 5.28 14.73 8.21L10.82 12.12L4.5 5.78M18.22 19.5L11.88 13.18L15.79 9.27C18.72 12.72 18.5 17.45 18.22 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bow-tie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bow-tie.svg
new file mode 100644
index 00000000..9b3aa62c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bow-tie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bow-tie" viewBox="0 0 24 24"><path d="M15,14L21,17V7L15,10V14M9,14L3,17V7L9,10V14M10,10H14V14H10V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix-outline.svg
new file mode 100644
index 00000000..81bd002e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bowl-mix-outline" viewBox="0 0 24 24"><path d="M15.6 12H2V15C2 18.9 5.1 22 9 22H15C18.9 22 22 18.9 22 15V12H15.6M20 15C20 17.8 17.8 20 15 20H9C6.2 20 4 17.8 4 15V14H20V15M16.2 11L20.3 4.4L22 5.5L18.6 11H16.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix.svg
new file mode 100644
index 00000000..782db715
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-mix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bowl-mix" viewBox="0 0 24 24"><path d="M16.2 11L20.3 4.5L22 5.5L18.6 11H16.2M15.6 12H2V15C2 18.9 5.1 22 9 22H15C18.9 22 22 18.9 22 15V12H15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bowl-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-outline.svg
new file mode 100644
index 00000000..2489a69e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bowl-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bowl-outline" viewBox="0 0 24 24"><path d="M2 12V15C2 18.9 5.1 22 9 22H15C18.9 22 22 18.9 22 15V12H2M4 14H20V15C20 17.8 17.8 20 15 20H9C6.2 20 4 17.8 4 15V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bowl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bowl.svg
new file mode 100644
index 00000000..e9942326
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bowl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bowl" viewBox="0 0 24 24"><path d="M22 15C22 18.9 18.9 22 15 22H9C5.1 22 2 18.9 2 15V12H22V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bowling.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bowling.svg
new file mode 100644
index 00000000..1a32b1c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bowling.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bowling" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12.5,11A1.5,1.5 0 0,0 11,12.5A1.5,1.5 0 0,0 12.5,14A1.5,1.5 0 0,0 14,12.5A1.5,1.5 0 0,0 12.5,11M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M5.93,8.5C5.38,9.45 5.71,10.67 6.66,11.22C7.62,11.78 8.84,11.45 9.4,10.5C9.95,9.53 9.62,8.31 8.66,7.76C7.71,7.21 6.5,7.53 5.93,8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter-off.svg
new file mode 100644
index 00000000..05734336
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-box-cutter-off" viewBox="0 0 24 24"><path d="M20.84 22.73L12.86 14.75L12.17 15.44L6.66 13.08C6.71 12.65 6.89 12.24 7.22 11.91L8.62 10.5L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M15.41 12.21L11.16 7.96L16.41 2.71C17.2 1.93 18.46 1.93 19.24 2.71L20.66 4.13C21.44 4.91 21.44 6.17 20.66 6.96L15.41 12.21M17.12 6.25C17.5 6.64 18.15 6.64 18.54 6.25C18.93 5.86 18.93 5.23 18.54 4.83C18.15 4.44 17.5 4.44 17.12 4.83C16.73 5.23 16.73 5.86 17.12 6.25M5 16V21.75L10.81 16.53L5.81 14.53L5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter.svg
new file mode 100644
index 00000000..2aa18de5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/box-cutter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-box-cutter" viewBox="0 0 24 24"><path d="M7.22,11.91C6.89,12.24 6.71,12.65 6.66,13.08L12.17,15.44L20.66,6.96C21.44,6.17 21.44,4.91 20.66,4.13L19.24,2.71C18.46,1.93 17.2,1.93 16.41,2.71L7.22,11.91M5,16V21.75L10.81,16.53L5.81,14.53L5,16M17.12,4.83C17.5,4.44 18.15,4.44 18.54,4.83C18.93,5.23 18.93,5.86 18.54,6.25C18.15,6.64 17.5,6.64 17.12,6.25C16.73,5.86 16.73,5.23 17.12,4.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/box-shadow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/box-shadow.svg
new file mode 100644
index 00000000..8dbd9f82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/box-shadow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-box-shadow" viewBox="0 0 24 24"><path d="M3,3H18V18H3V3M19,19H21V21H19V19M19,16H21V18H19V16M19,13H21V15H19V13M19,10H21V12H19V10M19,7H21V9H19V7M16,19H18V21H16V19M13,19H15V21H13V19M10,19H12V21H10V19M7,19H9V21H7V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/box.svg
new file mode 100644
index 00000000..34db0539
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-box" viewBox="0 0 24 24"><path d="M15.39,14.04V14.04C15.39,12.62 14.24,11.47 12.82,11.47C11.41,11.47 10.26,12.62 10.26,14.04V14.04C10.26,15.45 11.41,16.6 12.82,16.6C14.24,16.6 15.39,15.45 15.39,14.04M17.1,14.04C17.1,16.4 15.18,18.31 12.82,18.31C11.19,18.31 9.77,17.39 9.05,16.04C8.33,17.39 6.91,18.31 5.28,18.31C2.94,18.31 1.04,16.43 1,14.11V14.11H1V7H1V7C1,6.56 1.39,6.18 1.86,6.18C2.33,6.18 2.7,6.56 2.71,7V7H2.71V10.62C3.43,10.08 4.32,9.76 5.28,9.76C6.91,9.76 8.33,10.68 9.05,12.03C9.77,10.68 11.19,9.76 12.82,9.76C15.18,9.76 17.1,11.68 17.1,14.04V14.04M7.84,14.04V14.04C7.84,12.62 6.69,11.47 5.28,11.47C3.86,11.47 2.71,12.62 2.71,14.04V14.04C2.71,15.45 3.86,16.6 5.28,16.6C6.69,16.6 7.84,15.45 7.84,14.04M22.84,16.96V16.96C22.95,17.12 23,17.3 23,17.47C23,17.73 22.88,18 22.66,18.15C22.5,18.26 22.33,18.32 22.15,18.32C21.9,18.32 21.65,18.21 21.5,18L19.59,15.47L17.7,18V18C17.53,18.21 17.28,18.32 17.03,18.32C16.85,18.32 16.67,18.26 16.5,18.15C16.29,18 16.17,17.72 16.17,17.46C16.17,17.29 16.23,17.11 16.33,16.96V16.96H16.33V16.96L18.5,14.04L16.33,11.11V11.11H16.33V11.11C16.22,10.96 16.17,10.79 16.17,10.61C16.17,10.35 16.29,10.1 16.5,9.93C16.89,9.65 17.41,9.72 17.7,10.09V10.09L19.59,12.61L21.5,10.09C21.76,9.72 22.29,9.65 22.66,9.93C22.89,10.1 23,10.36 23,10.63C23,10.8 22.95,10.97 22.84,11.11V11.11H22.84V11.11L20.66,14.04L22.84,16.96V16.96H22.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/boxing-glove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/boxing-glove.svg
new file mode 100644
index 00000000..4e87e38c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/boxing-glove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-boxing-glove" viewBox="0 0 24 24"><path d="M19,16V6H22V16H19M12,4C8,4 7,4 7,4C7,4 2,4 2,8V14C2,15.77 3,16.76 4.07,17.31C4.4,15.43 6.03,14 8,14H11V16H8A2,2 0 0,0 6,18C6,19.11 6.9,20 8,20H13C17,20 17,16 17,16V6C17,6 16,4 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/braille.svg b/apps/phoenix_webcomponent/priv/mdi/svg/braille.svg
new file mode 100644
index 00000000..f8a1f573
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/braille.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-braille" viewBox="0 0 24 24"><path d="M7,8A1,1 0 0,1 8,7A1,1 0 0,1 9,8V12.47L10.21,12.6L15.15,14.79C15.67,15.03 16,15.56 16,16.14V20.5C15.97,21.32 15.32,21.97 14.5,22H8C7.62,22 7.26,21.85 7,21.57L2.1,17.37L2.84,16.6C3.03,16.39 3.3,16.28 3.58,16.28H3.8L7,18V8M19.5,2A1.5,1.5 0 0,0 18,3.5A1.5,1.5 0 0,0 19.5,5A1.5,1.5 0 0,0 21,3.5A1.5,1.5 0 0,0 19.5,2M19.5,7A1.5,1.5 0 0,0 18,8.5A1.5,1.5 0 0,0 19.5,10A1.5,1.5 0 0,0 21,8.5A1.5,1.5 0 0,0 19.5,7M14.5,7A1.5,1.5 0 0,0 13,8.5A1.5,1.5 0 0,0 14.5,10A1.5,1.5 0 0,0 16,8.5A1.5,1.5 0 0,0 14.5,7M19.5,12A1.5,1.5 0 0,0 18,13.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 21,13.5A1.5,1.5 0 0,0 19.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brain.svg
new file mode 100644
index 00000000..77ff1ef6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brain" viewBox="0 0 24 24"><path d="M21.33,12.91C21.42,14.46 20.71,15.95 19.44,16.86L20.21,18.35C20.44,18.8 20.47,19.33 20.27,19.8C20.08,20.27 19.69,20.64 19.21,20.8L18.42,21.05C18.25,21.11 18.06,21.14 17.88,21.14C17.37,21.14 16.89,20.91 16.56,20.5L14.44,18C13.55,17.85 12.71,17.47 12,16.9C11.5,17.05 11,17.13 10.5,17.13C9.62,17.13 8.74,16.86 8,16.34C7.47,16.5 6.93,16.57 6.38,16.56C5.59,16.57 4.81,16.41 4.08,16.11C2.65,15.47 1.7,14.07 1.65,12.5C1.57,11.78 1.69,11.05 2,10.39C1.71,9.64 1.68,8.82 1.93,8.06C2.3,7.11 3,6.32 3.87,5.82C4.45,4.13 6.08,3 7.87,3.12C9.47,1.62 11.92,1.46 13.7,2.75C14.12,2.64 14.56,2.58 15,2.58C16.36,2.55 17.65,3.15 18.5,4.22C20.54,4.75 22,6.57 22.08,8.69C22.13,9.8 21.83,10.89 21.22,11.82C21.29,12.18 21.33,12.54 21.33,12.91M16.33,11.5C16.9,11.57 17.35,12 17.35,12.57A1,1 0 0,1 16.35,13.57H15.72C15.4,14.47 14.84,15.26 14.1,15.86C14.35,15.95 14.61,16 14.87,16.07C20,16 19.4,12.87 19.4,12.82C19.34,11.39 18.14,10.27 16.71,10.33A1,1 0 0,1 15.71,9.33A1,1 0 0,1 16.71,8.33C17.94,8.36 19.12,8.82 20.04,9.63C20.09,9.34 20.12,9.04 20.12,8.74C20.06,7.5 19.5,6.42 17.25,6.21C16,3.25 12.85,4.89 12.85,5.81V5.81C12.82,6.04 13.06,6.53 13.1,6.56A1,1 0 0,1 14.1,7.56C14.1,8.11 13.65,8.56 13.1,8.56V8.56C12.57,8.54 12.07,8.34 11.67,8C11.19,8.31 10.64,8.5 10.07,8.56V8.56C9.5,8.61 9.03,8.21 9,7.66C8.92,7.1 9.33,6.61 9.88,6.56C10.04,6.54 10.82,6.42 10.82,5.79V5.79C10.82,5.13 11.07,4.5 11.5,4C10.58,3.75 9.59,4.08 8.59,5.29C6.75,5 6,5.25 5.45,7.2C4.5,7.67 4,8 3.78,9C4.86,8.78 5.97,8.87 7,9.25C7.5,9.44 7.78,10 7.59,10.54C7.4,11.06 6.82,11.32 6.3,11.13C5.57,10.81 4.75,10.79 4,11.07C3.68,11.34 3.68,11.9 3.68,12.34C3.68,13.08 4.05,13.77 4.68,14.17C5.21,14.44 5.8,14.58 6.39,14.57C6.24,14.31 6.11,14.04 6,13.76C5.81,13.22 6.1,12.63 6.64,12.44C7.18,12.25 7.77,12.54 7.96,13.08C8.36,14.22 9.38,15 10.58,15.13C11.95,15.06 13.17,14.25 13.77,13C14,11.62 15.11,11.5 16.33,11.5M18.33,18.97L17.71,17.67L17,17.83L18,19.08L18.33,18.97M13.68,10.36C13.7,9.83 13.3,9.38 12.77,9.33C12.06,9.29 11.37,9.53 10.84,10C10.27,10.58 9.97,11.38 10,12.19A1,1 0 0,0 11,13.19C11.57,13.19 12,12.74 12,12.19C12,11.92 12.07,11.65 12.23,11.43C12.35,11.33 12.5,11.28 12.66,11.28C13.21,11.31 13.68,10.9 13.68,10.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice-outline.svg
new file mode 100644
index 00000000..a88c195b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bread-slice-outline" viewBox="0 0 24 24"><path d="M12,2C17.5,2 22,5.36 22,9.5C22,11.19 21.26,12.75 20,14V22H4V14C2.74,12.75 2,11.19 2,9.5C2,5.36 6.5,2 12,2M18,13.14C19.24,12.17 20,10.89 20,9.5C20,6.46 16.42,4 12,4C7.58,4 4,6.46 4,9.5C4,10.89 4.76,12.17 6,13.14V20H18V13.14M8,18V14H12V18H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice.svg
new file mode 100644
index 00000000..7fe5f4cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bread-slice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bread-slice" viewBox="0 0 24 24"><path d="M12,2C17.5,2 22,5.36 22,9.5C22,11.19 21.26,12.75 20,14V22H4V14C2.74,12.75 2,11.19 2,9.5C2,5.36 6.5,2 12,2M8,18H12V14H8V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bridge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bridge.svg
new file mode 100644
index 00000000..7c99d088
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bridge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bridge" viewBox="0 0 24 24"><path d="M7,14V10.91C6.28,10.58 5.61,10.18 5,9.71V14H7M5,18H3V16H1V14H3V7H5V8.43C6.8,10 9.27,11 12,11C14.73,11 17.2,10 19,8.43V7H21V14H23V16H21V18H19V16H5V18M17,10.91V14H19V9.71C18.39,10.18 17.72,10.58 17,10.91M16,14V11.32C15.36,11.55 14.69,11.72 14,11.84V14H16M13,14V11.96L12,12L11,11.96V14H13M10,14V11.84C9.31,11.72 8.64,11.55 8,11.32V14H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account-outline.svg
new file mode 100644
index 00000000..3643e7ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-account-outline" viewBox="0 0 24 24"><path d="M20,6C20.58,6 21.05,6.2 21.42,6.59C21.8,7 22,7.45 22,8V19C22,19.55 21.8,20 21.42,20.41C21.05,20.8 20.58,21 20,21H4C3.42,21 2.95,20.8 2.58,20.41C2.2,20 2,19.55 2,19V8C2,7.45 2.2,7 2.58,6.59C2.95,6.2 3.42,6 4,6H8V4C8,3.42 8.2,2.95 8.58,2.58C8.95,2.2 9.42,2 10,2H14C14.58,2 15.05,2.2 15.42,2.58C15.8,2.95 16,3.42 16,4V6H20M4,8V19H20V8H4M14,6V4H10V6H14M12,9A2.25,2.25 0 0,1 14.25,11.25C14.25,12.5 13.24,13.5 12,13.5A2.25,2.25 0 0,1 9.75,11.25C9.75,10 10.76,9 12,9M16.5,18H7.5V16.88C7.5,15.63 9.5,14.63 12,14.63C14.5,14.63 16.5,15.63 16.5,16.88V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account.svg
new file mode 100644
index 00000000..f9ba8df4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-account" viewBox="0 0 24 24"><path d="M20,6H16V4A2,2 0 0,0 14,2H10C8.89,2 8,2.89 8,4V6H4C2.89,6 2,6.89 2,8V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V8A2,2 0 0,0 20,6M10,4H14V6H10V4M12,9A2.5,2.5 0 0,1 14.5,11.5A2.5,2.5 0 0,1 12,14A2.5,2.5 0 0,1 9.5,11.5A2.5,2.5 0 0,1 12,9M17,19H7V17.75C7,16.37 9.24,15.25 12,15.25C14.76,15.25 17,16.37 17,17.75V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right-outline.svg
new file mode 100644
index 00000000..eb838132
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-arrow-left-right-outline" viewBox="0 0 24 24"><path d="M10 2H14C15.11 2 16 2.9 16 4V6H20C21.11 6 22 6.9 22 8V13.53C21.42 13 20.75 12.6 20 12.34V8H4V19H12.08C12.2 19.72 12.45 20.39 12.8 21H4C2.9 21 2 20.11 2 19V8C2 6.9 2.9 6 4 6H8V4C8 2.9 8.9 2 10 2M14 6V4H10V6H14M19 18.5V17H15V15H19V13.5L22 16L19 18.5M17 19H21V21H17V22.5L14 20L17 17.5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right.svg
new file mode 100644
index 00000000..6d0001e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-arrow-left-right" viewBox="0 0 24 24"><path d="M10 2H14C15.11 2 16 2.9 16 4V6H20C21.11 6 22 6.9 22 8V13.53C20.94 12.58 19.54 12 18 12C14.69 12 12 14.69 12 18C12 19.09 12.29 20.12 12.8 21H4C2.89 21 2 20.1 2 19V8C2 6.89 2.89 6 4 6H8V4C8 2.89 8.89 2 10 2M14 6V4H10V6H14M19 18.5V17H15V15H19V13.5L22 16L19 18.5M17 19H21V21H17V22.5L14 20L17 17.5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down-outline.svg
new file mode 100644
index 00000000..dcab9f10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-arrow-up-down-outline" viewBox="0 0 24 24"><path d="M10 2H14C15.11 2 16 2.9 16 4V6H20C21.11 6 22 6.9 22 8V13.53C21.42 13 20.75 12.6 20 12.34V8H4V19H12.08C12.2 19.72 12.45 20.39 12.8 21H4C2.9 21 2 20.11 2 19V8C2 6.9 2.9 6 4 6H8V4C8 2.9 8.9 2 10 2M14 6V4H10V6H14M17.5 19H19V15H21V19H22.5L20 22L17.5 19M17 17V21H15V17H13.5L16 14L18.5 17H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down.svg
new file mode 100644
index 00000000..f7b33a28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-arrow-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-arrow-up-down" viewBox="0 0 24 24"><path d="M10 2H14C15.11 2 16 2.9 16 4V6H20C21.11 6 22 6.9 22 8V13.53C20.94 12.58 19.54 12 18 12C14.69 12 12 14.69 12 18C12 19.09 12.29 20.12 12.8 21H4C2.89 21 2 20.1 2 19V8C2 6.89 2.89 6 4 6H8V4C8 2.89 8.89 2 10 2M14 6V4H10V6H14M17.5 19H19V15H21V19H22.5L20 22L17.5 19M17 17V21H15V17H13.5L16 14L18.5 17H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check-outline.svg
new file mode 100644
index 00000000..9bb9d91a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-check-outline" viewBox="0 0 24 24"><path d="M20 6C20.58 6 21.05 6.2 21.42 6.59C21.8 7 22 7.45 22 8V19C22 19.55 21.8 20 21.42 20.41C21.05 20.8 20.58 21 20 21H4C3.42 21 2.95 20.8 2.58 20.41C2.2 20 2 19.55 2 19V8C2 7.45 2.2 7 2.58 6.59C2.95 6.2 3.42 6 4 6H8V4C8 3.42 8.2 2.95 8.58 2.58C8.95 2.2 9.42 2 10 2H14C14.58 2 15.05 2.2 15.42 2.58C15.8 2.95 16 3.42 16 4V6H20M4 8V19H20V8H4M14 6V4H10V6H14M10.46 17.5L17.05 10.91L15.64 9.5L10.46 14.67L8.37 12.59L6.96 14L10.46 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check.svg
new file mode 100644
index 00000000..644c078a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-check" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M10.5,17.5L17.09,10.91L15.68,9.5L10.5,14.67L8.41,12.59L7,14L10.5,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock-outline.svg
new file mode 100644
index 00000000..96981091
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-clock-outline" viewBox="0 0 24 24"><path d="M21 11.11V7A2 2 0 0 0 20.42 5.59A1.87 1.87 0 0 0 19 5H15V3A1.9 1.9 0 0 0 14.42 1.58A1.9 1.9 0 0 0 13 1H9A1.9 1.9 0 0 0 7.58 1.58A1.9 1.9 0 0 0 7 3V5H3A1.87 1.87 0 0 0 1.58 5.59A2 2 0 0 0 1 7V18A2 2 0 0 0 1.58 19.41A1.87 1.87 0 0 0 3 20H10.26A7 7 0 1 0 21 11.11M9 3H13V5H9M3 18V7H19V9.68A6.84 6.84 0 0 0 16 9A7 7 0 0 0 9 16A6.91 6.91 0 0 0 9.29 18M19 20A5 5 0 0 1 13 20A4.94 4.94 0 0 1 11 16A5 5 0 0 1 16 11A4.94 4.94 0 0 1 19 12A5 5 0 0 1 19 20M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock.svg
new file mode 100644
index 00000000..14e819ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-clock" viewBox="0 0 24 24"><path d="M21 11.11V7A2 2 0 0 0 19 5H15V3A2 2 0 0 0 13 1H9A2 2 0 0 0 7 3V5H3A2 2 0 0 0 1 7V18A2 2 0 0 0 3 20H10.26A7 7 0 1 0 21 11.11M9 3H13V5H9M19 20A5 5 0 0 1 13 20A5 5 0 1 1 19 20M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download-outline.svg
new file mode 100644
index 00000000..ce1f8b30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-download-outline" viewBox="0 0 24 24"><path d="M12,18L7,13H10V9H14V13H17L12,18M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M4,8V19H20V8H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download.svg
new file mode 100644
index 00000000..21dca9ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-download" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M12,19L17,14H14V10H10V14H7L12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit-outline.svg
new file mode 100644
index 00000000..6caa48d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-edit-outline" viewBox="0 0 24 24"><path d="M21.04,12.13C21.18,12.13 21.31,12.19 21.42,12.3L22.7,13.58C22.92,13.79 22.92,14.14 22.7,14.35L21.7,15.35L19.65,13.3L20.65,12.3C20.76,12.19 20.9,12.13 21.04,12.13M19.07,13.88L21.12,15.93L15.06,22H13V19.94L19.07,13.88M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8L20,10V8H4V19H11V21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit.svg
new file mode 100644
index 00000000..87a5ae36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-edit" viewBox="0 0 24 24"><path d="M14,2A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8L10.85,19C10.85,20.1 10.85,19.5 10.85,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2H14M14,6V4H10V6H14M21.04,12.13C20.9,12.13 20.76,12.19 20.65,12.3L19.65,13.3L21.7,15.35L22.7,14.35C22.92,14.14 22.92,13.79 22.7,13.58L21.42,12.3C21.31,12.19 21.18,12.13 21.04,12.13M19.07,13.88L13,19.94V22H15.06L21.12,15.93L19.07,13.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye-outline.svg
new file mode 100644
index 00000000..800e5328
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-eye-outline" viewBox="0 0 24 24"><path d="M17 18C17.6 18 18 18.4 18 19S17.6 20 17 20 16 19.6 16 19 16.4 18 17 18M17 15C14.3 15 11.9 16.7 11 19C11.9 21.3 14.3 23 17 23S22.1 21.3 23 19C22.1 16.7 19.7 15 17 15M17 21.5C15.6 21.5 14.5 20.4 14.5 19S15.6 16.5 17 16.5 19.5 17.6 19.5 19 18.4 21.5 17 21.5M9.1 19.7L8.8 19H4V8H20V13.6C20.7 13.9 21.4 14.2 22 14.7V8C22 7.5 21.8 7 21.4 6.6C21 6.2 20.6 6 20 6H16V4C16 3.4 15.8 3 15.4 2.6C15 2.2 14.6 2 14 2H10C9.4 2 9 2.2 8.6 2.6C8.2 3 8 3.4 8 4V6H4C3.4 6 3 6.2 2.6 6.6C2.2 7 2 7.5 2 8V19C2 19.5 2.2 20 2.6 20.4C3 20.8 3.4 21 4 21H9.8C9.5 20.6 9.3 20.2 9.1 19.7M10 4H14V6H10V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye.svg
new file mode 100644
index 00000000..e8e2342f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-eye" viewBox="0 0 24 24"><path d="M17 18C17.6 18 18 18.4 18 19S17.6 20 17 20 16 19.6 16 19 16.4 18 17 18M9.1 19.7L8.8 19L9.1 18.3C10.4 15.1 13.5 13 17 13C18.9 13 20.6 13.6 22 14.6V8C22 6.9 21.1 6 20 6H16V4C16 2.9 15.1 2 14 2H10C8.9 2 8 2.9 8 4V6H4C2.9 6 2 6.9 2 8V19C2 20.1 2.9 21 4 21H9.8C9.5 20.6 9.3 20.2 9.1 19.7M10 4H14V6H10V4M17 15C14.3 15 11.9 16.7 11 19C11.9 21.3 14.3 23 17 23S22.1 21.3 23 19C22.1 16.7 19.7 15 17 15M17 21.5C15.6 21.5 14.5 20.4 14.5 19S15.6 16.5 17 16.5 19.5 17.6 19.5 19 18.4 21.5 17 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus-outline.svg
new file mode 100644
index 00000000..298e7e87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-minus-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14,17H22V19H14V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus.svg
new file mode 100644
index 00000000..16184e76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off-outline.svg
new file mode 100644
index 00000000..a32aa8a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-off-outline" viewBox="0 0 24 24"><path d="M20 8V16.8L22 18.8V8C22 7.45 21.8 7 21.42 6.59C21.05 6.2 20.58 6 20 6H16V4C16 3.42 15.8 2.95 15.42 2.58C15.05 2.2 14.58 2 14 2H10C9.42 2 8.95 2.2 8.58 2.58C8.2 2.95 8 3.42 8 4V4.8L11.2 8H20M10 4H14V6H10V4M2.39 1.73L1.11 3L4.11 6H4C3.42 6 2.95 6.2 2.58 6.59C2.2 7 2 7.45 2 8V19C2 19.55 2.2 20 2.58 20.41C2.95 20.8 3.42 21 4 21H19.11L20.84 22.73L22.11 21.46L2.39 1.73M4 19V8H6.11L17.11 19H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off.svg
new file mode 100644
index 00000000..a21f0ded
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L19.11 21H4C2.89 21 2 20.1 2 19V8C2 6.89 2.89 6 4 6H4.11L1.11 3L2.39 1.73L22.11 21.46M22 18.8L8 4.8V4C8 2.89 8.89 2 10 2H14C15.11 2 16 2.9 16 4V6H20C21.11 6 22 6.9 22 8V18.8M14 4H10V6H14V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-outline.svg
new file mode 100644
index 00000000..7cf041a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-outline" viewBox="0 0 24 24"><path d="M20,6C20.58,6 21.05,6.2 21.42,6.59C21.8,7 22,7.45 22,8V19C22,19.55 21.8,20 21.42,20.41C21.05,20.8 20.58,21 20,21H4C3.42,21 2.95,20.8 2.58,20.41C2.2,20 2,19.55 2,19V8C2,7.45 2.2,7 2.58,6.59C2.95,6.2 3.42,6 4,6H8V4C8,3.42 8.2,2.95 8.58,2.58C8.95,2.2 9.42,2 10,2H14C14.58,2 15.05,2.2 15.42,2.58C15.8,2.95 16,3.42 16,4V6H20M4,8V19H20V8H4M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus-outline.svg
new file mode 100644
index 00000000..985c8f57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-plus-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14,17H17V14H19V17H22V19H19V22H17V19H14V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus.svg
new file mode 100644
index 00000000..6e03b058
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove-outline.svg
new file mode 100644
index 00000000..7146ab71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-remove-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C21.42,13 20.75,12.6 20,12.34V8H4V19H12.08C12.2,19.72 12.45,20.39 12.8,21H4A2,2 0 0,1 2,19V8A2,2 0 0,1 4,6H8V4A2,2 0 0,1 10,2M14,6V4H10V6H14M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove.svg
new file mode 100644
index 00000000..240743e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.53C20.94,12.58 19.54,12 18,12A6,6 0 0,0 12,18C12,19.09 12.29,20.12 12.8,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search-outline.svg
new file mode 100644
index 00000000..39b8f969
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-search-outline" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.03C21.5,12.23 20.8,11.54 20,11V8H4V19H10.5C10.81,19.75 11.26,20.42 11.81,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9M16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search.svg
new file mode 100644
index 00000000..549c18b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-search" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V13.03C20.85,11.21 18.82,10 16.5,10A6.5,6.5 0 0,0 10,16.5C10,18.25 10.69,19.83 11.81,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload-outline.svg
new file mode 100644
index 00000000..f4f188b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-upload-outline" viewBox="0 0 24 24"><path d="M12,9L17,14H14V18H10V14H7L12,9M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M4,8V19H20V8H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload.svg
new file mode 100644
index 00000000..e9296e77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-upload" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14M12,9L7,14H10V18H14V14H17L12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off-outline.svg
new file mode 100644
index 00000000..9fb50b65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-variant-off-outline" viewBox="0 0 24 24"><path d="M10 6.8L8.1 4.9L10 3H14L16 5V7H20C21.1 7 22 7.9 22 9V14C22 14.73 21.59 15.37 21 15.72V17.8L17.2 14H20V9H12.2L10.2 7H14V5H10V6.8M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.89 21 3 20.11 3 19V15.73C2.4 15.38 2 14.75 2 14V9C2 7.9 2.9 7 4 7H5.11L1.11 3L2.39 1.73L22.11 21.46M11 15H13V14.89L11.11 13H11V15M9 14V11H9.11L7.11 9H4V14H9M17.11 19L15 16.89V17H9V16H5V19H17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off.svg
new file mode 100644
index 00000000..2009fec7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-variant-off" viewBox="0 0 24 24"><path d="M10 6.8L8.1 4.9L10 3H14L16 5V7H20C21.1 7 22 7.9 22 9V12C22 13.1 21.1 14 20 14H17.2L10.2 7H14V5H10V6.8M2.39 1.73L1.11 3L5.11 7H4C2.9 7 2 7.9 2 9V12C2 13.11 2.89 14 4 14H10V12H10.11L14 15.89V16H10V15H3V19C3 20.11 3.89 21 5 21H19C19.03 21 19.07 21 19.1 21L20.84 22.73L22.11 21.46L2.39 1.73M21 17.8V15H18.2L21 17.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-outline.svg
new file mode 100644
index 00000000..bbffec91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-variant-outline" viewBox="0 0 24 24"><path d="M20 7H16V5L14 3H10L8 5V7H4C2.9 7 2 7.9 2 9V14C2 14.75 2.4 15.38 3 15.73V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V15.72C21.59 15.37 22 14.73 22 14V9C22 7.9 21.1 7 20 7M10 5H14V7H10V5M4 9H20V14H15V11H9V14H4V9M13 15H11V13H13V15M19 19H5V16H9V17H15V16H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant.svg
new file mode 100644
index 00000000..194fcf57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase-variant" viewBox="0 0 24 24"><path d="M10 16V15H3L3 19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V15H14V16H10M20 7H16V5L14 3H10L8 5V7H4C2.9 7 2 7.9 2 9V12C2 13.11 2.89 14 4 14H10V12H14V14H20C21.1 14 22 13.1 22 12V9C22 7.9 21.1 7 20 7M14 7H10V5H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/briefcase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase.svg
new file mode 100644
index 00000000..579043d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/briefcase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-briefcase" viewBox="0 0 24 24"><path d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-1.svg
new file mode 100644
index 00000000..2d324835
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-1" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-2.svg
new file mode 100644
index 00000000..f947edbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-2" viewBox="0 0 24 24"><path d="M10,2C8.18,2 6.47,2.5 5,3.35C8,5.08 10,8.3 10,12C10,15.7 8,18.92 5,20.65C6.47,21.5 8.18,22 10,22A10,10 0 0,0 20,12A10,10 0 0,0 10,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-3.svg
new file mode 100644
index 00000000..0a57f2c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-3" viewBox="0 0 24 24"><path d="M9,2C7.95,2 6.95,2.16 6,2.46C10.06,3.73 13,7.5 13,12C13,16.5 10.06,20.27 6,21.54C6.95,21.84 7.95,22 9,22A10,10 0 0,0 19,12A10,10 0 0,0 9,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-4.svg
new file mode 100644
index 00000000..85f69e78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-4" viewBox="0 0 24 24"><path d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-5.svg
new file mode 100644
index 00000000..1809475f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-5" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-6.svg
new file mode 100644
index 00000000..e9c12880
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-6" viewBox="0 0 24 24"><path d="M12,18V6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-7.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-7.svg
new file mode 100644
index 00000000..feed5acb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-7" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-auto.svg
new file mode 100644
index 00000000..85a77946
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-auto" viewBox="0 0 24 24"><path d="M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brightness-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-percent.svg
new file mode 100644
index 00000000..2039c00f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brightness-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-percent" viewBox="0 0 24 24"><path d="M20.04,8.71V4H15.34L12,0.69L8.71,4H4V8.71L0.69,12L4,15.34V20.04H8.71L12,23.35L15.34,20.04H20.04V15.34L23.35,12L20.04,8.71M8.83,7.05C9.81,7.05 10.6,7.84 10.6,8.83A1.77,1.77 0 0,1 8.83,10.6C7.84,10.6 7.05,9.81 7.05,8.83C7.05,7.84 7.84,7.05 8.83,7.05M15.22,17C14.24,17 13.45,16.2 13.45,15.22A1.77,1.77 0 0,1 15.22,13.45C16.2,13.45 17,14.24 17,15.22A1.78,1.78 0 0,1 15.22,17M8.5,17.03L7,15.53L15.53,7L17.03,8.5L8.5,17.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/broadcast-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/broadcast-off.svg
new file mode 100644
index 00000000..6fe2336a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/broadcast-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-broadcast-off" viewBox="0 0 24 24"><path d="M17.6 14.2C17.9 13.5 18 12.8 18 12C18 8.7 15.3 6 12 6C11.2 6 10.4 6.2 9.8 6.4L11.4 8H12C14.2 8 16 9.8 16 12C16 12.2 16 12.4 15.9 12.6L17.6 14.2M12 4C16.4 4 20 7.6 20 12C20 13.4 19.6 14.6 19 15.7L20.5 17.2C21.4 15.7 22 13.9 22 12C22 6.5 17.5 2 12 2C10.1 2 8.3 2.5 6.8 3.5L8.3 5C9.4 4.3 10.6 4 12 4M3.3 2.5L2 3.8L4.1 5.9C2.8 7.6 2 9.7 2 12C2 15.7 4 18.9 7 20.6L8 18.9C5.6 17.5 4 14.9 4 12C4 10.2 4.6 8.6 5.5 7.3L7 8.8C6.4 9.7 6 10.8 6 12C6 14.2 7.2 16.1 9 17.2L10 15.5C8.8 14.8 8 13.5 8 12.1C8 11.5 8.2 10.9 8.4 10.3L10 11.9V12.1C10 13.2 10.9 14.1 12 14.1H12.2L19.7 21.6L21 20.3L4.3 3.5L3.3 2.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/broadcast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/broadcast.svg
new file mode 100644
index 00000000..b070c557
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/broadcast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-broadcast" viewBox="0 0 24 24"><path d="M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M18 12C18 8.7 15.3 6 12 6S6 8.7 6 12C6 14.2 7.2 16.1 9 17.2L10 15.5C8.8 14.8 8 13.5 8 12.1C8 9.9 9.8 8.1 12 8.1S16 9.9 16 12.1C16 13.6 15.2 14.9 14 15.5L15 17.2C16.8 16.2 18 14.2 18 12M12 2C6.5 2 2 6.5 2 12C2 15.7 4 18.9 7 20.6L8 18.9C5.6 17.5 4 14.9 4 12C4 7.6 7.6 4 12 4S20 7.6 20 12C20 15 18.4 17.5 16 18.9L17 20.6C20 18.9 22 15.7 22 12C22 6.5 17.5 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/broom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/broom.svg
new file mode 100644
index 00000000..57c4965c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/broom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-broom" viewBox="0 0 24 24"><path d="M19.36,2.72L20.78,4.14L15.06,9.85C16.13,11.39 16.28,13.24 15.38,14.44L9.06,8.12C10.26,7.22 12.11,7.37 13.65,8.44L19.36,2.72M5.93,17.57C3.92,15.56 2.69,13.16 2.35,10.92L7.23,8.83L14.67,16.27L12.58,21.15C10.34,20.81 7.94,19.58 5.93,17.57Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brush-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brush-off.svg
new file mode 100644
index 00000000..176c28da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brush-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brush-off" viewBox="0 0 24 24"><path d="M20.8 22.7L12.4 14.3L11.8 15L9 12.2L9.7 11.5L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M7 14C5.3 14 4 15.3 4 17C4 18.3 2.8 19 2 19C2.9 20.2 4.5 21 6 21C8.2 21 10 19.2 10 17C10 15.3 8.7 14 7 14M20.7 6C21.1 5.6 21.1 5 20.7 4.6L19.4 3.3C19 2.9 18.4 2.9 18 3.3L12.2 9L15 11.8L20.7 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brush-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brush-outline.svg
new file mode 100644
index 00000000..7b4c3044
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brush-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brush-outline" viewBox="0 0 24 24"><path d="M7 16C7.55 16 8 16.45 8 17C8 18.1 7.1 19 6 19C5.83 19 5.67 19 5.5 18.95C5.81 18.4 6 17.74 6 17C6 16.45 6.45 16 7 16M18.67 3C18.41 3 18.16 3.1 17.96 3.29L9 12.25L11.75 15L20.71 6.04C21.1 5.65 21.1 5 20.71 4.63L19.37 3.29C19.17 3.09 18.92 3 18.67 3M7 14C5.34 14 4 15.34 4 17C4 18.31 2.84 19 2 19C2.92 20.22 4.5 21 6 21C8.21 21 10 19.21 10 17C10 15.34 8.66 14 7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brush-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brush-variant.svg
new file mode 100644
index 00000000..f37853bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brush-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brush-variant" viewBox="0 0 24 24"><path d="M8 3C5.79 3 4 4.79 4 7V14C4 15.1 4.9 16 6 16H9V20C9 21.1 9.9 22 11 22H13C14.1 22 15 21.1 15 20V16H18C19.1 16 20 15.1 20 14V3H8M8 5H12V7H14V5H15V9H17V5H18V10H6V7C6 5.9 6.9 5 8 5M6 14V12H18V14H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/brush.svg b/apps/phoenix_webcomponent/priv/mdi/svg/brush.svg
new file mode 100644
index 00000000..f5fd488d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/brush.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brush" viewBox="0 0 24 24"><path d="M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bucket-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bucket-outline.svg
new file mode 100644
index 00000000..f5948215
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bucket-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bucket-outline" viewBox="0 0 24 24"><path d="M3 4H21V7H20L17.5 21H6.5L4 7H3V4M17.97 7H6.03L8.15 19H15.85L17.97 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bucket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bucket.svg
new file mode 100644
index 00000000..a94097d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bucket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bucket" viewBox="0 0 24 24"><path d="M3 4H21V7H20L17.5 21H6.5L4 7H3V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/buffet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/buffet.svg
new file mode 100644
index 00000000..04120aff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/buffet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-buffet" viewBox="0 0 24 24"><path d="M9 14C9.55 14 10 14.45 10 15C10 15.55 9.55 16 9 16C8.45 16 8 15.55 8 15C8 14.45 8.45 14 9 14M15 14C15.55 14 16 14.45 16 15C16 15.55 15.55 16 15 16C14.45 16 14 15.55 14 15C14 14.45 14.45 14 15 14M3 22L4 19H3C2.45 19 2 18.55 2 18V12C2 11.45 2.45 11 3 11H21C21.55 11 22 11.45 22 12V18C22 18.55 21.55 19 21 19H20L21 22H19L18 19H6L5 22H3M13 13V17H20V13H13M4 13V17H11V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-check-outline.svg
new file mode 100644
index 00000000..af3eac7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-check-outline" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 18.43 13.09 17.86 13.25 17.31C12.59 17.76 11.8 18 11 18C8.79 18 7 16.21 7 14V10C7 7.79 8.79 6 11 6S15 7.79 15 10V14C15 14.19 15 14.39 14.95 14.58C15.54 14.04 16.24 13.62 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M21.34 16L17.75 19.59L16.16 18L15 19.16L17.75 22.16L22.5 17.41L21.34 16M13 9V11H9V9H13M13 13V15H9V13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-check.svg
new file mode 100644
index 00000000..1dda9f9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-check" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 16.46 14.61 14.2 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 15H9V13H13V15M13 11H9V9H13V11M17.75 22.16L15 19.16L16.16 18L17.75 19.59L21.34 16L22.5 17.41L17.75 22.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-outline.svg
new file mode 100644
index 00000000..a02c6676
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-outline" viewBox="0 0 24 24"><path d="M20,8H17.19C16.74,7.2 16.12,6.5 15.37,6L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.05,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6C7.87,6.5 7.26,7.21 6.81,8H4V10H6.09C6.03,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.03,15.67 6.09,16H4V18H6.81C8.47,20.87 12.14,21.84 15,20.18C15.91,19.66 16.67,18.9 17.19,18H20V16H17.91C17.97,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.97,10.33 17.91,10H20V8M16,15A4,4 0 0,1 12,19A4,4 0 0,1 8,15V11A4,4 0 0,1 12,7A4,4 0 0,1 16,11V15M14,10V12H10V10H14M10,14H14V16H10V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause-outline.svg
new file mode 100644
index 00000000..24387d9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-pause-outline" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 18.43 13.09 17.86 13.25 17.31C12.59 17.76 11.8 18 11 18C8.79 18 7 16.21 7 14V10C7 7.79 8.79 6 11 6S15 7.79 15 10V14C15 14.19 15 14.39 14.95 14.58C15.54 14.04 16.24 13.62 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 9V11H9V9H13M13 13V15H9V13H13M20 16H22V22H20M16 16H18V22H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause.svg
new file mode 100644
index 00000000..d47b9e9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-pause" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 16.46 14.61 14.2 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 15H9V13H13V15M13 11H9V9H13V11M20 16H22V22H20M16 16H18V22H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-play-outline.svg
new file mode 100644
index 00000000..32ab870a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-play-outline" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 18.43 13.09 17.86 13.25 17.31C12.59 17.76 11.8 18 11 18C8.79 18 7 16.21 7 14V10C7 7.79 8.79 6 11 6S15 7.79 15 10V14C15 14.19 15 14.39 14.95 14.58C15.54 14.04 16.24 13.62 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 9V11H9V9H13M13 13V15H9V13H13M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-play.svg
new file mode 100644
index 00000000..7fa04a4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-play" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 16.46 14.61 14.2 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 15H9V13H13V15M13 11H9V9H13V11M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop-outline.svg
new file mode 100644
index 00000000..14216f5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-stop-outline" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 18.43 13.09 17.86 13.25 17.31C12.59 17.76 11.8 18 11 18C8.79 18 7 16.21 7 14V10C7 7.79 8.79 6 11 6S15 7.79 15 10V14C15 14.19 15 14.39 14.95 14.58C15.54 14.04 16.24 13.62 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 9V11H9V9H13M13 13V15H9V13H13M16 16H22V22H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop.svg
new file mode 100644
index 00000000..3fc56219
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug-stop" viewBox="0 0 24 24"><path d="M19 7H16.19C15.74 6.2 15.12 5.5 14.37 5L16 3.41L14.59 2L12.42 4.17C11.96 4.06 11.5 4 11 4S10.05 4.06 9.59 4.17L7.41 2L6 3.41L7.62 5C6.87 5.5 6.26 6.21 5.81 7H3V9H5.09C5.03 9.33 5 9.66 5 10V11H3V13H5V14C5 14.34 5.03 14.67 5.09 15H3V17H5.81C7.26 19.5 10.28 20.61 13 19.65V19C13 16.46 14.61 14.2 17 13.35V13H19V11H17V10C17 9.66 16.97 9.33 16.91 9H19V7M13 15H9V13H13V15M13 11H9V9H13V11M16 16H22V22H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bug.svg
new file mode 100644
index 00000000..804ca32f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bug" viewBox="0 0 24 24"><path d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bugle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bugle.svg
new file mode 100644
index 00000000..ddc92a13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bugle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bugle" viewBox="0 0 24 24"><path d="M21,6C21,11 12,11 12,11C12,11 6,11 5,11C4,11 3,10 3,10H2V14H3C3,14 4,13 5,13C5.2,13 5.7,13 6.3,13C5.5,13.5 5,14.2 5,15C5,16.8 7.3,18 10.5,18C13.7,18 16,16.8 16,15C16,14.4 15.7,13.8 15.2,13.3C17.8,13.8 21,15 21,18H22V6H21M10.5,16.7C8.2,16.7 6.4,15.9 6.4,15C6.4,14.1 8.2,13.3 10.5,13.3C12.8,13.3 14.6,14.1 14.6,15C14.6,15.9 12.8,16.7 10.5,16.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bulkhead-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bulkhead-light.svg
new file mode 100644
index 00000000..010c4d6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bulkhead-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bulkhead-light" viewBox="0 0 24 24"><path d="M13 2.09C13 2.06 13 2.03 13 2C13 1.45 12.55 1 12 1S11 1.45 11 2C11 2.03 11 2.06 11 2.09C8.19 2.56 6.03 5 6.03 7.97V16C6.03 19 8.19 21.44 11 21.91C11 21.94 11 21.97 11 22C11 22.55 11.45 23 12 23S13 22.55 13 22C13 21.97 13 21.94 13 21.91C15.81 21.44 17.97 19 17.97 16V7.97C18 5 15.81 2.56 13 2.09M16 8H15V5.4C15.6 6.09 16 7 16 8V8M14 19.44C13.41 19.79 12.73 20 12 20C11.27 20 10.59 19.79 10 19.44V16H14V19.44M10 15V9H14V15H10M9 15H8.03V9H9V15M10 4.56C10.59 4.21 11.27 4 12 4C12.73 4 13.41 4.21 14 4.56V8H10V4.56M15 9H16V15H15V9M9 5.4V8H8.03V7.97C8.03 7 8.4 6.09 9 5.4M8.03 16H9V18.6C8.4 17.91 8.03 17 8.03 16.03V16M15 18.6V16H16V16C16 17 15.6 17.91 15 18.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bulldozer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bulldozer.svg
new file mode 100644
index 00000000..67f479a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bulldozer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bulldozer" viewBox="0 0 24 24"><path d="M4,4A1,1 0 0,0 3,5V10C2.54,10 2.14,10.31 2.03,10.76V13.97H2.29C2.65,13.37 3.3,13 4,13H13C13.7,13 14.35,13.37 14.71,13.97H16.03L16,11V11A1,1 0 0,0 15,10H13V8A1,1 0 0,0 12,7A1,1 0 0,0 11,8V10H9V5A1,1 0 0,0 8,4H4M5,6H7V10L7,11H5V6M17,11V19H22V18L19,17L18,11H17M4,15A2,2 0 0,0 2,17A2,2 0 0,0 4,19H13A2,2 0 0,0 15,17A2,2 0 0,0 13,15H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullet.svg
new file mode 100644
index 00000000..af9b67e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullet" viewBox="0 0 24 24"><path d="M14,22H10V21H14V22M13,10V7H11V10L10,11.5V20H14V11.5L13,10M12,2C12,2 11,3 11,5V6H13V5C13,5 13,3 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bulletin-board.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bulletin-board.svg
new file mode 100644
index 00000000..30a64330
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bulletin-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bulletin-board" viewBox="0 0 24 24"><path d="M12.04,2.5L9.53,5H14.53L12.04,2.5M4,7V20H20V7H4M12,0L17,5V5H20A2,2 0 0,1 22,7V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V7A2,2 0 0,1 4,5H7V5L12,0M7,18V14H12V18H7M14,17V10H18V17H14M6,12V9H11V12H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-outline.svg
new file mode 100644
index 00000000..a0262b35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullhorn-outline" viewBox="0 0 24 24"><path d="M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M15,15.6L13,14H4V10H13L15,8.4V15.6M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant-outline.svg
new file mode 100644
index 00000000..74b4b902
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullhorn-variant-outline" viewBox="0 0 24 24"><path d="M20 2V4L4 8V6H2V18H4V16L6 16.5V18.5C6 20.4 7.6 22 9.5 22S13 20.4 13 18.5V18.3L20 20V22H22V2H20M11 18.5C11 19.3 10.3 20 9.5 20S8 19.3 8 18.5V17L11 17.8V18.5M20 18L4 14V10L20 6V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant.svg
new file mode 100644
index 00000000..82c45ded
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullhorn-variant" viewBox="0 0 24 24"><path d="M20 2V4L4 8V6H2V18H4V16L6 16.5V18.5C6 20.4 7.6 22 9.5 22S13 20.4 13 18.5V18.3L20 20V22H22V2H20M11 18.5C11 19.3 10.3 20 9.5 20S8 19.3 8 18.5V17L11 17.8V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn.svg
new file mode 100644
index 00000000..d8f05ea9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullhorn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullhorn" viewBox="0 0 24 24"><path d="M12,8H4A2,2 0 0,0 2,10V14A2,2 0 0,0 4,16H5V20A1,1 0 0,0 6,21H8A1,1 0 0,0 9,20V16H12L17,20V4L12,8M21.5,12C21.5,13.71 20.54,15.26 19,16V8C20.53,8.75 21.5,10.3 21.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullseye-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullseye-arrow.svg
new file mode 100644
index 00000000..2852703d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullseye-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullseye-arrow" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,10.84 21.79,9.69 21.39,8.61L19.79,10.21C19.93,10.8 20,11.4 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.6,4 13.2,4.07 13.79,4.21L15.4,2.6C14.31,2.21 13.16,2 12,2M19,2L15,6V7.5L12.45,10.05C12.3,10 12.15,10 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,11.85 14,11.7 13.95,11.55L16.5,9H18L22,5H19V2M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12H16A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bullseye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bullseye.svg
new file mode 100644
index 00000000..4ed7809d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bullseye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bullseye" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bulma.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bulma.svg
new file mode 100644
index 00000000..d609892f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bulma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bulma" viewBox="0 0 24 24"><path d="M11.38 2L6.38 7L5.13 15.75L11.38 22L18.88 17L13.88 12L17.63 8.25L11.38 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed-outline.svg
new file mode 100644
index 00000000..bc56e688
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bunk-bed-outline" viewBox="0 0 24 24"><path d="M1 2H3V9H10V3H19C21.2 3 23 4.8 23 7V23H21V21H3V23H1V2M12 5V9H21V7C21 5.9 20.1 5 19 5H12M3 11V19H10V13H19C19.7 13 20.4 13.2 21 13.6V11H3M6.5 13C7.9 13 9 14.1 9 15.5S7.9 18 6.5 18 4 16.9 4 15.5 5.1 13 6.5 13M6.5 14.6C6 14.6 5.6 15 5.6 15.5S6 16.4 6.5 16.4 7.4 16 7.4 15.5 7 14.6 6.5 14.6M12 15V19H21V17C21 15.9 20.1 15 19 15H12M6.5 3C7.9 3 9 4.1 9 5.5S7.9 8 6.5 8 4 6.9 4 5.5 5.1 3 6.5 3M6.5 4.6C6 4.6 5.6 5 5.6 5.5S6 6.4 6.5 6.4 7.4 6 7.4 5.5 7 4.6 6.5 4.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed.svg
new file mode 100644
index 00000000..a4fca7d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bunk-bed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bunk-bed" viewBox="0 0 24 24"><path d="M1 2V23H3V21H21V23H23V7C23 4.79 21.21 3 19 3H10V8H3V2M6.5 2A2.5 2.5 0 0 0 4 4.5A2.5 2.5 0 0 0 6.5 7A2.5 2.5 0 0 0 9 4.5A2.5 2.5 0 0 0 6.5 2M3 11H21V13.56C20.41 13.21 19.73 13 19 13H10V18H3M6.5 12A2.5 2.5 0 0 0 4 14.5A2.5 2.5 0 0 0 6.5 17A2.5 2.5 0 0 0 9 14.5A2.5 2.5 0 0 0 6.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-alert.svg
new file mode 100644
index 00000000..75fb7898
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-alert" viewBox="0 0 24 24"><path d="M16,1A7,7 0 0,1 23,8C23,11.53 20.39,14.45 17,14.93V18C17,18.84 16.65,19.58 15.96,20.2V22C15.96,22.27 15.87,22.5 15.68,22.71C15.5,22.91 15.26,23 15,23H14C13.71,23 13.47,22.91 13.27,22.71C13.06,22.5 12.96,22.27 12.96,22V21H5.04V22C5.04,22.27 4.94,22.5 4.73,22.71C4.53,22.91 4.29,23 4,23H3C2.74,23 2.5,22.91 2.32,22.71C2.13,22.5 2.04,22.27 2.04,22V20.2C1.35,19.58 1,18.84 1,18V8C1,6.42 1.7,5.35 3.07,4.8C4.44,4.26 6.42,4 9,4L10.23,4.03C11.5,2.2 13.61,1 16,1M16,3A5,5 0 0,0 11,8A5,5 0 0,0 16,13A5,5 0 0,0 21,8A5,5 0 0,0 16,3M15,10H17V12H15V10M15,4H17V9H15V4M3,13H11.09C9.8,11.72 9,9.96 9,8H3V13M4.5,16C3.69,16 3,16.67 3,17.5A1.5,1.5 0 0,0 4.5,19C5.35,19 6,18.33 6,17.5A1.5,1.5 0 0,0 4.5,16M13.5,16C12.65,16 12,16.67 12,17.5A1.5,1.5 0 0,0 13.5,19C14.31,19 15,18.33 15,17.5A1.5,1.5 0 0,0 13.5,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-end.svg
new file mode 100644
index 00000000..afeba8f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-articulated-end" viewBox="0 0 24 24"><path d="M21.5,6L20,7.5L21.5,9L20,10.5L21.5,12L20,13.5L21.5,15H12.5A3,3 0 0,1 9.5,18A3,3 0 0,1 6.5,15H2.5V8C2.5,6.89 3.39,6 4.5,6H21.5M18.5,7.5H15V10H18.5V7.5M13.5,7.5H9.5V10H13.5V7.5M8,7.5H4V10H8V7.5M9.5,13.5A1.5,1.5 0 0,0 8,15A1.5,1.5 0 0,0 9.5,16.5A1.5,1.5 0 0,0 11,15A1.5,1.5 0 0,0 9.5,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-front.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-front.svg
new file mode 100644
index 00000000..f446a498
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-articulated-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-articulated-front" viewBox="0 0 24 24"><path d="M1,6L2.5,7.5L1,9L2.5,10.5L1,12L2.5,13.5L1,15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V8C23,6.89 22.11,6 21,6H1M4,7.5H6.5V10H4V7.5M8,7.5H12V10H8V7.5M13.5,7.5H17.5V10H13.5V7.5M19,7.5H21.5V13L19,11V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-clock.svg
new file mode 100644
index 00000000..7a14e40f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-clock" viewBox="0 0 24 24"><path d="M16.5,4V8.25L19.36,9.94L18.61,11.16L15,9V4H16.5M16,13C17.36,13 18.54,12.5 19.5,11.53C20.5,10.56 21,9.39 21,8C21,6.64 20.5,5.46 19.5,4.5C18.54,3.5 17.36,3 16,3C14.61,3 13.44,3.5 12.47,4.5C11.5,5.46 11,6.64 11,8C11,9.39 11.5,10.56 12.47,11.53C13.44,12.5 14.61,13 16,13M13.5,19C13.94,19 14.3,18.84 14.58,18.54C14.86,18.24 15,17.89 15,17.5C15,17.08 14.86,16.73 14.58,16.43C14.3,16.13 13.94,16 13.5,16C13.06,16 12.7,16.13 12.42,16.43C12.14,16.73 12,17.08 12,17.5C12,17.89 12.14,18.24 12.42,18.54C12.7,18.84 13.06,19 13.5,19M3,13H11.11C9.7,11.64 9,10 9,8H3V13M4.5,19C4.94,19 5.3,18.84 5.58,18.54C5.86,18.24 6,17.89 6,17.5C6,17.08 5.86,16.73 5.58,16.43C5.3,16.13 4.94,16 4.5,16C4.06,16 3.7,16.13 3.42,16.43C3.14,16.73 3,17.08 3,17.5C3,17.89 3.14,18.24 3.42,18.54C3.7,18.84 4.06,19 4.5,19M16,1C17.92,1 19.58,1.67 20.95,3.05C22.33,4.42 23,6.08 23,8C23,9.77 22.44,11.29 21.28,12.59C20.13,13.88 18.7,14.66 17,14.91V18C17,18.84 16.67,19.58 16,20.2V22C16,22.27 15.89,22.5 15.7,22.71C15.5,22.91 15.28,23 15,23H14C13.73,23 13.5,22.91 13.29,22.71C13.09,22.5 13,22.27 13,22V21H5V22C5,22.27 4.91,22.5 4.71,22.71C4.5,22.91 4.27,23 4,23H3C2.72,23 2.5,22.91 2.3,22.71C2.11,22.5 2,22.27 2,22V20.2C1.33,19.58 1,18.84 1,18V8C1,6.42 1.67,5.35 3.05,4.8C4.42,4.26 6.41,4 9,4C9.13,4 9.33,4 9.61,4C9.89,4 10.09,4.03 10.22,4.03C11.63,2 13.55,1 16,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-double-decker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-double-decker.svg
new file mode 100644
index 00000000..1f837675
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-double-decker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-double-decker" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V14C23,12.89 22.11,12 21,12H19V9.5H23V6C23,4.89 22.11,4 21,4H3M2.5,5.5H6.5V8H2.5V5.5M8,5.5H12V8H8V5.5M13.5,5.5H17.5V8H13.5V5.5M19,5.5H21.5V8H19V5.5M13.5,9.5H17.5V12H13.5V9.5M2.5,9.5H6.5V12H2.5V9.5M8,9.5H12V12H8V9.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-electric.svg
new file mode 100644
index 00000000..1c807cd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-electric" viewBox="0 0 24 24"><path d="M18 8H6V4H18M16.5 14C15.7 14 15 13.3 15 12.5C15 11.7 15.7 11 16.5 11C17.3 11 18 11.7 18 12.5C18 13.3 17.3 14 16.5 14M7.5 14C6.7 14 6 13.3 6 12.5C6 11.7 6.7 11 7.5 11S9 11.7 9 12.5C9 13.3 8.3 14 7.5 14M4 13C4 13.9 4.4 14.7 5 15.2V17C5 17.6 5.4 18 6 18H7C7.6 18 8 17.6 8 17V16H16V17C16 17.6 16.4 18 17 18H18C18.6 18 19 17.6 19 17V15.2C19.6 14.7 20 13.9 20 13V4C20 .5 16.4 0 12 0S4 .5 4 4V13M7 21H11V19L17 22H13V24L7 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-marker.svg
new file mode 100644
index 00000000..66528299
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-marker" viewBox="0 0 24 24"><path d="M12 2C7.58 2 4 2.5 4 6V16A3 3 0 0 0 5 18.22V20A1 1 0 0 0 6 21H7A1 1 0 0 0 8 20V19H14A8 8 0 0 1 13 15.5A5.55 5.55 0 0 1 15.38 11H6V6H18V10A4.07 4.07 0 0 1 18.5 10A5.34 5.34 0 0 1 20 10.22V6C20 2.5 16.42 2 12 2M7.5 14A1.5 1.5 0 1 1 6 15.5A1.5 1.5 0 0 1 7.5 14M18.5 12A3.54 3.54 0 0 0 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5A3.54 3.54 0 0 0 18.5 12M18.5 16.8A1.2 1.2 0 1 1 18.5 14.4A1.29 1.29 0 0 1 19.7 15.6A1.15 1.15 0 0 1 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-multiple.svg
new file mode 100644
index 00000000..5d0f2ceb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-multiple" viewBox="0 0 24 24"><path d="M10 5C5.58 5 2 5.5 2 9V19C2 19.85 2.37 20.66 3 21.22V23C3 23.55 3.45 24 4 24H5C5.55 24 6 23.55 6 23V22H14V23C14 23.55 14.45 24 15 24H16C16.55 24 17 23.55 17 23V21.22C17.63 20.66 18 19.85 18 19V9C18 5.5 14.42 5 10 5M5.5 20C4.67 20 4 19.33 4 18.5S4.67 17 5.5 17 7 17.67 7 18.5 6.33 20 5.5 20M14.5 20C13.67 20 13 19.33 13 18.5S13.67 17 14.5 17 16 17.67 16 18.5 15.33 20 14.5 20M16 14H4V9H16V14M22 5V15C22 15.85 21.63 16.66 21 17.22V19C21 19.55 20.55 20 20 20H19.88C19.95 19.68 20 19.35 20 19V9C20 3 13 3 10 3C9.09 3 7.8 3 6.46 3.17C7.55 1.32 10.5 1 14 1C18.42 1 22 1.5 22 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-school.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-school.svg
new file mode 100644
index 00000000..901f3a13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-school.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-school" viewBox="0 0 24 24"><path d="M3,6C1.89,6 1,6.89 1,8V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19V8C19,6.89 18.11,6 17,6H3M13.5,7.5H17.5V10H13.5V7.5M2.5,7.5H6.5V10H2.5V7.5M8,7.5H12V10H8V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-side.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-side.svg
new file mode 100644
index 00000000..8a682741
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-side.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-side" viewBox="0 0 24 24"><path d="M3,6C1.89,6 1,6.89 1,8V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V8C23,6.89 22.11,6 21,6H3M2.5,7.5H6.5V10H2.5V7.5M8,7.5H12V10H8V7.5M13.5,7.5H17.5V10H13.5V7.5M19,7.5H21.5V13L19,11V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-covered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-covered.svg
new file mode 100644
index 00000000..0863a282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-covered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-stop-covered" viewBox="0 0 24 24"><path d="M20 3H7V2H6A1.78 1.78 0 0 0 4.59 3H2V5H3.73C2 10.58 2 22 2 22H7V5H20M22 8.5A2.5 2.5 0 1 0 19 11V22H20V11A2.5 2.5 0 0 0 22 8.5M15 11.5V16H14V22H12.5V17H11.5V22H10V16H9V11.5A1.5 1.5 0 0 1 10.5 10H13.5A1.5 1.5 0 0 1 15 11.5M12 6.5A1.5 1.5 0 1 0 13.5 8A1.5 1.5 0 0 0 12 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-uncovered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-uncovered.svg
new file mode 100644
index 00000000..336ff884
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop-uncovered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-stop-uncovered" viewBox="0 0 24 24"><path d="M6 22V19H4V22H2V14A1 1 0 0 1 3 13A1 1 0 0 1 4 14V17H7A1 1 0 0 1 8 18V22M20 11V22H19V11A2.5 2.5 0 1 1 20 11M15 11.55V16H14V22H12.5V17H11.5V22H10V16H9V11.5A1.5 1.5 0 0 1 10.5 10H13.5A1.5 1.5 0 0 1 15 11.5M12 6.55A1.5 1.5 0 1 0 13.5 8A1.5 1.5 0 0 0 12 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop.svg
new file mode 100644
index 00000000..2afe6baa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus-stop" viewBox="0 0 24 24"><path d="M22 7V16C22 16.71 21.62 17.36 21 17.72V19.25C21 19.66 20.66 20 20.25 20H19.75C19.34 20 19 19.66 19 19.25V18H12V19.25C12 19.66 11.66 20 11.25 20H10.75C10.34 20 10 19.66 10 19.25V17.72C9.39 17.36 9 16.71 9 16V7C9 4 12 4 15.5 4S22 4 22 7M13 15C13 14.45 12.55 14 12 14S11 14.45 11 15 11.45 16 12 16 13 15.55 13 15M20 15C20 14.45 19.55 14 19 14S18 14.45 18 15 18.45 16 19 16 20 15.55 20 15M20 7H11V11H20V7M7 9.5C6.97 8.12 5.83 7 4.45 7.05C3.07 7.08 1.97 8.22 2 9.6C2.03 10.77 2.86 11.77 4 12V20H5V12C6.18 11.76 7 10.71 7 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/bus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/bus.svg
new file mode 100644
index 00000000..13fb6f5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/bus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bus" viewBox="0 0 24 24"><path d="M18,11H6V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M4,16C4,16.88 4.39,17.67 5,18.22V20A1,1 0 0,0 6,21H7A1,1 0 0,0 8,20V19H16V20A1,1 0 0,0 17,21H18A1,1 0 0,0 19,20V18.22C19.61,17.67 20,16.88 20,16V6C20,2.5 16.42,2 12,2C7.58,2 4,2.5 4,6V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/butterfly-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/butterfly-outline.svg
new file mode 100644
index 00000000..5d795392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/butterfly-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-butterfly-outline" viewBox="0 0 24 24"><path d="M13 21H11V6L9.03 3.97L10 3L12 5L14 3L15 4L13 6V21M14 9H14V7C14.84 6.37 15.88 6 17 6C19.76 6 22 8.24 22 11C22 12.64 21.21 14.09 20 15H20V17C20 19.21 18.21 21 16 21C15.27 21 14.59 20.81 14 20.46V18.46C14.59 18.81 15.27 19 16 19C17.1 19 18 18.1 18 17V13.83C19.17 13.42 20 12.31 20 11C20 9.35 18.67 8 17 8H17C15.88 8 14.84 8.37 14 9M10 9H10C9.16 8.37 8.13 8 7 8H7C5.33 8 4 9.35 4 11C4 12.31 4.84 13.42 6 13.83V17C6 18.1 6.9 19 8 19C8.73 19 9.41 18.81 10 18.46V20.46C9.41 20.81 8.73 21 8 21C5.79 21 4 19.21 4 17V15H4C2.79 14.09 2 12.64 2 11C2 8.24 4.24 6 7 6C8.13 6 9.16 6.37 10 7V9M9 11L7.5 9.5L6 11L7.5 12.5L9 11M18 11L16.5 9.5L15 11L16.5 12.5L18 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/butterfly.svg b/apps/phoenix_webcomponent/priv/mdi/svg/butterfly.svg
new file mode 100644
index 00000000..9a9544ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/butterfly.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-butterfly" viewBox="0 0 24 24"><path d="M13 21H11V6L9.03 3.97L10 3L12 5L14 3L15 4L13 6V21M7 6C4.24 6 2 8.24 2 11C2 12.64 2.79 14.09 4 15H4V17C4 19.21 5.79 21 8 21C8.72 21 9.39 20.81 9.97 20.5L10 20.46V7C9.16 6.37 8.13 6 7 6M6.5 12.5L5 11L6.5 9.5L8 11L6.5 12.5M22 11C22 8.24 19.76 6 17 6C15.88 6 14.85 6.37 14 7L14 7V20.46C14.59 20.81 15.27 21 16 21C18.21 21 20 19.21 20 17V15H20C21.21 14.09 22 12.64 22 11M17.5 12.5L16 11L17.5 9.5L19 11L17.5 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/button-cursor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/button-cursor.svg
new file mode 100644
index 00000000..0622df00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/button-cursor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-button-cursor" viewBox="0 0 24 24"><path d="M18.1 15.3C18 15.4 17.8 15.5 17.7 15.6L15.3 16L17 19.6C17.2 20 17 20.4 16.6 20.6L13.8 21.9C13.7 22 13.6 22 13.5 22C13.2 22 12.9 21.8 12.8 21.6L11.2 18L9.3 19.5C9.2 19.6 9 19.7 8.8 19.7C8.4 19.7 8 19.4 8 18.9V7.5C8 7 8.3 6.7 8.8 6.7C9 6.7 9.2 6.8 9.3 6.9L18 14.3C18.3 14.5 18.4 15 18.1 15.3M6 12H4V4H20V12H18.4L20.6 13.9C21.4 13.6 21.9 12.9 21.9 12V4C21.9 2.9 21 2 19.9 2H4C2.9 2 2 2.9 2 4V12C2 13.1 2.9 14 4 14H6V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/button-pointer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/button-pointer.svg
new file mode 100644
index 00000000..f466be6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/button-pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-button-pointer" viewBox="0 0 24 24"><path d="M20 20.5C20 21.3 19.3 22 18.5 22H13C12.6 22 12.3 21.9 12 21.6L8 17.4L8.7 16.6C8.9 16.4 9.2 16.3 9.5 16.3H9.7L12 18V9C12 8.4 12.4 8 13 8S14 8.4 14 9V13.5L15.2 13.6L19.1 15.8C19.6 16 20 16.6 20 17.1V20.5M20 2H4C2.9 2 2 2.9 2 4V12C2 13.1 2.9 14 4 14H8V12H4V4H20V12H18V14H20C21.1 14 22 13.1 22 12V4C22 2.9 21.1 2 20 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cabin-a-frame.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cabin-a-frame.svg
new file mode 100644
index 00000000..f5433991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cabin-a-frame.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cabin-a-frame" viewBox="0 0 24 24"><path d="M12 3L4 21H20L12 3M9 19H7.08L9 14.67V19M13 19H11V14H13V19M10.19 12L12 7.92L13.81 12H10.19M15 14.67L16.92 19H15V14.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cable-data.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cable-data.svg
new file mode 100644
index 00000000..6bc9d637
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cable-data.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cable-data" viewBox="0 0 24 24"><path d="M7.05 3.5C5.68 4.88 5.68 7.1 7.05 8.47L15.54 16.95C16.12 17.54 16.12 18.5 15.54 19.07C14.95 19.66 14 19.66 13.41 19.07L9.17 14.83L10.23 13.77L6.7 10.23L6.34 10.59L4.93 9.17C4.54 8.78 3.91 8.78 3.5 9.17L2.1 10.59C1.71 11 1.71 11.61 2.1 12L3.5 13.41L3.16 13.77L6.7 17.3L7.76 16.24L12 20.5C13.37 21.85 15.58 21.85 16.95 20.5C18.32 19.12 18.32 16.9 16.95 15.54L8.46 7.05C7.88 6.46 7.88 5.5 8.46 4.93C9.05 4.34 10 4.34 10.59 4.93L14.83 9.17L13.77 10.23L17.3 13.77L17.66 13.41L19.07 14.83C19.46 15.22 20.1 15.22 20.5 14.83L21.9 13.41C22.29 13 22.29 12.39 21.9 12L20.5 10.59L20.84 10.23L17.3 6.7L16.24 7.76L12 3.5C10.63 2.15 8.42 2.15 7.05 3.5M2.81 11.29L4.22 9.88L5.64 11.29L4.22 12.71M18.36 12.71L19.78 11.29L21.19 12.71L19.78 14.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cached.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cached.svg
new file mode 100644
index 00000000..2a5ccc47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cached.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cached" viewBox="0 0 24 24"><path d="M19,8L15,12H18A6,6 0 0,1 12,18C11,18 10.03,17.75 9.2,17.3L7.74,18.76C8.97,19.54 10.43,20 12,20A8,8 0 0,0 20,12H23M6,12A6,6 0 0,1 12,6C13,6 13.97,6.25 14.8,6.7L16.26,5.24C15.03,4.46 13.57,4 12,4A8,8 0 0,0 4,12H1L5,16L9,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cactus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cactus.svg
new file mode 100644
index 00000000..2a056c59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cactus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cactus" viewBox="0 0 24 24"><path d="M14,16V21H10V18H9A3,3 0 0,1 6,15V12A1,1 0 0,1 7,11A1,1 0 0,1 8,12V15C8,15.56 8.45,16 9,16H10V6A2,2 0 0,1 12,4A2,2 0 0,1 14,6V14H15A1,1 0 0,0 16,13V11A1,1 0 0,1 17,10A1,1 0 0,1 18,11V13A3,3 0 0,1 15,16H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cake-layered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cake-layered.svg
new file mode 100644
index 00000000..624c1780
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cake-layered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cake-layered" viewBox="0 0 24 24"><path d="M21,21V17C21,15.89 20.1,15 19,15H18V12C18,10.89 17.1,10 16,10H13V8H11V10H8C6.89,10 6,10.89 6,12V15H5C3.89,15 3,15.89 3,17V21H1V23H23V21M12,7A2,2 0 0,0 14,5C14,4.62 13.9,4.27 13.71,3.97L12,1L10.28,3.97C10.1,4.27 10,4.62 10,5A2,2 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant-outline.svg
new file mode 100644
index 00000000..949e7922
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cake-variant-outline" viewBox="0 0 24 24"><path d="M12 6C13.11 6 14 5.1 14 4C14 3.62 13.9 3.27 13.71 2.97L12 0L10.29 2.97C10.1 3.27 10 3.62 10 4C10 5.1 10.9 6 12 6M18 9H13V7H11V9H6C4.34 9 3 10.34 3 12V21C3 21.55 3.45 22 4 22H20C20.55 22 21 21.55 21 21V12C21 10.34 19.66 9 18 9M19 20H5V17C5.9 17 6.76 16.63 7.4 16L8.5 14.92L9.56 16C10.87 17.3 13.15 17.29 14.45 16L15.53 14.92L16.6 16C17.24 16.63 18.1 17 19 17V20M19 15.5C18.5 15.5 18 15.3 17.65 14.93L15.5 12.8L13.38 14.93C12.64 15.67 11.35 15.67 10.61 14.93L8.5 12.8L6.34 14.93C6 15.29 5.5 15.5 5 15.5V12C5 11.45 5.45 11 6 11H18C18.55 11 19 11.45 19 12V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant.svg
new file mode 100644
index 00000000..b3cde13a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cake-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cake-variant" viewBox="0 0 24 24"><path d="M12,6C13.11,6 14,5.1 14,4C14,3.62 13.9,3.27 13.71,2.97L12,0L10.29,2.97C10.1,3.27 10,3.62 10,4A2,2 0 0,0 12,6M16.6,16L15.53,14.92L14.45,16C13.15,17.29 10.87,17.3 9.56,16L8.5,14.92L7.4,16C6.75,16.64 5.88,17 4.96,17C4.23,17 3.56,16.77 3,16.39V21A1,1 0 0,0 4,22H20A1,1 0 0,0 21,21V16.39C20.44,16.77 19.77,17 19.04,17C18.12,17 17.25,16.64 16.6,16M18,9H13V7H11V9H6A3,3 0 0,0 3,12V13.54C3,14.62 3.88,15.5 4.96,15.5C5.5,15.5 6,15.3 6.34,14.93L8.5,12.8L10.61,14.93C11.35,15.67 12.64,15.67 13.38,14.93L15.5,12.8L17.65,14.93C18,15.3 18.5,15.5 19.03,15.5C20.11,15.5 21,14.62 21,13.54V12A3,3 0 0,0 18,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cake.svg
new file mode 100644
index 00000000..ad1534d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cake" viewBox="0 0 24 24"><path d="M11.5,0.5C12,0.75 13,2.4 13,3.5C13,4.6 12.33,5 11.5,5C10.67,5 10,4.85 10,3.75C10,2.65 11,2 11.5,0.5M18.5,9C21,9 23,11 23,13.5C23,15.06 22.21,16.43 21,17.24V23H12L3,23V17.24C1.79,16.43 1,15.06 1,13.5C1,11 3,9 5.5,9H10V6H13V9H18.5M12,16A2.5,2.5 0 0,0 14.5,13.5H16A2.5,2.5 0 0,0 18.5,16A2.5,2.5 0 0,0 21,13.5A2.5,2.5 0 0,0 18.5,11H5.5A2.5,2.5 0 0,0 3,13.5A2.5,2.5 0 0,0 5.5,16A2.5,2.5 0 0,0 8,13.5H9.5A2.5,2.5 0 0,0 12,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant-outline.svg
new file mode 100644
index 00000000..2f244897
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calculator-variant-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M6.2 7.7H11.2V9.2H6.2V7.7M13 15.8H18V17.3H13V15.8M13 13.2H18V14.7H13V13.2M8 18H9.5V16H11.5V14.5H9.5V12.5H8V14.5H6V16H8V18M14.1 10.9L15.5 9.5L16.9 10.9L18 9.9L16.6 8.5L18 7.1L16.9 6L15.5 7.4L14.1 6L13 7.1L14.4 8.5L13 9.9L14.1 10.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant.svg
new file mode 100644
index 00000000..bf6bc9e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calculator-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calculator-variant" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M13 7.1L14.1 6L15.5 7.4L16.9 6L18 7.1L16.6 8.5L18 9.9L16.9 11L15.5 9.6L14.1 11L13 9.9L14.4 8.5L13 7.1M6.2 7.7H11.2V9.2H6.2V7.7M11.5 16H9.5V18H8V16H6V14.5H8V12.5H9.5V14.5H11.5V16M18 17.2H13V15.7H18V17.2M18 14.8H13V13.3H18V14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calculator.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calculator.svg
new file mode 100644
index 00000000..db7fd873
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calculator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calculator" viewBox="0 0 24 24"><path d="M7,2H17A2,2 0 0,1 19,4V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V4A2,2 0 0,1 7,2M7,4V8H17V4H7M7,10V12H9V10H7M11,10V12H13V10H11M15,10V12H17V10H15M7,14V16H9V14H7M11,14V16H13V14H11M15,14V16H17V14H15M7,18V20H9V18H7M11,18V20H13V18H11M15,18V20H17V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account-outline.svg
new file mode 100644
index 00000000..ac5e0fcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-account-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M19 7H5V5H19M12 10C14 10 15 12.42 13.59 13.84C12.17 15.26 9.75 14.25 9.75 12.25C9.75 11 10.75 10 12 10M16.5 17.88V18H7.5V17.88C7.5 16.63 9.5 15.63 12 15.63S16.5 16.63 16.5 17.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account.svg
new file mode 100644
index 00000000..ce9d7e5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-account" viewBox="0 0 24 24"><path d="M12 9C14 9 15 11.42 13.59 12.84C12.17 14.26 9.75 13.25 9.75 11.25C9.75 10 10.75 9 12 9M16.5 18H7.5V16.88C7.5 15.63 9.5 14.63 12 14.63S16.5 15.63 16.5 16.88M19 19H5V8H19M16 1V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3H18V1H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert-outline.svg
new file mode 100644
index 00000000..ec585292
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-alert-outline" viewBox="0 0 24 24"><path d="M11 16H13V18H11V16M11 10H13V14H11V10M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert.svg
new file mode 100644
index 00000000..21a182dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-alert" viewBox="0 0 24 24"><path d="M6 1V3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3H18V1H16V3H8V1H6M5 8H19V19H5V8M11 9V14H13V9H11M11 16V18H13V16H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-left.svg
new file mode 100644
index 00000000..d560c6eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-arrow-left" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3M19 19H5V8H19V19M12 10V12H16V15H12V17L8 13.5L12 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-right.svg
new file mode 100644
index 00000000..fed6b4f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-arrow-right" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3M19 19H5V8H19V19M12 17V15H8V12H12V10L16 13.5L12 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge-outline.svg
new file mode 100644
index 00000000..9f8835df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-badge-outline" viewBox="0 0 24 24"><path d="M19.5 16C17.6 16 16 17.6 16 19.5S17.6 23 19.5 23 23 21.4 23 19.5 21.4 16 19.5 16M14 19.5C14 19.33 14 19.17 14.03 19H5V9H19V14.03C19.17 14 19.33 14 19.5 14C20 14 20.5 14.08 21 14.21V5C21 3.9 20.11 3 19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H14.21C14.08 20.5 14 20 14 19.5M5 5H19V7H5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge.svg
new file mode 100644
index 00000000..c52bad75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-badge" viewBox="0 0 24 24"><path d="M19.5 16C17.6 16 16 17.6 16 19.5S17.6 23 19.5 23 23 21.4 23 19.5 21.4 16 19.5 16M14.21 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1H18V3H19C20.1 3 21 3.89 21 5V14.21C20.5 14.08 20 14 19.5 14C19.33 14 19.17 14 19 14.03V8H5V19H14.03C14 19.17 14 19.33 14 19.5C14 20 14.08 20.5 14.21 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-multiple.svg
new file mode 100644
index 00000000..c784fbc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-blank-multiple" viewBox="0 0 24 24"><path d="M21 17V8H7V17H21M21 3C22.1 3 23 3.9 23 5V17C23 18.1 22.1 19 21 19H7C5.89 19 5 18.1 5 17V5C5 3.9 5.9 3 7 3H8V1H10V3H18V1H20V3H21M3 21H17V23H3C1.89 23 1 22.1 1 21V9H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-outline.svg
new file mode 100644
index 00000000..60ab92cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-blank-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M19 7H5V5H19V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank.svg
new file mode 100644
index 00000000..8afc4214
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-blank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-blank" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check-outline.svg
new file mode 100644
index 00000000..d9f1e1b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-check-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M5 7V5H19V7H5M10.56 17.46L16.5 11.53L15.43 10.47L10.56 15.34L8.45 13.23L7.39 14.29L10.56 17.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check.svg
new file mode 100644
index 00000000..1f590ebf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-check" viewBox="0 0 24 24"><path d="M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M16.53,11.06L15.47,10L10.59,14.88L8.47,12.76L7.41,13.82L10.59,17L16.53,11.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock-outline.svg
new file mode 100644
index 00000000..dee84b0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-clock-outline" viewBox="0 0 24 24"><path d="M6 1V3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H11.1C12.36 22.24 14.09 23 16 23C19.87 23 23 19.87 23 16C23 14.09 22.24 12.36 21 11.1V5C21 3.9 20.11 3 19 3H18V1H16V3H8V1M5 5H19V7H5M5 9H19V9.67C18.09 9.24 17.07 9 16 9C12.13 9 9 12.13 9 16C9 17.07 9.24 18.09 9.67 19H5M16 11.15C18.68 11.15 20.85 13.32 20.85 16C20.85 18.68 18.68 20.85 16 20.85C13.32 20.85 11.15 18.68 11.15 16C11.15 13.32 13.32 11.15 16 11.15M15 13V16.69L18.19 18.53L18.94 17.23L16.5 15.82V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock.svg
new file mode 100644
index 00000000..9f8b94df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-clock" viewBox="0 0 24 24"><path d="M15,13H16.5V15.82L18.94,17.23L18.19,18.53L15,16.69V13M19,8H5V19H9.67C9.24,18.09 9,17.07 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M5,21C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C14.09,23 12.36,22.24 11.1,21H5M16,11.15A4.85,4.85 0 0,0 11.15,16C11.15,18.68 13.32,20.85 16,20.85A4.85,4.85 0 0,0 20.85,16C20.85,13.32 18.68,11.15 16,11.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal-outline.svg
new file mode 100644
index 00000000..873883f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-collapse-horizontal-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5M16 11L13 14L16 17V15H18V13H16V11M8 13H6V15H8V17L11 14L8 11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal.svg
new file mode 100644
index 00000000..49f5326b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-collapse-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-collapse-horizontal" viewBox="0 0 24 24"><path d="M19 19H5V8H19M16 1V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3H18V1M11 14L8 11V13H6V15H8V17L11 14M18 13H16V11L13 14L16 17V15H18V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor-outline.svg
new file mode 100644
index 00000000..d56eba3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-cursor-outline" viewBox="0 0 24 24"><path d="M5 9H19V11.1L21 12.8V5C21 3.9 20.1 3 19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H13V19H5V9M19 5V7H5V5H19M7 16V11H12V16H7M22.9 17.7C22.8 17.8 22.7 17.9 22.6 17.9L20.7 18.3L22 21.1C22.2 21.4 22 21.7 21.7 21.9L19.6 22.9C19.4 23 19.4 23 19.3 23C19.1 23 18.9 22.9 18.8 22.7L17.5 19.9L16 21C15.9 21.1 15.8 21.1 15.6 21.1C15.3 21.1 15 20.8 15 20.5V11.5C15 11.2 15.3 10.9 15.6 10.9C15.7 10.9 15.9 11 16 11L22.8 16.8C23 17.1 23.1 17.5 22.9 17.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor.svg
new file mode 100644
index 00000000..ac772207
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-cursor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-cursor" viewBox="0 0 24 24"><path d="M22.86 17.74C22.77 17.85 22.65 17.91 22.53 17.94L20.66 18.3L21.95 21.14C22.11 21.43 21.97 21.79 21.67 21.93L19.53 22.94C19.44 23 19.36 23 19.27 23C19.05 23 18.84 22.88 18.74 22.66L17.45 19.83L15.96 21.04C15.86 21.12 15.74 21.17 15.59 21.17C15.26 21.17 15 20.9 15 20.57V11.6C15 11.27 15.26 11 15.59 11C15.74 11 15.88 11.05 16 11.13L22.77 16.89C23.04 17.12 23.07 17.5 22.86 17.74M12 15V10H7V15H12M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H13V19H5V8H19V11.06L21 12.76V5C21 3.9 20.1 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit-outline.svg
new file mode 100644
index 00000000..7f18d3b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-edit-outline" viewBox="0 0 24 24"><path d="M21.7 13.35L20.7 14.35L18.65 12.35L19.65 11.35C19.85 11.14 20.19 11.13 20.42 11.35L21.7 12.63C21.89 12.83 21.89 13.15 21.7 13.35M12 18.94V21H14.06L20.12 14.88L18.07 12.88L12 18.94M5 19H10V21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5V9H5V19M5 5V7H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit.svg
new file mode 100644
index 00000000..c812963d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-edit" viewBox="0 0 24 24"><path d="M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H10V19H5V8H19V9H21V5A2,2 0 0,0 19,3M21.7,13.35L20.7,14.35L18.65,12.35L19.65,11.35C19.85,11.14 20.19,11.13 20.42,11.35L21.7,12.63C21.89,12.83 21.89,13.15 21.7,13.35M12,18.94L18.07,12.88L20.12,14.88L14.06,21H12V18.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end-outline.svg
new file mode 100644
index 00000000..4e855dd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-end-outline" viewBox="0 0 24 24"><path d="M5 9H19V12H21V5C21 3.9 20.1 3 19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H9V19H5V9M19 5V7H5V5H19M16 17H11V19H16V22L20 18L16 14V17M20 14V22H22V14H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end.svg
new file mode 100644
index 00000000..503b18cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-end" viewBox="0 0 24 24"><path d="M22 14V22H20V18L16 22V19H11V17H16V14L20 18V14H22M5 19L9 19V21L5 21C3.9 21 3 20.1 3 19V5C3 3.89 3.9 3 5 3H6V.998H8V3H16V.998H18V3H19C20.11 3 21 3.89 21 5L21 12H19V8H5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal-outline.svg
new file mode 100644
index 00000000..c0b42d29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-expand-horizontal-outline" viewBox="0 0 24 24"><path d="M15 13H9V11L6 14L9 17V15H15V17L18 14L15 11V13M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal.svg
new file mode 100644
index 00000000..61785606
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-expand-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-expand-horizontal" viewBox="0 0 24 24"><path d="M19 19H5V8H19M16 1V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3H18V1M18 14L15 11V13H9V11L6 14L9 17V15H15V17L18 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export-outline.svg
new file mode 100644
index 00000000..e4c07ffa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-export-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H8L6 19H5V9H19V19H18L16 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M5 7V5H19V7H5M13 18V12H11V18H8L12 22L16 18H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export.svg
new file mode 100644
index 00000000..0263ad40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-export" viewBox="0 0 24 24"><path d="M12 22L16 18H13V12H11V18H8L12 22M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H8L6 19H5V8H19V19H18L16 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter-outline.svg
new file mode 100644
index 00000000..a8288636
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-filter-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H4.75C4.31 3.07 3.9 3.27 3.58 3.58C3.27 3.9 3.07 4.31 3 4.75V19.25C3.07 19.69 3.27 20.1 3.58 20.42C3.9 20.73 4.31 20.93 4.75 21H15V19H5V9H19V11H21V5C21 3.89 20.11 3 19 3M19 7H5V5H19V7M17 21L18.8 22.77C19.3 23.27 20 22.87 20 22.28V18L22.8 14.6C23.3 13.9 22.8 13 22 13H15C14.2 13 13.7 14 14.2 14.6L17 18V21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter.svg
new file mode 100644
index 00000000..2c1427d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-filter" viewBox="0 0 24 24"><path d="M6 1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5V11H19V8H5V19H15V21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H6V1M17 21L18.8 22.77C19.3 23.27 20 22.87 20 22.28V18L22.8 14.6C23.3 13.9 22.8 13 22 13H15C14.2 13 13.7 14 14.2 14.6L17 18V21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart-outline.svg
new file mode 100644
index 00000000..e6708479
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-heart-outline" viewBox="0 0 24 24"><path d="M16 12.2C16 13.71 14.64 14.94 12.58 16.81L12 17.34L11.42 16.81C9.36 14.94 8 13.71 8 12.2C8 10.97 8.97 10 10.2 10C10.9 10 11.56 10.32 12 10.83C12.44 10.32 13.1 10 13.8 10C15.03 10 16 10.97 16 12.2M21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5M5 5V7H19V5H5M19 19V9H5V19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart.svg
new file mode 100644
index 00000000..72f7e9d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-heart" viewBox="0 0 24 24"><path d="M19 19V8H5V19H19M16 1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1M12 17.17L11.42 16.64C9.36 14.77 8 13.54 8 12.03C8 10.8 8.97 9.83 10.2 9.83C10.9 9.83 11.56 10.15 12 10.66C12.44 10.15 13.1 9.83 13.8 9.83C15.03 9.83 16 10.8 16 12.03C16 13.54 14.64 14.77 12.58 16.64L12 17.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import-outline.svg
new file mode 100644
index 00000000..603953b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-import-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H9V19H5V9H19V19H15V21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M5 7V5H19V7H5M12 12L8 16H11V22H13V16H16L12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import.svg
new file mode 100644
index 00000000..86cfc112
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-import" viewBox="0 0 24 24"><path d="M12 12L8 16H11V22H13V16H16M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H9V19H5V8H19V19H15V21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open-outline.svg
new file mode 100644
index 00000000..2e7569c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-lock-open-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H12V19H5V9H19V10.1C19.7 10.3 20.4 10.6 21 11V5C21 3.9 20.1 3 19 3M19 7H5V5H19V7M22 21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V14.5C15.2 13.1 16.6 12 18 12S20.8 13.1 20.8 14.5V15H19.5V14.5C19.5 13.7 18.8 13.2 18 13.2S16.5 13.7 16.5 14.5V17H20.8C21.4 17 22 17.6 22 18.3V21.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open.svg
new file mode 100644
index 00000000..a9f47e70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-lock-open" viewBox="0 0 24 24"><path d="M12 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.1 3 21 3.9 21 5V11C20.4 10.6 19.7 10.2 19 10.1V8H5V19H12V21M22 18.3C22 17.6 21.4 17 20.8 17H16.5V14.5C16.5 13.7 17.2 13.2 18 13.2S19.5 13.7 19.5 14.5V15H20.8V14.5C20.8 13.1 19.4 12 18 12S15.2 13.1 15.2 14.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-outline.svg
new file mode 100644
index 00000000..1a14303b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-lock-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H12V19H5V9H19V11C19.7 11.2 20.4 11.5 21 11.9V5C21 3.9 20.1 3 19 3M19 7H5V5H19V7M20.8 17V15.5C20.8 14.1 19.4 13 18 13S15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2S19.5 14.7 19.5 15.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock.svg
new file mode 100644
index 00000000..8747ea7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-lock" viewBox="0 0 24 24"><path d="M12 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.1 3 21 3.9 21 5V12C20.4 11.6 19.7 11.2 19 11.1V8H5V19H12V21M22 18.3V21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V15.5C15.2 14.1 16.6 13 18 13S20.8 14.1 20.8 15.5V17C21.4 17 22 17.6 22 18.3M19.5 15.5C19.5 14.7 18.8 14.2 18 14.2S16.5 14.7 16.5 15.5V17H19.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus-outline.svg
new file mode 100644
index 00000000..6bae7006
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-minus-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5M8 13H16V15H8V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus.svg
new file mode 100644
index 00000000..7e73ed49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-minus" viewBox="0 0 24 24"><path d="M19 19V8H5V19H19M16 1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1M16 12.5V14.5H8V12.5H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month-outline.svg
new file mode 100644
index 00000000..7916ec67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-month-outline" viewBox="0 0 24 24"><path d="M7 11H9V13H7V11M21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5M5 7H19V5H5V7M19 19V9H5V19H19M15 13V11H17V13H15M11 13V11H13V13H11M7 15H9V17H7V15M15 17V15H17V17H15M11 17V15H13V17H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month.svg
new file mode 100644
index 00000000..ba554b05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-month.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-month" viewBox="0 0 24 24"><path d="M9,10V12H7V10H9M13,10V12H11V10H13M17,10V12H15V10H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H6V1H8V3H16V1H18V3H19M19,19V8H5V19H19M9,14V16H7V14H9M13,14V16H11V14H13M17,14V16H15V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple-check.svg
new file mode 100644
index 00000000..2886ab68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-multiple-check" viewBox="0 0 24 24"><path d="M21,17V8H7V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V5A2,2 0 0,1 7,3H8V1H10V3H18V1H20V3H21M17.53,11.06L13.09,15.5L10.41,12.82L11.47,11.76L13.09,13.38L16.47,10L17.53,11.06M3,21H17V23H3C1.89,23 1,22.1 1,21V9H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple.svg
new file mode 100644
index 00000000..ea731e12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-multiple" viewBox="0 0 24 24"><path d="M21,17V8H7V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V5A2,2 0 0,1 7,3H8V1H10V3H18V1H20V3H21M3,21H17V23H3C1.89,23 1,22.1 1,21V9H3V21M19,15H15V11H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect-outline.svg
new file mode 100644
index 00000000..83073ba9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-multiselect-outline" viewBox="0 0 24 24"><path d="M7 11H9V13H7V11M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5M11 15H13V17H11V15M15 15H17V17H15V15M15 11H17V13H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect.svg
new file mode 100644
index 00000000..52dd9472
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-multiselect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-multiselect" viewBox="0 0 24 24"><path d="M19,19V8H5V19H19M16,1H18V3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1M7,10H9V12H7V10M15,10H17V12H15V10M11,14H13V16H11V14M15,14H17V16H15V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-outline.svg
new file mode 100644
index 00000000..3819e7ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-outline" viewBox="0 0 24 24"><path d="M12 12H17V17H12V12M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus-outline.svg
new file mode 100644
index 00000000..7b846d4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-plus-outline" viewBox="0 0 24 24"><path d="M13 13H16V15H13V18H11V15H8V13H11V10H13V13M21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5M5 5V7H19V5H5M19 19V9H5V19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus.svg
new file mode 100644
index 00000000..df1eb55a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-plus" viewBox="0 0 24 24"><path d="M19 19V8H5V19H19M16 1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1H8V3H16V1M11 9.5H13V12.5H16V14.5H13V17.5H11V14.5H8V12.5H11V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question-outline.svg
new file mode 100644
index 00000000..c992cd5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-question-outline" viewBox="0 0 24 24"><path d="M11.95 10C11.21 10 10.61 10.18 10.15 10.5C9.71 10.89 9.5 11.4 9.5 12.1L9.5 12.12H11.15C11.16 11.86 11.24 11.65 11.39 11.5C11.54 11.38 11.73 11.31 11.95 11.31C12.21 11.31 12.43 11.4 12.59 11.56C12.74 11.73 12.81 11.96 12.81 12.22C12.81 12.5 12.75 12.75 12.61 12.95C12.5 13.16 12.31 13.33 12.09 13.5C11.66 13.78 11.36 14.05 11.2 14.29C11.03 14.5 10.94 14.89 10.94 15.33H12.64C12.64 15.06 12.67 14.84 12.75 14.68C12.83 14.5 12.97 14.36 13.18 14.21C13.57 14 13.88 13.74 14.13 13.39C14.37 13.03 14.5 12.67 14.5 12.22C14.5 11.55 14.27 11 13.81 10.61C13.36 10.2 12.74 10 11.95 10M10.94 16.22V18H12.64V16.22H10.94M19 3H18V1H16V3H8V1H6V3H5C3.89 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 5V7H5V5H19M5 19V9H19V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question.svg
new file mode 100644
index 00000000..ec3db110
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-question" viewBox="0 0 24 24"><path d="M6,1V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H18V1H16V3H8V1H6M5,8H19V19H5V8M12.19,9C11.32,9 10.62,9.2 10.08,9.59C9.56,10 9.3,10.57 9.31,11.36L9.32,11.39H11.25C11.26,11.09 11.35,10.86 11.53,10.7C11.71,10.55 11.93,10.47 12.19,10.47C12.5,10.47 12.76,10.57 12.94,10.75C13.12,10.94 13.2,11.2 13.2,11.5C13.2,11.82 13.13,12.09 12.97,12.32C12.83,12.55 12.62,12.75 12.36,12.91C11.85,13.25 11.5,13.55 11.31,13.82C11.11,14.08 11,14.5 11,15H13C13,14.69 13.04,14.44 13.13,14.26C13.22,14.08 13.39,13.9 13.64,13.74C14.09,13.5 14.46,13.21 14.75,12.81C15.04,12.41 15.19,12 15.19,11.5C15.19,10.74 14.92,10.13 14.38,9.68C13.85,9.23 13.12,9 12.19,9M11,16V18H13V16H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range-outline.svg
new file mode 100644
index 00000000..43675884
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-range-outline" viewBox="0 0 24 24"><path d="M7 11H9V13H7V11M21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5M5 7H19V5H5V7M19 19V9H5V19H19M15 13H17V11H15V13M11 13H13V11H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range.svg
new file mode 100644
index 00000000..b3b81b31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-range.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-range" viewBox="0 0 24 24"><path d="M9,10H7V12H9V10M13,10H11V12H13V10M17,10H15V12H17V10M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V8H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh-outline.svg
new file mode 100644
index 00000000..cc00fe65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-refresh-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H14C13.4 20.5 12.9 19.8 12.5 19H5V9H19V10.6C19.7 10.7 20.4 10.9 21 11.3V5C21 3.9 20.1 3 19 3M19 7H5V5H19M18 12.5C19.1 12.5 20.1 12.9 20.8 13.7L22 12.5V16.5H18L19.8 14.7C19.3 14.3 18.7 14 18 14C16.6 14 15.5 15.1 15.5 16.5S16.6 19 18 19C18.8 19 19.5 18.6 20 18H21.7C21.1 19.5 19.7 20.5 18 20.5C15.8 20.5 14 18.7 14 16.5S15.8 12.5 18 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh.svg
new file mode 100644
index 00000000..173311b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-refresh" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H14C13.4 20.5 12.9 19.8 12.5 19H5V8H19V10.6C19.7 10.7 20.4 10.9 21 11.3V5C21 3.9 20.1 3 19 3M18 12.5C19.1 12.5 20.1 12.9 20.8 13.7L22 12.5V16.5H18L19.8 14.7C19.3 14.3 18.7 14 18 14C16.6 14 15.5 15.1 15.5 16.5S16.6 19 18 19C18.8 19 19.5 18.6 20 18H21.7C21.1 19.5 19.7 20.5 18 20.5C15.8 20.5 14 18.7 14 16.5S15.8 12.5 18 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove-outline.svg
new file mode 100644
index 00000000..f18146e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-remove-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M5 7V5H19V7H5M8.23 16.41L9.29 17.47L11.73 15.03L14.17 17.47L15.23 16.41L12.79 13.97L15.23 11.53L14.17 10.47L11.73 12.91L9.29 10.47L8.23 11.53L10.67 13.97L8.23 16.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove.svg
new file mode 100644
index 00000000..d6903152
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-remove" viewBox="0 0 24 24"><path d="M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9.31,17L11.75,14.56L14.19,17L15.25,15.94L12.81,13.5L15.25,11.06L14.19,10L11.75,12.44L9.31,10L8.25,11.06L10.69,13.5L8.25,15.94L9.31,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search-outline.svg
new file mode 100644
index 00000000..ea124359
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-search-outline" viewBox="0 0 24 24"><path d="M19.3 18.9C19.7 18.2 20 17.4 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.4 21 17.2 20.8 17.9 20.3L21 23.4L22.4 22L19.3 18.9M15.5 19C14.1 19 13 17.9 13 16.5S14.1 14 15.5 14 18 15.1 18 16.5 16.9 19 15.5 19M5 19V9H19V11C19.8 11.5 20.5 12.2 21 13V5C21 3.9 20.1 3 19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H10.8C10.2 20.4 9.8 19.8 9.5 19H5M19 5V7H5V5H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search.svg
new file mode 100644
index 00000000..c7874ef4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M19,8H5V19H9.5C9.81,19.75 10.26,20.42 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H6V1H8V3H16V1H18V3H19A2,2 0 0,1 21,5V13.03C20.5,12.22 19.8,11.54 19,11V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star-outline.svg
new file mode 100644
index 00000000..0a1c25c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-star-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V9H19V19M19 7H5V5H19V7M11 13H7.8L10.4 15L9.4 18L12 16.2L14.6 18L13.6 15L16.2 13H13L12 10L11 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star.svg
new file mode 100644
index 00000000..a87ee2f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-star" viewBox="0 0 24 24"><path d="M19 19H5V8H19M16 1V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3H18V1M10.88 12H7.27L10.19 14.11L9.08 17.56L12 15.43L14.92 17.56L13.8 14.12L16.72 12H13.12L12 8.56L10.88 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start-outline.svg
new file mode 100644
index 00000000..354bdcba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-start-outline" viewBox="0 0 24 24"><path d="M13 18L9 14V17H4V14H2V22H4V19H9V22L13 18M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V12H5V9H19V19H14.8L12.8 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M5 7V5H19V7H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start.svg
new file mode 100644
index 00000000..1b3ac14c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-start" viewBox="0 0 24 24"><path d="M2 14H4V17H9V14L13 18L9 22V19H4V22H2V14M19 19V8H5V12H3L3 5C3 3.89 3.89 3 5 3H6V.998H8V3H16V.998H18V3H19C20.1 3 21 3.89 21 5V19C21 20.1 20.1 21 19 21L12.83 21L14.83 19L19 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync-outline.svg
new file mode 100644
index 00000000..896b3225
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-sync-outline" viewBox="0 0 24 24"><path d="M18,11V12.5C21.19,12.5 23.09,16.05 21.33,18.71L20.24,17.62C21.06,15.96 19.85,14 18,14V15.5L15.75,13.25L18,11M18,22V20.5C14.81,20.5 12.91,16.95 14.67,14.29L15.76,15.38C14.94,17.04 16.15,19 18,19V17.5L20.25,19.75L18,22M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14C13.36,20.45 12.86,19.77 12.5,19H5V9H19V10.59C19.71,10.7 20.39,10.94 21,11.31V5A2,2 0 0,0 19,3M19,7H5V5H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync.svg
new file mode 100644
index 00000000..826435e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-sync" viewBox="0 0 24 24"><path d="M18,11V12.5C21.19,12.5 23.09,16.05 21.33,18.71L20.24,17.62C21.06,15.96 19.85,14 18,14V15.5L15.75,13.25L18,11M18,22V20.5C14.81,20.5 12.91,16.95 14.67,14.29L15.76,15.38C14.94,17.04 16.15,19 18,19V17.5L20.25,19.75L18,22M19,3H18V1H16V3H8V1H6V3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H14C13.36,20.45 12.86,19.77 12.5,19H5V8H19V10.59C19.71,10.7 20.39,10.94 21,11.31V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text-outline.svg
new file mode 100644
index 00000000..8e6dd338
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-text-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V9H19V19M5 7V5H19V7H5M7 11H17V13H7V11M7 15H14V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text.svg
new file mode 100644
index 00000000..a8ca0697
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-text" viewBox="0 0 24 24"><path d="M14,14H7V16H14M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M17,10H7V12H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today-outline.svg
new file mode 100644
index 00000000..007fc48a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-today-outline" viewBox="0 0 24 24"><path d="M19 3H18V1H16V3H8V1H6V3H5C3.9 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3M19 19H5V9H19V19M19 7H5V5H19M7 11H12V16H7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today.svg
new file mode 100644
index 00000000..f8ec8ba2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-today.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-today" viewBox="0 0 24 24"><path d="M7,10H12V15H7M19,19H5V8H19M19,3H18V1H16V3H8V1H6V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin-outline.svg
new file mode 100644
index 00000000..3f8f3654
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-week-begin-outline" viewBox="0 0 24 24"><path d="M19 3C20.11 3 21 3.89 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.9 3 5 3H6V1H8V3H16V1H18V3H19M19 19V9H5V19H19M19 7V5H5V7H19M7 11H9V17H7V11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin.svg
new file mode 100644
index 00000000..c8052495
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-begin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-week-begin" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M9,10H7V17H9V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-outline.svg
new file mode 100644
index 00000000..ba7d9899
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-week-outline" viewBox="0 0 24 24"><path d="M5 3H6V1H8V3H16V1H18V3H19C20.11 3 21 3.89 21 5V19C21 20.1 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.9 3 5 3M5 19H19V9H5V19M5 7H19V5H5V7M17 11V13H7V11H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week.svg
new file mode 100644
index 00000000..fd77f1ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-week.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-week" viewBox="0 0 24 24"><path d="M6 1H8V3H16V1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H6V1M5 8V19H19V8H5M7 10H17V12H7V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend-outline.svg
new file mode 100644
index 00000000..37854083
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-weekend-outline" viewBox="0 0 24 24"><path d="M19 3C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.89 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1H18V3H19M19 19V9H5V19H19M19 7V5H5V7H19M7 11H9V17H7V11M15 11H17V17H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend.svg
new file mode 100644
index 00000000..84786d93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar-weekend.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar-weekend" viewBox="0 0 24 24"><path d="M19 19V8H5V19H19M16 1H18V3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H6V1H8V3H16V1M7 17V10H9V17H7M15 10H17V17H15V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/calendar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/calendar.svg
new file mode 100644
index 00000000..27e5f066
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/calendar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-calendar" viewBox="0 0 24 24"><path d="M19,19H5V8H19M16,1V3H8V1H6V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H18V1M17,12H12V17H17V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/call-made.svg b/apps/phoenix_webcomponent/priv/mdi/svg/call-made.svg
new file mode 100644
index 00000000..90a3302d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/call-made.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-call-made" viewBox="0 0 24 24"><path d="M9,5V7H15.59L4,18.59L5.41,20L17,8.41V15H19V5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/call-merge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/call-merge.svg
new file mode 100644
index 00000000..25efe574
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/call-merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-call-merge" viewBox="0 0 24 24"><path d="M17,20.41L18.41,19L15,15.59L13.59,17M7.5,8H11V13.59L5.59,19L7,20.41L13,14.41V8H16.5L12,3.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/call-missed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/call-missed.svg
new file mode 100644
index 00000000..aaf1a6e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/call-missed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-call-missed" viewBox="0 0 24 24"><path d="M19.59,7L12,14.59L6.41,9H11V7H3V15H5V10.41L12,17.41L21,8.41" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/call-received.svg b/apps/phoenix_webcomponent/priv/mdi/svg/call-received.svg
new file mode 100644
index 00000000..4991273e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/call-received.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-call-received" viewBox="0 0 24 24"><path d="M20,5.41L18.59,4L7,15.59V9H5V19H15V17H8.41" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/call-split.svg b/apps/phoenix_webcomponent/priv/mdi/svg/call-split.svg
new file mode 100644
index 00000000..247623d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/call-split.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-call-split" viewBox="0 0 24 24"><path d="M14,4L16.29,6.29L13.41,9.17L14.83,10.59L17.71,7.71L20,10V4M10,4H4V10L6.29,7.71L11,12.41V20H13V11.59L7.71,6.29" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camcorder-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camcorder-off.svg
new file mode 100644
index 00000000..70072877
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camcorder-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camcorder-off" viewBox="0 0 24 24"><path d="M22.1 21.5L9.4 8.8L2.4 1.8L1.1 3L2.7 4.6C2.2 5.3 2 6.1 2 7V20C2 21.1 2.9 22 4 22H10C11.1 22 12 21.1 12 20V13.9L13 14.9V16H14.1L20.8 22.7L22.1 21.5M5 20C4.5 20 4 19.5 4 19S4.5 18 5 18 6 18.5 6 19 5.5 20 5 20M7 10C5.3 10 4 8.7 4 7C4 6.7 4.1 6.4 4.2 6.1L8 9.9C7.6 9.9 7.3 10 7 10M7.2 4L5.5 2.3C6 2.1 6.5 2 7 2C9.8 2 12 4.2 12 7V8.8L10 6.8C9.9 5.3 8.7 4.1 7.2 4M20 9H13V7H20C21.1 7 22 7.9 22 9V14C22 15.1 21.1 16 20 16H19.2L17.2 14H20V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camcorder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camcorder.svg
new file mode 100644
index 00000000..461bb4c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camcorder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camcorder" viewBox="0 0 24 24"><path d="M7 2C4.24 2 2 4.24 2 7V20C2 21.1 2.9 22 4 22H10C11.1 22 12 21.1 12 20V7C12 4.24 9.76 2 7 2M5 20C4.45 20 4 19.55 4 19S4.45 18 5 18 6 18.45 6 19 5.55 20 5 20M7 10C5.34 10 4 8.66 4 7S5.34 4 7 4 10 5.34 10 7 8.66 10 7 10M22 9V14C22 15.1 21.1 16 20 16H13V14H20V9H13V7H20C21.1 7 22 7.9 22 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-account.svg
new file mode 100644
index 00000000..00540a62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-account" viewBox="0 0 24 24"><path d="M4,5H7L9,3H15L17,5H20A2,2 0 0,1 22,7V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V7A2,2 0 0,1 4,5M16,17V16C16,14.67 13.33,14 12,14C10.67,14 8,14.67 8,16V17H16M12,9A2,2 0 0,0 10,11A2,2 0 0,0 12,13A2,2 0 0,0 14,11A2,2 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-burst.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-burst.svg
new file mode 100644
index 00000000..706d231d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-burst.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-burst" viewBox="0 0 24 24"><path d="M1,5H3V19H1V5M5,5H7V19H5V5M22,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H22A1,1 0 0,0 23,18V6A1,1 0 0,0 22,5M11,17L13.5,13.85L15.29,16L17.79,12.78L21,17H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-control.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-control.svg
new file mode 100644
index 00000000..33ab2e77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-control.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-control" viewBox="0 0 24 24"><path d="M9,12C9,11.19 9.3,10.5 9.89,9.89C10.5,9.3 11.19,9 12,9C12.81,9 13.5,9.3 14.11,9.89C14.7,10.5 15,11.19 15,12C15,12.81 14.7,13.5 14.11,14.11C13.5,14.7 12.81,15 12,15C11.19,15 10.5,14.7 9.89,14.11C9.3,13.5 9,12.81 9,12M5.53,8.44L7.31,10.22L5.53,12L7.31,13.78L5.53,15.56L2,12L5.53,8.44M8.44,18.47L10.22,16.69L12,18.47L13.78,16.69L15.56,18.47L12,22L8.44,18.47M18.47,15.56L16.69,13.78L18.47,12L16.69,10.22L18.47,8.44L22,12L18.47,15.56M15.56,5.53L13.78,7.31L12,5.53L10.22,7.31L8.44,5.53L12,2L15.56,5.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-document-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-document-off.svg
new file mode 100644
index 00000000..2757cc93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-document-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-document-off" viewBox="0 0 24 24"><path d="M20.84 22.73L20.11 22H3V20H18.11L12.89 14.78L13 15H6L8 11H9.11L8.11 10H8C6.9 10 6 9.1 6 8V7.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M13 8C13.74 8 14.38 7.6 14.72 7H19V15.8L21 17.8V7C21 5.89 20.11 5 19 5H14.72C14.38 4.41 13.74 4 13 4C13 2.9 12.1 2 11 2H8C7.24 2 6.59 2.43 6.25 3.05L12.5 9.3C12.81 8.95 13 8.5 13 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-document.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-document.svg
new file mode 100644
index 00000000..7b3e5f31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-document.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-document" viewBox="0 0 24 24"><path d="M21 7V22H3V20H19V7H14.72C14.38 7.6 13.74 8 13 8C13 9.11 12.1 10 11 10H8C6.9 10 6 9.1 6 8V4C6 2.9 6.9 2 8 2H11C12.1 2 13 2.9 13 4C13.74 4 14.38 4.41 14.72 5H19C20.11 5 21 5.89 21 7M6 15H13L11 11H8L6 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance-outline.svg
new file mode 100644
index 00000000..3aa950f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-enhance-outline" viewBox="0 0 24 24"><path d="M12,10L11.06,12.06L9,13L11.06,13.94L12,16L12.94,13.94L15,13L12.94,12.06L12,10M20,5H16.83L15,3H9L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M20,19H4V7H8.05L8.64,6.35L9.88,5H14.12L15.36,6.35L15.95,7H20V19M12,8A5,5 0 0,0 7,13A5,5 0 0,0 12,18A5,5 0 0,0 17,13A5,5 0 0,0 12,8M12,16A3,3 0 0,1 9,13A3,3 0 0,1 12,10A3,3 0 0,1 15,13A3,3 0 0,1 12,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance.svg
new file mode 100644
index 00000000..1f2b0d2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-enhance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-enhance" viewBox="0 0 24 24"><path d="M9,3L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5H16.83L15,3M12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13A5,5 0 0,1 12,18M12,17L13.25,14.25L16,13L13.25,11.75L12,9L10.75,11.75L8,13L10.75,14.25" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip-outline.svg
new file mode 100644
index 00000000..533f2a5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-flip-outline" viewBox="0 0 24 24"><path d="M20 5H16.83L15 3H9L7.17 5H4C2.9 5 2 5.9 2 7V19C2 20.11 2.9 21 4 21H20C21.11 21 22 20.11 22 19V7C22 5.9 21.11 5 20 5M20 19H4V7H8.05L9.88 5H14.12L16 7H20V19M5 12H7.1C7.65 9.29 10.29 7.55 13 8.1C13.76 8.25 14.43 8.59 15 9L13.56 10.45C13.11 10.17 12.58 10 12 10C10.74 10 9.6 10.8 9.18 12H11L8 15L5 12M16.91 14C16.36 16.71 13.72 18.45 11 17.9C10.25 17.74 9.58 17.41 9 17L10.44 15.55C10.9 15.83 11.43 16 12 16C13.27 16 14.41 15.2 14.83 14H13L16 11L19 14H16.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip.svg
new file mode 100644
index 00000000..293a008e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-flip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-flip" viewBox="0 0 24 24"><path d="M20 5H17L15 3H9L7 5H4C2.9 5 2 5.9 2 7V19C2 20.11 2.9 21 4 21H20C21.11 21 22 20.11 22 19V7C22 5.9 21.11 5 20 5M5 12H7.1C7.65 9.29 10.29 7.55 13 8.1C13.76 8.25 14.43 8.59 15 9L13.56 10.45C13.11 10.17 12.58 10 12 10C10.74 10 9.6 10.8 9.18 12H11L8 15L5 12M16.91 14C16.36 16.71 13.72 18.45 11 17.9C10.25 17.74 9.58 17.41 9 17L10.44 15.55C10.9 15.83 11.43 16 12 16C13.27 16 14.41 15.2 14.83 14H13L16 11L19 14H16.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-front-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-front-variant.svg
new file mode 100644
index 00000000..9cc46008
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-front-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-front-variant" viewBox="0 0 24 24"><path d="M6,0H18A2,2 0 0,1 20,2V22A2,2 0 0,1 18,24H6A2,2 0 0,1 4,22V2A2,2 0 0,1 6,0M12,6A3,3 0 0,1 15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6M11,1V3H13V1H11M6,4V16.5C6,15.12 8.69,14 12,14C15.31,14 18,15.12 18,16.5V4H6M13,18H9V20H13V22L16,19L13,16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-front.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-front.svg
new file mode 100644
index 00000000..675defdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-front" viewBox="0 0 24 24"><path d="M7,2H17V12.5C17,10.83 13.67,10 12,10C10.33,10 7,10.83 7,12.5M17,0H7A2,2 0 0,0 5,2V16A2,2 0 0,0 7,18H17A2,2 0 0,0 19,16V2A2,2 0 0,0 17,0M12,8A2,2 0 0,0 14,6A2,2 0 0,0 12,4A2,2 0 0,0 10,6A2,2 0 0,0 12,8M14,20V22H19V20M10,20H5V22H10V24L13,21L10,18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-gopro.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-gopro.svg
new file mode 100644
index 00000000..1ea27a3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-gopro.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-gopro" viewBox="0 0 24 24"><path d="M20,5H15A2,2 0 0,0 13,7V12A2,2 0 0,0 15,14H20A2,2 0 0,0 22,12V7A2,2 0 0,0 20,5M17.5,12.5A3,3 0 0,1 14.5,9.5A3,3 0 0,1 17.5,6.5A3,3 0 0,1 20.5,9.5A3,3 0 0,1 17.5,12.5M17.5,11A1.5,1.5 0 0,1 16,9.5A1.5,1.5 0 0,1 17.5,8A1.5,1.5 0 0,1 19,9.5A1.5,1.5 0 0,1 17.5,11M12,15V5H4A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V15H12M10,12H4V7H10V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-image.svg
new file mode 100644
index 00000000..5ef1eac0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-image" viewBox="0 0 24 24"><path d="M4,5H7L9,3H15L17,5H20A2,2 0 0,1 22,7V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V7A2,2 0 0,1 4,5M13.09,9.45L11.05,12.18L12.6,14.25L11.73,14.91L9.27,11.64L6,16H18L13.09,9.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-iris.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-iris.svg
new file mode 100644
index 00000000..8b2cc50d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-iris.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-iris" viewBox="0 0 24 24"><path d="M13.73,15L9.83,21.76C10.53,21.91 11.25,22 12,22C14.4,22 16.6,21.15 18.32,19.75L14.66,13.4M2.46,15C3.38,17.92 5.61,20.26 8.45,21.34L12.12,15M8.54,12L4.64,5.25C3,7 2,9.39 2,12C2,12.68 2.07,13.35 2.2,14H9.69M21.8,10H14.31L14.6,10.5L19.36,18.75C21,16.97 22,14.6 22,12C22,11.31 21.93,10.64 21.8,10M21.54,9C20.62,6.07 18.39,3.74 15.55,2.66L11.88,9M9.4,10.5L14.17,2.24C13.47,2.09 12.75,2 12,2C9.6,2 7.4,2.84 5.68,4.25L9.34,10.6L9.4,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open-outline.svg
new file mode 100644
index 00000000..fb2465ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-lock-open-outline" viewBox="0 0 24 24"><path d="M13 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H7.2L9 2H15L16.8 4H20C21.1 4 22 4.9 22 6V11C21.4 10.6 20.7 10.2 20 10.1V6H16L14.2 4H9.9L8 6H4V18H13V20M12 7C9.2 7 7 9.2 7 12S9.2 17 12 17C12.5 17 12.9 16.9 13.4 16.8C13.6 16.4 13.9 16 14.2 15.8V14.6C14.2 14.4 14.2 14.2 14.3 14.1C13.7 14.7 12.9 15.1 12 15.1C10.3 15.1 9 13.8 9 12.1S10.3 9.1 12 9.1 15 10.4 15 12.1V12.2C15.4 11.6 16.1 11.1 16.8 10.7C16.1 8.5 14.3 7 12 7M21.8 17H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V15H21.8V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V17C15.6 17 15 17.6 15 18.2V21.7C15 22.4 15.6 23 16.2 23H21.7C22.4 23 23 22.4 23 21.8V18.3C23 17.6 22.4 17 21.8 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open.svg
new file mode 100644
index 00000000..ddf93109
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-lock-open" viewBox="0 0 24 24"><path d="M15 12C14.6 12.6 14.4 13.3 14.3 14C13.7 14.6 12.9 15 12 15C10.3 15 9 13.7 9 12S10.3 9 12 9 15 10.3 15 12M13 18.2C13 17.7 13.1 17.2 13.4 16.8C12.9 16.9 12.5 17 12 17C9.2 17 7 14.8 7 12S9.2 7 12 7C14.3 7 16.1 8.5 16.8 10.6C17.5 10.3 18.2 10 19 10C20.1 10 21.2 10.4 22 11V6C22 4.9 21.1 4 20 4H17L15 2H9L7 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13V18.2M21.8 17H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V15H21.8V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V17C15.6 17 15 17.6 15 18.2V21.7C15 22.4 15.6 23 16.2 23H21.7C22.4 23 23 22.4 23 21.8V18.3C23 17.6 22.4 17 21.8 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-outline.svg
new file mode 100644
index 00000000..d30f04a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-lock-outline" viewBox="0 0 24 24"><path d="M23 18.3V21.8C23 22.4 22.4 23 21.7 23H16.2C15.6 23 15 22.4 15 21.7V18.2C15 17.6 15.6 17 16.2 17V15.5C16.2 14.1 17.6 13 19 13C20.4 13 21.8 14.1 21.8 15.5V17C22.4 17 23 17.6 23 18.3M20.5 15.5C20.5 14.7 19.8 14.2 19 14.2C18.2 14.2 17.5 14.7 17.5 15.5V17H20.5V15.5M20 4C21.1 4 22 4.9 22 6V12C21.42 11.56 20.74 11.25 20 11.1V6H15.95L14.12 4H9.88L8.05 6H4V18H13V20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H7.17L9 2H15L16.83 4H20M12 7C14.57 7 16.68 8.94 16.97 11.43C15.29 12.18 14.1 13.83 14 15.76C13.67 16.06 13.4 16.43 13.23 16.85C12.84 16.95 12.42 17 12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7M12 15C13.65 15 15 13.65 15 12C15 10.35 13.65 9 12 9C10.35 9 9 10.35 9 12C9 13.65 10.35 15 12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock.svg
new file mode 100644
index 00000000..635f7d1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-lock" viewBox="0 0 24 24"><path d="M4 4H7L9 2H15L17 4H20C21.11 4 22 4.89 22 6V12C21.16 11.37 20.13 11 19 11C18.21 11 17.46 11.18 16.79 11.5C16.18 9.22 14.27 7 12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C12.42 17 12.84 16.95 13.23 16.85C13.08 17.2 13 17.59 13 18V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4M12 9C13.66 9 15 10.34 15 12C15 13.66 13.66 15 12 15C10.34 15 9 13.66 9 12C9 10.34 10.34 9 12 9M23 18.3V21.8C23 22.4 22.4 23 21.7 23H16.2C15.6 23 15 22.4 15 21.7V18.2C15 17.6 15.6 17 16.2 17V15.5C16.2 14.1 17.6 13 19 13C20.4 13 21.8 14.1 21.8 15.5V17C22.4 17 23 17.6 23 18.3M20.5 15.5C20.5 14.7 19.8 14.2 19 14.2C18.2 14.2 17.5 14.7 17.5 15.5V17H20.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker-outline.svg
new file mode 100644
index 00000000..e72fd645
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-marker-outline" viewBox="0 0 24 24"><path d="M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M9 2L7.2 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H14.5C14.1 19.4 13.7 18.7 13.5 18H4V6H8.1L9.9 4H14.1L15.9 6H20V10.2C20.7 10.4 21.4 10.8 22 11.3V6C22 4.9 21.1 4 20 4H16.8L15 2H9M12 7C9.2 7 7 9.2 7 12S9.2 17 12 17C12.4 17 12.8 17 13.2 16.9C13.1 16.4 13 16 13 15.5V14.8C12.7 14.9 12.3 15 12 15C10.3 15 9 13.7 9 12S10.3 9 12 9C13.4 9 14.6 10 14.9 11.3C15.4 10.9 16 10.5 16.7 10.3C16 8.3 14.1 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker.svg
new file mode 100644
index 00000000..212ba889
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-marker" viewBox="0 0 24 24"><path d="M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M9 2L7 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H14.5C13.9 19.1 13.4 18.1 13.1 16.9C12.8 17 12.4 17 12 17C9.2 17 7 14.8 7 12S9.2 7 12 7C14.1 7 16 8.3 16.7 10.3C17.3 10.1 17.9 10 18.5 10C19.8 10 21 10.5 22 11.3V6C22 4.9 21.1 4 20 4H17L15 2H9M11.9 9C10.3 9 9 10.4 9 12C9 13.7 10.3 15 12 15C12.4 15 12.7 14.9 13 14.8C13.2 13.4 13.9 12.2 14.9 11.3C14.6 10 13.4 9 11.9 9C12 9 12 9 11.9 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-center.svg
new file mode 100644
index 00000000..8a4b18a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-metering-center" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5M12,7.5C14.14,7.5 15.93,9 16.39,11H14.83C14.42,9.83 13.31,9 12,9C10.69,9 9.58,9.83 9.17,11H7.61C8.07,9 9.86,7.5 12,7.5M12,16.5C9.86,16.5 8.07,15 7.61,13H9.17C9.58,14.17 10.69,15 12,15C13.31,15 14.42,14.17 14.83,13H16.39C15.93,15 14.14,16.5 12,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-matrix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-matrix.svg
new file mode 100644
index 00000000..7bc5d7a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-matrix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-metering-matrix" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M5.5,7.5H11V9.17C10.15,9.47 9.47,10.15 9.17,11H5.5V7.5M18.5,7.5V11H14.83C14.53,10.15 13.85,9.47 13,9.17V7.5H18.5M18.5,16.5H13V14.83C13.85,14.53 14.53,13.85 14.83,13H18.5V16.5M5.5,16.5V13H9.17C9.47,13.85 10.15,14.53 11,14.83V16.5H5.5M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-partial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-partial.svg
new file mode 100644
index 00000000..65013bed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-partial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-metering-partial" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,7.5C14.14,7.5 15.93,9 16.39,11H14.83C14.42,9.83 13.31,9 12,9C10.69,9 9.58,9.83 9.17,11H7.61C8.07,9 9.86,7.5 12,7.5M12,16.5C9.86,16.5 8.07,15 7.61,13H9.17C9.58,14.17 10.69,15 12,15C13.31,15 14.42,14.17 14.83,13H16.39C15.93,15 14.14,16.5 12,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-spot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-spot.svg
new file mode 100644
index 00000000..dc704db1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-metering-spot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-metering-spot" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-off-outline.svg
new file mode 100644
index 00000000..08a68704
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-off-outline" viewBox="0 0 24 24"><path d="M17 12C17 12.54 16.9 13.05 16.74 13.54L15 11.78C14.87 10.3 13.7 9.13 12.22 9L10.46 7.26C10.95 7.1 11.46 7 12 7C14.76 7 17 9.24 17 12M9.88 4H14.12L15.95 6H20V16.8L21.88 18.68C21.96 18.47 22 18.24 22 18V6C22 4.89 21.11 4 20 4H16.83L15 2H9L7.18 4L8.6 5.4L9.88 4M22.11 21.46L20.84 22.73L18.11 20H4C2.9 20 2 19.11 2 18V6C2 5.42 2.25 4.9 2.65 4.54L1.11 3L2.39 1.73L22.11 21.46M9 12C9 13.66 10.34 15 12 15C12.33 15 12.65 14.93 12.94 14.83L9.17 11.06C9.07 11.36 9 11.67 9 12M16.11 18L14.45 16.34C13.72 16.75 12.89 17 12 17C9.24 17 7 14.76 7 12C7 11.11 7.25 10.28 7.66 9.55L4.11 6H4V18H16.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-off.svg
new file mode 100644
index 00000000..d4d1266f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-off" viewBox="0 0 24 24"><path d="M1.2,4.47L2.5,3.2L20,20.72L18.73,22L16.73,20H4A2,2 0 0,1 2,18V6C2,5.78 2.04,5.57 2.1,5.37L1.2,4.47M7,4L9,2H15L17,4H20A2,2 0 0,1 22,6V18C22,18.6 21.74,19.13 21.32,19.5L16.33,14.5C16.76,13.77 17,12.91 17,12A5,5 0 0,0 12,7C11.09,7 10.23,7.24 9.5,7.67L5.82,4H7M7,12A5,5 0 0,0 12,17C12.5,17 13.03,16.92 13.5,16.77L11.72,15C10.29,14.85 9.15,13.71 9,12.28L7.23,10.5C7.08,10.97 7,11.5 7,12M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-outline.svg
new file mode 100644
index 00000000..bf2f8abc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-outline" viewBox="0 0 24 24"><path d="M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M20,18H4V6H8.05L9.88,4H14.12L15.95,6H20V18M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-party-mode.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-party-mode.svg
new file mode 100644
index 00000000..59f78093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-party-mode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-party-mode" viewBox="0 0 24 24"><path d="M12,17C10.37,17 8.94,16.21 8,15H12A3,3 0 0,0 15,12C15,11.65 14.93,11.31 14.82,11H16.9C16.96,11.32 17,11.66 17,12A5,5 0 0,1 12,17M12,7C13.63,7 15.06,7.79 16,9H12A3,3 0 0,0 9,12C9,12.35 9.07,12.68 9.18,13H7.1C7.03,12.68 7,12.34 7,12A5,5 0 0,1 12,7M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus-outline.svg
new file mode 100644
index 00000000..40d0facb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-plus-outline" viewBox="0 0 24 24"><path d="M21 6H17.8L16 4H10V6H15.1L17 8H21V20H5V11H3V20C3 21.1 3.9 22 5 22H21C22.1 22 23 21.1 23 20V8C23 6.9 22.1 6 21 6M8 14C8 18.45 13.39 20.69 16.54 17.54C19.69 14.39 17.45 9 13 9C10.24 9 8 11.24 8 14M13 11C14.64 11.05 15.95 12.36 16 14C15.95 15.64 14.64 16.95 13 17C11.36 16.95 10.05 15.64 10 14C10.05 12.36 11.36 11.05 13 11M5 6H8V4H5V1H3V4H0V6H3V9H5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus.svg
new file mode 100644
index 00000000..1f53039b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-plus" viewBox="0 0 24 24"><path d="M3 4V1H5V4H8V6H5V9H3V6H0V4M6 10V7H9V4H16L17.8 6H21C22.1 6 23 6.9 23 8V20C23 21.1 22.1 22 21 22H5C3.9 22 3 21.1 3 20V10M13 19C17.45 19 19.69 13.62 16.54 10.46C13.39 7.31 8 9.55 8 14C8 16.76 10.24 19 13 19M9.8 14C9.8 16.85 13.25 18.28 15.26 16.26C17.28 14.25 15.85 10.8 13 10.8C11.24 10.8 9.8 12.24 9.8 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear-variant.svg
new file mode 100644
index 00000000..b02171f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-rear-variant" viewBox="0 0 24 24"><path d="M6,0H18A2,2 0 0,1 20,2V22A2,2 0 0,1 18,24H6A2,2 0 0,1 4,22V2A2,2 0 0,1 6,0M12,2A2,2 0 0,0 10,4A2,2 0 0,0 12,6A2,2 0 0,0 14,4A2,2 0 0,0 12,2M13,18H9V20H13V22L16,19L13,16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear.svg
new file mode 100644
index 00000000..e262fc88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-rear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-rear" viewBox="0 0 24 24"><path d="M12,6C10.89,6 10,5.1 10,4A2,2 0 0,1 12,2C13.09,2 14,2.9 14,4A2,2 0 0,1 12,6M17,0H7A2,2 0 0,0 5,2V16A2,2 0 0,0 7,18H17A2,2 0 0,0 19,16V2A2,2 0 0,0 17,0M14,20V22H19V20M10,20H5V22H10V24L13,21L10,18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake-outline.svg
new file mode 100644
index 00000000..fbe2818d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-retake-outline" viewBox="0 0 24 24"><path d="M20,5H16.83L15,3H9L7.17,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M20,19H4V7H8.05L9.88,5H14.12L16,7H20V19M12,18C10.92,18 9.86,17.65 9,17L10.44,15.56C10.91,15.85 11.45,16 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10C10.74,10 9.6,10.8 9.18,12H11L8,15L5,12H7.1C7.65,9.29 10.29,7.55 13,8.1C15.7,8.65 17.45,11.29 16.9,14C16.42,16.33 14.38,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake.svg
new file mode 100644
index 00000000..ddbfcd20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-retake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-retake" viewBox="0 0 24 24"><path d="M20,5H17L15,3H9L7,5H4A2,2 0 0,0 2,7V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V7A2,2 0 0,0 20,5M12,18C10.92,18 9.86,17.65 9,17L10.44,15.56C10.91,15.85 11.45,16 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10C10.74,10 9.6,10.8 9.18,12H11L8,15L5,12H7.1C7.65,9.29 10.29,7.55 13,8.1C15.7,8.65 17.45,11.29 16.9,14C16.42,16.33 14.38,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch-outline.svg
new file mode 100644
index 00000000..b34b724d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-switch-outline" viewBox="0 0 24 24"><path d="M20 4H16.8L15 2H9L7.2 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4M9.9 4H14.1L15.9 6H20V18H4V6H8.1M15 11H9V8.5L5.5 12L9 15.5V13H15V15.5L18.5 12L15 8.5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch.svg
new file mode 100644
index 00000000..17f579a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-switch" viewBox="0 0 24 24"><path d="M15,15.5V13H9V15.5L5.5,12L9,8.5V11H15V8.5L18.5,12M20,4H16.83L15,2H9L7.17,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-timer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-timer.svg
new file mode 100644
index 00000000..873abeb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-timer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-timer" viewBox="0 0 24 24"><path d="M4.94,6.35C4.55,5.96 4.55,5.32 4.94,4.93C5.33,4.54 5.96,4.54 6.35,4.93L13.07,10.31L13.42,10.59C14.2,11.37 14.2,12.64 13.42,13.42C12.64,14.2 11.37,14.2 10.59,13.42L10.31,13.07L4.94,6.35M12,20A8,8 0 0,0 20,12C20,9.79 19.1,7.79 17.66,6.34L19.07,4.93C20.88,6.74 22,9.24 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12H4A8,8 0 0,0 12,20M12,1A2,2 0 0,1 14,3A2,2 0 0,1 12,5A2,2 0 0,1 10,3A2,2 0 0,1 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless-outline.svg
new file mode 100644
index 00000000..43df415a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-wireless-outline" viewBox="0 0 24 24"><path d="M20,9V20H4V8H8.05L9.88,6H15V4H9L7.17,6H4A2,2 0 0,0 2,8V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V9H20M20.67,8H22C22,4.68 19.31,2 16,2V3.33C18.58,3.33 20.66,5.41 20.67,8M18,8H19.33C19.32,6.15 17.84,4.67 16,4.67V6C17.11,6 18,6.89 18,8M7,14A5,5 0 0,0 12,19A5,5 0 0,0 17,14A5,5 0 0,0 12,9A5,5 0 0,0 7,14M15,14A3,3 0 0,1 12,17A3,3 0 0,1 9,14A3,3 0 0,1 12,11A3,3 0 0,1 15,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless.svg
new file mode 100644
index 00000000..1ba0d0f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera-wireless" viewBox="0 0 24 24"><path d="M12,10.8A3.2,3.2 0 0,1 15.2,14A3.2,3.2 0 0,1 12,17.2A3.2,3.2 0 0,1 8.8,14A3.2,3.2 0 0,1 12,10.8M16,3.33V2A6,6 0 0,1 22,8H20.67C20.67,5.42 18.58,3.33 16,3.33M16,6V4.67C17.84,4.67 19.33,6.16 19.33,8H18C18,6.89 17.11,6 16,6M17,9H22V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8A2,2 0 0,1 4,6H7.17L9,4H15V7C16.11,7 17,7.89 17,9M12,19A5,5 0 0,0 17,14A5,5 0 0,0 12,9A5,5 0 0,0 7,14A5,5 0 0,0 12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/camera.svg b/apps/phoenix_webcomponent/priv/mdi/svg/camera.svg
new file mode 100644
index 00000000..3b0c3d3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-camera" viewBox="0 0 24 24"><path d="M4,4H7L9,2H15L17,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/campfire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/campfire.svg
new file mode 100644
index 00000000..d04e4610
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/campfire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-campfire" viewBox="0 0 24 24"><path d="M15.9,18.5L21.9,20.1L21.5,22L12.1,19.5L2.7,22L2.2,20.1L8.2,18.5L2.1,16.9L2.6,15L12,17.5L21.4,15L21.9,16.9L15.9,18.5M16.07,7.92C15.91,7.7 15.71,7.5 15.5,7.33C15.05,6.9 14.5,6.59 14.06,6.13C13,5.08 12.79,3.34 13.44,2C12.79,2.17 12.18,2.54 11.67,2.95C9.84,4.46 9.11,7.1 10,9.38C10,9.45 10.04,9.53 10.04,9.62C10.04,9.78 9.93,9.92 9.79,10C9.63,10.05 9.46,10 9.33,9.9C9.28,9.86 9.25,9.82 9.22,9.77C8.42,8.74 8.29,7.26 8.84,6.07C7.65,7.06 7,8.72 7.11,10.29C7.13,10.65 7.18,11 7.3,11.36C7.41,11.8 7.59,12.23 7.82,12.61C8.57,13.86 9.9,14.76 11.32,14.94C12.84,15.14 14.46,14.85 15.63,13.79C16.93,12.59 17.4,10.67 16.71,9L16.61,8.83C16.47,8.5 16.28,8.2 16.04,7.93L16.07,7.92M13.83,12.47C13.63,12.65 13.31,12.83 13.05,12.91C12.26,13.19 11.46,12.79 11,12.31C11.84,12.11 12.34,11.47 12.5,10.83C12.61,10.25 12.39,9.78 12.29,9.22C12.21,8.69 12.22,8.23 12.42,7.73C12.55,8 12.69,8.28 12.86,8.5C13.41,9.22 14.27,9.54 14.45,10.5C14.47,10.63 14.5,10.72 14.5,10.83C14.5,11.43 14.26,12.07 13.82,12.47" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cancel.svg
new file mode 100644
index 00000000..5c26d780
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cancel" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candelabra-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candelabra-fire.svg
new file mode 100644
index 00000000..d37421f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candelabra-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candelabra-fire" viewBox="0 0 24 24"><path d="M18 7C18.83 7 19.5 6.33 19.5 5.5C19.5 4.67 18.83 3 18 3S16.5 4.67 16.5 5.5C16.5 6.33 17.17 7 18 7M18 5.25C18.28 5.25 18.5 5.47 18.5 5.75S18.28 6.25 18 6.25 17.5 6.03 17.5 5.75 17.72 5.25 18 5.25M12 6C12.83 6 13.5 5.33 13.5 4.5C13.5 3.67 12.83 2 12 2S10.5 3.67 10.5 4.5C10.5 5.33 11.17 6 12 6M12 4.25C12.28 4.25 12.5 4.47 12.5 4.75S12.28 5.25 12 5.25 11.5 5.03 11.5 4.75 11.72 4.25 12 4.25M6 7C6.83 7 7.5 6.33 7.5 5.5C7.5 4.67 6.83 3 6 3S4.5 4.67 4.5 5.5C4.5 6.33 5.17 7 6 7M6 5.25C6.28 5.25 6.5 5.47 6.5 5.75S6.28 6.25 6 6.25 5.5 6.03 5.5 5.75 5.72 5.25 6 5.25M20.5 11C20.5 11.55 20.05 12 19.5 12H19V14C19 15.11 18.11 16 17 16H13V20H14C15.11 20 16 20.9 16 22H8C8 20.9 8.9 20 10 20H11V16H7C5.9 16 5 15.11 5 14V12H4.5C3.95 12 3.5 11.55 3.5 11S3.95 10 4.5 10V9C4.5 8.45 4.95 8 5.5 8H6.5C7.05 8 7.5 8.45 7.5 9V10C8.05 10 8.5 10.45 8.5 11S8.05 12 7.5 12H7V14H11V12H10.5C9.95 12 9.5 11.55 9.5 11S9.95 10 10.5 10V8C10.5 7.45 10.95 7 11.5 7H12.5C13.05 7 13.5 7.45 13.5 8V10C14.05 10 14.5 10.45 14.5 11S14.05 12 13.5 12H13V14H17V12H16.5C15.95 12 15.5 11.55 15.5 11S15.95 10 16.5 10V9C16.5 8.45 16.95 8 17.5 8H18.5C19.05 8 19.5 8.45 19.5 9V10C20.05 10 20.5 10.45 20.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candelabra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candelabra.svg
new file mode 100644
index 00000000..9dfab17f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candelabra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candelabra" viewBox="0 0 24 24"><path d="M20.5 11C20.5 11.55 20.05 12 19.5 12H19V14C19 15.11 18.11 16 17 16H13V20H14C15.11 20 16 20.9 16 22H8C8 20.9 8.9 20 10 20H11V16H7C5.9 16 5 15.11 5 14V12H4.5C3.95 12 3.5 11.55 3.5 11S3.95 10 4.5 10H5V4L7 5V10H7.5C8.05 10 8.5 10.45 8.5 11S8.05 12 7.5 12H7V14H11V12H10.5C9.95 12 9.5 11.55 9.5 11S9.95 10 10.5 10H11V2L13 3V10H13.5C14.05 10 14.5 10.45 14.5 11S14.05 12 13.5 12H13V14H17V12H16.5C15.95 12 15.5 11.55 15.5 11S15.95 10 16.5 10H17V4L19 5V10H19.5C20.05 10 20.5 10.45 20.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candle.svg
new file mode 100644
index 00000000..5264af13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candle" viewBox="0 0 24 24"><path d="M12.5,2C10.84,2 9.5,5.34 9.5,7A3,3 0 0,0 12.5,10A3,3 0 0,0 15.5,7C15.5,5.34 14.16,2 12.5,2M12.5,6.5A1,1 0 0,1 13.5,7.5A1,1 0 0,1 12.5,8.5A1,1 0 0,1 11.5,7.5A1,1 0 0,1 12.5,6.5M10,11A1,1 0 0,0 9,12V20H7A1,1 0 0,1 6,19V18A1,1 0 0,0 5,17A1,1 0 0,0 4,18V19A3,3 0 0,0 7,22H19A1,1 0 0,0 20,21A1,1 0 0,0 19,20H16V12A1,1 0 0,0 15,11H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candy-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candy-off-outline.svg
new file mode 100644
index 00000000..62cb651c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candy-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candy-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L7.7 9.6C6.6 11.5 6.9 14 8.5 15.6S12.6 17.5 14.5 16.4L20.9 22.8L22.1 21.5M9.9 14.1C9.1 13.3 8.8 12.1 9.2 11L13 14.8C11.9 15.2 10.7 15 9.9 14.1M14.8 6.3C14.5 5.2 14.6 3.6 15.9 2.4C16.8 3.3 17.3 4.3 17.4 5.3C18.5 4.6 19.4 4.5 19.4 4.5C19.3 5.3 19 6 18.6 6.5C19.6 6.7 20.7 7.2 21.5 8C20.3 9.2 18.7 9.4 17.6 9.1C17.3 7.8 16.2 6.7 14.8 6.3M12.2 9L10.4 7.2C12.1 6.6 14.1 7 15.5 8.4C16.9 9.8 17.3 11.7 16.7 13.5L15 11.8C14.9 11.1 14.7 10.4 14.1 9.9S12.9 9.1 12.2 9M9.2 17.7C9.5 18.8 9.4 20.4 8.1 21.6C7.2 20.7 6.7 19.7 6.6 18.7C5.5 19.4 4.6 19.5 4.6 19.5C4.7 18.7 5 18 5.4 17.5C4.4 17.3 3.3 16.8 2.5 16C3.7 14.8 5.3 14.6 6.4 14.9C6.7 16.2 7.8 17.3 9.2 17.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candy-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candy-off.svg
new file mode 100644
index 00000000..fcb9fdad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candy-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candy-off" viewBox="0 0 24 24"><path d="M20.8 22.7L14.4 16.3C12.5 17.4 10 17.1 8.4 15.5C6.8 13.9 6.5 11.4 7.6 9.5L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M15.5 8.5C14.1 7.1 12.2 6.7 10.4 7.3L16.7 13.6C17.3 11.8 16.9 9.8 15.5 8.5M17.7 9.2C18.8 9.5 20.4 9.3 21.6 8.1C20.8 7.3 19.7 6.8 18.7 6.6C19.1 6 19.4 5.3 19.5 4.6C19.5 4.6 18.5 4.7 17.5 5.4C17.4 4.4 16.9 3.3 16 2.5C14.8 3.7 14.6 5.3 14.9 6.4C16.2 6.7 17.3 7.8 17.7 9.2M6.3 14.8C5.2 14.5 3.6 14.7 2.4 15.9C3.2 16.7 4.3 17.2 5.3 17.4C4.9 18 4.6 18.7 4.5 19.4C4.5 19.4 5.5 19.3 6.5 18.6C6.6 19.6 7.1 20.7 8 21.5C9.2 20.3 9.4 18.7 9.1 17.6C7.8 17.3 6.7 16.2 6.3 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candy-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candy-outline.svg
new file mode 100644
index 00000000..b33382bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candy-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candy-outline" viewBox="0 0 24 24"><path d="M9.88 9.88C11.05 8.71 12.95 8.71 14.12 9.88S15.29 12.95 14.12 14.12 11.05 15.29 9.88 14.12 8.71 11.05 9.88 9.88M8.46 8.46C6.5 10.42 6.5 13.58 8.46 15.54S13.58 17.5 15.54 15.54 17.5 10.42 15.54 8.46 10.42 6.5 8.46 8.46M19.47 4.55C19.47 4.55 18.5 4.67 17.43 5.37C17.28 4.32 16.78 3.27 15.93 2.42C14.68 3.67 14.53 5.22 14.83 6.34C16.22 6.7 17.3 7.78 17.66 9.17C18.78 9.47 20.34 9.32 21.58 8.07C20.74 7.23 19.71 6.74 18.68 6.58C19.07 6 19.38 5.33 19.47 4.55M4.53 19.45C4.53 19.45 5.5 19.33 6.57 18.64C6.72 19.68 7.22 20.73 8.07 21.58C9.32 20.34 9.47 18.78 9.17 17.66C7.79 17.3 6.7 16.22 6.34 14.83C5.22 14.53 3.67 14.68 2.42 15.93C3.26 16.77 4.29 17.27 5.32 17.42C4.93 18 4.62 18.68 4.53 19.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candy.svg
new file mode 100644
index 00000000..834b30f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candy" viewBox="0 0 24 24"><path d="M15.54 8.46C17.5 10.42 17.5 13.58 15.54 15.54S10.42 17.5 8.47 15.54 6.5 10.42 8.47 8.46 13.58 6.5 15.54 8.46M19.47 4.55C19.47 4.55 18.5 4.67 17.43 5.36C17.28 4.32 16.78 3.27 15.93 2.42C14.68 3.66 14.53 5.22 14.83 6.34C16.22 6.7 17.3 7.78 17.66 9.17C18.78 9.47 20.34 9.32 21.58 8.07C20.74 7.23 19.71 6.74 18.68 6.58C19.07 6 19.38 5.33 19.47 4.55M4.53 19.45C4.53 19.45 5.5 19.33 6.57 18.64C6.72 19.68 7.22 20.73 8.07 21.58C9.32 20.34 9.47 18.78 9.17 17.66C7.78 17.3 6.7 16.22 6.34 14.83C5.22 14.53 3.66 14.68 2.42 15.93C3.26 16.77 4.29 17.27 5.32 17.42C4.93 18 4.62 18.68 4.53 19.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/candycane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/candycane.svg
new file mode 100644
index 00000000..b5c7c2d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/candycane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-candycane" viewBox="0 0 24 24"><path d="M10,10A2,2 0 0,1 8,12A2,2 0 0,1 6,10V8C6,7.37 6.1,6.77 6.27,6.2L10,9.93V10M12,2C12.74,2 13.44,2.13 14.09,2.38L11.97,6C11.14,6 10.44,6.5 10.15,7.25L7.24,4.34C8.34,2.92 10.06,2 12,2M17.76,6.31L14,10.07V8C14,7.62 13.9,7.27 13.72,6.97L15.83,3.38C16.74,4.13 17.42,5.15 17.76,6.31M18,13.09L14,17.09V12.9L18,8.9V13.09M18,20A2,2 0 0,1 16,22A2,2 0 0,1 14,20V19.91L18,15.91V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cannabis-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cannabis-off.svg
new file mode 100644
index 00000000..718a510c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cannabis-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cannabis-off" viewBox="0 0 24 24"><path d="M16.62 13.42L14.5 11.32C16.84 8.94 19.83 8.11 19.83 8.11C18.87 10.6 17.73 12.27 16.62 13.42M12 2C12 2 10.86 4.3 10.41 7.21L13.72 10.5C13.92 8.45 13.61 5.63 12 2M20.84 22.73L22.11 21.46L2.39 1.73L1.11 3L8.62 10.5C6.5 8.75 4.17 8.11 4.17 8.11C5.7 12.08 7.69 14 9.28 14.97C6.47 14.59 4 16 4 16C6.68 17.19 8.64 17.23 9.94 16.95C8.53 18.1 8.03 19.81 8.03 19.81C10 19.09 11 18.13 11.5 17.35V22H12.5V17.35C13 18.13 14 19.09 15.97 19.81C15.97 19.81 15.47 18.1 14.06 16.95C14.39 17 14.77 17.07 15.2 17.09L20.84 22.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cannabis.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cannabis.svg
new file mode 100644
index 00000000..5e3d8a57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cannabis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cannabis" viewBox="0 0 24 24"><path d="M11.5,22V17.35C11,18.13 10,19.09 8.03,19.81C8.03,19.81 8.53,18.1 9.94,16.95C8.64,17.23 6.68,17.19 4,16C4,16 6.47,14.59 9.28,14.97C7.69,14 5.7,12.08 4.17,8.11C4.17,8.11 8.67,9.34 10.91,13.14C8.88,8.24 12,2 12,2C14.43,7.47 13.91,11.1 13.12,13.1C15.37,9.33 19.83,8.11 19.83,8.11C18.3,12.08 16.31,14 14.72,14.97C17.53,14.59 20,16 20,16C17.32,17.19 15.36,17.23 14.06,16.95C15.47,18.1 15.97,19.81 15.97,19.81C14,19.09 13,18.13 12.5,17.35V22H11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/caps-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/caps-lock.svg
new file mode 100644
index 00000000..11e3e1df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/caps-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-caps-lock" viewBox="0 0 24 24"><path d="M9.96,13.71L12,8.29L14.03,13.72M11.14,6L6.43,18H8.36L9.32,15.43H14.68L15.64,18H17.57L12.86,6H11.14M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.9,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.1,2 20,2M20,20H4V4H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-2-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-2-plus.svg
new file mode 100644
index 00000000..ec035215
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-2-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-2-plus" viewBox="0 0 24 24"><path d="M8 16C8 13.6 9.1 11.5 10.7 10H3L4.5 5.5H15.5L16.3 8C16.9 8 17.5 8.1 18 8.3L16.9 5C16.7 4.4 16.1 4 15.5 4H4.5C3.8 4 3.3 4.4 3.1 5L1 11V19C1 19.5 1.5 20 2 20H3C3.5 20 4 19.5 4 19V18H8.3C8.1 17.4 8 16.7 8 16M4.5 15C3.7 15 3 14.3 3 13.5S3.7 12 4.5 12 6 12.7 6 13.5 5.3 15 4.5 15M16 20V18H13V17H14C15.1 17 16 16.1 16 15V14C16 12.9 15.1 12 14 12H11V14H14V15H13C11.9 15 11 15.9 11 17V20M23 17H21V19H19V17H17V15H19V13H21V15H23V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-3-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-3-plus.svg
new file mode 100644
index 00000000..f2fde7ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-3-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-3-plus" viewBox="0 0 24 24"><path d="M16.9 5C16.7 4.4 16.1 4 15.5 4H4.5C3.8 4 3.3 4.4 3.1 5L1 11V19C1 19.5 1.5 20 2 20H3C3.5 20 4 19.5 4 19V18H8.3C8.1 17.4 8 16.7 8 16C8 13.6 9.1 11.5 10.7 10H3L4.5 5.5H15.5L16.3 8C16.9 8 17.5 8.1 18 8.3L16.9 5M4.5 12C5.3 12 6 12.7 6 13.5S5.3 15 4.5 15 3 14.3 3 13.5 3.7 12 4.5 12M23 17H21V19H19V17H17V15H19V13H21V15H23V17M14.5 16C15.3 16 16 14.8 16 14C16 12.9 15.1 12 14 12H11V14H14V15H12V17H14V18H11V20H14C15.1 20 16 19.1 16 18C16 17.2 15.3 16 14.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-left.svg
new file mode 100644
index 00000000..888c524b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-arrow-left" viewBox="0 0 24 24"><path d="M12 18C12 14.69 14.69 12 18 12C19.09 12 20.12 12.3 21 12.81V12L18.92 6C18.72 5.42 18.16 5 17.5 5H6.5C5.84 5 5.28 5.42 5.08 6L3 12V20C3 20.55 3.45 21 4 21H5C5.55 21 6 20.55 6 20V19H12.09C12.04 18.67 12 18.34 12 18M6.5 6.5H17.5L19 11H5L6.5 6.5M6.5 16C5.67 16 5 15.33 5 14.5S5.67 13 6.5 13 8 13.67 8 14.5 7.33 16 6.5 16M18 15V17H22V19H18V21L15 18L18 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-right.svg
new file mode 100644
index 00000000..989cf337
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-arrow-right" viewBox="0 0 24 24"><path d="M12 18C12 14.69 14.69 12 18 12C19.09 12 20.12 12.3 21 12.81V12L18.92 6C18.72 5.42 18.16 5 17.5 5H6.5C5.84 5 5.28 5.42 5.08 6L3 12V20C3 20.55 3.45 21 4 21H5C5.55 21 6 20.55 6 20V19H12.09C12.04 18.67 12 18.34 12 18M6.5 6.5H17.5L19 11H5L6.5 6.5M6.5 16C5.67 16 5 15.33 5 14.5S5.67 13 6.5 13 8 13.67 8 14.5 7.33 16 6.5 16M19 21V19H15V17H19V15L22 18L19 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-back.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-back.svg
new file mode 100644
index 00000000..ad5fdd36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-back" viewBox="0 0 24 24"><path d="M6,11L7,7H17L18,11M18.92,6C18.71,5.4 18.14,5 17.5,5H6.5C5.86,5 5.29,5.4 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V18H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6M7,16H5V14H7V16M19,16H17V14H19V16M14,16H10V14H14V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-battery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-battery.svg
new file mode 100644
index 00000000..09a904f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-battery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-battery" viewBox="0 0 24 24"><path d="M4,3V6H1V20H23V6H20V3H14V6H10V3H4M3,8H21V18H3V8M15,10V12H13V14H15V16H17V14H19V12H17V10H15M5,12V14H11V12H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-abs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-abs.svg
new file mode 100644
index 00000000..1ce3f37a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-abs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-abs" viewBox="0 0 24 24"><path d="M24,12C24,15.31 22.66,18.31 20.5,20.5L19.42,19.42C21.32,17.5 22.5,14.9 22.5,12C22.5,9.11 21.32,6.5 19.42,4.58L20.5,3.5C22.66,5.69 24,8.69 24,12M20,9.6V8H16.8C15.92,8 15.2,8.72 15.2,9.6V11.2A1.6,1.6 0 0,0 16.8,12.8H18.4V14.4H15.2V16H18.4C19.28,16 20,15.28 20,14.4V12.8A1.6,1.6 0 0,0 18.4,11.2H16.8V9.6H20M8.42,6C9.47,5.37 10.69,5 12,5C13.31,5 14.53,5.37 15.58,6H18.69C17.05,4.16 14.66,3 12,3C9.34,3 6.95,4.16 5.31,6H8.42M13.2,12C13.84,12 14.4,12.56 14.4,13.2V14.4A1.6,1.6 0 0,1 12.8,16H9.6V8H12.8A1.6,1.6 0 0,1 14.4,9.6V10.8C14.4,11.44 13.84,12 13.2,12M12.8,12.8H11.2V14.4H12.8V12.8M12.8,9.6H11.2V11.2H12.8V9.6M4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58M7.2,16V12.8H5.6V16H4V9.6A1.6,1.6 0 0,1 5.6,8H7.2C8.08,8 8.8,8.72 8.8,9.6V16H7.2M7.2,11.2V9.6H5.6V11.2H7.2M15.58,18C14.53,18.63 13.31,19 12,19C10.69,19 9.47,18.63 8.42,18H5.31C6.95,19.84 9.34,21 12,21C14.66,21 17.05,19.84 18.69,18H15.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-alert.svg
new file mode 100644
index 00000000..18a0127d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-alert" viewBox="0 0 24 24"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19C8.14,19 5,15.86 5,12C5,8.14 8.14,5 12,5C15.86,5 19,8.14 19,12C19,15.86 15.86,19 12,19M20.5,20.5C22.66,18.31 24,15.31 24,12C24,8.69 22.66,5.69 20.5,3.5L19.42,4.58C21.32,6.5 22.5,9.11 22.5,12C22.5,14.9 21.32,17.5 19.42,19.42L20.5,20.5M4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-fluid-level.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-fluid-level.svg
new file mode 100644
index 00000000..0095e5a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-fluid-level.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-fluid-level" viewBox="0 0 24 24"><path d="M1.5 12C1.5 14.9 2.68 17.5 4.58 19.42L3.5 20.5C1.34 18.31 0 15.31 0 12S1.34 5.69 3.5 3.5L4.58 4.58C2.68 6.5 1.5 9.11 1.5 12M21 12C21 16.97 16.97 21 12 21S3 16.97 3 12 7.03 3 12 3 21 7.03 21 12M5 12C5 12.44 5.05 12.86 5.12 13.28C5.3 13.09 5.46 13 5.78 13C6.3 13 6.39 13.21 6.78 13.71C7.17 14.21 7.85 15 8.89 15C9.92 15 10.61 14.21 11 13.71C11.26 13.37 11.39 13.18 11.61 13.08C11.71 13.03 11.83 13 12 13C12.5 13 12.61 13.21 13 13.71C13.39 14.21 14.08 15 15.11 15C16.15 15 16.83 14.21 17.22 13.71C17.61 13.21 17.7 13 18.22 13C18.54 13 18.7 13.09 18.88 13.28C18.95 12.86 19 12.44 19 12C19 8.14 15.86 5 12 5S5 8.14 5 12M20.5 3.5L19.42 4.58C21.32 6.5 22.5 9.11 22.5 12C22.5 14.9 21.32 17.5 19.42 19.42L20.5 20.5C22.66 18.31 24 15.31 24 12S22.66 5.69 20.5 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-hold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-hold.svg
new file mode 100644
index 00000000..baef2336
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-hold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-hold" viewBox="0 0 24 24"><path d="M12,3C7,3 3,7 3,12C3,17 7,21 12,21C17,21 21,17 21,12C21,7 17,3 12,3M12,19C8.1,19 5,15.9 5,12C5,8.1 8.1,5 12,5C15.9,5 19,8.1 19,12C19,15.9 15.9,19 12,19M20.5,20.5C22.7,18.3 24,15.3 24,12C24,8.7 22.7,5.7 20.5,3.5L19.4,4.6C21.3,6.5 22.5,9.1 22.5,12C22.5,14.9 21.3,17.5 19.4,19.4L20.5,20.5M4.6,19.4C2.7,17.5 1.5,14.9 1.5,12C1.5,9.1 2.7,6.5 4.6,4.6L3.5,3.5C1.3,5.7 0,8.7 0,12C0,15.3 1.3,18.3 3.5,20.5L4.6,19.4M9,7V17H11V13H13V17H15V7H13V11H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-low-pressure.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-low-pressure.svg
new file mode 100644
index 00000000..0d3d4763
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-low-pressure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-low-pressure" viewBox="0 0 24 24"><path d="M13 12C13 12.55 12.55 13 12 13S11 12.55 11 12 11.45 11 12 11 13 11.45 13 12M10 12L7 9V11H3V13H7V15L10 12M14 12L17 15V13H21V11H17V9L14 12M20.5 3.5L19.42 4.58C21.32 6.5 22.5 9.11 22.5 12C22.5 14.9 21.32 17.5 19.42 19.42L20.5 20.5C22.66 18.31 24 15.31 24 12S22.66 5.69 20.5 3.5M5.69 9C6.81 6.64 9.22 5 12 5S17.19 6.64 18.32 9H20.5C19.24 5.5 15.92 3 12 3S4.76 5.5 3.5 9H5.69M4.58 4.58L3.5 3.5C1.34 5.69 0 8.69 0 12S1.34 18.31 3.5 20.5L4.58 19.42C2.68 17.5 1.5 14.9 1.5 12C1.5 9.11 2.68 6.5 4.58 4.58M18.32 15C17.19 17.36 14.79 19 12 19S6.81 17.36 5.69 15H3.5C4.76 18.5 8.08 21 12 21S19.24 18.5 20.5 15H18.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-parking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-parking.svg
new file mode 100644
index 00000000..3468fc5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-parking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-parking" viewBox="0 0 24 24"><path d="M12,3C7,3 3,7 3,12C3,17 7,21 12,21C17,21 21,17 21,12C21,7 17,3 12,3M12,19C8.1,19 5,15.9 5,12C5,8.1 8.1,5 12,5C15.9,5 19,8.1 19,12C19,15.9 15.9,19 12,19M20.5,20.5C22.7,18.3 24,15.3 24,12C24,8.7 22.7,5.7 20.5,3.5L19.4,4.6C21.3,6.5 22.5,9.1 22.5,12C22.5,14.9 21.3,17.5 19.4,19.4L20.5,20.5M4.6,19.4C2.7,17.5 1.5,14.9 1.5,12C1.5,9.1 2.7,6.5 4.6,4.6L3.5,3.5C1.3,5.7 0,8.7 0,12C0,15.3 1.3,18.3 3.5,20.5L4.6,19.4M9.5,7V17H11.5V13H13.5A2,2 0 0,0 15.5,11V9A2,2 0 0,0 13.5,7H9.5M11.5,9H13.5V11H11.5V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-retarder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-retarder.svg
new file mode 100644
index 00000000..f3844015
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-retarder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-retarder" viewBox="0 0 24 24"><path d="M12 3C7 3 3 7 3 12S7 21 12 21 21 17 21 12 17 3 12 3M12 19C8.1 19 5 15.9 5 12S8.1 5 12 5 19 8.1 19 12 15.9 19 12 19M20.5 20.5C22.7 18.3 24 15.3 24 12S22.7 5.7 20.5 3.5L19.4 4.6C21.3 6.5 22.5 9.1 22.5 12S21.3 17.5 19.4 19.4L20.5 20.5M4.6 19.4C2.7 17.5 1.5 14.9 1.5 12S2.7 6.5 4.6 4.6L3.5 3.5C1.3 5.7 0 8.7 0 12S1.3 18.3 3.5 20.5L4.6 19.4M15.3 10.5C15.96 10.5 16.5 11.17 16.5 12C16.5 12.81 15.95 13.5 15.3 13.5C14.93 13.5 14.66 13.29 14.5 13.11L14.47 13.08L14.44 13.05L13.38 12L14.47 10.92L14.5 10.89L14.53 10.86C14.74 10.63 15 10.5 15.3 10.5M8.7 10.5C9.07 10.5 9.34 10.71 9.5 10.88L9.5 10.92L9.56 10.95L10.62 12L9.53 13.08L9.5 13.11L9.47 13.15C9.26 13.37 9 13.5 8.7 13.5C8.05 13.5 7.5 12.81 7.5 12S8.05 10.5 8.7 10.5M15.3 9C14.58 9 13.9 9.31 13.42 9.85L12 11.25L10.61 9.88C10.1 9.31 9.42 9 8.7 9C7.21 9 6 10.35 6 12S7.21 15 8.7 15C9.42 15 10.1 14.69 10.59 14.15L12 12.75L13.39 14.12C13.9 14.68 14.58 15 15.3 15C16.79 15 18 13.65 18 12C18 10.33 16.79 9 15.3 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-temperature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-temperature.svg
new file mode 100644
index 00000000..ac89080f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-temperature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-temperature" viewBox="0 0 24 24"><path d="M12 10H15V8H12V7C12 6.4 11.6 6 11 6S10 6.4 10 7V17.3C9.4 17.6 9 18.3 9 19C9 20.1 9.9 21 11 21S13 20.1 13 19C13 18.3 12.6 17.6 12 17.3V14H15V12H12V10M24 12C24 15.31 22.66 18.31 20.5 20.5L19.42 19.42C21.32 17.5 22.5 14.9 22.5 12C22.5 9.11 21.32 6.5 19.42 4.58L20.5 3.5C22.66 5.69 24 8.69 24 12M1.5 12C1.5 14.9 2.68 17.5 4.58 19.42L3.5 20.5C1.34 18.31 0 15.31 0 12S1.34 5.69 3.5 3.5L4.58 4.58C2.68 6.5 1.5 9.11 1.5 12M21 12C21 15.53 18.96 18.58 16 20.05V17.74C17.81 16.47 19 14.37 19 12C19 8.14 15.86 5 12 5S5 8.14 5 12C5 14.37 6.19 16.47 8 17.74V20.05C5.04 18.58 3 15.53 3 12C3 7.03 7.03 3 12 3S21 7.03 21 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-worn-linings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-worn-linings.svg
new file mode 100644
index 00000000..324727c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-brake-worn-linings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-brake-worn-linings" viewBox="0 0 24 24"><path d="M12 5C15.86 5 19 8.14 19 12S15.86 19 12 19 5 15.86 5 12 8.14 5 12 5M12 3C7.03 3 3 7.03 3 12S7.03 21 12 21 21 16.97 21 12 16.97 3 12 3M4.58 4.58L3.5 3.5C2.37 4.65 1.47 6.03 .861 7.55L2.3 8C2.84 6.71 3.61 5.56 4.58 4.58M1.71 14.1C1.57 13.42 1.5 12.72 1.5 12C1.5 11.28 1.57 10.58 1.71 9.9L.275 9.46C.098 10.28 0 11.13 0 12S.098 13.72 .275 14.54L1.71 14.1M23.14 7.55C22.53 6.03 21.63 4.65 20.5 3.5L19.42 4.58C20.39 5.56 21.16 6.71 21.7 8L23.14 7.55M.861 16.45C1.47 18 2.37 19.35 3.5 20.5L4.58 19.42C3.61 18.44 2.84 17.29 2.3 16L.861 16.45M19.42 19.42L20.5 20.5C21.63 19.35 22.53 18 23.14 16.45L21.7 16C21.16 17.29 20.39 18.44 19.42 19.42M22.29 9.9C22.43 10.58 22.5 11.28 22.5 12C22.5 12.72 22.43 13.42 22.29 14.1L23.73 14.54C23.9 13.72 24 12.87 24 12S23.9 10.28 23.73 9.46L22.29 9.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-child-seat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-child-seat.svg
new file mode 100644
index 00000000..5ec5514a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-child-seat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-child-seat" viewBox="0 0 24 24"><path d="M17 4.5C17 5.9 15.9 7 14.5 7S12 5.9 12 4.5 13.1 2 14.5 2 17 3.1 17 4.5M15 8H14.2C12.1 8 10.1 6.8 9.1 4.9C9 4.8 8.9 4.7 8.9 4.6L7.1 5.4C7.6 6.8 9.2 8.6 11.5 9.5L9.7 14.5L5.8 13.4L3 18.9L5 19.4L6.8 15.8L11.3 17C12.3 17.2 13.3 16.7 13.7 15.8L16 9.4C16.2 8.7 15.7 8 15 8M18.9 7L15.5 16.4C14.9 18 13.4 19 11.8 19C11.5 19 11.1 19 10.8 18.9L7.9 18.1L7 19.9L9 20.4L10.4 20.8C10.9 20.9 11.4 21 11.9 21C14.4 21 16.6 19.5 17.5 17.1L21 7H18.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-clock.svg
new file mode 100644
index 00000000..855ad17b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-clock" viewBox="0 0 24 24"><path d="M23 8C23 4.13 19.87 1 16 1C12.47 1 9.57 3.61 9.08 7H4.5C3.84 7 3.28 7.42 3.08 8L1 14V22C1 22.55 1.45 23 2 23H3C3.55 23 4 22.55 4 22V21H16V22C16 22.55 16.45 23 17 23H18C18.55 23 19 22.55 19 22V14.32C21.36 13.19 23 10.79 23 8M4.5 8.5H9.03C9.15 10.26 9.92 11.84 11.11 13H3L4.5 8.5M4.5 18C3.67 18 3 17.33 3 16.5S3.67 15 4.5 15 6 15.67 6 16.5 5.33 18 4.5 18M15.5 18C14.67 18 14 17.33 14 16.5S14.67 15 15.5 15 17 15.67 17 16.5 16.33 18 15.5 18M16 13C14.61 13 13.44 12.5 12.47 11.53C11.5 10.56 11 9.39 11 8C11 6.64 11.5 5.46 12.47 4.5C13.44 3.5 14.61 3 16 3C17.36 3 18.54 3.5 19.5 4.5C20.5 5.46 21 6.64 21 8C21 9.39 20.5 10.56 19.5 11.53C18.54 12.5 17.36 13 16 13M16.5 8.25L19.36 9.94L18.61 11.16L15 9V4H16.5V8.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-clutch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-clutch.svg
new file mode 100644
index 00000000..c268430c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-clutch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-clutch" viewBox="0 0 24 24"><path d="M10 18.84L14 20.7V23L8 20V14H5V10H8V4L14 1V3.3L10 5.16V18.84M19 10H15V5.41L12 6.8V17.2L15 18.6V14H19V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-cog.svg
new file mode 100644
index 00000000..2b044b92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-cog" viewBox="0 0 24 24"><path d="M6.5 5C5.84 5 5.28 5.42 5.08 6L3 12V20A1 1 0 0 0 4 21H5A1 1 0 0 0 6 20V19H11.3A7 7 0 0 1 11 17A7 7 0 0 1 14.41 11H5L6.5 6.5H17.5L18.68 10.03A7 7 0 0 1 20.47 10.46L18.92 6C18.72 5.42 18.16 5 17.5 5H6.5M17 12C16.87 12 16.76 12.09 16.74 12.21L16.55 13.53C16.25 13.66 15.96 13.82 15.7 14L14.46 13.5C14.35 13.5 14.22 13.5 14.15 13.63L13.15 15.36C13.09 15.47 13.11 15.6 13.21 15.68L14.27 16.5C14.25 16.67 14.24 16.83 14.24 17C14.24 17.17 14.25 17.33 14.27 17.5L13.21 18.32C13.12 18.4 13.09 18.53 13.15 18.64L14.15 20.37C14.21 20.5 14.34 20.5 14.46 20.5L15.7 20C15.96 20.18 16.24 20.35 16.55 20.47L16.74 21.79C16.76 21.91 16.86 22 17 22H19C19.11 22 19.22 21.91 19.24 21.79L19.43 20.47C19.73 20.34 20 20.18 20.27 20L21.5 20.5C21.63 20.5 21.76 20.5 21.83 20.37L22.83 18.64C22.89 18.53 22.86 18.4 22.77 18.32L21.7 17.5C21.72 17.33 21.74 17.17 21.74 17C21.74 16.83 21.73 16.67 21.7 16.5L22.76 15.68C22.85 15.6 22.88 15.47 22.82 15.36L21.82 13.63C21.76 13.5 21.63 13.5 21.5 13.5L20.27 14C20 13.82 19.73 13.65 19.42 13.53L19.23 12.21C19.22 12.09 19.11 12 19 12H17M6.5 13A1.5 1.5 0 0 1 8 14.5A1.5 1.5 0 0 1 6.5 16A1.5 1.5 0 0 1 5 14.5A1.5 1.5 0 0 1 6.5 13M18 15.5C18.83 15.5 19.5 16.17 19.5 17C19.5 17.83 18.83 18.5 18 18.5C17.16 18.5 16.5 17.83 16.5 17C16.5 16.17 17.17 15.5 18 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-connected.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-connected.svg
new file mode 100644
index 00000000..10ce94b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-connected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-connected" viewBox="0 0 24 24"><path d="M5,14H19L17.5,9.5H6.5L5,14M17.5,19A1.5,1.5 0 0,0 19,17.5A1.5,1.5 0 0,0 17.5,16A1.5,1.5 0 0,0 16,17.5A1.5,1.5 0 0,0 17.5,19M6.5,19A1.5,1.5 0 0,0 8,17.5A1.5,1.5 0 0,0 6.5,16A1.5,1.5 0 0,0 5,17.5A1.5,1.5 0 0,0 6.5,19M18.92,9L21,15V23A1,1 0 0,1 20,24H19A1,1 0 0,1 18,23V22H6V23A1,1 0 0,1 5,24H4A1,1 0 0,1 3,23V15L5.08,9C5.28,8.42 5.85,8 6.5,8H17.5C18.15,8 18.72,8.42 18.92,9M12,0C14.12,0 16.15,0.86 17.65,2.35L16.23,3.77C15.11,2.65 13.58,2 12,2C10.42,2 8.89,2.65 7.77,3.77L6.36,2.35C7.85,0.86 9.88,0 12,0M12,4C13.06,4 14.07,4.44 14.82,5.18L13.4,6.6C13.03,6.23 12.53,6 12,6C11.5,6 10.97,6.23 10.6,6.6L9.18,5.18C9.93,4.44 10.94,4 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-convertible.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-convertible.svg
new file mode 100644
index 00000000..538e77af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-convertible.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-convertible" viewBox="0 0 24 24"><path d="M16,6L15,6.75L17.5,10H13.5V8.5H12V10H3C1.89,10 1,10.89 1,12V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-coolant-level.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-coolant-level.svg
new file mode 100644
index 00000000..047f5c67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-coolant-level.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-coolant-level" viewBox="0 0 24 24"><path d="M19 7V5H21V3H13V5H15V7H1V21H23V7H19M21 14.42C20.71 14.13 20.5 14 20 14C19.33 14 19.21 14.21 18.71 14.71S17.33 16 16 16 13.79 15.21 13.29 14.71 12.67 14 12 14C11.78 14 11.63 14.03 11.5 14.08C11.22 14.18 11.05 14.37 10.71 14.71C10.21 15.21 9.33 16 8 16S5.79 15.21 5.29 14.71 4.67 14 4 14C3.5 14 3.29 14.13 3 14.42V9H21V14.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-cruise-control.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-cruise-control.svg
new file mode 100644
index 00000000..5ff81180
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-cruise-control.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-cruise-control" viewBox="0 0 24 24"><path d="M22,15C22,17.6 20.8,19.9 18.9,21.3L18.4,20.8L16.3,18.7L17.7,17.3L18.9,18.5C19.4,17.8 19.8,16.9 19.9,16H18V14H19.9C19.7,13.1 19.4,12.3 18.9,11.5L17.7,12.7L16.3,11.3L17.5,10.1C16.8,9.6 15.9,9.2 15,9.1V11H13V9.1C12.1,9.3 11.3,9.6 10.5,10.1L13.5,13.1C13.7,13.1 13.8,13 14,13A2,2 0 0,1 16,15A2,2 0 0,1 14,17A2,2 0 0,1 12,15C12,14.8 12,14.7 12.1,14.5L9.1,11.5C8.6,12.2 8.2,13.1 8.1,14H10V16H8.1C8.3,16.9 8.6,17.7 9.1,18.5L10.3,17.3L11.7,18.7L9.1,21.3C7.2,19.9 6,17.6 6,15A8,8 0 0,1 14,7A8,8 0 0,1 22,15M6.7,5.3L3.4,2L2,3.4L5.3,6.7L4,8H8V4L6.7,5.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-front.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-front.svg
new file mode 100644
index 00000000..c749b1ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-defrost-front" viewBox="0 0 24 24"><path d="M15,23C14.7,23 14.5,22.9 14.3,22.7C13.9,22.3 14,21.7 14.4,21.3V21.3C14.9,20.9 16.1,19.5 16.1,18.4C16.1,17.8 15.7,17.2 15.3,16.5C14.8,15.7 14.1,14.7 14.1,13.5C14.1,11.2 15.4,10.3 15.6,10.2C16.1,9.9 16.7,10.1 17,10.5C17.3,11 17.1,11.6 16.7,11.9V11.9C16.7,11.9 16.2,12.3 16.2,13.5C16.2,14.1 16.6,14.7 17,15.4C17.5,16.2 18.2,17.2 18.2,18.4C18.2,20.6 16.1,22.6 15.9,22.8C15.5,22.9 15.2,23 15,23M11.7,22.7C11.9,22.5 14,20.5 14,18.3C14,17.1 13.4,16.1 12.8,15.3C12.4,14.6 12,14 12,13.4C12,12.2 12.5,11.8 12.5,11.8V11.8C13,11.5 13.1,10.9 12.8,10.4C12.5,9.9 11.9,9.8 11.4,10.1C11.2,10.2 9.9,11.1 9.9,13.4C9.9,14.6 10.5,15.6 11.1,16.4C11.5,17.1 11.9,17.7 11.9,18.3C11.9,19.4 10.7,20.8 10.2,21.2V21.2C9.8,21.6 9.8,22.2 10.1,22.6C10.3,22.8 10.6,22.9 10.8,22.9C11.2,23 11.5,22.9 11.7,22.7M7.7,22.7C7.9,22.5 10,20.5 10,18.3C10,17.1 9.4,16.1 8.8,15.3C8.4,14.7 8,14.1 8,13.4C8,12.2 8.5,11.8 8.5,11.8V11.8C9,11.5 9.1,10.9 8.8,10.4C8.6,10 7.9,9.9 7.5,10.1C7.3,10.2 6,11.1 6,13.4C6,14.6 6.6,15.6 7.2,16.4C7.6,17.1 8,17.7 8,18.3C8,19.4 6.8,20.8 6.3,21.2V21.2C5.9,21.6 5.9,22.2 6.2,22.6C6.5,22.9 6.7,23 7,23C7.2,23 7.5,22.9 7.7,22.7M12,3C9.4,3 1,3.3 1,7C1,9.4 2.2,15.4 2.8,18H4L4.8,18H5V16H4.4C3.8,13.1 3,8.8 3,7C3,6 7.4,5 12,5C16.6,5 21,6 21,7C21,8.8 20.2,13.1 19.6,16H19V18H19.2L20,18H21.2C21.8,15.4 23,9.4 23,7C23,3.3 14.6,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-rear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-rear.svg
new file mode 100644
index 00000000..c7a3be70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-defrost-rear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-defrost-rear" viewBox="0 0 24 24"><path d="M10,18.3C10,20.5 7.9,22.5 7.7,22.7C7.5,22.9 7.2,23 7,23C6.7,23 6.5,22.9 6.2,22.6C5.9,22.2 5.9,21.6 6.3,21.2C6.8,20.8 8,19.4 8,18.3C8,17.7 7.6,17.1 7.2,16.4C6.6,15.6 6,14.6 6,13.4C6,11.1 7.3,10.2 7.5,10.1C7.9,9.9 8.6,10 8.8,10.4C9.1,10.9 9,11.5 8.5,11.8C8.5,11.8 8,12.2 8,13.4C8,14.1 8.4,14.7 8.8,15.3C9.4,16.1 10,17.1 10,18.3M12,13.4C12,12.2 12.5,11.8 12.5,11.8C13,11.5 13.1,10.9 12.8,10.4C12.5,9.9 11.9,9.8 11.4,10.1C11.2,10.2 9.9,11.1 9.9,13.4C9.9,14.6 10.5,15.6 11.1,16.4C11.5,17.1 11.9,17.7 11.9,18.3C11.9,19.4 10.7,20.8 10.2,21.2C9.8,21.6 9.8,22.2 10.1,22.6C10.3,22.8 10.6,22.9 10.8,22.9C11.2,23 11.5,22.9 11.7,22.7C11.9,22.5 14,20.5 14,18.3C14,17.1 13.4,16.1 12.8,15.3C12.4,14.6 12,14 12,13.4M20,3H4A2,2 0 0,0 2,5V16A2,2 0 0,0 4,18H5V16H4V5H20V16H19V18H20A2,2 0 0,0 22,16V5A2,2 0 0,0 20,3M16.2,13.5C16.2,12.3 16.7,11.9 16.7,11.9C17.1,11.6 17.3,11 17,10.5C16.7,10.1 16.1,9.9 15.6,10.2C15.4,10.3 14.1,11.2 14.1,13.5C14.1,14.7 14.8,15.7 15.3,16.5C15.7,17.2 16.1,17.8 16.1,18.4C16.1,19.5 14.9,20.9 14.4,21.3C14,21.7 13.9,22.3 14.3,22.7C14.5,22.9 14.7,23 15,23C15.2,23 15.5,22.9 15.9,22.8C16.1,22.6 18.2,20.6 18.2,18.4C18.2,17.2 17.5,16.2 17,15.4C16.6,14.7 16.2,14.1 16.2,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-door-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-door-lock.svg
new file mode 100644
index 00000000..56f7fc40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-door-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-door-lock" viewBox="0 0 24 24"><path d="M7.8 17V15.5C7.8 14.1 6.4 13 5 13S2.2 14.1 2.2 15.5V17C1.6 17 1 17.6 1 18.2V21.7C1 22.4 1.6 23 2.2 23H7.7C8.4 23 9 22.4 9 21.8V18.3C9 17.6 8.4 17 7.8 17M6.5 17H3.5V15.5C3.5 14.7 4.2 14.2 5 14.2S6.5 14.7 6.5 15.5V17M21 3H11L3 11V11.44C3.61 11.17 4.29 11 5 11C7.6 11 9.8 13.06 9.8 15.5V15.75C10.53 16.36 11 17.28 11 18.3V21H22V4C22 3.45 21.55 3 21 3M19 16H16V14H19V16M20 11H5.83L11.83 5H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-door.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-door.svg
new file mode 100644
index 00000000..e3476cc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-door.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-door" viewBox="0 0 24 24"><path d="M19,14H16V16H19V14M22,21H3V11L11,3H21A1,1 0 0,1 22,4V21M11.83,5L5.83,11H20V5H11.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-electric-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-electric-outline.svg
new file mode 100644
index 00000000..d81466ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-electric-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-electric-outline" viewBox="0 0 24 24"><path d="M18.92 2C18.72 1.42 18.16 1 17.5 1H6.5C5.84 1 5.29 1.42 5.08 2L3 8V16C3 16.55 3.45 17 4 17H5C5.55 17 6 16.55 6 16V15H18V16C18 16.55 18.45 17 19 17H20C20.55 17 21 16.55 21 16V8L18.92 2M6.85 3H17.14L18.22 6.11H5.77L6.85 3M19 13H5V8H19V13M7.5 9C8.33 9 9 9.67 9 10.5S8.33 12 7.5 12 6 11.33 6 10.5 6.67 9 7.5 9M16.5 9C17.33 9 18 9.67 18 10.5S17.33 12 16.5 12C15.67 12 15 11.33 15 10.5S15.67 9 16.5 9M7 20H11V18L17 21H13V23L7 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-electric.svg
new file mode 100644
index 00000000..8aecee80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-electric" viewBox="0 0 24 24"><path d="M18.92 2C18.72 1.42 18.16 1 17.5 1H6.5C5.84 1 5.29 1.42 5.08 2L3 8V16C3 16.55 3.45 17 4 17H5C5.55 17 6 16.55 6 16V15H18V16C18 16.55 18.45 17 19 17H20C20.55 17 21 16.55 21 16V8L18.92 2M6.5 12C5.67 12 5 11.33 5 10.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12M17.5 12C16.67 12 16 11.33 16 10.5S16.67 9 17.5 9 19 9.67 19 10.5 18.33 12 17.5 12M5 7L6.5 2.5H17.5L19 7H5M7 20H11V18L17 21H13V23L7 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-emergency.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-emergency.svg
new file mode 100644
index 00000000..cbb99d9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-emergency.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-emergency" viewBox="0 0 24 24"><path d="M11 0V3H13V0H11M7.88 1.46L6.46 2.87L8.59 5L10 3.58L7.88 1.46M16.12 1.46L14 3.58L15.41 5L17.54 2.88L16.12 1.46M12 5A2 2 0 0 0 10 7V8H6.5C5.84 8 5.28 8.42 5.08 9L3 15V23A1 1 0 0 0 4 24H5A1 1 0 0 0 6 23V22H18V23A1 1 0 0 0 19 24H20A1 1 0 0 0 21 23V15L18.92 9C18.72 8.42 18.16 8 17.5 8H14V7A2 2 0 0 0 12 5M6.5 9.5H17.5L19 14H5L6.5 9.5M6.5 16A1.5 1.5 0 0 1 8 17.5A1.5 1.5 0 0 1 6.5 19A1.5 1.5 0 0 1 5 17.5A1.5 1.5 0 0 1 6.5 16M17.5 16A1.5 1.5 0 0 1 19 17.5A1.5 1.5 0 0 1 17.5 19A1.5 1.5 0 0 1 16 17.5A1.5 1.5 0 0 1 17.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-esp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-esp.svg
new file mode 100644
index 00000000..17094fa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-esp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-esp" viewBox="0 0 24 24"><path d="M5.31,6C6.95,4.16 9.34,3 12,3C14.66,3 17.05,4.16 18.69,6H15.58C14.53,5.37 13.31,5 12,5C10.69,5 9.47,5.37 8.42,6H5.31M14.4,9.6V8H11.2A1.6,1.6 0 0,0 9.6,9.6V11.2C9.6,12.08 10.32,12.8 11.2,12.8H12.8V14.4H9.6V16H12.8A1.6,1.6 0 0,0 14.4,14.4V12.8C14.4,11.92 13.68,11.2 12.8,11.2H11.2V9.6H14.4M18.4,8H15.2V16H16.8V12.8H18.4A1.6,1.6 0 0,0 20,11.2V9.6C20,8.72 19.28,8 18.4,8M18.4,11.2H16.8V9.6H18.4V11.2M8.8,9.6V8H4V16H8.8V14.4H5.6V12.8H8.8V11.2H5.6V9.6H8.8M15.58,18C14.53,18.63 13.31,19 12,19C10.69,19 9.47,18.63 8.42,18H5.31C6.95,19.84 9.34,21 12,21C14.66,21 17.05,19.84 18.69,18H15.58M20.5,3.5L19.42,4.58C21.32,6.5 22.5,9.11 22.5,12C22.5,14.9 21.32,17.5 19.42,19.42L20.5,20.5C22.66,18.31 24,15.31 24,12C24,8.69 22.66,5.69 20.5,3.5M4.58,4.58L3.5,3.5C1.34,5.69 0,8.69 0,12C0,15.31 1.34,18.31 3.5,20.5L4.58,19.42C2.68,17.5 1.5,14.9 1.5,12C1.5,9.11 2.68,6.5 4.58,4.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-estate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-estate.svg
new file mode 100644
index 00000000..73ee8215
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-estate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-estate" viewBox="0 0 24 24"><path d="M3,6H16L19,10H21C22.11,10 23,10.89 23,12V15H21A3,3 0 0,1 18,18A3,3 0 0,1 15,15H9A3,3 0 0,1 6,18A3,3 0 0,1 3,15H1V8C1,6.89 1.89,6 3,6M2.5,7.5V10H10.5V7.5H2.5M12,7.5V10H17.14L15.25,7.5H12M6,13.5A1.5,1.5 0 0,0 4.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 6,13.5M18,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,16.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-hatchback.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-hatchback.svg
new file mode 100644
index 00000000..ed2a92b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-hatchback.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-hatchback" viewBox="0 0 24 24"><path d="M16,6H6L1,12V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M6.5,7.5H10.5V10H4.5L6.5,7.5M12,7.5H15.5L17.46,10H12V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-info.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-info.svg
new file mode 100644
index 00000000..fec6987f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-info" viewBox="0 0 24 24"><path d="M19 15H17V13H19M20 20V22H16V20H17V18H16V16H19V20M18.92 5A1.5 1.5 0 0 0 17.5 4H6.5A1.5 1.5 0 0 0 5.08 5L3 11V19A1 1 0 0 0 4 20H5A1 1 0 0 0 6 19V18H11A7 7 0 0 1 18 11A6.84 6.84 0 0 1 21 11.68V11M6.5 15A1.5 1.5 0 1 1 8 13.5A1.5 1.5 0 0 1 6.5 15M5 10L6.5 5.5H17.5L19 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-key.svg
new file mode 100644
index 00000000..8209c282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-key" viewBox="0 0 24 24"><path d="M9 0C7.3 0 6 1.3 6 3S7.3 6 9 6C10.3 6 11.4 5.2 11.8 4H14V6H16V4H18V2H11.8C11.4 .8 10.3 0 9 0M9 2C9.6 2 10 2.4 10 3S9.6 4 9 4 8 3.6 8 3 8.4 2 9 2M6.5 8C5.8 8 5.3 8.4 5.1 9L3 15V23C3 23.6 3.4 24 4 24H5C5.6 24 6 23.6 6 23V22H18V23C18 23.6 18.4 24 19 24H20C20.6 24 21 23.6 21 23V15L18.9 9C18.7 8.4 18.1 8 17.5 8H6.5M6.5 9.5H17.5L19 14H5L6.5 9.5M6.5 16C7.3 16 8 16.7 8 17.5S7.3 19 6.5 19 5 18.3 5 17.5 5.7 16 6.5 16M17.5 16C18.3 16 19 16.7 19 17.5S18.3 19 17.5 19 16 18.3 16 17.5 16.7 16 17.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-lifted-pickup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-lifted-pickup.svg
new file mode 100644
index 00000000..e6dcaea4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-lifted-pickup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-lifted-pickup" viewBox="0 0 24 24"><path d="M18 14L18.79 14.1L18.77 14.33L19.24 14.5L19.39 14.34C19.89 14.6 20.32 15 20.6 15.5L20.43 15.67L20.63 16.12L20.86 16.1C20.95 16.39 21 16.69 21 17L20.9 17.78L20.66 17.77L20.47 18.24L20.66 18.39C20.39 18.9 20 19.32 19.5 19.6L19.33 19.42L18.87 19.62L18.89 19.86C18.61 19.95 18.31 20 18 20L17.21 19.9L17.22 19.65L16.76 19.47L16.6 19.66C16.1 19.39 15.67 19 15.39 18.5L15.57 18.32L15.37 17.86L15.13 17.88C15.05 17.6 15 17.31 15 17L15.11 16.2L15.34 16.21L15.53 15.75L15.35 15.6C15.62 15.09 16 14.68 16.5 14.39L16.67 14.56L17.13 14.36L17.11 14.14C17.39 14.05 17.69 14 18 14M18 15.5C17.17 15.5 16.5 16.17 16.5 17C16.5 17.83 17.17 18.5 18 18.5C18.83 18.5 19.5 17.83 19.5 17C19.5 16.17 18.83 15.5 18 15.5M6 14L6.79 14.1L6.77 14.33L7.24 14.5L7.39 14.34C7.89 14.6 8.32 15 8.6 15.5L8.43 15.67L8.63 16.12L8.86 16.1C8.95 16.39 9 16.69 9 17L8.9 17.78L8.65 17.77L8.47 18.24L8.66 18.39C8.39 18.9 8 19.32 7.5 19.6L7.33 19.42L6.87 19.62L6.89 19.86C6.61 19.95 6.31 20 6 20L5.21 19.9L5.22 19.65L4.76 19.47L4.6 19.66C4.1 19.39 3.67 19 3.39 18.5L3.57 18.32L3.37 17.86L3.13 17.88C3.05 17.6 3 17.31 3 17L3.11 16.2L3.34 16.21L3.53 15.75L3.35 15.6C3.62 15.09 4 14.68 4.5 14.39L4.67 14.56L5.13 14.36L5.11 14.14C5.39 14.05 5.69 14 6 14M6 15.5C5.17 15.5 4.5 16.17 4.5 17C4.5 17.83 5.17 18.5 6 18.5C6.83 18.5 7.5 17.83 7.5 17C7.5 16.17 6.83 15.5 6 15.5M16 6L19 10H21C22.11 10 23 10.89 23 12V15H21C21 13.34 19.66 12 18 12C16.34 12 15 13.34 15 15H9C9 13.34 7.66 12 6 12C4.34 12 3 13.34 3 15H1V10H10.5V6L16 6M12 7.5V10H17.46L15.5 7.5H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-light-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-alert.svg
new file mode 100644
index 00000000..6481702e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-light-alert" viewBox="0 0 24 24"><path d="M23 7V13H21V7H23M21 17H23V15H21V17M1 9V11H5C5.1 10.3 5.1 9.6 5.2 9H1M5 13H1V15H5.2C5.1 14.4 5.1 13.7 5 13M5.9 6.4C6 5.8 6.3 5.4 6.5 5H1V7H5.7C5.8 6.8 5.8 6.6 5.9 6.4M1 17V19H6.6C6.2 18.4 5.9 17.8 5.7 17H1M10 4.8C6 4.8 6 19.2 10 19.2S19 16.5 19 12 14 4.8 10 4.8M10.1 17.2C9.7 16.8 9 15 9 12S9.7 7.2 10.1 6.8C13 6.9 17 8.7 17 12S13 17.1 10.1 17.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-light-dimmed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-dimmed.svg
new file mode 100644
index 00000000..9241c22c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-dimmed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-light-dimmed" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 15.9,17.1 13.1,17.2M8,10.5C8,11 7.9,11.5 7.9,12C7.9,12.2 7.9,12.4 7.9,12.6L2.4,14L1.9,12.1L8,10.5M2,7L9.4,5.1C9.2,5.4 9,5.8 8.9,6.3C8.8,6.6 8.7,7 8.6,7.4L2.5,8.9L2,7M8.2,15.5C8.3,16.2 8.5,16.9 8.7,17.4L2.4,19L1.9,17.1L8.2,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-light-fog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-fog.svg
new file mode 100644
index 00000000..d05da6b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-fog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-light-fog" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 16,17.1 13.1,17.2M6,8V11H8C8,11.3 8,11.7 8,12C8,12.3 8,12.7 8,13H6V16H8.4C8.6,16.7 8.8,17.4 9,18H6V21H4V18H2V16H4V13H2V11H4V8H2V6H4V3H6V6H9C9,6.1 8.9,6.2 8.9,6.4C8.7,6.9 8.5,7.4 8.4,8H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-light-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-high.svg
new file mode 100644
index 00000000..73549106
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-light-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-light-high" viewBox="0 0 24 24"><path d="M13,4.8C9,4.8 9,19.2 13,19.2C17,19.2 22,16.5 22,12C22,7.5 17,4.8 13,4.8M13.1,17.2C12.7,16.8 12,15 12,12C12,9 12.7,7.2 13.1,6.8C16,6.9 20,8.7 20,12C20,15.3 16,17.1 13.1,17.2M2,5H9.5C9.3,5.4 9,5.8 8.9,6.4C8.8,6.6 8.8,6.8 8.7,7H2V5M8,11H2V9H8.2C8.1,9.6 8.1,10.3 8,11M8.7,17C8.9,17.8 9.2,18.4 9.6,19H2.1V17H8.7M8.2,15H2V13H8C8.1,13.7 8.1,14.4 8.2,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-limousine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-limousine.svg
new file mode 100644
index 00000000..7ee87f45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-limousine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-limousine" viewBox="0 0 24 24"><path d="M1,6L2.5,7.5L1,9L2.5,10.5L1,12L2.5,13.5L1,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6H1M4.62,7.5H10.5V10H4.12L3.12,9L4.62,7.5M12,7.5H15.5L17.46,10H12V7.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-multiple.svg
new file mode 100644
index 00000000..00019635
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-multiple" viewBox="0 0 24 24"><path d="M8,11L9.5,6.5H18.5L20,11M18.5,16A1.5,1.5 0 0,1 17,14.5A1.5,1.5 0 0,1 18.5,13A1.5,1.5 0 0,1 20,14.5A1.5,1.5 0 0,1 18.5,16M9.5,16A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 9.5,13A1.5,1.5 0 0,1 11,14.5A1.5,1.5 0 0,1 9.5,16M19.92,6C19.71,5.4 19.14,5 18.5,5H9.5C8.86,5 8.29,5.4 8.08,6L6,12V20A1,1 0 0,0 7,21H8A1,1 0 0,0 9,20V19H19V20A1,1 0 0,0 20,21H21A1,1 0 0,0 22,20V12L19.92,6M14.92,3C14.71,2.4 14.14,2 13.5,2H4.5C3.86,2 3.29,2.4 3.08,3L1,9V17A1,1 0 0,0 2,18H3A1,1 0 0,0 4,17V12.91C3.22,12.63 2.82,11.77 3.1,11C3.32,10.4 3.87,10 4.5,10H4.57L5.27,8H3L4.5,3.5H15.09L14.92,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-off.svg
new file mode 100644
index 00000000..dc48f6d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-off" viewBox="0 0 24 24"><path d="M20.5,19.85L6.41,5.76L2.41,1.76L1.11,3L4.57,6.46L3,11V19A1,1 0 0,0 4,20H5A1,1 0 0,0 6,19V18H16.11L20.84,22.73L22.11,21.46L20.5,19.85M6.5,15A1.5,1.5 0 0,1 5,13.5A1.5,1.5 0 0,1 6.5,12A1.5,1.5 0 0,1 8,13.5A1.5,1.5 0 0,1 6.5,15M5,10L5.78,7.67L8.11,10H5M17.5,5.5L19,10H13.2L16.12,12.92C16.5,12.17 17.37,11.86 18.12,12.21C18.87,12.57 19.18,13.47 18.83,14.21C18.68,14.5 18.43,14.77 18.12,14.92L21,17.8V11L18.92,5C18.71,4.4 18.14,4 17.5,4H7.2L8.7,5.5H17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-outline.svg
new file mode 100644
index 00000000..e949e136
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-outline" viewBox="0 0 24 24"><path d="M18.9 6C18.7 5.4 18.1 5 17.5 5H6.5C5.8 5 5.3 5.4 5.1 6L3 12V20C3 20.5 3.5 21 4 21H5C5.6 21 6 20.5 6 20V19H18V20C18 20.5 18.5 21 19 21H20C20.5 21 21 20.5 21 20V12L18.9 6M6.8 7H17.1L18.2 10H5.8L6.8 7M19 17H5V12H19V17M7.5 13C8.3 13 9 13.7 9 14.5S8.3 16 7.5 16 6 15.3 6 14.5 6.7 13 7.5 13M16.5 13C17.3 13 18 13.7 18 14.5S17.3 16 16.5 16C15.7 16 15 15.3 15 14.5S15.7 13 16.5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-parking-lights.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-parking-lights.svg
new file mode 100644
index 00000000..a0c3f771
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-parking-lights.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-parking-lights" viewBox="0 0 24 24"><path d="M7.3,9.2C8.1,9.6 9,10.5 9,12C9,13.5 8.1,14.4 7.3,14.8C6.9,13.4 6.9,10.6 7.3,9.2M6.5,7C4.5,7 4.5,17 6.5,17C8.5,17 11,15.1 11,12C11,8.9 8.5,7 6.5,7M16.7,9.2C17,10.6 17,13.4 16.7,14.8C15.9,14.4 15,13.5 15,12C15,10.5 15.9,9.6 16.7,9.2M17.5,7C15.5,7 13,8.9 13,12C13,15.1 15.5,17 17.5,17C19.5,17 19.5,7 17.5,7M4.9,6.2L2.5,4.6L1.4,6.3L4,8C4.2,7.3 4.5,6.6 4.9,6.2M20,8L22.6,6.3L21.5,4.6L19.1,6.2C19.4,6.6 19.8,7.2 20,8M4,16L1.4,17.7L2.5,19.4L4.9,17.8C4.6,17.4 4.2,16.8 4,16M20.5,11C20.5,11.3 20.5,11.7 20.5,12C20.5,12.3 20.5,12.6 20.5,13H24V11H20.5M19.1,17.8L21.5,19.4L22.6,17.7L20,16C19.8,16.7 19.5,17.4 19.1,17.8M3.5,12C3.5,11.7 3.5,11.4 3.5,11H0V13H3.5C3.5,12.7 3.5,12.3 3.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-pickup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-pickup.svg
new file mode 100644
index 00000000..77f891c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-pickup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-pickup" viewBox="0 0 24 24"><path d="M16,6H10.5V10H1V15H3A3,3 0 0,0 6,18A3,3 0 0,0 9,15H15A3,3 0 0,0 18,18A3,3 0 0,0 21,15H23V12C23,10.89 22.11,10 21,10H19L16,6M12,7.5H15.5L17.46,10H12V7.5M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-search-outline.svg
new file mode 100644
index 00000000..6377444f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-search-outline" viewBox="0 0 24 24"><path d="M10.29 19H6V20C6 20.5 5.6 21 5 21H4C3.5 21 3 20.5 3 20V12L5.1 6C5.3 5.4 5.8 5 6.5 5H17.5C18.1 5 18.7 5.4 18.9 6L20.91 11.74C20.17 10.93 19.24 10.31 18.18 9.95L17.1 7H6.8L5.8 10H13.91C12.79 10.4 11.81 11.1 11.08 12H5V17H9.68C9.78 17.71 10 18.38 10.29 19M6 14.5C6 15.3 6.7 16 7.5 16S9 15.3 9 14.5 8.3 13 7.5 13 6 13.7 6 14.5M16.11 11.61C13.61 11.61 11.61 13.61 11.61 16.11S13.61 20.61 16.11 20.61C17 20.61 17.8 20.36 18.5 19.93L21.61 23L23 21.61L19.92 18.5C20.36 17.82 20.61 17 20.61 16.11C20.61 13.61 18.61 11.61 16.11 11.61M16.11 13.61C17.5 13.61 18.61 14.73 18.61 16.11S17.5 18.61 16.11 18.61 13.61 17.5 13.61 16.11 14.73 13.61 16.11 13.61" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-search.svg
new file mode 100644
index 00000000..22264375
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-search" viewBox="0 0 24 24"><path d="M9.61 16.11C9.61 14.03 10.59 12.19 12.1 11H5L6.5 6.5H17.5L18.72 10.16C19.56 10.53 20.3 11.07 20.91 11.74L18.92 6C18.72 5.42 18.16 5 17.5 5H6.5C5.84 5 5.28 5.42 5.08 6L3 12V20C3 20.55 3.45 21 4 21H5C5.55 21 6 20.55 6 20V19H10.29C9.86 18.13 9.61 17.15 9.61 16.11M6.5 16C5.67 16 5 15.33 5 14.5S5.67 13 6.5 13 8 13.67 8 14.5 7.33 16 6.5 16M20.71 20.7L20.7 20.71L20.71 20.7M16.11 11.61C18.61 11.61 20.61 13.61 20.61 16.11C20.61 17 20.36 17.82 19.92 18.5L23 21.61L21.61 23L18.5 19.93C17.8 20.36 17 20.61 16.11 20.61C13.61 20.61 11.61 18.61 11.61 16.11S13.61 11.61 16.11 11.61M16.11 13.61C14.73 13.61 13.61 14.73 13.61 16.11S14.73 18.61 16.11 18.61 18.61 17.5 18.61 16.11 17.5 13.61 16.11 13.61" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-cooler.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-cooler.svg
new file mode 100644
index 00000000..ab00b0a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-cooler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-seat-cooler" viewBox="0 0 24 24"><path d="M20.8 10.2L19.4 10.6L18.2 9.9V8.2L19.4 7.5L20.8 7.9L21.1 6.8L20 6.5L20.3 5.4L19.2 5.1L18.8 6.5L17.6 7.2L16.1 6.3V5L17.1 4L16.3 3.2L15.5 4L14.7 3.2L13.9 4L14.9 5V6.3L13.4 7.2L12.2 6.5L11.9 5.1L10.8 5.4L11.1 6.5L10 6.7L10.3 7.8L11.7 7.4L12.9 8.1V9.8L11.7 10.5L10.3 10.1L10 11.4L11.1 11.7L10.8 12.7L11.9 13L12.3 11.6L13.5 10.9L15 11.8V13.1L14 14.1L14.8 14.9L15.6 14.1L16.4 14.9L17.2 14.1L16.2 13.1V11.8L17.7 10.9L18.9 11.6L19.3 13L20.4 12.7L20 11.6L21.1 11.3L20.8 10.2M14 8.2L15.5 7.3L17 8.2V9.9L15.5 10.8L14 9.9V8.2M5 18C5 18 2 10 2 6S4 2 4 2H5C5 2 6 2 6 3S5 4 5 6 8 10 8 13 5 18 5 18M15 17C16.1 17 17 17.9 17 19V20C17 21.1 16.1 22 15 22H9C7 22 6 20.2 6 20.2C5.8 20 5.7 19.6 6 19.4C6 19.4 9 16.9 10 16.9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-heater.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-heater.svg
new file mode 100644
index 00000000..6f2eea15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat-heater.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-seat-heater" viewBox="0 0 24 24"><path d="M5 18C5 18 2 10 2 6S4 2 4 2H5C5 2 6 2 6 3S5 4 5 6 8 10 8 13 5 18 5 18M15 17C16.1 17 17 17.9 17 19V20C17 21.1 16.1 22 15 22H9C7 22 6 20.2 6 20.2C5.8 20 5.7 19.6 6 19.4C6 19.4 9 16.9 10 16.9H15M13.7 3.4L12.3 6.8L13.7 10.2L11.7 15L10 13.6L11.4 10.2L10 6.8L12 2L13.7 3.4M17.9 3.4L16.5 6.8L17.9 10.2L15.9 15L14.2 13.6L15.6 10.2L14.2 6.8L16.2 2L17.9 3.4M22 3.4L20.6 6.8L22 10.2L20 15L18.3 13.6L19.7 10.2L18.3 6.8L20.3 2L22 3.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-seat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat.svg
new file mode 100644
index 00000000..1bb924f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-seat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-seat" viewBox="0 0 24 24"><path d="M7 18C7 18 4 10 4 6S6 2 6 2H7C7 2 8 2 8 3S7 4 7 6 10 10 10 13 7 18 7 18M12 17C11 17 8 19.5 8 19.5C7.7 19.7 7.8 20 8 20.3C8 20.3 9 22.1 11 22.1H17C18.1 22.1 19 21.2 19 20.1V19.1C19 18 18.1 17.1 17 17.1H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-select.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-select.svg
new file mode 100644
index 00000000..b8bbb8c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-select.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-select" viewBox="0 0 24 24"><path d="M5 13L6.5 8.5H17.5L19 13M17.5 18C16.7 18 16 17.3 16 16.5S16.7 15 17.5 15 19 15.7 19 16.5 18.3 18 17.5 18M6.5 18C5.7 18 5 17.3 5 16.5S5.7 15 6.5 15 8 15.7 8 16.5 7.3 18 6.5 18M18.9 8C18.7 7.4 18.1 7 17.5 7H6.5C5.8 7 5.3 7.4 5.1 8L3 14V22C3 22.6 3.4 23 4 23H5C5.6 23 6 22.6 6 22V21H18V22C18 22.6 18.4 23 19 23H20C20.6 23 21 22.6 21 22V14M8 1L12 5.5L16 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-settings.svg
new file mode 100644
index 00000000..2e1fb30e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-settings" viewBox="0 0 24 24"><path d="M15 22H17V24H15M11 22H13V24H11M7 22H9V24H7M5 11L6.5 6.5H17.5L19 11M17.5 16A1.5 1.5 0 0 1 16 14.5A1.5 1.5 0 0 1 17.5 13A1.5 1.5 0 0 1 19 14.5A1.5 1.5 0 0 1 17.5 16M6.5 16A1.5 1.5 0 0 1 5 14.5A1.5 1.5 0 0 1 6.5 13A1.5 1.5 0 0 1 8 14.5A1.5 1.5 0 0 1 6.5 16M18.92 6C18.72 5.42 18.16 5 17.5 5H6.5C5.84 5 5.28 5.42 5.08 6L3 12V20A1 1 0 0 0 4 21H5A1 1 0 0 0 6 20V19H18V20A1 1 0 0 0 19 21H20A1 1 0 0 0 21 20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-shift-pattern.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-shift-pattern.svg
new file mode 100644
index 00000000..952eda47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-shift-pattern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-shift-pattern" viewBox="0 0 24 24"><path d="M8 5H4V2H8V5M4 22H8V19H4V22M14 2H10V5H14V2M10 22H14V19H10V22M16 2V5H20V2H16M17 11H13V7H11V11H7V7H5V17H7V13H11V17H13V13H19V7H17V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-side.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-side.svg
new file mode 100644
index 00000000..57dadd4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-side.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-side" viewBox="0 0 24 24"><path d="M16,6L19,10H21C22.11,10 23,10.89 23,12V15H21A3,3 0 0,1 18,18A3,3 0 0,1 15,15H9A3,3 0 0,1 6,18A3,3 0 0,1 3,15H1V12C1,10.89 1.89,10 3,10L6,6H16M10.5,7.5H6.75L4.86,10H10.5V7.5M12,7.5V10H17.14L15.25,7.5H12M6,13.5A1.5,1.5 0 0,0 4.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,15A1.5,1.5 0 0,0 6,13.5M18,13.5A1.5,1.5 0 0,0 16.5,15A1.5,1.5 0 0,0 18,16.5A1.5,1.5 0 0,0 19.5,15A1.5,1.5 0 0,0 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-speed-limiter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-speed-limiter.svg
new file mode 100644
index 00000000..293f2059
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-speed-limiter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-speed-limiter" viewBox="0 0 24 24"><path d="M18 15C18 17.6 16.8 19.9 14.9 21.3L14.4 20.8L12.3 18.7L13.7 17.3L14.9 18.5C15.4 17.8 15.8 16.9 15.9 16H14V14H15.9C15.7 13.1 15.4 12.3 14.9 11.5L13.7 12.7L12.3 11.3L13.5 10.1C12.8 9.6 11.9 9.2 11 9.1V11H9V9.1C8.1 9.3 7.3 9.6 6.5 10.1L9.5 13.1C9.7 13.1 9.8 13 10 13C11.11 13 12 13.9 12 15S11.11 17 10 17 8 16.11 8 15C8 14.8 8 14.7 8.1 14.5L5.1 11.5C4.6 12.2 4.2 13.1 4.1 14H6V16H4.1C4.3 16.9 4.6 17.7 5.1 18.5L6.3 17.3L7.7 18.7L5.1 21.3C3.2 19.9 2 17.6 2 15C2 10.58 5.58 7 10 7S18 10.58 18 15M23 5C23 3.34 21.66 2 20 2S17 3.34 17 5C17 6.3 17.84 7.4 19 7.82V11H21V7.82C22.16 7.4 23 6.3 23 5M20 6C19.45 6 19 5.55 19 5S19.45 4 20 4 21 4.45 21 5 20.55 6 20 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-sports.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-sports.svg
new file mode 100644
index 00000000..7e90f08e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-sports.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-sports" viewBox="0 0 24 24"><path d="M12,8.5H7L4,11H3C1.89,11 1,11.89 1,13V16H3.17C3.6,17.2 4.73,18 6,18C7.27,18 8.4,17.2 8.82,16H15.17C15.6,17.2 16.73,18 18,18C19.27,18 20.4,17.2 20.82,16H23V15C23,13.89 21.97,13.53 21,13L12,8.5M5.25,12L7.5,10H11.5L15.5,12H5.25M6,13.5A1.5,1.5 0 0,1 7.5,15A1.5,1.5 0 0,1 6,16.5A1.5,1.5 0 0,1 4.5,15A1.5,1.5 0 0,1 6,13.5M18,13.5A1.5,1.5 0 0,1 19.5,15A1.5,1.5 0 0,1 18,16.5A1.5,1.5 0 0,1 16.5,15A1.5,1.5 0 0,1 18,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-tire-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-tire-alert.svg
new file mode 100644
index 00000000..31d903d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-tire-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-tire-alert" viewBox="0 0 24 24"><path d="M11,13H13V15H11V13M11,5H13V11H11V5M17,4.76C18.86,6.19 20,8.61 20,11C20,14 18.33,16.64 15.86,18H8.14C5.67,16.64 4,14 4,11C4,8.61 5.09,6.17 7,4.76V2H5V3.86C3.15,5.68 2,8.2 2,11C2,13.8 3.15,16.32 5,18.14V22H7V20H9V22H11V20H13V22H15V20H17V22H19V18.14C20.85,16.32 22,13.8 22,11C22,8.2 20.85,5.68 19,3.86V2H17V4.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-traction-control.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-traction-control.svg
new file mode 100644
index 00000000..ca7ad234
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-traction-control.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-traction-control" viewBox="0 0 24 24"><path d="M9.5,11H10.5C10.8,11 11,10.8 11,10.5V9H19V10.5C19,10.8 19.2,11 19.5,11H20.5C20.8,11 21,10.8 21,10.5V9L21,8.5V6L19.6,1.7C19.5,1.3 19.1,1 18.7,1H11.4C11,1 10.6,1.3 10.5,1.7L9,6V8.5L9,9V10.5C9,10.8 9.2,11 9.5,11M11.3,2H18.6L19.5,5H10.4L11.3,2M12,23H10C10,22.2 8.1,21.5 6.6,20.9C4.5,20.1 2,19.2 2,17C2,14.7 4.3,14.1 6.2,13.5C7.9,13.1 9,12.7 9,12H11C11,14.3 8.7,14.9 6.8,15.5C5.1,15.9 4,16.3 4,17C4,17.8 5.9,18.5 7.4,19.1C9.5,19.9 12,20.8 12,23M22,23H20C20,22.2 18.1,21.5 16.6,20.9C14.5,20.1 12,19.2 12,17C12,14.7 14.3,14.1 16.2,13.5C17.8,13 19,12.7 19,12H21C21,14.3 18.7,14.9 16.8,15.5C15.2,15.9 14,16.3 14,17C14,17.8 15.9,18.5 17.4,19.1C19.5,19.9 22,20.8 22,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-turbocharger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-turbocharger.svg
new file mode 100644
index 00000000..08e5abac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-turbocharger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-turbocharger" viewBox="0 0 24 24"><path d="M22 13V15H18.32C18.75 14.09 19 13.08 19 12C19 8.14 15.86 5 12 5H2V3H12C16.97 3 21 7.03 21 12C21 12.34 20.97 12.67 20.94 13H22M12 19C8.14 19 5 15.86 5 12C5 10.93 5.25 9.91 5.69 9H2V11H3.06C3.03 11.33 3 11.66 3 12C3 16.97 7.03 21 12 21H22V19H12M16.86 12.2C15.93 12.94 14.72 12.47 14 12.05V12C16.79 10.31 15.39 7.89 15.39 7.89S14.33 6.04 14.61 7.89C14.78 9.07 13.76 9.88 13.04 10.3L13 10.28C12.93 7 10.13 7 10.13 7S8 7 9.74 7.69C10.85 8.13 11.04 9.42 11.05 10.25L11 10.28C8.14 8.7 6.74 11.12 6.74 11.12S5.67 12.97 7.14 11.8C8.07 11.07 9.28 11.54 10 11.95V12C7.21 13.7 8.61 16.12 8.61 16.12S9.67 17.97 9.4 16.11C9.22 14.94 10.25 14.13 10.97 13.7L11 13.73C11.07 17 13.87 17 13.87 17S16 17 14.26 16.31C13.15 15.87 12.96 14.58 12.95 13.75L13 13.73C15.86 15.31 17.26 12.88 17.26 12.88S18.33 11.04 16.86 12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-wash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-wash.svg
new file mode 100644
index 00000000..9b01c4db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-wash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-wash" viewBox="0 0 24 24"><path d="M5,13L6.5,8.5H17.5L19,13M17.5,18A1.5,1.5 0 0,1 16,16.5A1.5,1.5 0 0,1 17.5,15A1.5,1.5 0 0,1 19,16.5A1.5,1.5 0 0,1 17.5,18M6.5,18A1.5,1.5 0 0,1 5,16.5A1.5,1.5 0 0,1 6.5,15A1.5,1.5 0 0,1 8,16.5A1.5,1.5 0 0,1 6.5,18M18.92,8C18.72,7.42 18.16,7 17.5,7H6.5C5.84,7 5.28,7.42 5.08,8L3,14V22A1,1 0 0,0 4,23H5A1,1 0 0,0 6,22V21H18V22A1,1 0 0,0 19,23H20A1,1 0 0,0 21,22V14M7,5A1.5,1.5 0 0,0 8.5,3.5C8.5,2.5 7,0.8 7,0.8C7,0.8 5.5,2.5 5.5,3.5A1.5,1.5 0 0,0 7,5M12,5A1.5,1.5 0 0,0 13.5,3.5C13.5,2.5 12,0.8 12,0.8C12,0.8 10.5,2.5 10.5,3.5A1.5,1.5 0 0,0 12,5M17,5A1.5,1.5 0 0,0 18.5,3.5C18.5,2.5 17,0.8 17,0.8C17,0.8 15.5,2.5 15.5,3.5A1.5,1.5 0 0,0 17,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield-outline.svg
new file mode 100644
index 00000000..062bec90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-windshield-outline" viewBox="0 0 24 24"><path d="M22.63 15.5L20.21 5.85A1 1 0 0 0 19.14 5.1C17.8 5.24 14.14 5.5 12 5.5S6.2 5.24 4.86 5.1A1 1 0 0 0 3.79 5.85L1.37 15.5A1.5 1.5 0 0 0 2.55 17.36A61.5 61.5 0 0 0 12 18A61.5 61.5 0 0 0 21.45 17.36A1.5 1.5 0 0 0 22.63 15.5M12 16A63.33 63.33 0 0 1 3.44 15.5L5.5 7.18C7 7.32 10.16 7.5 12 7.5S17 7.32 18.5 7.18L20.56 15.5A63.33 63.33 0 0 1 12 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield.svg
new file mode 100644
index 00000000..67426c7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-windshield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-windshield" viewBox="0 0 24 24"><path d="M22.63 15.5L20.21 5.85A1 1 0 0 0 19.14 5.1C17.8 5.24 14.14 5.5 12 5.5S6.2 5.24 4.86 5.1A1 1 0 0 0 3.79 5.85L1.37 15.5A1.5 1.5 0 0 0 2.55 17.36A61.5 61.5 0 0 0 12 18A61.5 61.5 0 0 0 21.45 17.36A1.5 1.5 0 0 0 22.63 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-wireless.svg
new file mode 100644
index 00000000..3632598e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-wireless" viewBox="0 0 24 24"><path d="M12 5C10.9 5 10 5.9 10 7V8H6.5C5.84 8 5.28 8.42 5.08 9L3 15V23C3 23.55 3.45 24 4 24H5C5.55 24 6 23.55 6 23V22H18V23C18 23.55 18.45 24 19 24H20C20.55 24 21 23.55 21 23V15L18.92 9C18.72 8.42 18.16 8 17.5 8H14V7C14 5.9 13.11 5 12 5M6.5 9.5H17.5L19 14H5L6.5 9.5M6.5 16C7.33 16 8 16.67 8 17.5S7.33 19 6.5 19 5 18.33 5 17.5 5.67 16 6.5 16M17.5 16C18.33 16 19 16.67 19 17.5S18.33 19 17.5 19 16 18.33 16 17.5 16.67 16 17.5 16M16.2 3.4C15 2.3 13.5 1.7 12 1.7S9 2.3 7.8 3.4L7 2.6C8.4 1.2 10.2 .5 12 .5S15.6 1.2 17 2.6L16.2 3.4M15.3 4.2L14.5 5C13.8 4.3 12.9 4 12 4S10.2 4.3 9.5 5L8.7 4.2C9.6 3.3 10.8 2.8 12 2.8S14.4 3.3 15.3 4.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car-wrench.svg
new file mode 100644
index 00000000..335f0a23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car-wrench" viewBox="0 0 24 24"><path d="M20.96 16.45C20.97 16.3 21 16.15 21 16V16.5L20.96 16.45M11 16C11 16.71 11.15 17.39 11.42 18H6V19C6 19.55 5.55 20 5 20H4C3.45 20 3 19.55 3 19V11L5.08 5C5.28 4.42 5.84 4 6.5 4H17.5C18.16 4 18.72 4.42 18.92 5L21 11V16C21 13.24 18.76 11 16 11S11 13.24 11 16M8 13.5C8 12.67 7.33 12 6.5 12S5 12.67 5 13.5 5.67 15 6.5 15 8 14.33 8 13.5M19 10L17.5 5.5H6.5L5 10H19M22.87 21.19L18.76 17.08C19.17 16.04 18.94 14.82 18.08 13.97C17.18 13.06 15.83 12.88 14.74 13.38L16.68 15.32L15.33 16.68L13.34 14.73C12.8 15.82 13.05 17.17 13.93 18.08C14.79 18.94 16 19.16 17.05 18.76L21.16 22.86C21.34 23.05 21.61 23.05 21.79 22.86L22.83 21.83C23.05 21.65 23.05 21.33 22.87 21.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/car.svg b/apps/phoenix_webcomponent/priv/mdi/svg/car.svg
new file mode 100644
index 00000000..4efaf67e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-car" viewBox="0 0 24 24"><path d="M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/carabiner.svg b/apps/phoenix_webcomponent/priv/mdi/svg/carabiner.svg
new file mode 100644
index 00000000..d3655904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/carabiner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-carabiner" viewBox="0 0 24 24"><path d="M8 17.5C8 18.33 7.33 19 6.5 19S5 18.33 5 17.5 5.67 16 6.5 16 8 16.67 8 17.5M18 5.59C17.79 3.54 16.18 2 14.24 2H8.88C6.95 2 5.36 3.5 5.15 5.53L5 6.59C4.92 7.34 5.5 8 6.24 8C6.87 8 7.39 7.53 7.47 6.91L7.61 5.82C7.68 5.07 8.23 4.5 8.88 4.5H14.24C14.89 4.5 15.44 5.07 15.5 5.82L16.5 16.88C16.59 17.74 16 18.5 15.25 18.5L10.04 17.82C9.95 18.77 9.5 19.6 8.8 20.18L14.93 21L15.09 21H15.25C16.27 21 17.26 20.56 17.96 19.78C18.71 18.94 19.09 17.8 19 16.65L18 5.59M11.66 7.94C11.08 7.57 10.31 7.75 9.94 8.34L6.39 14C6.43 14 6.46 14 6.5 14C7.38 14 8.18 14.34 8.8 14.88L12.06 9.66C12.43 9.08 12.25 8.31 11.66 7.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/caravan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/caravan.svg
new file mode 100644
index 00000000..03ccf04a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/caravan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-caravan" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V15A2,2 0 0,0 5,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17H21V15H19V9A2,2 0 0,0 17,7H5M5,9H10V12H5V9M13,9H17V12H13V9M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-outline.svg
new file mode 100644
index 00000000..0b5776ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-details-outline" viewBox="0 0 24 24"><path d="M22,3H2C0.91,3.04 0.04,3.91 0,5V19C0.04,20.09 0.91,20.96 2,21H22C23.09,20.96 23.96,20.09 24,19V5C23.96,3.91 23.09,3.04 22,3M22,19H2V5H22V19M14,17V15.75C14,14.09 10.66,13.25 9,13.25C7.34,13.25 4,14.09 4,15.75V17H14M9,7A2.5,2.5 0 0,0 6.5,9.5A2.5,2.5 0 0,0 9,12A2.5,2.5 0 0,0 11.5,9.5A2.5,2.5 0 0,0 9,7M14,7V8H20V7H14M14,9V10H20V9H14M14,11V12H18V11H14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star-outline.svg
new file mode 100644
index 00000000..90f75b5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-details-star-outline" viewBox="0 0 24 24"><path d="M20 22.09L22.45 23.58L21.8 20.77L24 18.89L21.11 18.64L20 16L18.87 18.64L16 18.89L18.18 20.77L17.5 23.58L20 22.09M14.08 21H2C.91 20.96 .04 20.09 0 19V5C.04 3.91 .91 3.04 2 3H22C23.09 3.04 23.96 3.91 24 5V15.53C23.42 15 22.75 14.61 22 14.34V5H2V19H14.08C14.03 19.33 14 19.66 14 20C14 20.34 14.03 20.68 14.08 21M14 17H4V15.75C4 14.09 7.34 13.25 9 13.25C10.66 13.25 14 14.09 14 15.75V17M14 11H18V12H14V11M9 7C7.63 7 6.5 8.13 6.5 9.5C6.5 10.87 7.63 12 9 12C10.37 12 11.5 10.87 11.5 9.5C11.5 8.13 10.37 7 9 7M14 9H20V10H14V9M14 7H20V8H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star.svg
new file mode 100644
index 00000000..8e68da41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-details-star" viewBox="0 0 24 24"><path d="M20 22.09L22.45 23.58L21.8 20.77L24 18.89L21.11 18.64L20 16L18.87 18.64L16 18.89L18.18 20.77L17.5 23.58L20 22.09M14.08 21H2C.95 21 0 20.05 0 19V5C0 3.95 .95 3 2 3H22C23.05 3 24 3.95 24 5V15.53C22.94 14.58 21.54 14 20 14C16.69 14 14 16.69 14 20C14 20.34 14.03 20.68 14.08 21M8 13.91C6 13.91 2 15 2 17V18H14V17C14 15 10 13.91 8 13.91M8 6C6.35 6 5 7.35 5 9C5 10.65 6.35 12 8 12C9.65 12 11 10.65 11 9C11 7.35 9.65 6 8 6M21 10H14V11H21V10M22 8H14V9H22V8M22 6H14V7H22V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details.svg
new file mode 100644
index 00000000..9806ed8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-details.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-details" viewBox="0 0 24 24"><path d="M2,3H22C23.05,3 24,3.95 24,5V19C24,20.05 23.05,21 22,21H2C0.95,21 0,20.05 0,19V5C0,3.95 0.95,3 2,3M14,6V7H22V6H14M14,8V9H21.5L22,9V8H14M14,10V11H21V10H14M8,13.91C6,13.91 2,15 2,17V18H14V17C14,15 10,13.91 8,13.91M8,6A3,3 0 0,0 5,9A3,3 0 0,0 8,12A3,3 0 0,0 11,9A3,3 0 0,0 8,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail-outline.svg
new file mode 100644
index 00000000..db2e5fe4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-mail-outline" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M22,19H2V5H22V19M21,6H14V11H21V6M20,8L17.5,9.75L15,8V7L17.5,8.75L20,7V8M9,12A3,3 0 0,0 12,9A3,3 0 0,0 9,6A3,3 0 0,0 6,9A3,3 0 0,0 9,12M9,8A1,1 0 0,1 10,9A1,1 0 0,1 9,10A1,1 0 0,1 8,9A1,1 0 0,1 9,8M15,16.59C15,14.09 11.03,13 9,13C6.97,13 3,14.09 3,16.59V18H15V16.59M5.5,16C6.22,15.5 7.7,15 9,15C10.3,15 11.77,15.5 12.5,16H5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail.svg
new file mode 100644
index 00000000..45fce042
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-mail" viewBox="0 0 24 24"><path d="M21,8V7L18,9L15,7V8L18,10M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17M22,12H14V6H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone-outline.svg
new file mode 100644
index 00000000..3e593b74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-phone-outline" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M22,19H2V5H22V19M19,18L21,16L19.5,14H17.85C17.63,13.37 17.5,12.7 17.5,12C17.5,11.3 17.63,10.63 17.85,10H19.5L21,8L19,6C17.7,7 16.73,8.38 16.28,10C16.1,10.64 16,11.31 16,12C16,12.69 16.1,13.36 16.28,14C16.73,15.61 17.7,17 19,18M9,12A3,3 0 0,0 12,9A3,3 0 0,0 9,6A3,3 0 0,0 6,9A3,3 0 0,0 9,12M9,8A1,1 0 0,1 10,9A1,1 0 0,1 9,10A1,1 0 0,1 8,9A1,1 0 0,1 9,8M15,16.59C15,14.09 11.03,13 9,13C6.97,13 3,14.09 3,16.59V18H15V16.59M5.5,16C6.22,15.5 7.7,15 9,15C10.3,15 11.77,15.5 12.5,16H5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone.svg
new file mode 100644
index 00000000..0b995f3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-account-phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-account-phone" viewBox="0 0 24 24"><path d="M22,3H2A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M8,6A3,3 0 0,1 11,9A3,3 0 0,1 8,12A3,3 0 0,1 5,9A3,3 0 0,1 8,6M14,18H2V17C2,15 6,13.9 8,13.9C10,13.9 14,15 14,17V18M17.85,14H19.5L21,16L19,18C17.7,17 16.73,15.61 16.28,14C16.1,13.36 16,12.69 16,12C16,11.31 16.1,10.64 16.28,10C16.73,8.38 17.7,7 19,6L21,8L19.5,10H17.85C17.63,10.63 17.5,11.3 17.5,12C17.5,12.7 17.63,13.37 17.85,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off-outline.svg
new file mode 100644
index 00000000..39d3fc19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted-off-outline" viewBox="0 0 24 24"><path d="M20.59,20.87L19.17,22.29L16.88,20H4A2,2 0 0,1 2,18V6C2,5.74 2.05,5.5 2.14,5.26L1.17,4.29L2.59,2.87L3.73,4L20.59,20.87V20.87M6.54,4H20A2,2 0 0,1 22,6V18C22,18.41 21.87,18.8 21.66,19.12L20,17.46V6H8.54L6.54,4M4,18H14.88L11.88,15H10V13.12L7.88,11H6V9.12L4,7.12V18M18,15H17.54L15.54,13H18V15M18,11H13.54L11.54,9H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off.svg
new file mode 100644
index 00000000..1d8e140c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted-off" viewBox="0 0 24 24"><path d="M3.35,3.58L20.65,20.87L19.23,22.29L16.94,20H4A2,2 0 0,1 2,18V6C2,5.72 2.06,5.46 2.16,5.22L1.23,4.29L2.65,2.87L3.35,3.58M6.6,4H20A2,2 0 0,1 22,6V18C22,18.4 21.88,18.77 21.68,19.08L17.6,15H20V13H15.6L13.6,11H20V9H11.6L6.6,4M9.94,13H9V15H11V14.06L9.94,13M5.94,9H5V11H7V10.06L5.94,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-outline.svg
new file mode 100644
index 00000000..8c6c0f8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted-outline" viewBox="0 0 24 24"><path d="M12,15H10V13H12V15M18,15H14V13H18V15M8,11H6V9H8V11M18,11H10V9H18V11M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings-outline.svg
new file mode 100644
index 00000000..b5e250d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted-settings-outline" viewBox="0 0 24 24"><path d="M9,22V24H7V22H9M13,22V24H11V22H13M17,22V24H15V22H17M12,15H10V13H12V15M18,15H14V13H18V15M8,11H6V9H8V11M18,11H10V9H18V11M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings.svg
new file mode 100644
index 00000000..12020107
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted-settings" viewBox="0 0 24 24"><path d="M9,22V24H7V22H9M13,22V24H11V22H13M17,22V24H15V22H17M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M11,13H9V15H11V13M19,13H13V15H19V13M7,9H5V11H7V9M19,9H9V11H19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted.svg
new file mode 100644
index 00000000..1673cfbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-bulleted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-bulleted" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20M11,13H9V15H11V13M19,13H13V15H19V13M7,9H5V11H7V9M19,9H9V11H19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-minus-outline.svg
new file mode 100644
index 00000000..25b51817
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-minus-outline" viewBox="0 0 24 24"><path d="M23 18V20H15V18H23M13.09 18H4V6H20V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.89 21.11 4 20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 18.66 13.04 18.33 13.09 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-minus.svg
new file mode 100644
index 00000000..4cbfaf9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-minus" viewBox="0 0 24 24"><path d="M23 18V20H15V18H23M19 13C20.09 13 21.12 13.3 22 13.81V6C22 4.89 21.11 4 20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 15.69 15.69 13 19 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple-outline.svg
new file mode 100644
index 00000000..b9480057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-multiple-outline" viewBox="0 0 24 24"><path d="M21 16V6H7V16H21M21 4C21.53 4 22.04 4.21 22.41 4.59C22.79 4.96 23 5.47 23 6V16C23 16.53 22.79 17.04 22.41 17.41C22.04 17.79 21.53 18 21 18H7C5.89 18 5 17.1 5 16V6C5 4.89 5.89 4 7 4H21M3 20H18V22H3C2.47 22 1.96 21.79 1.59 21.41C1.21 21.04 1 20.53 1 20V9H3V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple.svg
new file mode 100644
index 00000000..9b08d48c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-multiple" viewBox="0 0 24 24"><path d="M21 3C21.53 3 22.04 3.21 22.41 3.59C22.79 3.96 23 4.47 23 5V15C23 15.53 22.79 16.04 22.41 16.41C22.04 16.79 21.53 17 21 17H7C6.47 17 5.96 16.79 5.59 16.41C5.21 16.04 5 15.53 5 15V5C5 4.47 5.21 3.96 5.59 3.59C5.96 3.21 6.47 3 7 3H21M3 19H18V21H3C2.47 21 1.96 20.79 1.59 20.41C1.21 20.04 1 19.53 1 19V8H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-off-outline.svg
new file mode 100644
index 00000000..4e3f852a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-off-outline" viewBox="0 0 24 24"><path d="M9.2 6L7.2 4H20C21.11 4 22 4.89 22 6V18C22 18.24 21.96 18.47 21.88 18.68L20 16.8V6H9.2M22.11 21.46L20.84 22.73L18.11 20H4C2.9 20 2 19.11 2 18V6C2 5.42 2.25 4.9 2.65 4.54L1.11 3L2.39 1.73L6.66 6L18.65 18H18.66L20.57 19.91L20.56 19.91L22.11 21.46M16.11 18L4.11 6H4V18H16.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-off.svg
new file mode 100644
index 00000000..ef1949e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-off" viewBox="0 0 24 24"><path d="M21.88 18.68L7.2 4H20C21.11 4 22 4.89 22 6V18C22 18.24 21.96 18.47 21.88 18.68M20.56 19.91L20.57 19.91L2.39 1.73L1.11 3L2.65 4.54C2.25 4.9 2 5.42 2 6V18C2 19.11 2.9 20 4 20H18.11L20.84 22.73L22.11 21.46L20.56 19.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-outline.svg
new file mode 100644
index 00000000..7182b56f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-outline" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-plus-outline.svg
new file mode 100644
index 00000000..d9e021f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-plus-outline" viewBox="0 0 24 24"><path d="M21 15V18H24V20H21V23H19V20H16V18H19V15H21M14 18H3V6H19V13H21V6C21 4.89 20.11 4 19 4H3C1.9 4 1 4.89 1 6V18C1 19.11 1.9 20 3 20H14V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-plus.svg
new file mode 100644
index 00000000..3aab4664
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-plus" viewBox="0 0 24 24"><path d="M13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H20C21.11 4 22 4.89 22 6V13.81C21.12 13.3 20.09 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-remove-outline.svg
new file mode 100644
index 00000000..16a1b430
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-remove-outline" viewBox="0 0 24 24"><path d="M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19M13.09 18H4V6H20V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.89 21.11 4 20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 18.66 13.04 18.33 13.09 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-remove.svg
new file mode 100644
index 00000000..fc6661ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-remove" viewBox="0 0 24 24"><path d="M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19M19 13C20.09 13 21.12 13.3 22 13.81V6C22 4.89 21.11 4 20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 15.69 15.69 13 19 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-search-outline.svg
new file mode 100644
index 00000000..1075b0c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-search-outline" viewBox="0 0 24 24"><path d="M11.5 16C12.37 16 13.19 15.74 13.88 15.3L16.32 17.74L17.74 16.32L15.3 13.89C15.74 13.19 16 12.38 16 11.5C16 9 14 7 11.5 7S7 9 7 11.5 9 16 11.5 16M11.5 9C12.88 9 14 10.12 14 11.5S12.88 14 11.5 14 9 12.88 9 11.5 10.12 9 11.5 9M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4M20 18H4V6H20V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-search.svg
new file mode 100644
index 00000000..f37cf31e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-search" viewBox="0 0 24 24"><path d="M11.5 9C10.12 9 9 10.12 9 11.5S10.12 14 11.5 14 14 12.88 14 11.5 12.88 9 11.5 9M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4M16.79 18.21L13.88 15.3C13.19 15.74 12.37 16 11.5 16C9 16 7 14 7 11.5S9 7 11.5 7 16 9 16 11.5C16 12.38 15.74 13.19 15.3 13.89L18.21 16.79L16.79 18.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-text-outline.svg
new file mode 100644
index 00000000..ac846dc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-text-outline" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M4,6V18H20V6H4M6,9H18V11H6V9M6,13H16V15H6V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card-text.svg
new file mode 100644
index 00000000..91e31c51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card-text" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20M5,13V15H16V13H5M5,9V11H19V9H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/card.svg
new file mode 100644
index 00000000..f2d96f96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-card" viewBox="0 0 24 24"><path d="M20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-club-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-club-outline.svg
new file mode 100644
index 00000000..e2957002
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-club-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-club-outline" viewBox="0 0 24 24"><path d="M16.6 9.5C16.8 8.9 17 8.2 17 7.5C17 4.5 14.8 2 12 2S7 4.5 7 7.5C7 8.2 7.1 8.9 7.4 9.5C4.9 9.6 3 11.4 3 13.8C3 16.3 5 18 7.5 18C7.5 18 10 18 11 17C11 17 11.3 19 9 22H15C12.7 19 13 17 13 17C14 18 16.5 18 16.5 18C19 18 21 16.3 21 13.8C21 11.4 19.1 9.6 16.6 9.5M16.5 16C16.5 16 14 16 13 15H11C10 16 7.5 16 7.5 16C6.3 16 5 15.3 5 13.8C5 12.5 6.1 11.5 7.5 11.5C7.8 11.5 8.3 11.6 8.8 11.7C8.9 11.7 9 11.8 9.1 11.8L10 10.1C9.8 9.9 9.7 9.7 9.6 9.5C9.2 8.9 9 8.3 9 7.5C9 5.6 10.3 4 12 4S15 5.6 15 7.5C15 8.3 14.8 9 14.4 9.6C14.3 9.8 14.2 9.9 14.1 10.1L15 11.8C15.1 11.8 15.2 11.7 15.3 11.7C15.7 11.6 16.2 11.5 16.6 11.5C18 11.5 19.1 12.5 19.1 13.8C19 15.3 17.7 16 16.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-club.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-club.svg
new file mode 100644
index 00000000..f696e81d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-club.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-club" viewBox="0 0 24 24"><path d="M12,2C14.3,2 16.3,4 16.3,6.2C16.21,8.77 14.34,9.83 14.04,10C15.04,9.5 16.5,9.5 16.5,9.5C19,9.5 21,11.3 21,13.8C21,16.3 19,18 16.5,18C16.5,18 15,18 13,17C13,17 12.7,19 15,22H9C11.3,19 11,17 11,17C9,18 7.5,18 7.5,18C5,18 3,16.3 3,13.8C3,11.3 5,9.5 7.5,9.5C7.5,9.5 8.96,9.5 9.96,10C9.66,9.83 7.79,8.77 7.7,6.2C7.7,4 9.7,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond-outline.svg
new file mode 100644
index 00000000..2726c30e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-diamond-outline" viewBox="0 0 24 24"><path d="M12 2L5 12L12 22L19 12M7.44 12L12 5.5L16.56 12L12 18.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond.svg
new file mode 100644
index 00000000..e9ae5d51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-diamond" viewBox="0 0 24 24"><path d="M19,12L12,22L5,12L12,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart-outline.svg
new file mode 100644
index 00000000..55d5e943
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-heart-outline" viewBox="0 0 24 24"><path d="M12.1 18.55L12 18.65L11.89 18.55C7.14 14.24 4 11.39 4 8.5C4 6.5 5.5 5 7.5 5C9.04 5 10.54 6 11.07 7.36H12.93C13.46 6 14.96 5 16.5 5C18.5 5 20 6.5 20 8.5C20 11.39 16.86 14.24 12.1 18.55M16.5 3C14.76 3 13.09 3.81 12 5.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5C2 12.27 5.4 15.36 10.55 20.03L12 21.35L13.45 20.03C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart.svg
new file mode 100644
index 00000000..0961c7e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-heart" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-outline.svg
new file mode 100644
index 00000000..60380f77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-outline" viewBox="0 0 24 24"><path d="M11.19,2.25C10.93,2.25 10.67,2.31 10.42,2.4L3.06,5.45C2.04,5.87 1.55,7.04 1.97,8.05L6.93,20C7.24,20.77 7.97,21.23 8.74,21.25C9,21.25 9.27,21.22 9.53,21.1L16.9,18.05C17.65,17.74 18.11,17 18.13,16.25C18.14,16 18.09,15.71 18,15.45L13,3.5C12.71,2.73 11.97,2.26 11.19,2.25M14.67,2.25L18.12,10.6V4.25A2,2 0 0,0 16.12,2.25M20.13,3.79V12.82L22.56,6.96C22.97,5.94 22.5,4.78 21.47,4.36M11.19,4.22L16.17,16.24L8.78,19.3L3.8,7.29" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple-outline.svg
new file mode 100644
index 00000000..9fb898ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-club-multiple-outline" viewBox="0 0 24 24"><path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 6C12.9 6 12 6.9 12 8C12 8.4 12.1 8.7 12.3 9H12C10.9 9 10 9.9 10 11S10.9 13 12 13C12.6 13 13.1 12.7 13.5 12.3L12.5 15H15.5L14.5 12.3C14.9 12.7 15.4 13 16 13C17.1 13 18 12.1 18 11S17.1 9 16 9H15.7C15.9 8.7 16 8.4 16 8C16 6.9 15.1 6 14 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple.svg
new file mode 100644
index 00000000..3f9e6f8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-club-multiple" viewBox="0 0 24 24"><path d="M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M16 13C15.4 13 14.9 12.7 14.5 12.3L15.5 15H12.5L13.5 12.3C13.1 12.7 12.6 13 12 13C10.9 13 10 12.1 10 11S10.9 9 12 9H12.3C12.1 8.7 12 8.4 12 8C12 6.9 12.9 6 14 6S16 6.9 16 8C16 8.4 15.9 8.7 15.7 9H16C17.1 9 18 9.9 18 11S17.1 13 16 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-outline.svg
new file mode 100644
index 00000000..f2a376ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-club-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M17 20H7V4H17V20M12 8C10.9 8 10 8.9 10 10C10 10.4 10.1 10.7 10.3 11H10C8.9 11 8 11.9 8 13S8.9 15 10 15C10.6 15 11.1 14.7 11.5 14.3L10.5 17H13.5L12.5 14.3C12.9 14.7 13.4 15 14 15C15.1 15 16 14.1 16 13S15.1 11 14 11H13.7C13.9 10.7 14 10.3 14 10C14 8.9 13.1 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club.svg
new file mode 100644
index 00000000..c06ce29a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-club.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-club" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M14 15C13.4 15 12.9 14.7 12.5 14.3L13.5 17H10.5L11.5 14.3C11.1 14.7 10.6 15 10 15C8.9 15 8 14.1 8 13S8.9 11 10 11H10.3C10.1 10.7 10 10.3 10 10C10 8.9 10.9 8 12 8S14 8.9 14 10C14 10.4 13.9 10.7 13.7 11H14C15.1 11 16 11.9 16 13S15.1 15 14 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple-outline.svg
new file mode 100644
index 00000000..bc4a26af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-diamond-multiple-outline" viewBox="0 0 24 24"><path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5L11 10L14 15L17 10L14 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple.svg
new file mode 100644
index 00000000..465e86e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-diamond-multiple" viewBox="0 0 24 24"><path d="M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M14 15L11 10L14 5L17 10L14 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-outline.svg
new file mode 100644
index 00000000..1613bdc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-diamond-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M17 20H7V4H17V20M12 7L9 12L12 17L15 12L12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond.svg
new file mode 100644
index 00000000..a54addcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-diamond" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M12 17L9 12L12 7L15 12L12 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple-outline.svg
new file mode 100644
index 00000000..1a24c2cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-heart-multiple-outline" viewBox="0 0 24 24"><path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M12.2 7C11 7 10 8 10 9.2C10 10.7 11.4 11.9 13.4 13.8L14 14.3L14.6 13.8C16.6 11.9 18 10.7 18 9.2C18 7.9 17 7 15.8 7C15.1 7 14.4 7.3 14 7.8C13.6 7.3 12.9 7 12.2 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple.svg
new file mode 100644
index 00000000..76d71f12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-heart-multiple" viewBox="0 0 24 24"><path d="M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M14.6 13.8L14 14.3L13.4 13.8C11.4 11.9 10 10.7 10 9.2C10 8 11 7 12.2 7C12.9 7 13.6 7.3 14 7.8C14.4 7.3 15.1 7 15.8 7C17 7 18 7.9 18 9.2C18 10.7 16.6 11.9 14.6 13.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-outline.svg
new file mode 100644
index 00000000..d96bf60b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-heart-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M17 20H7V4H17V20M10.2 9C9 9 8 10 8 11.2C8 12.7 9.4 13.9 11.4 15.8L12 16.3L12.6 15.8C14.6 13.9 16 12.7 16 11.2C16 9.9 15 9 13.8 9C13.1 9 12.4 9.3 12 9.8C11.6 9.3 10.9 9 10.2 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart.svg
new file mode 100644
index 00000000..d5eb08c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-heart" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M12.6 15.8L12 16.3L11.4 15.8C9.4 13.9 8 12.7 8 11.2C8 10 9 9 10.2 9C10.9 9 11.6 9.3 12 9.8C12.4 9.3 13.1 9 13.8 9C15 9 16 9.9 16 11.2C16 12.7 14.6 13.9 12.6 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-outline.svg
new file mode 100644
index 00000000..d1c75398
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-outline" viewBox="0 0 24 24"><path d="M11.19,2.25C11.97,2.26 12.71,2.73 13,3.5L18,15.45C18.09,15.71 18.14,16 18.13,16.25C18.11,17 17.65,17.74 16.9,18.05L9.53,21.1C9.27,21.22 9,21.25 8.74,21.25C7.97,21.23 7.24,20.77 6.93,20L1.97,8.05C1.55,7.04 2.04,5.87 3.06,5.45L10.42,2.4C10.67,2.31 10.93,2.25 11.19,2.25M14.67,2.25H16.12A2,2 0 0,1 18.12,4.25V10.6L14.67,2.25M20.13,3.79L21.47,4.36C22.5,4.78 22.97,5.94 22.56,6.96L20.13,12.82V3.79M11.19,4.22L3.8,7.29L8.77,19.3L16.17,16.24L11.19,4.22M8.65,8.54L11.88,10.95L11.44,14.96L8.21,12.54L8.65,8.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple-outline.svg
new file mode 100644
index 00000000..990d14e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-spade-multiple-outline" viewBox="0 0 24 24"><path d="M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M19 18H9V2H19V18M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M14 5.7L13.4 6.2C11.4 8.1 10 9.3 10 10.8C10 12 11 13 12.2 13C12.6 13 13 12.9 13.4 12.7L12.5 15H15.5L14.6 12.7C14.9 12.9 15.4 13 15.8 13C17 13 18 12.1 18 10.8C18 9.3 16.6 8.1 14.6 6.2L14 5.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple.svg
new file mode 100644
index 00000000..ea3e2ad3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-spade-multiple" viewBox="0 0 24 24"><path d="M3 4V22C3 23.1 3.9 24 5 24H17V22H5V4H3M19 0H9C7.9 0 7 .9 7 2V18C7 19.1 7.9 20 9 20H19C20.1 20 21 19.1 21 18V2C21 .9 20.1 0 19 0M15.8 13C15.4 13 15 12.9 14.6 12.7L15.5 15H12.5L13.4 12.7C13 12.9 12.6 13 12.2 13C11 13 10 12 10 10.8C10 9.3 11.4 8.1 13.4 6.2L14 5.7L14.6 6.2C16.6 8.1 18 9.3 18 10.8C18 12.1 17 13 15.8 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-outline.svg
new file mode 100644
index 00000000..919aca35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-spade-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M17 20H7V4H17V20M12 7.7L11.4 8.2C9.4 10.1 8 11.3 8 12.8C8 14 9 15 10.2 15C10.6 15 11 14.9 11.4 14.7L10.5 17H13.5L12.6 14.7C12.9 14.9 13.4 15 13.8 15C15 15 16 14.1 16 12.8C16 11.3 14.6 10.1 12.6 8.2L12 7.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade.svg
new file mode 100644
index 00000000..740a76a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing-spade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing-spade" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V20C5 21.1 5.9 22 7 22H17C18.1 22 19 21.1 19 20V4C19 2.9 18.1 2 17 2M13.8 15C13.4 15 13 14.9 12.6 14.7L13.5 17H10.5L11.4 14.7C11 14.9 10.6 15 10.2 15C9 15 8 14 8 12.8C8 11.3 9.4 10.1 11.4 8.2L12 7.7L12.6 8.2C14.6 10.1 16 11.3 16 12.8C16 14.1 15 15 13.8 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing.svg
new file mode 100644
index 00000000..6ffa1354
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-playing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-playing" viewBox="0 0 24 24"><path d="M14.7 2.2H16.2C17.3 2.2 18.2 3.1 18.2 4.2V10.6L14.7 2.2M20.1 3.8L21.4 4.4C22.4 4.8 22.9 6 22.5 7L20.1 12.9V3.8M18 15.5L13 3.5C12.7 2.7 12 2.3 11.2 2.3C10.9 2.3 10.7 2.4 10.4 2.5L3 5.5C2 5.9 1.5 7 2 8L7 20C7.3 20.8 8 21.2 8.8 21.2C9.1 21.2 9.3 21.2 9.6 21L17 18C17.8 17.7 18.2 17 18.2 16.2C18.1 16 18.1 15.7 18 15.5M11.4 15L8.2 12.6L8.6 8.6L11.8 11L11.4 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade-outline.svg
new file mode 100644
index 00000000..3edad48a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-spade-outline" viewBox="0 0 24 24"><path d="M11 17C11 17 11.3 19 9 22H15C12.7 19 13 17 13 17S14 18 16 18 20 16 20 14C20 9 15 7 12 2C9 7 4 9 4 14C4 16 6 18 8 18S11 17 11 17M13 14H11C11 14 10 16 8 16C7.1 16 6 14.9 6 14C5.8 11 9.9 8.2 12 5.4C14.1 8.1 18.2 10.9 18 14C18 14.9 16.9 16 16 16C14 16 13 14 13 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade.svg
new file mode 100644
index 00000000..de8463e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-spade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-spade" viewBox="0 0 24 24"><path d="M12,2C9,7 4,9 4,14C4,16 6,18 8,18C9,18 10,18 11,17C11,17 11.32,19 9,22H15C13,19 13,17 13,17C14,18 15,18 16,18C18,18 20,16 20,14C20,9 15,7 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards-variant.svg
new file mode 100644
index 00000000..4b594d57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards-variant" viewBox="0 0 24 24"><path d="M5,2H19A1,1 0 0,1 20,3V13A1,1 0 0,1 19,14H5A1,1 0 0,1 4,13V3A1,1 0 0,1 5,2M6,4V12H18V4H6M20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17V16H20V17M20,21A1,1 0 0,1 19,22H5A1,1 0 0,1 4,21V20H20V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cards.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cards.svg
new file mode 100644
index 00000000..9015ecb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cards.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cards" viewBox="0 0 24 24"><path d="M21.47,4.35L20.13,3.79V12.82L22.56,6.96C22.97,5.94 22.5,4.77 21.47,4.35M1.97,8.05L6.93,20C7.24,20.77 7.97,21.24 8.74,21.26C9,21.26 9.27,21.21 9.53,21.1L16.9,18.05C17.65,17.74 18.11,17 18.13,16.26C18.14,16 18.09,15.71 18,15.45L13,3.5C12.71,2.73 11.97,2.26 11.19,2.25C10.93,2.25 10.67,2.31 10.42,2.4L3.06,5.45C2.04,5.87 1.55,7.04 1.97,8.05M18.12,4.25A2,2 0 0,0 16.12,2.25H14.67L18.12,10.59" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/carrot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/carrot.svg
new file mode 100644
index 00000000..62d86a6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/carrot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-carrot" viewBox="0 0 24 24"><path d="M16,10L15.8,11H13.5A0.5,0.5 0 0,0 13,11.5A0.5,0.5 0 0,0 13.5,12H15.6L14.6,17H12.5A0.5,0.5 0 0,0 12,17.5A0.5,0.5 0 0,0 12.5,18H14.4L14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20L9,15H10.5A0.5,0.5 0 0,0 11,14.5A0.5,0.5 0 0,0 10.5,14H8.8L8,10C8,8.8 8.93,7.77 10.29,7.29L8.9,5.28C8.59,4.82 8.7,4.2 9.16,3.89C9.61,3.57 10.23,3.69 10.55,4.14L11,4.8V3A1,1 0 0,1 12,2A1,1 0 0,1 13,3V5.28L14.5,3.54C14.83,3.12 15.47,3.07 15.89,3.43C16.31,3.78 16.36,4.41 16,4.84L13.87,7.35C15.14,7.85 16,8.85 16,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-down.svg
new file mode 100644
index 00000000..94db5c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-arrow-down" viewBox="0 0 24 24"><path d="M10 0V4H8L12 8L16 4H14V0M1 2V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2M7 18C5.9 18 5 18.9 5 20S5.9 22 7 22 9 21.1 9 20 8.1 18 7 18M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-right.svg
new file mode 100644
index 00000000..ccd2d675
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-arrow-right" viewBox="0 0 24 24"><path d="M9,20A2,2 0 0,1 7,22A2,2 0 0,1 5,20A2,2 0 0,1 7,18A2,2 0 0,1 9,20M17,18A2,2 0 0,0 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20A2,2 0 0,0 17,18M7.2,14.63C7.19,14.67 7.19,14.71 7.2,14.75A0.25,0.25 0 0,0 7.45,15H19V17H7A2,2 0 0,1 5,15C5,14.65 5.07,14.31 5.24,14L6.6,11.59L3,4H1V2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,12C16.94,12.62 16.27,13 15.55,13H8.1L7.2,14.63M9,9.5H13V11.5L16,8.5L13,5.5V7.5H9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-up.svg
new file mode 100644
index 00000000..03389c36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-arrow-up" viewBox="0 0 24 24"><path d="M12 0L8 4H10V8H14V4H16M1 2V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2M7 18C5.9 18 5 18.9 5 20S5.9 22 7 22 9 21.1 9 20 8.1 18 7 18M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-check.svg
new file mode 100644
index 00000000..7491fe5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-check" viewBox="0 0 24 24"><path d="M9 20C9 21.1 8.1 22 7 22S5 21.1 5 20 5.9 18 7 18 9 18.9 9 20M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18M7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2H1V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8M18 2.8L16.6 1.4L11.8 6.2L9.2 3.6L7.8 5L11.8 9L18 2.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-heart.svg
new file mode 100644
index 00000000..0f56cfba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-heart" viewBox="0 0 24 24"><path d="M9 20C9 21.1 8.1 22 7 22S5 21.1 5 20 5.9 18 7 18 9 18.9 9 20M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18M7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2H1V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8M12 9.3L11.4 8.8C9.4 6.9 8 5.7 8 4.2C8 3 9 2 10.2 2C10.9 2 11.6 2.3 12 2.8C12.4 2.3 13.1 2 13.8 2C15 2 16 2.9 16 4.2C16 5.7 14.6 6.9 12.6 8.8L12 9.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-minus.svg
new file mode 100644
index 00000000..816623c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-minus" viewBox="0 0 24 24"><path d="M16 6V4H8V6M7 18C5.9 18 5 18.9 5 20S5.9 22 7 22 9 21.1 9 20 8.1 18 7 18M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18M7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2H1V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-off.svg
new file mode 100644
index 00000000..ccea5a05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-off" viewBox="0 0 24 24"><path d="M22.73,22.73L1.27,1.27L0,2.54L4.39,6.93L6.6,11.59L5.25,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H14.46L15.84,18.38C15.34,18.74 15,19.33 15,20A2,2 0 0,0 17,22C17.67,22 18.26,21.67 18.62,21.16L21.46,24L22.73,22.73M7.42,15A0.25,0.25 0 0,1 7.17,14.75L7.2,14.63L8.1,13H10.46L12.46,15H7.42M15.55,13C16.3,13 16.96,12.59 17.3,11.97L20.88,5.5C20.96,5.34 21,5.17 21,5A1,1 0 0,0 20,4H6.54L15.55,13M7,18A2,2 0 0,0 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20A2,2 0 0,0 7,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-outline.svg
new file mode 100644
index 00000000..a42a803a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-outline" viewBox="0 0 24 24"><path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-percent.svg
new file mode 100644
index 00000000..c145dcbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-percent" viewBox="0 0 24 24"><path d="M7 18C8.1 18 9 18.9 9 20S8.1 22 7 22 5 21.1 5 20 5.9 18 7 18M17 18C18.1 18 19 18.9 19 20S18.1 22 17 22 15 21.1 15 20 15.9 18 17 18M7.2 14.8C7.2 14.9 7.3 15 7.4 15H19V17H7C5.9 17 5 16.1 5 15C5 14.6 5.1 14.3 5.2 14L6.5 11.6L3 4H1V2H4.3L8.6 11H15.6L19.5 4L21.2 5L17.3 12C17 12.6 16.3 13 15.6 13H8.1L7.2 14.6V14.8M9.4 1C10.2 1 10.8 1.6 10.8 2.4S10.2 3.8 9.4 3.8 8 3.2 8 2.4 8.7 1 9.4 1M14.6 9C13.8 9 13.2 8.4 13.2 7.6S13.8 6.2 14.6 6.2 16 6.8 16 7.6 15.3 9 14.6 9M9.2 9L8 7.8L14.8 1L16 2.2L9.2 9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-plus.svg
new file mode 100644
index 00000000..0834ef1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-plus" viewBox="0 0 24 24"><path d="M11 9H13V6H16V4H13V1H11V4H8V6H11M7 18C5.9 18 5 18.9 5 20S5.9 22 7 22 9 21.1 9 20 8.1 18 7 18M17 18C15.9 18 15 18.9 15 20S15.9 22 17 22 19 21.1 19 20 18.1 18 17 18M7.2 14.8V14.7L8.1 13H15.5C16.2 13 16.9 12.6 17.2 12L21.1 5L19.4 4L15.5 11H8.5L4.3 2H1V4H3L6.6 11.6L5.2 14C5.1 14.3 5 14.6 5 15C5 16.1 5.9 17 7 17H19V15H7.4C7.3 15 7.2 14.9 7.2 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-remove.svg
new file mode 100644
index 00000000..ac3a6c62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-remove" viewBox="0 0 24 24"><path d="M14.1 8.5L12 6.4L9.9 8.5L8.5 7.1L10.6 5L8.5 2.9L9.9 1.5L12 3.6L14.1 1.5L15.5 2.9L13.4 5L15.5 7.1L14.1 8.5M7 18C8.1 18 9 18.9 9 20S8.1 22 7 22 5 21.1 5 20 5.9 18 7 18M17 18C18.1 18 19 18.9 19 20S18.1 22 17 22 15 21.1 15 20 15.9 18 17 18M7.2 14.8C7.2 14.9 7.3 15 7.4 15H19V17H7C5.9 17 5 16.1 5 15C5 14.6 5.1 14.3 5.2 14L6.5 11.6L3 4H1V2H4.3L8.6 11H15.6L19.5 4L21.2 5L17.3 12C17 12.6 16.3 13 15.6 13H8.1L7.2 14.6V14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart-variant.svg
new file mode 100644
index 00000000..6458465d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart-variant" viewBox="0 0 24 24"><path d="M19 20C19 21.11 18.11 22 17 22C15.89 22 15 21.1 15 20C15 18.89 15.89 18 17 18C18.11 18 19 18.9 19 20M7 18C5.89 18 5 18.89 5 20C5 21.1 5.89 22 7 22C8.11 22 9 21.11 9 20S8.11 18 7 18M7.2 14.63L7.17 14.75C7.17 14.89 7.28 15 7.42 15H19V17H7C5.89 17 5 16.1 5 15C5 14.65 5.09 14.32 5.24 14.04L6.6 11.59L3 4H1V2H4.27L5.21 4H20C20.55 4 21 4.45 21 5C21 5.17 20.95 5.34 20.88 5.5L17.3 11.97C16.96 12.58 16.3 13 15.55 13H8.1L7.2 14.63M8.5 11H10V9H7.56L8.5 11M11 9V11H14V9H11M14 8V6H11V8H14M17.11 9H15V11H16L17.11 9M18.78 6H15V8H17.67L18.78 6M6.14 6L7.08 8H10V6H6.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cart.svg
new file mode 100644
index 00000000..8531d218
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cart" viewBox="0 0 24 24"><path d="M17,18C15.89,18 15,18.89 15,20A2,2 0 0,0 17,22A2,2 0 0,0 19,20C19,18.89 18.1,18 17,18M1,2V4H3L6.6,11.59L5.24,14.04C5.09,14.32 5,14.65 5,15A2,2 0 0,0 7,17H19V15H7.42A0.25,0.25 0 0,1 7.17,14.75C7.17,14.7 7.18,14.66 7.2,14.63L8.1,13H15.55C16.3,13 16.96,12.58 17.3,11.97L20.88,5.5C20.95,5.34 21,5.17 21,5A1,1 0 0,0 20,4H5.21L4.27,2M7,18C5.89,18 5,18.89 5,20A2,2 0 0,0 7,22A2,2 0 0,0 9,20C9,18.89 8.1,18 7,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/case-sensitive-alt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/case-sensitive-alt.svg
new file mode 100644
index 00000000..2c3b584f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/case-sensitive-alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-case-sensitive-alt" viewBox="0 0 24 24"><path d="M20,14C20,12.5 19.5,12 18,12H16V11C16,10 16,10 14,10V15.4L14,19H16L18,19C19.5,19 20,18.47 20,17V14M12,12C12,10.5 11.47,10 10,10H6C4.5,10 4,10.5 4,12V19H6V16H10V19H12V12M10,7H14V5H10V7M22,9V20C22,21.11 21.11,22 20,22H4A2,2 0 0,1 2,20V9C2,7.89 2.89,7 4,7H8V5L10,3H14L16,5V7H20A2,2 0 0,1 22,9H22M16,17H18V14H16V17M6,12H10V14H6V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-100.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-100.svg
new file mode 100644
index 00000000..57390f65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-100.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-100" viewBox="0 0 24 24"><path d="M2,5H22V20H2V5M20,18V7H4V18H20M17,8A2,2 0 0,0 19,10V15A2,2 0 0,0 17,17H7A2,2 0 0,0 5,15V10A2,2 0 0,0 7,8H17M17,13V12C17,10.9 16.33,10 15.5,10C14.67,10 14,10.9 14,12V13C14,14.1 14.67,15 15.5,15C16.33,15 17,14.1 17,13M15.5,11A0.5,0.5 0 0,1 16,11.5V13.5A0.5,0.5 0 0,1 15.5,14A0.5,0.5 0 0,1 15,13.5V11.5A0.5,0.5 0 0,1 15.5,11M13,13V12C13,10.9 12.33,10 11.5,10C10.67,10 10,10.9 10,12V13C10,14.1 10.67,15 11.5,15C12.33,15 13,14.1 13,13M11.5,11A0.5,0.5 0 0,1 12,11.5V13.5A0.5,0.5 0 0,1 11.5,14A0.5,0.5 0 0,1 11,13.5V11.5A0.5,0.5 0 0,1 11.5,11M8,15H9V10H8L7,10.5V11.5L8,11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-check.svg
new file mode 100644
index 00000000..cd13be09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-check" viewBox="0 0 24 24"><path d="M3 6V18H13.32C13.1 17.33 13 16.66 13 16H7C7 14.9 6.11 14 5 14V10C6.11 10 7 9.11 7 8H17C17 9.11 17.9 10 19 10V10.06C19.67 10.06 20.34 10.18 21 10.4V6H3M12 9C10.3 9.03 9 10.3 9 12C9 13.7 10.3 14.94 12 15C12.38 15 12.77 14.92 13.14 14.77C13.41 13.67 13.86 12.63 14.97 11.61C14.85 10.28 13.59 8.97 12 9M21.63 12.27L17.76 16.17L16.41 14.8L15 16.22L17.75 19L23.03 13.68L21.63 12.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-clock.svg
new file mode 100644
index 00000000..1ebc8b86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-clock" viewBox="0 0 24 24"><path d="M17.5 16.82L19.94 18.23L19.19 19.53L16 17.69V14H17.5V16.82M24 17C24 20.87 20.87 24 17 24S10 20.87 10 17C10 16.66 10.03 16.33 10.08 16H2V4H20V10.68C22.36 11.81 24 14.21 24 17M10.68 14C10.86 13.64 11.05 13.3 11.28 12.97C11.19 13 11.1 13 11 13C9.34 13 8 11.66 8 10S9.34 7 11 7 14 8.34 14 10C14 10.25 13.96 10.5 13.9 10.73C14.84 10.27 15.89 10 17 10C17.34 10 17.67 10.03 18 10.08V8C16.9 8 16 7.11 16 6H6C6 7.11 5.11 8 4 8V12C5.11 12 6 12.9 6 14H10.68M22 17C22 14.24 19.76 12 17 12S12 14.24 12 17 14.24 22 17 22 22 19.76 22 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-fast.svg
new file mode 100644
index 00000000..e47f7e67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-fast" viewBox="0 0 24 24"><path d="M17.12 9.88C16.56 9.32 15.8 9 15 9S13.44 9.32 12.88 9.88C12.32 10.44 12 11.2 12 12S12.32 13.56 12.88 14.12 14.2 15 15 15 16.56 14.68 17.12 14.12 18 12.8 18 12 17.68 10.44 17.12 9.88M7 6V18H23V6H7M21 14C20.47 14 19.96 14.21 19.59 14.59C19.21 14.96 19 15.47 19 16H11C11 15.47 10.79 14.96 10.41 14.59C10.04 14.21 9.53 14 9 14V10C9.53 10 10.04 9.79 10.41 9.41C10.79 9.04 11 8.53 11 8H19C19 8.53 19.21 9.04 19.59 9.41C19.96 9.79 20.47 10 21 10V14M5 8H3C2.45 8 2 7.55 2 7C2 6.45 2.45 6 3 6H5V8M5 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11H5V13M5 18H1C.448 18 0 17.55 0 17C0 16.45 .448 16 1 16H5V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock-open.svg
new file mode 100644
index 00000000..9a4eaa15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-lock-open" viewBox="0 0 24 24"><path d="M21.8 16C22.4 16 23 16.6 23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V13.5C16.2 12.1 17.6 11 19 11C20.4 11 21.8 12.1 21.8 13.5V14H20.5V13.5C20.5 12.7 19.8 12.2 19 12.2C18.2 12.2 17.5 12.7 17.5 13.5V16H21.8M2 6H20V9.1L19 9C18.18 9 17.41 9.2 16.73 9.54C16.28 9.18 16 8.62 16 8H6C6 9.11 5.11 10 4 10V14C5.11 14 6 14.9 6 16H13.04L13 16.5V18H2V6M11 9C12.66 9 14 10.34 14 12C14 13.66 12.66 15 11 15C9.34 15 8 13.66 8 12C8 10.34 9.34 9 11 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock.svg
new file mode 100644
index 00000000..025365af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-lock" viewBox="0 0 24 24"><path d="M21.8 15C22.4 15 23 15.6 23 16.3V19.8C23 20.4 22.4 21 21.7 21H16.2C15.6 21 15 20.4 15 19.7V16.2C15 15.6 15.6 15 16.2 15V13.5C16.2 12.1 17.6 11 19 11C20.4 11 21.8 12.1 21.8 13.5V15M20.5 15V13.5C20.5 12.7 19.8 12.2 19 12.2C18.2 12.2 17.5 12.7 17.5 13.5V15H20.5M2 6H20V9.1L19 9C18.18 9 17.41 9.2 16.73 9.54C16.28 9.18 16 8.62 16 8H6C6 9.11 5.11 10 4 10V14C5.11 14 6 14.9 6 16H13.04L13 16.5V18H2V6M11 9C12.66 9 14 10.34 14 12C14 13.66 12.66 15 11 15C9.34 15 8 13.66 8 12C8 10.34 9.34 9 11 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-marker.svg
new file mode 100644
index 00000000..5cc5844c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-marker" viewBox="0 0 24 24"><path d="M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M14.9,11.3C14.6,10 13.4,9 12,9C10.3,9 9,10.3 9,12C9,13.7 10.3,15 12,15C12.4,15 12.7,14.9 13,14.8C13.2,13.4 13.9,12.2 14.9,11.3M13,16H7A2,2 0 0,0 5,14V10A2,2 0 0,0 7,8H17A2,2 0 0,0 19,10C19,10 20,10 21,10.6V6H3V18H13.5C13.3,17.3 13.1,16.7 13,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-minus.svg
new file mode 100644
index 00000000..eda855ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-minus" viewBox="0 0 24 24"><path d="M15 15V17H23V15M14.97 11.61C14.85 10.28 13.59 8.97 12 9C10.3 9.03 9 10.3 9 12C9 13.7 10.3 14.94 12 15C12.38 15 12.77 14.92 13.14 14.77C13.41 13.67 13.86 12.63 14.97 11.61M13 16H7C7 14.9 6.11 14 5 14V10C6.11 10 7 9.11 7 8H17C17 9.11 17.9 10 19 10V10.06C19.67 10.06 20.34 10.18 21 10.4V6H3V18H13.32C13.1 17.33 13 16.66 13 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-multiple.svg
new file mode 100644
index 00000000..db72aeb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-multiple" viewBox="0 0 24 24"><path d="M5,6H23V18H5V6M14,9A3,3 0 0,1 17,12A3,3 0 0,1 14,15A3,3 0 0,1 11,12A3,3 0 0,1 14,9M9,8A2,2 0 0,1 7,10V14A2,2 0 0,1 9,16H19A2,2 0 0,1 21,14V10A2,2 0 0,1 19,8H9M1,10H3V20H19V22H1V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-plus.svg
new file mode 100644
index 00000000..eb2f42a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-plus" viewBox="0 0 24 24"><path d="M15 15V17H18V20H20V17H23V15H20V12H18V15M14.97 11.61C14.85 10.28 13.59 8.97 12 9C10.3 9.03 9 10.3 9 12C9 13.7 10.3 14.94 12 15C12.38 15 12.77 14.92 13.14 14.77C13.41 13.67 13.86 12.63 14.97 11.61M13 16H7C7 14.9 6.11 14 5 14V10C6.11 10 7 9.11 7 8H17C17 9.11 17.9 10 19 10V10.06C19.67 10.06 20.34 10.18 21 10.4V6H3V18H13.32C13.1 17.33 13 16.66 13 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-refund.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-refund.svg
new file mode 100644
index 00000000..2a363845
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-refund.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-refund" viewBox="0 0 24 24"><path d="M12.3 8.93L9.88 6.5H15.5V10H17V5H9.88L12.3 2.57L11.24 1.5L7 5.75L11.24 10L12.3 8.93M12 14A3 3 0 1 0 15 17A3 3 0 0 0 12 14M3 11V23H21V11M19 19A2 2 0 0 0 17 21H7A2 2 0 0 0 5 19V15A2 2 0 0 0 7 13H17A2 2 0 0 0 19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-register.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-register.svg
new file mode 100644
index 00000000..ff764d96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-register.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-register" viewBox="0 0 24 24"><path d="M2,17H22V21H2V17M6.25,7H9V6H6V3H14V6H11V7H17.8C18.8,7 19.8,8 20,9L20.5,16H3.5L4.05,9C4.05,8 5.05,7 6.25,7M13,9V11H18V9H13M6,9V10H8V9H6M9,9V10H11V9H9M6,11V12H8V11H6M9,11V12H11V11H9M6,13V14H8V13H6M9,13V14H11V13H9M7,4V5H13V4H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-remove.svg
new file mode 100644
index 00000000..f966746d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-remove" viewBox="0 0 24 24"><path d="M15.46 18.12L16.88 19.54L19 17.41L21.12 19.54L22.54 18.12L20.41 16L22.54 13.88L21.12 12.46L19 14.59L16.88 12.46L15.46 13.88L17.59 16M14.97 11.62C14.86 10.28 13.58 8.97 12 9C10.3 9.04 9 10.3 9 12C9 13.7 10.3 14.94 12 15C12.39 15 12.77 14.92 13.14 14.77C13.41 13.67 13.86 12.63 14.97 11.62M13 16H7C7 14.9 6.1 14 5 14V10C6.1 10 7 9.1 7 8H17C17 9.1 17.9 10 19 10V10.05C19.67 10.06 20.34 10.18 21 10.4V6H3V18H13.32C13.1 17.33 13 16.66 13 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash-sync.svg
new file mode 100644
index 00000000..2025b65a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash-sync" viewBox="0 0 24 24"><path d="M3 6V18H13.32C13.1 17.33 13 16.66 13 16H7C7 14.9 6.11 14 5 14V10C6.11 10 7 9.11 7 8H17C17 9.11 17.9 10 19 10V10.06C19.67 10.06 20.34 10.18 21 10.4V6H3M12 9C10.3 9.03 9 10.3 9 12S10.3 14.94 12 15C12.38 15 12.77 14.92 13.14 14.77C13.41 13.67 13.86 12.63 14.97 11.61C14.85 10.28 13.59 8.97 12 9M19 11L21.25 13.25L19 15.5V14C17.15 14 15.94 15.96 16.76 17.62L15.67 18.71C13.91 16.05 15.81 12.5 19 12.5V11M19 22L16.75 19.75L19 17.5V19C20.85 19 22.06 17.04 21.24 15.38L22.33 14.29C24.09 16.95 22.19 20.5 19 20.5V22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cash.svg
new file mode 100644
index 00000000..0157c737
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cash" viewBox="0 0 24 24"><path d="M3,6H21V18H3V6M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M7,8A2,2 0 0,1 5,10V14A2,2 0 0,1 7,16H17A2,2 0 0,1 19,14V10A2,2 0 0,1 17,8H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cassette.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cassette.svg
new file mode 100644
index 00000000..dfa03f23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cassette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cassette" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H6L7,17H17L18,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M6.5,10A1.5,1.5 0 0,1 8,11.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 5,11.5A1.5,1.5 0 0,1 6.5,10M9,10H15V13H9V10M17.5,10A1.5,1.5 0 0,1 19,11.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 16,11.5A1.5,1.5 0 0,1 17.5,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio-variant.svg
new file mode 100644
index 00000000..a1a80764
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-audio-variant" viewBox="0 0 24 24"><path d="M14.5 12C14.5 10.62 13.38 9.5 12 9.5C10.62 9.5 9.5 10.62 9.5 12C9.5 13 10.09 13.84 10.93 14.25L9.82 15.35C8.73 14.64 8 13.41 8 12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12C16 13.41 15.27 14.64 14.18 15.35L13.08 14.25C13.92 13.84 14.5 13 14.5 12M12 2C6.5 2 2 6.5 2 12C2 15.06 3.38 17.8 5.54 19.63L6.61 18.57C4.71 17 3.5 14.64 3.5 12C3.5 7.31 7.31 3.5 12 3.5C16.69 3.5 20.5 7.31 20.5 12C20.5 14.64 19.29 17 17.39 18.57L18.46 19.63C20.62 17.79 22 15.06 22 12C22 6.5 17.5 2 12 2M19 12C19 8.13 15.87 5 12 5C8.13 5 5 8.13 5 12C5 14.23 6.05 16.22 7.68 17.5L8.75 16.43C7.39 15.42 6.5 13.82 6.5 12C6.5 8.97 8.97 6.5 12 6.5C15.03 6.5 17.5 8.97 17.5 12C17.5 13.82 16.61 15.42 15.25 16.43L16.33 17.5C17.95 16.22 19 14.23 19 12M6 22H18L12 16L6 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio.svg
new file mode 100644
index 00000000..f7bb7072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-audio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-audio" viewBox="0 0 24 24"><path d="M2 11V13C7 13 11 17 11 22H13C13 15.9 8.1 11 2 11M20 2H10C8.9 2 8 2.9 8 4V10.5C9 11 9.9 11.7 10.7 12.4C11.6 11 13.2 10 15 10C17.8 10 20 12.2 20 15S17.8 20 15 20H14.8C14.9 20.7 15 21.3 15 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M15 8C13.9 8 13 7.1 13 6C13 4.9 13.9 4 15 4C16.1 4 17 4.9 17 6S16.1 8 15 8M15 18C14.8 18 14.5 18 14.3 17.9C13.8 16.4 13.1 15.1 12.2 13.9C12.6 12.8 13.7 11.9 15 11.9C16.7 11.9 18 13.2 18 14.9S16.7 18 15 18M2 15V17C4.8 17 7 19.2 7 22H9C9 18.1 5.9 15 2 15M2 19V22H5C5 20.3 3.7 19 2 19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-connected.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-connected.svg
new file mode 100644
index 00000000..e59a537e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-connected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-connected" viewBox="0 0 24 24"><path d="M21,3H3C1.89,3 1,3.89 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5C23,3.89 22.1,3 21,3M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M19,7H5V8.63C8.96,9.91 12.09,13.04 13.37,17H19M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-education.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-education.svg
new file mode 100644
index 00000000..8465b72d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-education.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-education" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M1,18V21H4A3,3 0 0,0 1,18M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M11,11.09V13.09L14.5,15L18,13.09V11.09L14.5,13L11,11.09M14.5,6L9,9L14.5,12L20,9L14.5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-off.svg
new file mode 100644
index 00000000..3dc0501d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-off" viewBox="0 0 24 24"><path d="M1.6,1.27L0.25,2.75L1.41,3.8C1.16,4.13 1,4.55 1,5V8H3V5.23L18.2,19H14V21H20.41L22.31,22.72L23.65,21.24M6.5,3L8.7,5H21V16.14L23,17.95V5C23,3.89 22.1,3 21,3M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.08,10 1,10M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast-variant.svg
new file mode 100644
index 00000000..601fbd6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast-variant" viewBox="0 0 24 24"><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cast.svg
new file mode 100644
index 00000000..1cd0bbf5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cast" viewBox="0 0 24 24"><path d="M1,10V12A9,9 0 0,1 10,21H12C12,14.92 7.07,10 1,10M1,14V16A5,5 0 0,1 6,21H8A7,7 0 0,0 1,14M1,18V21H4A3,3 0 0,0 1,18M21,3H3C1.89,3 1,3.89 1,5V8H3V5H21V19H14V21H21A2,2 0 0,0 23,19V5C23,3.89 22.1,3 21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/castle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/castle.svg
new file mode 100644
index 00000000..0e953c3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/castle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-castle" viewBox="0 0 24 24"><path d="M2,13H4V15H6V13H8V15H10V13H12V15H14V10L17,7V1H19L23,3L19,5V7L22,10V22H11V19A2,2 0 0,0 9,17A2,2 0 0,0 7,19V22H2V13M18,10C17.45,10 17,10.54 17,11.2V13H19V11.2C19,10.54 18.55,10 18,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cat.svg
new file mode 100644
index 00000000..d60b3d05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cat" viewBox="0 0 24 24"><path d="M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8M9,11A1,1 0 0,1 10,12A1,1 0 0,1 9,13A1,1 0 0,1 8,12A1,1 0 0,1 9,11M15,11A1,1 0 0,1 16,12A1,1 0 0,1 15,13A1,1 0 0,1 14,12A1,1 0 0,1 15,11M11,14H13L12.3,15.39C12.5,16.03 13.06,16.5 13.75,16.5A1.5,1.5 0 0,0 15.25,15H15.75A2,2 0 0,1 13.75,17C13,17 12.35,16.59 12,16V16H12C11.65,16.59 11,17 10.25,17A2,2 0 0,1 8.25,15H8.75A1.5,1.5 0 0,0 10.25,16.5C10.94,16.5 11.5,16.03 11.7,15.39L11,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cctv-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cctv-off.svg
new file mode 100644
index 00000000..b54b4591
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cctv-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cctv-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.11 20H17C15.9 20 15 19.1 15 18V16.89L12.66 14.55L11.81 15.04C10.86 15.59 9.63 15.26 9.08 14.31L7.58 11.71C7.18 11 7.25 10.18 7.68 9.57L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M18.5 13C18.5 12.43 18.3 11.9 17.97 11.5L19.94 10.35C20.95 9.76 21.3 8.47 20.71 7.46L19.33 5.06C18.74 4.05 17.45 3.7 16.44 4.28L10.77 7.57L17.86 14.66C18.26 14.22 18.5 13.64 18.5 13M2 12.62L5.5 18.68L8.03 15.5L6.03 12.03L2 12.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cctv.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cctv.svg
new file mode 100644
index 00000000..a5d19800
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cctv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cctv" viewBox="0 0 24 24"><path d="M6.03 12.03L8.03 15.5L5.5 18.68L2 12.62L6.03 12.03M17 18V15.29C17.88 14.9 18.5 14.03 18.5 13C18.5 12.43 18.3 11.9 17.97 11.5L19.94 10.35C20.95 9.76 21.3 8.47 20.71 7.46L19.33 5.06C18.74 4.05 17.45 3.7 16.44 4.28L8.31 9C7.36 9.53 7.03 10.75 7.58 11.71L9.08 14.31C9.63 15.26 10.86 15.59 11.81 15.04L13.69 13.96C13.94 14.55 14.41 15.03 15 15.29V18C15 19.1 15.9 20 17 20H22V18H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan-light.svg
new file mode 100644
index 00000000..daabd2a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-fan-light" viewBox="0 0 24 24"><path d="M8 3V5H11V10.27C10.38 10.63 10 11.29 10 12V13H14V12C14 11.29 13.62 10.63 13 10.27V5H16V3H8M6 12C3.79 12 2 12.67 2 13.5C2 14.33 3.79 15 6 15S10 14.33 10 13.5C10 12.67 8.21 12 6 12M18 12C15.79 12 14 12.67 14 13.5C14 14.33 15.79 15 18 15S22 14.33 22 13.5C22 12.67 20.21 12 18 12M10 14V15C10 15.72 10.38 16.38 11 16.73C11.62 17.09 12.38 17.09 13 16.73C13.62 16.38 14 15.71 14 15V14H10M13 19V22H11V19H13M15.88 16.46L18 18.59L16.59 20L14.47 17.88L15.88 16.46M9.54 17.88L7.41 20L6 18.59L8.12 16.47L9.54 17.88" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan.svg
new file mode 100644
index 00000000..6219d5ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-fan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-fan" viewBox="0 0 24 24"><path d="M8 3V5H11V10.27C10.38 10.63 10 11.29 10 12V13H14V12C14 11.29 13.62 10.63 13 10.27V5H16V3H8M6 12C3.79 12 2 12.67 2 13.5S3.79 15 6 15 10 14.33 10 13.5 8.21 12 6 12M18 12C15.79 12 14 12.67 14 13.5S15.79 15 18 15 22 14.33 22 13.5 20.21 12 18 12M10 14V15C10 15.72 10.38 16.38 11 16.73C11.62 17.09 12.38 17.09 13 16.73C13.62 16.38 14 15.71 14 15V14H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple-outline.svg
new file mode 100644
index 00000000..0bfb46c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-light-multiple-outline" viewBox="0 0 24 24"><path d="M16.76 13L18.76 17H9.24L11.24 13H16.76M15 6H13V11H10L6 19H22L18 11H15V6M16 20C16 21.11 15.11 22 14 22S12 21.11 12 20H16M8.21 10.11L8.76 9H11V2H9V7H6L2 15H5.76L8.21 10.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple.svg
new file mode 100644
index 00000000..329bad65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-light-multiple" viewBox="0 0 24 24"><path d="M10 11H13V6H15V11H18L22 19H6L10 11M16 20C16 21.11 15.11 22 14 22S12 21.11 12 20H16M8.21 10.11L8.76 9H11V2H9V7H6L2 15H5.76L8.21 10.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-outline.svg
new file mode 100644
index 00000000..6c61a13d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-light-outline" viewBox="0 0 24 24"><path d="M14.76 11L16.76 15H7.24L9.24 11H14.76M13 4H11V9H8L4 17H20L16 9H13V4M14 18H10C10 19.11 10.9 20 12 20S14 19.11 14 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light.svg
new file mode 100644
index 00000000..7aa6bbf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ceiling-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ceiling-light" viewBox="0 0 24 24"><path d="M8,9H11V4H13V9H16L20,17H4L8,9M14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down-variant.svg
new file mode 100644
index 00000000..5f125442
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-arrow-down-variant" viewBox="0 0 24 24"><path d="M18 14L23 9L21.6 7.6L19 10.2V3H17V10.2L14.4 7.6L13 9L18 14M19 16V21C19 22.1 18.1 23 17 23H7C5.9 23 5 22.1 5 21V3C5 1.9 5.9 1 7 1H14V5H7V19H17V16H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down.svg
new file mode 100644
index 00000000..46ef4348
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-arrow-down" viewBox="0 0 24 24"><path d="M17,1H7A2,2 0 0,0 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1M17,19H7V5H17V19M16,13H13V8H11V13H8L12,17L16,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-basic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-basic.svg
new file mode 100644
index 00000000..1d365d9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-basic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-basic" viewBox="0 0 24 24"><path d="M15,2A1,1 0 0,0 14,3V6H10C8.89,6 8,6.89 8,8V20C8,21.11 8.89,22 10,22H15C16.11,22 17,21.11 17,20V8C17,7.26 16.6,6.62 16,6.28V3A1,1 0 0,0 15,2M10,8H15V13H10V8M10,15H11V16H10V15M12,15H13V16H12V15M14,15H15V16H14V15M10,17H11V18H10V17M12,17H13V18H12V17M14,17H15V18H14V17M10,19H11V20H10V19M12,19H13V20H12V19M14,19H15V20H14V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-charging.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-charging.svg
new file mode 100644
index 00000000..6d639006
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-charging.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-charging" viewBox="0 0 24 24"><path d="M11 18.5V13H9L13 5.5V11H15M17 19H7V5H17M17 1H7C5.89 1 5 1.89 5 3V21A2 2 0 0 0 7 23H17A2 2 0 0 0 19 21V3C19 1.89 18.1 1 17 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-check.svg
new file mode 100644
index 00000000..8db4073e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-check" viewBox="0 0 24 24"><path d="M14.54 23H7C5.9 23 5 22.11 5 21V3C5 1.89 5.89 1 7 1H17C18.1 1 19 1.89 19 3V13C18.3 13 17.63 13.13 17 13.35V5H7V19H13C13 20.54 13.58 21.94 14.54 23M17.75 22.16L15 19.16L16.16 18L17.75 19.59L21.34 16L22.5 17.41L17.75 22.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-cog.svg
new file mode 100644
index 00000000..27ccc8d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-cog" viewBox="0 0 24 24"><path d="M9.82,12.5C9.84,12.33 9.86,12.17 9.86,12C9.86,11.83 9.84,11.67 9.82,11.5L10.9,10.69C11,10.62 11,10.5 10.96,10.37L9.93,8.64C9.87,8.53 9.73,8.5 9.62,8.53L8.34,9.03C8.07,8.83 7.78,8.67 7.47,8.54L7.27,7.21C7.27,7.09 7.16,7 7.03,7H5C4.85,7 4.74,7.09 4.72,7.21L4.5,8.53C4.21,8.65 3.92,8.83 3.65,9L2.37,8.5C2.25,8.47 2.12,8.5 2.06,8.63L1.03,10.36C0.97,10.5 1,10.61 1.1,10.69L2.18,11.5C2.16,11.67 2.15,11.84 2.15,12C2.15,12.17 2.17,12.33 2.19,12.5L1.1,13.32C1,13.39 1,13.53 1.04,13.64L2.07,15.37C2.13,15.5 2.27,15.5 2.38,15.5L3.66,15C3.93,15.18 4.22,15.34 4.53,15.47L4.73,16.79C4.74,16.91 4.85,17 5,17H7.04C7.17,17 7.28,16.91 7.29,16.79L7.5,15.47C7.8,15.35 8.09,15.17 8.36,15L9.64,15.5C9.76,15.53 9.89,15.5 9.95,15.37L11,13.64C11.04,13.53 11,13.4 10.92,13.32L9.82,12.5M6,13.75C5,13.75 4.2,12.97 4.2,12C4.2,11.03 5,10.25 6,10.25C7,10.25 7.8,11.03 7.8,12C7.8,12.97 7,13.75 6,13.75M17,1H7A2,2 0 0,0 5,3V6H7V4H17V20H7V18H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-dock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-dock.svg
new file mode 100644
index 00000000..b434ad65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-dock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-dock" viewBox="0 0 24 24"><path d="M16,15H8V5H16M16,1H8C6.89,1 6,1.89 6,3V17A2,2 0 0,0 8,19H16A2,2 0 0,0 18,17V3C18,1.89 17.1,1 16,1M8,23H16V21H8V23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-information.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-information.svg
new file mode 100644
index 00000000..ebb0dbcd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-information.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-information" viewBox="0 0 24 24"><path d="M13 7H11V9H13V7M13 11H11V17H13V11M17 1H7C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1 17 1M17 19H7V5H17V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-key.svg
new file mode 100644
index 00000000..a6e63935
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-key" viewBox="0 0 24 24"><path d="M7 1C5.9 1 5 1.9 5 3V7H7V4H17V20H7V17H5V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1 17 1H7M6 9C4.3 9 3 10.3 3 12S4.3 15 6 15C7.3 15 8.4 14.2 8.8 13H11V15H13V13H15V11H8.8C8.4 9.8 7.3 9 6 9M6 11C6.6 11 7 11.4 7 12S6.6 13 6 13 5 12.6 5 12 5.4 11 6 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link-off.svg
new file mode 100644
index 00000000..7936457a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-link-off" viewBox="0 0 24 24"><path d="M23,8H17A1,1 0 0,0 16,9V13.18L18,15.18V10H22V17H19.82L22.82,20H23A1,1 0 0,0 24,19V9A1,1 0 0,0 23,8M4,6.27L14.73,17H4V6.27M1.92,1.65L0.65,2.92L2.47,4.74C2.18,5.08 2,5.5 2,6V17H0V20H17.73L20.08,22.35L21.35,21.08L3.89,3.62L1.92,1.65M22,6V4H6.82L8.82,6H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link.svg
new file mode 100644
index 00000000..bbd89504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-link" viewBox="0 0 24 24"><path d="M22,17H18V10H22M23,8H17A1,1 0 0,0 16,9V19A1,1 0 0,0 17,20H23A1,1 0 0,0 24,19V9A1,1 0 0,0 23,8M4,6H22V4H4A2,2 0 0,0 2,6V17H0V20H14V17H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-lock.svg
new file mode 100644
index 00000000..cd556032
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-lock" viewBox="0 0 24 24"><path d="M17,1H7A2,2 0 0,0 5,3V6H7V4H17V20H7V18H5V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1M8.8,11V9.5C8.8,8.1 7.4,7 6,7C4.6,7 3.2,8.1 3.2,9.5V11C2.6,11 2,11.6 2,12.2V15.7C2,16.4 2.6,17 3.2,17H8.7C9.4,17 10,16.4 10,15.8V12.3C10,11.6 9.4,11 8.8,11M7.5,11H4.5V9.5C4.5,8.7 5.2,8.2 6,8.2C6.8,8.2 7.5,8.7 7.5,9.5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-marker.svg
new file mode 100644
index 00000000..f1712e4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-marker" viewBox="0 0 24 24"><path d="M18.5 13C16.6 13 15 14.61 15 16.5C15 19.11 18.5 23 18.5 23S22 19.11 22 16.5C22 14.61 20.4 13 18.5 13M18.5 17.81C17.8 17.81 17.3 17.21 17.3 16.61C17.3 15.91 17.9 15.41 18.5 15.41S19.7 16 19.7 16.61C19.8 17.21 19.2 17.81 18.5 17.81M15.91 23H7C5.9 23 5 22.11 5 21V3C5 1.89 5.89 1 7 1H17C18.1 1 19 1.89 19 3V11.03C18.84 11 18.67 11 18.5 11C18 11 17.5 11.08 17 11.22V5H7V19H13.54C14.14 20.5 15.12 21.97 15.91 23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message-off.svg
new file mode 100644
index 00000000..ef0c7c4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-message-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L2.22 4.11C2.08 4.38 2 4.68 2 5V19C2 20.1 2.89 21 4 21H11C12.1 21 13 20.1 13 19V14.89L20.84 22.73L22.11 21.46L2.39 1.73M11 17H4V7H5.11L11 12.89V17M23 4.5V7.5C23 8.33 22.33 9 21.5 9H18L15.1 11.9L15 11.8V4.5C15 3.67 15.67 3 16.5 3H21.5C22.33 3 23 3.67 23 4.5M10.2 7L6.2 3H11C12.1 3 13 3.9 13 5V9.8L11 7.8V7H10.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message.svg
new file mode 100644
index 00000000..3edb209b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-message.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-message" viewBox="0 0 24 24"><path d="M11,17V7H4V17H11M11,3A2,2 0 0,1 13,5V19A2,2 0 0,1 11,21H4C2.89,21 2,20.1 2,19V5A2,2 0 0,1 4,3H11M16.5,3H21.5A1.5,1.5 0 0,1 23,4.5V7.5A1.5,1.5 0 0,1 21.5,9H18L15,12V9L15,4.5A1.5,1.5 0 0,1 16.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc-off.svg
new file mode 100644
index 00000000..6eb41eea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-nfc-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.85 20.74C18.56 21.5 17.84 22 17 22H14.92C14.81 20.59 14.5 19.25 13.97 18H16.11L7 8.89V11C6.36 10.74 5.69 10.53 5 10.37V6.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M17 5V13.8L19 15.8V3C19 1.9 18.11 1 17 1H7C6.24 1 5.59 1.43 5.25 2.05L8.2 5H17M2 20V23H5C5 21.34 3.66 20 2 20M2 16V18C4.76 18 7 20.24 7 23H9C9 19.13 5.87 16 2 16M2 12V14C6.97 14 11 18.03 11 23H13C13 16.92 8.08 12 2 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc.svg
new file mode 100644
index 00000000..26e1749c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-nfc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-nfc" viewBox="0 0 24 24"><path d="M2,16V18A5,5 0 0,1 7,23H9A7,7 0 0,0 2,16M2,20V23H5A3,3 0 0,0 2,20M2,12V14A9,9 0 0,1 11,23H13C13,16.92 8.08,12 2,12M17,1H7A2,2 0 0,0 5,3V10.37C5.69,10.53 6.36,10.74 7,11V5H17V18H13.97C14.5,19.25 14.81,20.59 14.92,22H17A2,2 0 0,0 19,20V3A2,2 0 0,0 17,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-off.svg
new file mode 100644
index 00000000..42103446
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-off" viewBox="0 0 24 24"><path d="M2.38,1.73L1.11,3L5,6.89V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V20.89L20.84,22.73L22.11,21.46M17,19H7V8.89L17,18.89V19M17,5V13.8L19,15.8V3A2,2 0 0,0 17,1H7C6.28,1 5.6,1.37 5.24,2L8.24,5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-play.svg
new file mode 100644
index 00000000..4d63fc25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-play" viewBox="0 0 24 24"><path d="M17 19H7V5H17M17 1H7C5.89 1 5 1.89 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.89 18.1 1 17 1M10 9V15L14 12L10 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-remove.svg
new file mode 100644
index 00000000..0d5b3094
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-remove" viewBox="0 0 24 24"><path d="M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88M14.54 23H7C5.9 23 5 22.11 5 21V3C5 1.89 5.89 1 7 1H17C18.1 1 19 1.89 19 3V13C18.3 13 17.63 13.13 17 13.35V5H7V19H13C13 20.54 13.58 21.94 14.54 23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-screenshot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-screenshot.svg
new file mode 100644
index 00000000..c6f5504a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-screenshot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-screenshot" viewBox="0 0 24 24"><path d="M7,1A2,2 0 0,0 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3A2,2 0 0,0 17,1H7M7,4H17V20H7V4M9,6V10H10.5V7.5H13V6H9M13.5,14V16.5H11V18H15V14H13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-settings.svg
new file mode 100644
index 00000000..371f77fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-settings" viewBox="0 0 24 24"><path d="M16,16H8V4H16M16,0H8A2,2 0 0,0 6,2V18A2,2 0 0,0 8,20H16A2,2 0 0,0 18,18V2A2,2 0 0,0 16,0M15,24H17V22H15M11,24H13V22H11M7,24H9V22H7V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-sound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-sound.svg
new file mode 100644
index 00000000..b6124326
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-sound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-sound" viewBox="0 0 24 24"><path d="M19.1,8.7C20.9,10.5 20.9,13.3 19.1,15.2L20.1,16.2C22.6,13.9 22.6,10.1 20.1,7.7L19.1,8.7M18,9.8L17,10.8C17.5,11.5 17.5,12.4 17,13.1L18,14.1C19.2,12.9 19.2,11.1 18,9.8M14,1H4A2,2 0 0,0 2,3V21A2,2 0 0,0 4,23H14A2,2 0 0,0 16,21V3A2,2 0 0,0 14,1M14,20H4V4H14V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-text.svg
new file mode 100644
index 00000000..eba0d5fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-text" viewBox="0 0 24 24"><path d="M17,19V5H7V19H17M17,1A2,2 0 0,1 19,3V21A2,2 0 0,1 17,23H7C5.89,23 5,22.1 5,21V3C5,1.89 5.89,1 7,1H17M9,7H15V9H9V7M9,11H13V13H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-wireless.svg
new file mode 100644
index 00000000..f0f81186
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone-wireless" viewBox="0 0 24 24"><path d="M20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07L18.66,17.66C20.11,16.22 21,14.22 21,12C21,9.79 20.11,7.78 18.66,6.34L20.07,4.93M17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76M13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10M11.5,1A2.5,2.5 0 0,1 14,3.5V8H12V4H3V19H12V16H14V20.5A2.5,2.5 0 0,1 11.5,23H3.5A2.5,2.5 0 0,1 1,20.5V3.5A2.5,2.5 0 0,1 3.5,1H11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cellphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone.svg
new file mode 100644
index 00000000..4f7b7d99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cellphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cellphone" viewBox="0 0 24 24"><path d="M17,19H7V5H17M17,1H7C5.89,1 5,1.89 5,3V21A2,2 0 0,0 7,23H17A2,2 0 0,0 19,21V3C19,1.89 18.1,1 17,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/centos.svg b/apps/phoenix_webcomponent/priv/mdi/svg/centos.svg
new file mode 100644
index 00000000..31a81869
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/centos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-centos" viewBox="0 0 24 24"><path d="M19.07 14.93L22 12L19.07 9.07V4.93H14.93L12 2L9.07 4.93H4.93V9.07L2 12L4.93 14.93V19.07H9.07L12 22L14.93 19.07H19.07V14.93M21.41 12L19.07 14.34V12.46H13.69L13.23 12L13.69 11.54H19.07V9.66L21.41 12M18.66 14.76L17.32 16.09L14.11 12.87H18.66V14.76M12.46 13.1L12 12.65L11.54 13.1V12.46H10.9L11.36 12L10.9 11.54H11.54V10.9L12 11.36L12.46 10.9V11.54H13.1L12.65 12L13.1 12.46H12.46V13.1M14.11 11.13L17.32 7.91L18.66 9.24V11.13H14.11M18.66 5.35V8.65L17.32 7.32L13.5 11.13H12.87V10.5L16.68 6.68L15.35 5.35H18.66M12.87 9.89V5.35H14.76L16.09 6.68L12.87 9.89M12 2.59L14.34 4.93H12.46V10.31L12 10.77L11.54 10.31V4.93H9.66L12 2.59M11.13 9.89L7.91 6.68L9.24 5.35H11.13V9.89M5.35 5.35H8.65L7.32 6.68L11.13 10.5V11.13H10.5L6.68 7.32L5.35 8.65V5.35M5.35 9.24L6.68 7.91L9.89 11.13H5.35V9.24M2.59 12L4.93 9.66V11.54H10.31L10.77 12L10.31 12.46H4.93V14.34L2.59 12M9.89 12.87L6.68 16.09L5.35 14.76V12.87H9.89M5.35 18.66V15.35L6.68 16.68L10.5 12.87H11.13V13.5L7.32 17.32L8.65 18.65H5.35M11.13 14.11V18.66H9.24L7.91 17.32L11.13 14.11M12 21.41L9.66 19.07H11.54V13.69L12 13.23L12.46 13.69V19.07H14.34L12 21.41M12.87 14.11L16.09 17.32L14.76 18.66H12.87V14.11M15.35 18.66L16.68 17.32L12.87 13.5V12.87H13.5L17.32 16.68L18.65 15.35V18.66H15.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/certificate-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/certificate-outline.svg
new file mode 100644
index 00000000..68f0d96d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/certificate-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-certificate-outline" viewBox="0 0 24 24"><path d="M13 21L15 20L17 21V14H13M17 9V7L15 8L13 7V9L11 10L13 11V13L15 12L17 13V11L19 10M20 3H4A2 2 0 0 0 2 5V15A2 2 0 0 0 4 17H11V15H4V5H20V15H19V17H20A2 2 0 0 0 22 15V5A2 2 0 0 0 20 3M11 8H5V6H11M9 11H5V9H9M11 14H5V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/certificate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/certificate.svg
new file mode 100644
index 00000000..64bc0bc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/certificate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-certificate" viewBox="0 0 24 24"><path d="M4,3C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H12V22L15,19L18,22V17H20A2,2 0 0,0 22,15V8L22,6V5A2,2 0 0,0 20,3H16V3H4M12,5L15,7L18,5V8.5L21,10L18,11.5V15L15,13L12,15V11.5L9,10L12,8.5V5M4,5H9V7H4V5M4,9H7V11H4V9M4,13H9V15H4V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chair-rolling.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chair-rolling.svg
new file mode 100644
index 00000000..64dc5005
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chair-rolling.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chair-rolling" viewBox="0 0 24 24"><path d="M22 10V13H19V10H22M2 13H5V10H2V13M17 5C17 3.9 16.1 3 15 3H9C7.9 3 7 3.9 7 5V13H17V5M7 15H6V17H11V18L7 22H9.8L12 19.8L14.2 22H17L13 18V17H18V15H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chair-school.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chair-school.svg
new file mode 100644
index 00000000..fa295a6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chair-school.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chair-school" viewBox="0 0 24 24"><path d="M22,5V7H17L13.53,12H16V14H14.46L18.17,22H15.97L15.04,20H6.38L5.35,22H3.1L7.23,14H7C6.55,14 6.17,13.7 6.04,13.3L2.87,3.84L3.82,3.5C4.34,3.34 4.91,3.63 5.08,4.15L7.72,12H12.1L15.57,7H12V5H22M9.5,14L7.42,18H14.11L12.26,14H9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chandelier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chandelier.svg
new file mode 100644
index 00000000..de8b87ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chandelier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chandelier" viewBox="0 0 24 24"><path d="M15 13.1C15 14.76 13.66 16.1 12 16.1S9 14.76 9 13.1 10.34 10.1 12 10.1 15 11.44 15 13.1M9 2V3C9 4.11 9.9 5 11 5V9.1C11.32 9.04 11.66 9 12 9S12.68 9.04 13 9.1V5C14.11 5 15 4.11 15 3V2H9M4 11.1C2.34 11.1 1 12.44 1 14.1S2.34 17.1 4 17.1 7 15.76 7 14.1 5.66 11.1 4 11.1M20 11.1C18.34 11.1 17 12.44 17 14.1S18.34 17.1 20 17.1 23 15.76 23 14.1 21.66 11.1 20 11.1M20 18.1C19.32 18.1 18.67 17.96 18.08 17.71C17.6 17.95 17.07 18.1 16.5 18.1C15.39 18.1 14.41 17.57 13.77 16.77C13.22 17 12.63 17.1 12 17.1S10.78 17 10.23 16.77C9.59 17.57 8.61 18.1 7.5 18.1C6.93 18.1 6.4 17.95 5.92 17.71C5.33 17.96 4.68 18.1 4 18.1C3.73 18.1 3.46 18.06 3.2 18C4.21 19.29 5.76 20.1 7.5 20.1C8.83 20.1 10.05 19.63 11 18.84V21.1C11 21.65 11.45 22.1 12 22.1C12.55 22.1 13 21.65 13 21.1V18.84C13.95 19.63 15.17 20.1 16.5 20.1C18.24 20.1 19.79 19.29 20.8 18C20.54 18.06 20.27 18.1 20 18.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/charity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/charity.svg
new file mode 100644
index 00000000..713ea42e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/charity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-charity" viewBox="0 0 24 24"><path d="M12.75,3.94C13.75,3.22 14.91,2.86 16.22,2.86C16.94,2.86 17.73,3.05 18.59,3.45C19.45,3.84 20.13,4.3 20.63,4.83C21.66,6.11 22.09,7.6 21.94,9.3C21.78,11 21.22,12.33 20.25,13.27L12.66,20.86C12.47,21.05 12.23,21.14 11.95,21.14C11.67,21.14 11.44,21.05 11.25,20.86C11.06,20.67 10.97,20.44 10.97,20.16C10.97,19.88 11.06,19.64 11.25,19.45L15.84,14.86C16.09,14.64 16.09,14.41 15.84,14.16C15.59,13.91 15.36,13.91 15.14,14.16L10.55,18.75C10.36,18.94 10.13,19.03 9.84,19.03C9.56,19.03 9.33,18.94 9.14,18.75C8.95,18.56 8.86,18.33 8.86,18.05C8.86,17.77 8.95,17.53 9.14,17.34L13.73,12.75C14,12.5 14,12.25 13.73,12C13.5,11.75 13.28,11.75 13.03,12L8.44,16.64C8.25,16.83 8,16.92 7.73,16.92C7.45,16.92 7.21,16.83 7,16.64C6.8,16.45 6.7,16.22 6.7,15.94C6.7,15.66 6.81,15.41 7.03,15.19L11.63,10.59C11.88,10.34 11.88,10.11 11.63,9.89C11.38,9.67 11.14,9.67 10.92,9.89L6.28,14.5C6.06,14.7 5.83,14.81 5.58,14.81C5.3,14.81 5.06,14.71 4.88,14.5C4.69,14.3 4.59,14.06 4.59,13.78C4.59,13.5 4.69,13.27 4.88,13.08C7.94,10 9.83,8.14 10.55,7.45L14.11,10.97C14.5,11.34 14.95,11.53 15.5,11.53C16.2,11.53 16.75,11.25 17.16,10.69C17.44,10.28 17.54,9.83 17.46,9.33C17.38,8.83 17.17,8.41 16.83,8.06L12.75,3.94M14.81,10.27L10.55,6L3.47,13.08C2.63,12.23 2.15,10.93 2.04,9.16C1.93,7.4 2.41,5.87 3.47,4.59C4.66,3.41 6.08,2.81 7.73,2.81C9.39,2.81 10.8,3.41 11.95,4.59L16.22,8.86C16.41,9.05 16.5,9.28 16.5,9.56C16.5,9.84 16.41,10.08 16.22,10.27C16.03,10.45 15.8,10.55 15.5,10.55C15.23,10.55 15,10.45 14.81,10.27V10.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-arc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-arc.svg
new file mode 100644
index 00000000..d6089326
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-arc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-arc" viewBox="0 0 24 24"><path d="M16.18,19.6L14.17,16.12C15.15,15.4 15.83,14.28 15.97,13H20C19.83,15.76 18.35,18.16 16.18,19.6M13,7.03V3C17.3,3.26 20.74,6.7 21,11H16.97C16.74,8.91 15.09,7.26 13,7.03M7,12.5C7,13.14 7.13,13.75 7.38,14.3L3.9,16.31C3.32,15.16 3,13.87 3,12.5C3,7.97 6.54,4.27 11,4V8.03C8.75,8.28 7,10.18 7,12.5M11.5,21C8.53,21 5.92,19.5 4.4,17.18L7.88,15.17C8.7,16.28 10,17 11.5,17C12.14,17 12.75,16.87 13.3,16.62L15.31,20.1C14.16,20.68 12.87,21 11.5,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline-variant.svg
new file mode 100644
index 00000000..b411c682
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-areaspline-variant" viewBox="0 0 24 24"><path d="M22,21H2V3H4V15.54L9.5,6L16,9.78L20.24,2.45L21.97,3.45L22,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline.svg
new file mode 100644
index 00000000..34028af7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-areaspline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-areaspline" viewBox="0 0 24 24"><path d="M17.45,15.18L22,7.31V19L22,21H2V3H4V15.54L9.5,6L16,9.78L20.24,2.45L21.97,3.45L16.74,12.5L10.23,8.75L4.31,19H6.57L10.96,11.44L17.45,15.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar-stacked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar-stacked.svg
new file mode 100644
index 00000000..6ddc21d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar-stacked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-bar-stacked" viewBox="0 0 24 24"><path d="M22,21H2V3H4V19H6V17H10V19H12V16H16V19H18V17H22V21M18,14H22V16H18V14M12,6H16V9H12V6M16,15H12V10H16V15M6,10H10V12H6V10M10,16H6V13H10V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar.svg
new file mode 100644
index 00000000..ec84909e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-bar" viewBox="0 0 24 24"><path d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve-cumulative.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve-cumulative.svg
new file mode 100644
index 00000000..743eb47d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve-cumulative.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-bell-curve-cumulative" viewBox="0 0 24 24"><path d="M4 19V20H22V22H2V2H4V17C7 17 10 15 12.1 11.4C15.1 6.4 18.4 4 22 4V6C19.2 6 16.5 8.1 13.9 12.5C11.3 16.6 7.7 19 4 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve.svg
new file mode 100644
index 00000000..c0df5875
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bell-curve.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-bell-curve" viewBox="0 0 24 24"><path d="M9.96,11.31C10.82,8.1 11.5,6 13,6C14.5,6 15.18,8.1 16.04,11.31C17,14.92 18.1,19 22,19V17C19.8,17 19,14.54 17.97,10.8C17.08,7.46 16.15,4 13,4C9.85,4 8.92,7.46 8.03,10.8C7.03,14.54 6.2,17 4,17V2H2V22H22V20H4V19C7.9,19 9,14.92 9.96,11.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-outline.svg
new file mode 100644
index 00000000..0ca14800
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-box-outline" viewBox="0 0 24 24"><path d="M9 17H7V10H9V17M13 17H11V7H13V17M17 17H15V13H17V17M19 19H5V5H19V19.1M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-plus-outline.svg
new file mode 100644
index 00000000..0f5569fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-box-plus-outline" viewBox="0 0 24 24"><path d="M22 5V7H19V10H17V7H14V5H17V2H19V5H22M19 19H5V5H11V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V13H19V19M15 13V17H17V13H15M11 17H13V9H11V17M9 17V11H7V17H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box.svg
new file mode 100644
index 00000000..77e16bf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9 17H7V10H9V17M13 17H11V7H13V17M17 17H15V13H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-bubble.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bubble.svg
new file mode 100644
index 00000000..d43c899e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-bubble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-bubble" viewBox="0 0 24 24"><path d="M7.2,11.2C8.97,11.2 10.4,12.63 10.4,14.4C10.4,16.17 8.97,17.6 7.2,17.6C5.43,17.6 4,16.17 4,14.4C4,12.63 5.43,11.2 7.2,11.2M14.8,16A2,2 0 0,1 16.8,18A2,2 0 0,1 14.8,20A2,2 0 0,1 12.8,18A2,2 0 0,1 14.8,16M15.2,4A4.8,4.8 0 0,1 20,8.8C20,11.45 17.85,13.6 15.2,13.6A4.8,4.8 0 0,1 10.4,8.8C10.4,6.15 12.55,4 15.2,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut-variant.svg
new file mode 100644
index 00000000..8d8d154a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-donut-variant" viewBox="0 0 24 24"><path d="M13,2.05C18.05,2.55 22,6.82 22,12C22,13.45 21.68,14.83 21.12,16.07L18.5,14.54C18.82,13.75 19,12.9 19,12C19,8.47 16.39,5.57 13,5.08V2.05M12,19C14.21,19 16.17,18 17.45,16.38L20.05,17.91C18.23,20.39 15.3,22 12,22C6.47,22 2,17.5 2,12C2,6.81 5.94,2.55 11,2.05V5.08C7.61,5.57 5,8.47 5,12A7,7 0 0,0 12,19M12,6A6,6 0 0,1 18,12C18,14.97 15.84,17.44 13,17.92V14.83C14.17,14.42 15,13.31 15,12A3,3 0 0,0 12,9L11.45,9.05L9.91,6.38C10.56,6.13 11.26,6 12,6M6,12C6,10.14 6.85,8.5 8.18,7.38L9.72,10.05C9.27,10.57 9,11.26 9,12C9,13.31 9.83,14.42 11,14.83V17.92C8.16,17.44 6,14.97 6,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut.svg
new file mode 100644
index 00000000..1a57844f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-donut.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-donut" viewBox="0 0 24 24"><path d="M13,2.05V5.08C16.39,5.57 19,8.47 19,12C19,12.9 18.82,13.75 18.5,14.54L21.12,16.07C21.68,14.83 22,13.45 22,12C22,6.82 18.05,2.55 13,2.05M12,19A7,7 0 0,1 5,12C5,8.47 7.61,5.57 11,5.08V2.05C5.94,2.55 2,6.81 2,12A10,10 0 0,0 12,22C15.3,22 18.23,20.39 20.05,17.91L17.45,16.38C16.17,18 14.21,19 12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-gantt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-gantt.svg
new file mode 100644
index 00000000..2a20f680
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-gantt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-gantt" viewBox="0 0 24 24"><path d="M2,5H10V2H12V22H10V18H6V15H10V13H4V10H10V8H2V5M14,5H17V8H14V5M14,10H19V13H14V10M14,15H22V18H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-histogram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-histogram.svg
new file mode 100644
index 00000000..98b725ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-histogram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-histogram" viewBox="0 0 24 24"><path d="M3,3H5V13H9V7H13V11H17V15H21V21H3V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-stacked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-stacked.svg
new file mode 100644
index 00000000..41451cc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-stacked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-line-stacked" viewBox="0 0 24 24"><path d="M17.45,15.18L22,6.81V19L22,21H2V3H4V15.54L4,19H4.31L6,19H6.57L10.96,11.44L17.45,15.18M22,3L21.97,3.45L17,11L10,6L6,12V3H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-variant.svg
new file mode 100644
index 00000000..a8da8a6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-line-variant" viewBox="0 0 24 24"><path d="M3.5,18.5L9.5,12.5L13.5,16.5L22,6.92L20.59,5.5L13.5,13.5L9.5,9.5L2,17L3.5,18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-line.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line.svg
new file mode 100644
index 00000000..4701aef7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-line" viewBox="0 0 24 24"><path d="M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiline.svg
new file mode 100644
index 00000000..d9340050
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-multiline" viewBox="0 0 24 24"><path d="M22,6.92L20.59,5.5L17.74,8.72C15.68,6.4 12.83,5 9.61,5C6.72,5 4.07,6.16 2,8L3.42,9.42C5.12,7.93 7.27,7 9.61,7C12.35,7 14.7,8.26 16.38,10.24L13.5,13.5L9.5,9.5L2,17L3.5,18.5L9.5,12.5L13.5,16.5L17.55,11.93C18.3,13.28 18.8,14.83 19,16.5H21C20.78,14.18 20.05,12.09 18.96,10.34L22,6.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiple.svg
new file mode 100644
index 00000000..302b778d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-multiple" viewBox="0 0 24 24"><path d="M22 16V18H6V2H8V13.57L13.71 4.57L16.87 6.68L19.29 4.26L20.71 5.68L17.13 9.29L14.29 7.4L8.82 16M4 20V4H2V22H22V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie-outline.svg
new file mode 100644
index 00000000..d887d7e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-pie-outline" viewBox="0 0 24 24"><path d="M13 11H19.95Q19.58 8.25 17.66 6.34 15.75 4.43 13 4.05M11 19.95V4.05Q8 4.43 6 6.69 4 8.95 4 12T6 17.31Q8 19.58 11 19.95M13 19.95Q15.75 19.6 17.68 17.68 19.6 15.75 19.95 13H13M12 12M12 22Q9.93 22 8.1 21.21 6.28 20.43 4.93 19.08 3.58 17.73 2.79 15.9 2 14.08 2 12T2.79 8.1Q3.58 6.28 4.93 4.93 6.28 3.58 8.1 2.79 9.93 2 12 2T15.89 2.79Q17.7 3.58 19.06 4.94 20.43 6.3 21.21 8.11 22 9.93 22 12 22 14.05 21.21 15.88 20.43 17.7 19.08 19.06 17.73 20.43 15.9 21.21 14.08 22 12 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie.svg
new file mode 100644
index 00000000..298d62ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-pie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-pie" viewBox="0 0 24 24"><path d="M11,2V22C5.9,21.5 2,17.2 2,12C2,6.8 5.9,2.5 11,2M13,2V11H22C21.5,6.2 17.8,2.5 13,2M13,13V22C17.7,21.5 21.5,17.8 22,13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-ppf.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-ppf.svg
new file mode 100644
index 00000000..2b2780d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-ppf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-ppf" viewBox="0 0 24 24"><path d="M5 6V8C8.2 8 11.36 9.18 13.57 11.15C15.64 13 16.83 15.5 17 18H18.97A14 12.5 0 0 0 5 6M22 21H2V3H4V19H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey-variant.svg
new file mode 100644
index 00000000..91d163c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-sankey-variant" viewBox="0 0 24 24"><path d="M20 4V6H4V4H2V12H4V10C8.16 10 9.92 12.11 11.77 14.34S15.65 19 20 19V21H22V15H20V17C16.59 17 15.07 15.17 13.31 13.06C11.34 10.69 9.1 8 4 8H20V10H22V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey.svg
new file mode 100644
index 00000000..49bb1db4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-sankey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-sankey" viewBox="0 0 24 24"><path d="M22 5H4V2H2V22H22V20H4V9C8.09 9 10.13 11 12.29 13.21S17.09 18 22 18V16C17.91 16 15.87 14 13.71 11.79S8.91 7 4 7H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot-hexbin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot-hexbin.svg
new file mode 100644
index 00000000..3bbfead5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot-hexbin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-scatter-plot-hexbin" viewBox="0 0 24 24"><path d="M2,2H4V20H22V22H2V2M14,14.5L12,18H7.94L5.92,14.5L7.94,11H12L14,14.5M14.08,6.5L12.06,10H8L6,6.5L8,3H12.06L14.08,6.5M21.25,10.5L19.23,14H15.19L13.17,10.5L15.19,7H19.23L21.25,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot.svg
new file mode 100644
index 00000000..9b366646
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-scatter-plot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-scatter-plot" viewBox="0 0 24 24"><path d="M2,2H4V20H22V22H2V2M9,10A3,3 0 0,1 12,13A3,3 0 0,1 9,16A3,3 0 0,1 6,13A3,3 0 0,1 9,10M13,2A3,3 0 0,1 16,5A3,3 0 0,1 13,8A3,3 0 0,1 10,5A3,3 0 0,1 13,2M18,12A3,3 0 0,1 21,15A3,3 0 0,1 18,18A3,3 0 0,1 15,15A3,3 0 0,1 18,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant-shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant-shimmer.svg
new file mode 100644
index 00000000..c06fc4d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant-shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-timeline-variant-shimmer" viewBox="0 0 24 24"><path d="M21 8C19.5 8 18.7 9.4 19.1 10.5L15.5 14.1C15.2 14 14.8 14 14.5 14.1L11.9 11.5C12.3 10.4 11.5 9 10 9C8.6 9 7.7 10.4 8.1 11.5L3.5 16C2.4 15.7 1 16.5 1 18C1 19.1 1.9 20 3 20C4.4 20 5.3 18.6 4.9 17.5L9.4 12.9C9.7 13 10.1 13 10.4 12.9L13 15.5C12.7 16.5 13.5 18 15 18C16.5 18 17.3 16.6 16.9 15.5L20.5 11.9C21.6 12.2 23 11.4 23 10C23 8.9 22.1 8 21 8M15 9L15.9 6.9L18 6L15.9 5.1L15 3L14.1 5.1L12 6L14.1 6.9L15 9M3.5 11L4 9L6 8.5L4 8L3.5 6L3 8L1 8.5L3 9L3.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant.svg
new file mode 100644
index 00000000..af1bdcbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-timeline-variant" viewBox="0 0 24 24"><path d="M3,14L3.5,14.07L8.07,9.5C7.89,8.85 8.06,8.11 8.59,7.59C9.37,6.8 10.63,6.8 11.41,7.59C11.94,8.11 12.11,8.85 11.93,9.5L14.5,12.07L15,12C15.18,12 15.35,12 15.5,12.07L19.07,8.5C19,8.35 19,8.18 19,8A2,2 0 0,1 21,6A2,2 0 0,1 23,8A2,2 0 0,1 21,10C20.82,10 20.65,10 20.5,9.93L16.93,13.5C17,13.65 17,13.82 17,14A2,2 0 0,1 15,16A2,2 0 0,1 13,14L13.07,13.5L10.5,10.93C10.18,11 9.82,11 9.5,10.93L4.93,15.5L5,16A2,2 0 0,1 3,18A2,2 0 0,1 1,16A2,2 0 0,1 3,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline.svg
new file mode 100644
index 00000000..3487037e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-timeline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-timeline" viewBox="0 0 24 24"><path d="M2,2H4V20H22V22H2V2M7,10H17V13H7V10M11,15H21V18H11V15M6,4H22V8H20V6H8V8H6V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-tree.svg
new file mode 100644
index 00000000..abbb367c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-tree" viewBox="0 0 24 24"><path d="M14,6H22V22H14V6M2,4H22V2H2V4M2,8H12V6H2V8M9,22H12V10H9V22M2,22H7V10H2V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chart-waterfall.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chart-waterfall.svg
new file mode 100644
index 00000000..d06dfd52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chart-waterfall.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chart-waterfall" viewBox="0 0 24 24"><path d="M2 2H4V20H22V22H2V2M17 2H20V18H17V2M6 11H9V18H6V11M13 3H16V7H13V3M10 8H13V12H10V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert-outline.svg
new file mode 100644
index 00000000..949b33ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-alert-outline" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M11 13V15H13V13H11M11 11H13V7H11V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert.svg
new file mode 100644
index 00000000..7ea5bbb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-alert" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M11,14V16H13V14H11M11,12H13V6H11V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus-outline.svg
new file mode 100644
index 00000000..db0285de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-minus-outline" viewBox="0 0 24 24"><path d="M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C21.19 12.38 20.55 12.16 19.88 12.06C19.96 11.72 20 11.36 20 11C20 7.69 16.42 5 12 5S4 7.69 4 11 7.58 17 12 17L13.09 16.95L13 18L13.08 18.95L12 19C10.81 19 9.62 18.83 8.47 18.5C6.64 20 4.37 20.89 2 21C4.33 18.67 4.75 17.1 4.75 16.5C3.06 15.17 2.05 13.15 2 11C2 6.58 6.5 3 12 3M23 17V19H15V17H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus.svg
new file mode 100644
index 00000000..e4755cc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-minus" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C20.95 12.25 20 12 19 12C15.69 12 13 14.69 13 18L13.08 18.95L12 19C10.76 19 9.57 18.82 8.47 18.5C5.55 21 2 21 2 21C4.33 18.67 4.7 17.1 4.75 16.5C3.05 15.07 2 13.14 2 11C2 6.58 6.5 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-outline.svg
new file mode 100644
index 00000000..838f95d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-outline" viewBox="0 0 24 24"><path d="M12,3C6.5,3 2,6.58 2,11C2.05,13.15 3.06,15.17 4.75,16.5C4.75,17.1 4.33,18.67 2,21C4.37,20.89 6.64,20 8.47,18.5C9.61,18.83 10.81,19 12,19C17.5,19 22,15.42 22,11C22,6.58 17.5,3 12,3M12,17C7.58,17 4,14.31 4,11C4,7.69 7.58,5 12,5C16.42,5 20,7.69 20,11C20,14.31 16.42,17 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus-outline.svg
new file mode 100644
index 00000000..8694abc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-plus-outline" viewBox="0 0 24 24"><path d="M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C21.19 12.38 20.55 12.16 19.88 12.06C19.96 11.72 20 11.36 20 11C20 7.69 16.42 5 12 5C7.58 5 4 7.69 4 11C4 14.31 7.58 17 12 17L13.09 16.95L13 18L13.08 18.95L12 19C10.81 19 9.62 18.83 8.47 18.5C6.64 20 4.37 20.89 2 21C4.33 18.67 4.75 17.1 4.75 16.5C3.06 15.17 2.05 13.15 2 11C2 6.58 6.5 3 12 3M18 14H20V17H23V19H20V22H18V19H15V17H18V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus.svg
new file mode 100644
index 00000000..5def7db6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-plus" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C20.95 12.25 20 12 19 12C15.69 12 13 14.69 13 18L13.08 18.95L12 19C10.76 19 9.57 18.82 8.47 18.5C5.55 21 2 21 2 21C4.33 18.67 4.7 17.1 4.75 16.5C3.05 15.07 2 13.14 2 11C2 6.58 6.5 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing-outline.svg
new file mode 100644
index 00000000..3fd42722
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-processing-outline" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M17 12V10H15V12H17M13 12V10H11V12H13M9 12V10H7V12H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing.svg
new file mode 100644
index 00000000..2b864795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-processing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-processing" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3M17,12V10H15V12H17M13,12V10H11V12H13M9,12V10H7V12H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-question-outline.svg
new file mode 100644
index 00000000..0aabe106
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-question-outline" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.6 2 11C2 13.2 3.1 15.2 4.8 16.5C4.8 17.1 4.4 18.7 2 21C4.4 20.9 6.6 20 8.5 18.5C9.6 18.8 10.8 19 12 19C17.5 19 22 15.4 22 11S17.5 3 12 3M12 17C7.6 17 4 14.3 4 11S7.6 5 12 5 20 7.7 20 11 16.4 17 12 17M12.2 6.5C11.3 6.5 10.6 6.7 10.1 7C9.5 7.4 9.2 8 9.3 8.7H11.3C11.3 8.4 11.4 8.2 11.6 8.1C11.8 8 12 7.9 12.3 7.9C12.6 7.9 12.9 8 13.1 8.2C13.3 8.4 13.4 8.6 13.4 8.9C13.4 9.2 13.3 9.4 13.2 9.6C13 9.8 12.8 10 12.6 10.1C12.1 10.4 11.7 10.7 11.5 10.9C11.1 11.2 11 11.5 11 12H13C13 11.7 13.1 11.5 13.1 11.3C13.2 11.1 13.4 11 13.6 10.8C14.1 10.6 14.4 10.3 14.7 9.9C15 9.5 15.1 9.1 15.1 8.7C15.1 8 14.8 7.4 14.3 7C13.9 6.7 13.1 6.5 12.2 6.5M11 13V15H13V13H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-question.svg
new file mode 100644
index 00000000..104bca66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-question" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.6 2 11C2 13.1 3 15.1 4.8 16.5C4.8 17.1 4.4 18.7 2 21C2 21 5.5 21 8.5 18.5C9.6 18.8 10.8 19 12 19C17.5 19 22 15.4 22 11S17.5 3 12 3M13 15H11V13H13V15M14.8 10C14.5 10.4 14.1 10.6 13.7 10.8C13.4 11 13.3 11.1 13.2 11.3C13 11.5 13 11.7 13 12H11C11 11.5 11.1 11.2 11.3 10.9C11.5 10.7 11.9 10.4 12.4 10.1C12.7 10 12.9 9.8 13 9.6C13.1 9.4 13.2 9.1 13.2 8.9C13.2 8.6 13.1 8.4 12.9 8.2C12.7 8 12.4 7.9 12.1 7.9C11.8 7.9 11.6 8 11.4 8.1C11.2 8.2 11.1 8.4 11.1 8.7H9.1C9.2 8 9.5 7.4 10 7C10.5 6.6 11.2 6.5 12.1 6.5C13 6.5 13.8 6.7 14.3 7.1C14.8 7.5 15.1 8.1 15.1 8.8C15.2 9.2 15.1 9.6 14.8 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove-outline.svg
new file mode 100644
index 00000000..c9b3da2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-remove-outline" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.54 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.54L15.46 20.12L17.59 18L15.47 15.88M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C21.19 12.38 20.55 12.16 19.88 12.06C19.96 11.72 20 11.36 20 11C20 7.69 16.42 5 12 5C7.58 5 4 7.69 4 11C4 14.31 7.58 17 12 17L13.09 16.95L13 18L13.08 18.95L12 19C10.81 19 9.62 18.83 8.47 18.5C6.64 20 4.37 20.89 2 21C4.33 18.67 4.75 17.1 4.75 16.5C3.06 15.17 2.05 13.15 2 11C2 6.58 6.5 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove.svg
new file mode 100644
index 00000000..af7ab4b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-remove" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.54 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.54L15.46 20.12L17.59 18L15.47 15.88M12 3C17.5 3 22 6.58 22 11C22 11.58 21.92 12.14 21.78 12.68C20.95 12.25 20 12 19 12C15.69 12 13 14.69 13 18L13.08 18.95L12 19C10.76 19 9.57 18.82 8.47 18.5C5.55 21 2 21 2 21C4.33 18.67 4.7 17.1 4.75 16.5C3.05 15.07 2 13.14 2 11C2 6.58 6.5 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep-outline.svg
new file mode 100644
index 00000000..8f02136d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-sleep-outline" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.58 2 11C2.05 13.15 3.06 15.17 4.75 16.5C4.75 17.1 4.33 18.67 2 21C4.37 20.89 6.64 20 8.47 18.5C9.61 18.83 10.81 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M12 17C7.58 17 4 14.31 4 11S7.58 5 12 5 20 7.69 20 11 16.42 17 12 17M15 7H9V9H12.24L9 12.7V15H15V13H11.76L15 9.3V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep.svg
new file mode 100644
index 00000000..e447ed8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat-sleep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat-sleep" viewBox="0 0 24 24"><path d="M12 3C6.5 3 2 6.58 2 11C2 13.13 3.05 15.07 4.75 16.5C4.7 17.1 4.33 18.67 2 21C2 21 5.55 21 8.47 18.5C9.57 18.82 10.76 19 12 19C17.5 19 22 15.42 22 11S17.5 3 12 3M15 9.3L11.76 13H15V15H9V12.7L12.24 9H9V7H15V9.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chat.svg
new file mode 100644
index 00000000..57f37fe1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chat" viewBox="0 0 24 24"><path d="M12,3C17.5,3 22,6.58 22,11C22,15.42 17.5,19 12,19C10.76,19 9.57,18.82 8.47,18.5C5.55,21 2,21 2,21C4.33,18.67 4.7,17.1 4.75,16.5C3.05,15.07 2,13.13 2,11C2,6.58 6.5,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-all.svg
new file mode 100644
index 00000000..193092d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-all" viewBox="0 0 24 24"><path d="M0.41,13.41L6,19L7.41,17.58L1.83,12M22.24,5.58L11.66,16.17L7.5,12L6.07,13.41L11.66,19L23.66,7M18,7L16.59,5.58L10.24,11.93L11.66,13.34L18,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-bold.svg
new file mode 100644
index 00000000..cdf07ff4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-bold" viewBox="0 0 24 24"><path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-circle-outline.svg
new file mode 100644
index 00000000..0cc4e728
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.59 7.58L10 14.17L7.41 11.59L6 13L10 17L18 9L16.59 7.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-circle.svg
new file mode 100644
index 00000000..3557d1a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram-outline.svg
new file mode 100644
index 00000000..35dfc38f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-decagram-outline" viewBox="0 0 24 24"><path d="M23 12L20.6 9.2L20.9 5.5L17.3 4.7L15.4 1.5L12 3L8.6 1.5L6.7 4.7L3.1 5.5L3.4 9.2L1 12L3.4 14.8L3.1 18.5L6.7 19.3L8.6 22.5L12 21L15.4 22.5L17.3 19.3L20.9 18.5L20.6 14.8L23 12M18.7 16.9L16 17.5L14.6 19.9L12 18.8L9.4 19.9L8 17.5L5.3 16.9L5.5 14.1L3.7 12L5.5 9.9L5.3 7.1L8 6.5L9.4 4.1L12 5.2L14.6 4.1L16 6.5L18.7 7.1L18.5 9.9L20.3 12L18.5 14.1L18.7 16.9M16.6 7.6L18 9L10 17L6 13L7.4 11.6L10 14.2L16.6 7.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram.svg
new file mode 100644
index 00000000..9dab6f02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-decagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-network-outline.svg
new file mode 100644
index 00000000..0f52b27f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,10.37L9.24,9.13L10.93,10.83L14.76,7L16,8.5L10.93,13.57L8,10.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-network.svg
new file mode 100644
index 00000000..ca95d25a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-network" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M8.25,10.08L9.41,8.92L11,10.5L14.59,6.92L15.75,8.33L11,13.08L8.25,10.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-outline.svg
new file mode 100644
index 00000000..7be98058
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-outline" viewBox="0 0 24 24"><path d="M19.78,2.2L24,6.42L8.44,22L0,13.55L4.22,9.33L8.44,13.55L19.78,2.2M19.78,5L8.44,16.36L4.22,12.19L2.81,13.55L8.44,19.17L21.19,6.42L19.78,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle-outline.svg
new file mode 100644
index 00000000..44f3a372
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-underline-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M7,15H17V17H7V15M10.3,11.2L8.4,9.3L7,10.7L10.3,14L17,7.3L15.6,5.9L10.3,11.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle.svg
new file mode 100644
index 00000000..76b3dee0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-underline-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,18H7V16H17V18M10.3,14L7,10.7L8.4,9.3L10.3,11.2L15.6,5.9L17,7.3L10.3,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check-underline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline.svg
new file mode 100644
index 00000000..e8632933
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check-underline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check-underline" viewBox="0 0 24 24"><path d="M21,5L9,17L3.5,11.5L4.91,10.09L9,14.17L19.59,3.59L21,5M3,21V19H21V21H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/check.svg
new file mode 100644
index 00000000..066aed30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-check" viewBox="0 0 24 24"><path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbook.svg
new file mode 100644
index 00000000..c3c50fc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbook" viewBox="0 0 24 24"><path d="M5,14H19V15H5V14M21,17V8H3V17H21M1,5H23V19H1V5M5,10H12V12H5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge-outline.svg
new file mode 100644
index 00000000..4395faef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-badge-outline" viewBox="0 0 24 24"><path d="M23 4.5C23 6.43 21.43 8 19.5 8S16 6.43 16 4.5 17.57 1 19.5 1 23 2.57 23 4.5M19.5 10C19.33 10 19.17 10 19 10V19H5V5H14.03C14 4.84 14 4.67 14 4.5C14 4 14.08 3.5 14.21 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V9.79C20.5 9.92 20 10 19.5 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge.svg
new file mode 100644
index 00000000..1d74b183
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-badge" viewBox="0 0 24 24"><path d="M23 4.5C23 6.43 21.43 8 19.5 8S16 6.43 16 4.5 17.57 1 19.5 1 23 2.57 23 4.5M19.5 10C16.47 10 14 7.53 14 4.5C14 4 14.08 3.5 14.21 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V9.79C20.5 9.92 20 10 19.5 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle-outline.svg
new file mode 100644
index 00000000..8f74c2b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-circle-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle.svg
new file mode 100644
index 00000000..56496178
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off-outline.svg
new file mode 100644
index 00000000..f9cad521
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3 4.9V19C3 20.11 3.9 21 5 21H19.1L20.84 22.73L22.11 21.46M5 19V6.89L17.11 19H5M8.2 5L6.2 3H19C20.1 3 21 3.89 21 5V17.8L19 15.8V5H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off.svg
new file mode 100644
index 00000000..76c86447
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-off" viewBox="0 0 24 24"><path d="M20.84 22.73L19.1 21C19.06 21 19.03 21 19 21H5C3.9 21 3 20.11 3 19V5C3 4.97 3 4.94 3 4.9L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M21 5C21 3.89 20.1 3 19 3H6.2L21 17.8V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-outline.svg
new file mode 100644
index 00000000..96924f23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank-outline" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank.svg
new file mode 100644
index 00000000..9b26a467
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-blank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-blank" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate-variant.svg
new file mode 100644
index 00000000..492669df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-intermediate-variant" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M7 17V7H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate.svg
new file mode 100644
index 00000000..6e06cb12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-intermediate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-intermediate" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,17H7V7H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-outline.svg
new file mode 100644
index 00000000..88785aba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-marked-circle-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-plus-outline.svg
new file mode 100644
index 00000000..7f7a4a41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-marked-circle-plus-outline" viewBox="0 0 24 24"><path d="M14.3 21.7C13.6 21.9 12.8 22 12 22C6.5 22 2 17.5 2 12S6.5 2 12 2C13.3 2 14.6 2.3 15.8 2.7L14.2 4.3C13.5 4.1 12.8 4 12 4C7.6 4 4 7.6 4 12S7.6 20 12 20C12.4 20 12.9 20 13.3 19.9C13.5 20.6 13.9 21.2 14.3 21.7M7.9 10.1L6.5 11.5L11 16L21 6L19.6 4.6L11 13.2L7.9 10.1M18 14V17H15V19H18V22H20V19H23V17H20V14H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle.svg
new file mode 100644
index 00000000..564d8fff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-marked-circle" viewBox="0 0 24 24"><path d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-outline.svg
new file mode 100644
index 00000000..13f3ba45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-marked-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H15V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V11H19M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked.svg
new file mode 100644
index 00000000..d86a36dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-marked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-marked" viewBox="0 0 24 24"><path d="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle-outline.svg
new file mode 100644
index 00000000..ddcbdff0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-blank-circle-outline" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M14,4C17.32,4 20,6.69 20,10C20,13.32 17.32,16 14,16A6,6 0 0,1 8,10A6,6 0 0,1 14,4M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle.svg
new file mode 100644
index 00000000..c5d7c476
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-blank-circle" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-outline.svg
new file mode 100644
index 00000000..3894aa33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-blank-outline" viewBox="0 0 24 24"><path d="M20,16V4H8V16H20M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank.svg
new file mode 100644
index 00000000..676095b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-blank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-blank" viewBox="0 0 24 24"><path d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle-outline.svg
new file mode 100644
index 00000000..a3616df1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-marked-circle-outline" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10H20C20,13.32 17.32,16 14,16A6,6 0 0,1 8,10A6,6 0 0,1 14,4C14.43,4 14.86,4.05 15.27,4.14L16.88,2.54C15.96,2.18 15,2 14,2M20.59,3.58L14,10.17L11.62,7.79L10.21,9.21L14,13L22,5M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle.svg
new file mode 100644
index 00000000..67b21877
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-marked-circle" viewBox="0 0 24 24"><path d="M14,2A8,8 0 0,0 6,10A8,8 0 0,0 14,18A8,8 0 0,0 22,10A8,8 0 0,0 14,2M4.93,5.82C3.08,7.34 2,9.61 2,12A8,8 0 0,0 10,20C10.64,20 11.27,19.92 11.88,19.77C10.12,19.38 8.5,18.5 7.17,17.29C5.22,16.25 4,14.21 4,12C4,11.7 4.03,11.41 4.07,11.11C4.03,10.74 4,10.37 4,10C4,8.56 4.32,7.13 4.93,5.82M18.09,6.08L19.5,7.5L13,14L9.21,10.21L10.63,8.79L13,11.17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-outline.svg
new file mode 100644
index 00000000..2b19cc46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-marked-outline" viewBox="0 0 24 24"><path d="M20,16V10H22V16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H16V4H8V16H20M10.91,7.08L14,10.17L20.59,3.58L22,5L14,13L9.5,8.5L10.91,7.08M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked.svg
new file mode 100644
index 00000000..1334d8dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-marked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-marked" viewBox="0 0 24 24"><path d="M22,16A2,2 0 0,1 20,18H8C6.89,18 6,17.1 6,16V4C6,2.89 6.89,2 8,2H20A2,2 0 0,1 22,4V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16M13,14L20,7L18.59,5.59L13,11.17L9.91,8.09L8.5,9.5L13,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-outline.svg
new file mode 100644
index 00000000..1d3dfdbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-multiple-outline" viewBox="0 0 24 24"><path d="M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H8V4H20V16M16,20V22H4A2,2 0 0,1 2,20V7H4V20H16M18.53,8.06L17.47,7L12.59,11.88L10.47,9.76L9.41,10.82L12.59,14L18.53,8.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-outline.svg
new file mode 100644
index 00000000..b682ae66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkbox-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkbox-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,5V19H5V5H19M10,17L6,13L7.41,11.58L10,14.17L16.59,7.58L18,9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-minus.svg
new file mode 100644
index 00000000..371ad49c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkerboard-minus" viewBox="0 0 24 24"><path d="M14 17V19H22V17M8 16H12V12H8V16M12 12H16V8H12V12M2 2V22H13.5C13 21.4 12.6 20.7 12.3 20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12.4C20.7 12.7 21.4 13.1 22 13.6V2H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-plus.svg
new file mode 100644
index 00000000..9f033bae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkerboard-plus" viewBox="0 0 24 24"><path d="M19 17H22V19H19V22H17V19H14V17H17V14H19V17M8 16H12V12H8V16M12 12H16V8H12V12M2 2V22H13.54C13 21.42 12.63 20.74 12.36 20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12.36C20.74 12.63 21.42 13 22 13.54V2H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-remove.svg
new file mode 100644
index 00000000..fd3ac603
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkerboard-remove" viewBox="0 0 24 24"><path d="M8 16H12V12H8V16M12 12H16V8H12V12M2 2V22H13.5C13 21.4 12.6 20.7 12.3 20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12.4C20.7 12.7 21.4 13.1 22 13.6V2H2M20.1 14.5L18 16.6L15.9 14.5L14.5 15.9L16.6 18L14.5 20.1L15.9 21.5L18 19.4L20.1 21.5L21.5 20.1L19.4 18L21.5 15.9L20.1 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard.svg
new file mode 100644
index 00000000..14188620
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/checkerboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-checkerboard" viewBox="0 0 24 24"><path d="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cheese-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cheese-off.svg
new file mode 100644
index 00000000..b426da1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cheese-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cheese-off" viewBox="0 0 24 24"><path d="M3.5 1.7L2.2 3L6.1 6.9V9C7.2 9.2 8.1 10.2 8.1 11.5S7.2 13.7 6.1 14V21L12.1 17.5C12.1 16.7 12.8 16 13.6 16C13.9 16 14.2 16.1 14.4 16.2L15.1 15.8L20.3 21L21.6 19.7L3.5 1.7M10.1 16C9.6 16 9.1 15.5 9.1 15S9.6 14 10.1 14 11.1 14.5 11.1 15 10.6 16 10.1 16M13.8 9.5L9.9 5.6C10.2 5.9 10.6 6 11.1 6C12.1 6 12.9 5.2 13.1 4.2C15.4 5.2 17.6 6.6 19.3 8.4C19.2 8.6 19.1 8.7 19.1 8.9C19.1 9.4 19.6 9.9 20.1 9.9C20.3 9.9 20.4 9.9 20.5 9.8C21 10.4 21.4 11.1 21.8 11.8L18.3 13.8L16.6 12.1C16.9 11.8 17.1 11.3 17.1 10.8C17.1 9.7 16.2 8.8 15.1 8.8C14.6 9 14.1 9.2 13.8 9.5M9.5 5.2L7.3 3C8 3 8.6 3.1 9.2 3.2C9.1 3.5 9.1 3.7 9.1 4C9.1 4.4 9.2 4.9 9.5 5.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cheese.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cheese.svg
new file mode 100644
index 00000000..5fcd9093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cheese.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cheese" viewBox="0 0 24 24"><path d="M11 17.5C11 16.67 11.67 16 12.5 16C12.79 16 13.06 16.09 13.29 16.23L20.75 11.93C20.35 11.22 19.9 10.55 19.41 9.9C19.29 9.96 19.15 10 19 10C18.45 10 18 9.55 18 9C18 8.8 18.08 8.62 18.18 8.46C16.45 6.64 14.34 5.2 12 4.25C11.85 5.24 11 6 10 6C8.9 6 8 5.11 8 4C8 3.72 8.06 3.45 8.16 3.21C7.3 3.08 6.41 3 5.5 3C5.33 3 5.17 3 5 3.03V9.05C6.14 9.28 7 10.29 7 11.5S6.14 13.72 5 13.95V21L11 17.54C11 17.53 11 17.5 11 17.5M14 9C15.11 9 16 9.9 16 11S15.11 13 14 13 12 12.11 12 11 12.9 9 14 9M9 16C8.45 16 8 15.55 8 15S8.45 14 9 14 10 14.45 10 15 9.55 16 9 16M9 10C8.45 10 8 9.55 8 9S8.45 8 9 8 10 8.45 10 9 9.55 10 9 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chef-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chef-hat.svg
new file mode 100644
index 00000000..5768367b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chef-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chef-hat" viewBox="0 0 24 24"><path d="M12.5,1.5C10.73,1.5 9.17,2.67 8.67,4.37C8.14,4.13 7.58,4 7,4A4,4 0 0,0 3,8C3,9.82 4.24,11.41 6,11.87V19H19V11.87C20.76,11.41 22,9.82 22,8A4,4 0 0,0 18,4C17.42,4 16.86,4.13 16.33,4.37C15.83,2.67 14.27,1.5 12.5,1.5M12,10.5H13V17.5H12V10.5M9,12.5H10V17.5H9V12.5M15,12.5H16V17.5H15V12.5M6,20V21A1,1 0 0,0 7,22H18A1,1 0 0,0 19,21V20H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chemical-weapon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chemical-weapon.svg
new file mode 100644
index 00000000..31645217
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chemical-weapon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chemical-weapon" viewBox="0 0 24 24"><path d="M11,7.83C9.83,7.42 9,6.3 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6.31 14.16,7.42 13,7.83V10.64C12.68,10.55 12.35,10.5 12,10.5C11.65,10.5 11.32,10.55 11,10.64V7.83M18.3,21.1C17.16,20.45 16.62,19.18 16.84,17.96L14.4,16.55C14.88,16.09 15.24,15.5 15.4,14.82L17.84,16.23C18.78,15.42 20.16,15.26 21.29,15.91C22.73,16.74 23.22,18.57 22.39,20C21.56,21.44 19.73,21.93 18.3,21.1M2.7,15.9C3.83,15.25 5.21,15.42 6.15,16.22L8.6,14.81C8.76,15.5 9.11,16.08 9.6,16.54L7.15,17.95C7.38,19.17 6.83,20.45 5.7,21.1C4.26,21.93 2.43,21.44 1.6,20C0.77,18.57 1.26,16.73 2.7,15.9M14,14A2,2 0 0,1 12,16C10.89,16 10,15.1 10,14A2,2 0 0,1 12,12C13.11,12 14,12.9 14,14M17,14L16.97,14.57L15.5,13.71C15.4,12.64 14.83,11.71 14,11.12V9.41C15.77,10.19 17,11.95 17,14M14.97,18.03C14.14,18.64 13.11,19 12,19C10.89,19 9.86,18.64 9.03,18L10.5,17.17C10.96,17.38 11.47,17.5 12,17.5C12.53,17.5 13.03,17.38 13.5,17.17L14.97,18.03M7.03,14.56L7,14C7,11.95 8.23,10.19 10,9.42V11.13C9.17,11.71 8.6,12.64 8.5,13.7L7.03,14.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-bishop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-bishop.svg
new file mode 100644
index 00000000..213d6ea1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-bishop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-bishop" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M17.16,8.26C18.22,9.63 18.86,11.28 19,13C19,15.76 15.87,18 12,18C8.13,18 5,15.76 5,13C5,10.62 7.33,6.39 10.46,5.27C10.16,4.91 10,4.46 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.46 13.84,4.91 13.54,5.27C14.4,5.6 15.18,6.1 15.84,6.74L11.29,11.29L12.71,12.71L17.16,8.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-king.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-king.svg
new file mode 100644
index 00000000..3f178c37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-king.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-king" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M17,10C15.58,10 14.26,10.77 13.55,12H13V7H16V5H13V2H11V5H8V7H11V12H10.45C9.35,10.09 6.9,9.43 5,10.54C3.07,11.64 2.42,14.09 3.5,16C4.24,17.24 5.57,18 7,18H17A4,4 0 0,0 21,14A4,4 0 0,0 17,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-knight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-knight.svg
new file mode 100644
index 00000000..8a89142c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-knight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-knight" viewBox="0 0 24 24"><path d="M19,22H5V20H19V22M13,2V2C11.75,2 10.58,2.62 9.89,3.66L7,8L9,10L11.06,8.63C11.5,8.32 12.14,8.44 12.45,8.9C12.47,8.93 12.5,8.96 12.5,9V9C12.8,9.59 12.69,10.3 12.22,10.77L7.42,15.57C6.87,16.13 6.87,17.03 7.43,17.58C7.69,17.84 8.05,18 8.42,18H17V6A4,4 0 0,0 13,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-pawn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-pawn.svg
new file mode 100644
index 00000000..8ccba431
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-pawn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-pawn" viewBox="0 0 24 24"><path d="M19 22H5V20H19V22M16 18H8L10.18 10H8V8H10.72L10.79 7.74C10.1 7.44 9.55 6.89 9.25 6.2C8.58 4.68 9.27 2.91 10.79 2.25C12.31 1.58 14.08 2.27 14.74 3.79C15.41 5.31 14.72 7.07 13.2 7.74L13.27 8H16V10H13.82L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-queen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-queen.svg
new file mode 100644
index 00000000..6a088fb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-queen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-queen" viewBox="0 0 24 24"><path d="M18,3A2,2 0 0,1 20,5C20,5.81 19.5,6.5 18.83,6.82L17,13.15V18H7V13.15L5.17,6.82C4.5,6.5 4,5.81 4,5A2,2 0 0,1 6,3A2,2 0 0,1 8,5C8,5.5 7.82,5.95 7.5,6.3L10.3,9.35L10.83,5.62C10.33,5.26 10,4.67 10,4A2,2 0 0,1 12,2A2,2 0 0,1 14,4C14,4.67 13.67,5.26 13.17,5.62L13.7,9.35L16.47,6.29C16.18,5.94 16,5.5 16,5A2,2 0 0,1 18,3M5,20H19V22H5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chess-rook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chess-rook.svg
new file mode 100644
index 00000000..cc0b38d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chess-rook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chess-rook" viewBox="0 0 24 24"><path d="M5,20H19V22H5V20M17,2V5H15V2H13V5H11V2H9V5H7V2H5V8H7V18H17V8H19V2H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-down.svg
new file mode 100644
index 00000000..2da72e84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-double-down" viewBox="0 0 24 24"><path d="M16.59,5.59L18,7L12,13L6,7L7.41,5.59L12,10.17L16.59,5.59M16.59,11.59L18,13L12,19L6,13L7.41,11.59L12,16.17L16.59,11.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-left.svg
new file mode 100644
index 00000000..b7df5046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-double-left" viewBox="0 0 24 24"><path d="M18.41,7.41L17,6L11,12L17,18L18.41,16.59L13.83,12L18.41,7.41M12.41,7.41L11,6L5,12L11,18L12.41,16.59L7.83,12L12.41,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-right.svg
new file mode 100644
index 00000000..dfebf182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-double-right" viewBox="0 0 24 24"><path d="M5.59,7.41L7,6L13,12L7,18L5.59,16.59L10.17,12L5.59,7.41M11.59,7.41L13,6L19,12L13,18L11.59,16.59L16.17,12L11.59,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-up.svg
new file mode 100644
index 00000000..29c57f62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-double-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-double-up" viewBox="0 0 24 24"><path d="M7.41,18.41L6,17L12,11L18,17L16.59,18.41L12,13.83L7.41,18.41M7.41,12.41L6,11L12,5L18,11L16.59,12.41L12,7.83L7.41,12.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box-outline.svg
new file mode 100644
index 00000000..40dd55bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-down-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M7.41,8.29L12,12.88L16.59,8.29L18,9.71L12,15.71L6,9.71L7.41,8.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box.svg
new file mode 100644
index 00000000..0337f6a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-down-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M12,15.71L6,9.71L7.41,8.29L12,12.88L16.59,8.29L18,9.71L12,15.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle-outline.svg
new file mode 100644
index 00000000..2ade968f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-down-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle.svg
new file mode 100644
index 00000000..1450205c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-down-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M6,10L12,16L18,10L16.6,8.6L12,13.2L7.4,8.6L6,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down.svg
new file mode 100644
index 00000000..dd1b2f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-down" viewBox="0 0 24 24"><path d="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box-outline.svg
new file mode 100644
index 00000000..91ef8220
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M15.71,7.41L11.12,12L15.71,16.59L14.29,18L8.29,12L14.29,6L15.71,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box.svg
new file mode 100644
index 00000000..b1305bd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M15.71,16.59L14.29,18L8.29,12L14.29,6L15.71,7.41L11.12,12L15.71,16.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle-outline.svg
new file mode 100644
index 00000000..ba62d8ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M15.4,16.6L10.8,12L15.4,7.4L14,6L8,12L14,18L15.4,16.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle.svg
new file mode 100644
index 00000000..33eb5809
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M15.4,16.6L10.8,12L15.4,7.4L14,6L8,12L14,18L15.4,16.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left.svg
new file mode 100644
index 00000000..642ca859
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-left" viewBox="0 0 24 24"><path d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box-outline.svg
new file mode 100644
index 00000000..0ba29743
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M8.29,16.59L12.88,12L8.29,7.41L9.71,6L15.71,12L9.71,18L8.29,16.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box.svg
new file mode 100644
index 00000000..7edc97b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M9.71,18L8.29,16.59L12.88,12L8.29,7.41L9.71,6L15.71,12L9.71,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle-outline.svg
new file mode 100644
index 00000000..3e371497
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M8.6,16.6L13.2,12L8.6,7.4L10,6L16,12L10,18L8.6,16.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle.svg
new file mode 100644
index 00000000..68cf8b5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,18L16,12L10,6L8.6,7.4L13.2,12L8.6,16.6L10,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right.svg
new file mode 100644
index 00000000..8853e62f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-right" viewBox="0 0 24 24"><path d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-down.svg
new file mode 100644
index 00000000..93c7701e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-triple-down" viewBox="0 0 24 24"><path d="M7.41,14.58L12,19.17L16.59,14.58L18,16L12,22L6,16L7.41,14.58M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58M7.41,2.58L12,7.17L16.59,2.58L18,4L12,10L6,4L7.41,2.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-left.svg
new file mode 100644
index 00000000..0bf1de92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-triple-left" viewBox="0 0 24 24"><path d="M9.42,7.41L4.83,12L9.42,16.59L8,18L2,12L8,6L9.42,7.41M15.42,7.41L10.83,12L15.42,16.59L14,18L8,12L14,6L15.42,7.41M21.42,7.41L16.83,12L21.42,16.59L20,18L14,12L20,6L21.42,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-right.svg
new file mode 100644
index 00000000..bcf732e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-triple-right" viewBox="0 0 24 24"><path d="M14.58,16.59L19.17,12L14.58,7.41L16,6L22,12L16,18L14.58,16.59M8.58,16.59L13.17,12L8.58,7.41L10,6L16,12L10,18L8.58,16.59M2.58,16.59L7.17,12L2.58,7.41L4,6L10,12L4,18L2.58,16.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-up.svg
new file mode 100644
index 00000000..7da1b5b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-triple-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-triple-up" viewBox="0 0 24 24"><path d="M16.59,9.42L12,4.83L7.41,9.42L6,8L12,2L18,8L16.59,9.42M16.59,15.42L12,10.83L7.41,15.42L6,14L12,8L18,14L16.59,15.42M16.59,21.42L12,16.83L7.41,21.42L6,20L12,14L18,20L16.59,21.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box-outline.svg
new file mode 100644
index 00000000..135487df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M16.59,15.71L12,11.12L7.41,15.71L6,14.29L12,8.29L18,14.29L16.59,15.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box.svg
new file mode 100644
index 00000000..e1d0696a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M16.59,15.71L12,11.12L7.41,15.71L6,14.29L12,8.29L18,14.29L16.59,15.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle-outline.svg
new file mode 100644
index 00000000..0e38c8d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-circle-outline" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle.svg
new file mode 100644
index 00000000..96bdc1c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up-circle" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7.4,15.4L12,10.8L16.6,15.4L18,14L12,8L6,14L7.4,15.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up.svg
new file mode 100644
index 00000000..bf6ba45f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chevron-up" viewBox="0 0 24 24"><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert-outline.svg
new file mode 100644
index 00000000..c5a92c4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-alert-outline" viewBox="0 0 24 24"><path d="M14 8.28L12.75 9L11 8L9.25 9L8 8.28C7.4 8.63 7 9.27 7 10V11C7 20 15 22 15 22V10C15 9.27 14.6 8.63 14 8.28M13 18.87C11.23 17.69 9.17 15.44 9 11.43L11 10.3L13 11.45V18.87M9.25 7.5L7.73 6.63C8.26 5.7 9.03 5 9.94 4.69C9.8 4.29 9.44 4 9 4V2C10.54 2 11.79 3.16 11.97 4.65C12.91 4.94 13.72 5.66 14.27 6.63L12.75 7.5L11 6.5L9.25 7.5M19 7V13H17V7H19M17 15H19V17H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert.svg
new file mode 100644
index 00000000..e72a49d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-alert" viewBox="0 0 24 24"><path d="M9.25 7.5L7.73 6.63C8.26 5.7 9.03 5 9.94 4.69C9.8 4.29 9.44 4 9 4V2C10.54 2 11.79 3.16 11.97 4.65C12.91 4.94 13.72 5.66 14.27 6.63L12.75 7.5L11 6.5L9.25 7.5M14 8.28L12.75 9L11 8L9.25 9L8 8.28C7.4 8.63 7 9.27 7 10V11C7 20 15 22 15 22V10C15 9.27 14.6 8.63 14 8.28M17 7V13H19V7H17M17 17H19V15H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot-outline.svg
new file mode 100644
index 00000000..7b3ad4f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-hot-outline" viewBox="0 0 24 24"><path d="M10.94 4.7C10.81 4.3 10.45 4 10 4V2C10.77 2 11.47 2.29 12 2.77V4C12.45 4 12.81 4.3 12.94 4.7C11.83 5.08 10.93 6.05 10.43 7.32L8.86 6.42C9.38 5.6 10.11 5 10.94 4.7M10 11C10 10.23 10.23 9.5 10.6 8.91L9.26 8.15C8.5 8.44 8 9.16 8 10V11C8 18.05 12.9 20.8 15.03 21.66C12.41 19.62 10 16.2 10 11M8.94 4.7C8.81 4.3 8.45 4 8 4V2.77C7.47 2.29 6.77 2 6 2V4C6.45 4 6.81 4.3 6.94 4.7C6.11 5 5.38 5.6 4.86 6.42L6.43 7.32C6.93 6.05 7.83 5.08 8.94 4.7M6 11C6 10.23 6.23 9.5 6.6 8.91L5.26 8.15C4.5 8.44 4 9.16 4 10V11C4 18.05 8.9 20.8 11.03 21.66C8.41 19.62 6 16.2 6 11M20 10V22C20 22 12 20 12 11V10C12 9.27 12.4 8.63 13 8.28L14.25 9L16 8L17.75 9L19 8.28C19.6 8.63 20 9.27 20 10M18 18.87V11.45L16 10.3L14 11.43C14.17 15.44 16.23 17.69 18 18.87M12.73 6.63L14.25 7.5L16 6.5L17.75 7.5L19.27 6.63C18.72 5.66 17.91 4.94 16.97 4.65C16.79 3.16 15.54 2 14 2V4C14.44 4 14.8 4.29 14.94 4.69C14.03 5 13.26 5.7 12.73 6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot.svg
new file mode 100644
index 00000000..383ecad8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-hot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-hot" viewBox="0 0 24 24"><path d="M10.43 7.32L8.86 6.42C9.38 5.6 10.11 5 10.94 4.7C10.81 4.3 10.45 4 10 4V2C10.77 2 11.47 2.29 12 2.77V4C12.45 4 12.81 4.3 12.94 4.7C11.83 5.08 10.93 6.05 10.43 7.32M10 11C10 10.23 10.23 9.5 10.6 8.91L9.26 8.15C8.5 8.44 8 9.16 8 10V11C8 18.05 12.9 20.8 15.03 21.66C12.41 19.62 10 16.2 10 11M6.43 7.32L4.86 6.42C5.38 5.6 6.11 5 6.94 4.7C6.81 4.3 6.45 4 6 4V2C6.77 2 7.47 2.29 8 2.77V4C8.45 4 8.81 4.3 8.94 4.7C7.83 5.08 6.93 6.05 6.43 7.32M6 11C6 10.23 6.23 9.5 6.6 8.91L5.26 8.15C4.5 8.44 4 9.16 4 10V11C4 18.05 8.9 20.8 11.03 21.66C8.41 19.62 6 16.2 6 11M19 8.28L17.75 9L16 8L14.25 9L13 8.28C12.4 8.63 12 9.27 12 10V11C12 20 20 22 20 22V10C20 9.27 19.6 8.63 19 8.28M12.73 6.63L14.25 7.5L16 6.5L17.75 7.5L19.27 6.63C18.72 5.66 17.91 4.94 16.97 4.65C16.79 3.16 15.54 2 14 2V4C14.44 4 14.8 4.29 14.94 4.69C14.03 5 13.26 5.7 12.73 6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium-outline.svg
new file mode 100644
index 00000000..3a0d488c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-medium-outline" viewBox="0 0 24 24"><path d="M8.43 7.32L6.86 6.42C7.38 5.6 8.11 5 8.94 4.7C8.81 4.3 8.45 4 8 4V2C8.77 2 9.47 2.29 10 2.77V4C10.45 4 10.81 4.3 10.94 4.7C9.83 5.08 8.93 6.05 8.43 7.32M8 11C8 10.23 8.23 9.5 8.6 8.91L7.26 8.15C6.5 8.44 6 9.16 6 10V11C6 18.05 10.9 20.8 13.03 21.66C10.41 19.62 8 16.2 8 11M18 10V22C18 22 10 20 10 11V10C10 9.27 10.4 8.63 11 8.28L12.25 9L14 8L15.75 9L17 8.28C17.6 8.63 18 9.27 18 10M16 18.87V11.45L14 10.3L12 11.43C12.17 15.44 14.23 17.69 16 18.87M10.73 6.63L12.25 7.5L14 6.5L15.75 7.5L17.27 6.63C16.72 5.66 15.91 4.94 14.97 4.65C14.79 3.16 13.54 2 12 2V4C12.44 4 12.8 4.29 12.94 4.69C12.03 5 11.26 5.7 10.73 6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium.svg
new file mode 100644
index 00000000..0029e00b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-medium" viewBox="0 0 24 24"><path d="M8.43 7.32L6.86 6.42C7.38 5.6 8.11 5 8.94 4.7C8.81 4.3 8.45 4 8 4V2C8.77 2 9.47 2.29 10 2.77V4C10.45 4 10.81 4.3 10.94 4.7C9.83 5.08 8.93 6.05 8.43 7.32M8 11C8 10.23 8.23 9.5 8.6 8.91L7.26 8.15C6.5 8.44 6 9.16 6 10V11C6 18.05 10.9 20.8 13.03 21.66C10.41 19.62 8 16.2 8 11M17 8.28L15.75 9L14 8L12.25 9L11 8.28C10.4 8.63 10 9.27 10 10V11C10 20 18 22 18 22V10C18 9.27 17.6 8.63 17 8.28M10.73 6.63L12.25 7.5L14 6.5L15.75 7.5L17.27 6.63C16.72 5.66 15.91 4.94 14.97 4.65C14.79 3.16 13.54 2 12 2V4C12.44 4 12.8 4.29 12.94 4.69C12.03 5 11.26 5.7 10.73 6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild-outline.svg
new file mode 100644
index 00000000..1ebde973
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-mild-outline" viewBox="0 0 24 24"><path d="M10.25 7.5L8.73 6.63C9.26 5.7 10.03 5 10.94 4.69C10.8 4.29 10.44 4 10 4V2C11.54 2 12.79 3.16 12.97 4.65C13.91 4.94 14.72 5.66 15.27 6.63L13.75 7.5L12 6.5L10.25 7.5M16 10V22C16 22 8 20 8 11V10C8 9.27 8.4 8.63 9 8.28L10.25 9L12 8L13.75 9L15 8.28C15.6 8.63 16 9.27 16 10M14 11.45L12 10.3L10 11.43C10.17 15.44 12.23 17.69 14 18.87V11.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild.svg
new file mode 100644
index 00000000..4d6a4bd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-mild.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-mild" viewBox="0 0 24 24"><path d="M16 10V22C16 22 8 20 8 11V10C8 9.27 8.4 8.63 9 8.28L10.25 9L12 8L13.75 9L15 8.28C15.6 8.63 16 9.27 16 10M12 6.5L13.75 7.5L15.27 6.63C14.72 5.66 13.91 4.94 12.97 4.65C12.79 3.16 11.54 2 10 2V4C10.44 4 10.8 4.29 10.94 4.69C10.03 5 9.26 5.7 8.73 6.63L10.25 7.5L12 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-off-outline.svg
new file mode 100644
index 00000000..c8eccf35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-off-outline" viewBox="0 0 24 24"><path d="M15 8.28C15.6 8.63 16 9.27 16 10V12.8L11.5 8.29L12 8L13.75 9L15 8.28M12 6.5L13.75 7.5L15.27 6.63C14.72 5.66 13.91 4.94 12.97 4.65C12.79 3.16 11.54 2 10 2V4C10.44 4 10.8 4.29 10.94 4.69C10.26 4.92 9.66 5.37 9.17 5.97L10.54 7.34L12 6.5M22.11 21.46L20.84 22.73L16 17.89V22C16 22 8 20 8 11V10C8 9.97 8 9.94 8 9.9L1.11 3L2.39 1.73L22.11 21.46M14 15.89L10.07 11.96C10.38 15.63 12.31 17.74 14 18.87V15.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chili-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chili-off.svg
new file mode 100644
index 00000000..e837b973
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chili-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chili-off" viewBox="0 0 24 24"><path d="M15 8.28C15.6 8.63 16 9.27 16 10V12.8L11.5 8.29L12 8L13.75 9L15 8.28M12 6.5L13.75 7.5L15.27 6.63C14.72 5.66 13.91 4.94 12.97 4.65C12.79 3.16 11.54 2 10 2V4C10.44 4 10.8 4.29 10.94 4.69C10.26 4.92 9.66 5.37 9.17 5.97L10.54 7.34L12 6.5M2.39 1.73L1.11 3L8 9.9C8 9.94 8 9.97 8 10V11C8 20 16 22 16 22V17.89L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/chip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/chip.svg
new file mode 100644
index 00000000..bae4a428
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/chip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-chip" viewBox="0 0 24 24"><path d="M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/church-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/church-outline.svg
new file mode 100644
index 00000000..72fe1926
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/church-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-church-outline" viewBox="0 0 24 24"><path d="M18 12.22V9L13 6.5V5H15V3H13V1H11V3H9V5H11V6.5L6 9V12.22L2 14V22H11V18C11 17.45 11.45 17 12 17C12.55 17 13 17.45 13 18V22H22V14L18 12.22M20 20H15V17.96C15 16.27 13.65 14.9 12 14.9C10.35 14.9 9 16.27 9 17.96V20H4V15.21L8 13.4V10.05L12 8L16 10.04V13.39L20 15.2V20M12 10.5C12.83 10.5 13.5 11.17 13.5 12C13.5 12.83 12.83 13.5 12 13.5C11.17 13.5 10.5 12.83 10.5 12C10.5 11.17 11.17 10.5 12 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/church.svg b/apps/phoenix_webcomponent/priv/mdi/svg/church.svg
new file mode 100644
index 00000000..5319c7e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/church.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-church" viewBox="0 0 24 24"><path d="M18 12.22V9L13 6.5V5H15V3H13V1H11V3H9V5H11V6.5L6 9V12.22L2 14V22H10V19C10 17.9 10.9 17 12 17S14 17.9 14 19V22H22V14L18 12.22M12 13.5C11.17 13.5 10.5 12.83 10.5 12S11.17 10.5 12 10.5 13.5 11.17 13.5 12 12.83 13.5 12 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cigar-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cigar-off.svg
new file mode 100644
index 00000000..9640e967
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cigar-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cigar-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.11 20H18V19.89L17 18.89V20H12V18.73C12.3 18.56 12.55 18.31 12.73 18C13.28 17.05 12.96 15.83 12 15.27V14H12.11L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M14.5 9.7H16C17.07 9.66 17.96 10.5 18 11.56C18 11.61 18 11.65 18 11.7V13H19.5V11.36C19.42 9.53 17.88 8.12 16.05 8.2L16 8.2H14.5C13.45 8.12 12.65 7.25 12.65 6.2C12.67 5.22 13.5 4.43 14.46 4.45L14.5 4.45V3C12.65 3 11.15 4.5 11.15 6.35S12.65 9.7 14.5 9.7M20.5 10.7L20.5 10.77V13H22V10.76C22 8.62 20.78 6.66 18.85 5.73H18.82C19.58 5 19.9 4 19.8 3H18.32C18.34 3.11 18.35 3.23 18.35 3.35C18.35 4.37 17.5 5.2 16.5 5.2H16.5V6.7C18.71 6.7 20.5 8.5 20.5 10.7M9.27 16C9.45 15.7 9.7 15.45 10 15.27V14H5C4.21 14 3.44 14.32 2.88 14.88C1.71 16.05 1.71 17.95 2.88 19.12C3.45 19.68 4.21 20 5 20H10V18.73C9.05 18.18 8.72 16.95 9.27 16M18 14.8L19.5 16.3V14H18V14.8M20.5 17.3L22 18.8V14H20.5V17.3M11 16C10.45 16 10 16.45 10 17S10.45 18 11 18 12 17.55 12 17 11.55 16 11 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cigar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cigar.svg
new file mode 100644
index 00000000..1f163b1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cigar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cigar" viewBox="0 0 24 24"><path d="M16 10.2H14.5A2 2 0 0 1 12.65 8.2A1.78 1.78 0 0 1 14.5 6.45V5A3.35 3.35 0 1 0 14.5 11.7H16A1.93 1.93 0 0 1 18 13.7V15H19.5V13.36A3.31 3.31 0 0 0 16 10.2M18.82 7.73A3.34 3.34 0 0 0 16.5 2V3.5A1.85 1.85 0 1 1 16.5 7.2V8.7A4 4 0 0 1 20.5 12.77V15H22V12.76A5.55 5.55 0 0 0 18.85 7.73M18 16V22H19.5V16M20.5 16V22H22V16M12 16V17.27A2 2 0 0 1 12 20.73V22H17V16M2.88 16.88A3 3 0 0 0 5 22H10V20.73A2 2 0 0 1 10 17.27V16H5A3 3 0 0 0 2.88 16.88M12 19A1 1 0 1 1 11 18A1 1 0 0 1 12 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-box-outline.svg
new file mode 100644
index 00000000..6d84b4a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-box-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 8C9.79 8 8 9.79 8 12S9.79 16 12 16 16 14.21 16 12 14.21 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-box.svg
new file mode 100644
index 00000000..5781c97c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 16C9.79 16 8 14.21 8 12S9.79 8 12 8 16 9.79 16 12 14.21 16 12 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-double.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-double.svg
new file mode 100644
index 00000000..9b1e35ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-double.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-double" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,6A6,6 0 0,0 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-edit-outline.svg
new file mode 100644
index 00000000..8b4c6ab7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-edit-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12H20A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4V2M18.78,3C18.61,3 18.43,3.07 18.3,3.2L17.08,4.41L19.58,6.91L20.8,5.7C21.06,5.44 21.06,5 20.8,4.75L19.25,3.2C19.12,3.07 18.95,3 18.78,3M16.37,5.12L9,12.5V15H11.5L18.87,7.62L16.37,5.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-expand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-expand.svg
new file mode 100644
index 00000000..d7cbfd6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-expand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-expand" viewBox="0 0 24 24"><path d="M16,4L20,8V4M20,16L16,20H20M8,20L4,16V20M4,8L8,4H4M16.95,7.05C14.22,4.32 9.78,4.32 7.05,7.05C4.32,9.78 4.32,14.22 7.05,16.95C9.78,19.68 14.22,19.68 16.95,16.95C19.68,14.22 19.68,9.79 16.95,7.05M15.85,15.85C13.72,18 10.28,18 8.15,15.85C6,13.72 6,10.28 8.15,8.15C10.28,6 13.72,6 15.85,8.15C18,10.28 18,13.72 15.85,15.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-half-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-half-full.svg
new file mode 100644
index 00000000..02e2f6f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-half-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-half-full" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12A10 10 0 0 0 12 22A10 10 0 0 0 22 12A10 10 0 0 0 12 2M12 4A8 8 0 0 1 20 12A8 8 0 0 1 12 20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-half.svg
new file mode 100644
index 00000000..2161bdfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-half" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 2 12A10 10 0 0 0 12 22V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-medium.svg
new file mode 100644
index 00000000..a4704529
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-medium" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple-outline.svg
new file mode 100644
index 00000000..96ffb3ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-multiple-outline" viewBox="0 0 24 24"><path d="M15,4A8,8 0 0,1 23,12A8,8 0 0,1 15,20A8,8 0 0,1 7,12A8,8 0 0,1 15,4M15,18A6,6 0 0,0 21,12A6,6 0 0,0 15,6A6,6 0 0,0 9,12A6,6 0 0,0 15,18M3,12C3,14.61 4.67,16.83 7,17.65V19.74C3.55,18.85 1,15.73 1,12C1,8.27 3.55,5.15 7,4.26V6.35C4.67,7.17 3,9.39 3,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple.svg
new file mode 100644
index 00000000..a73c9682
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-multiple" viewBox="0 0 24 24"><path d="M15 4A8 8 0 1 1 7 12A8 8 0 0 1 15 4M3 12A6 6 0 0 0 7 17.65V19.74A8 8 0 0 1 7 4.26V6.35A6 6 0 0 0 3 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-off-outline.svg
new file mode 100644
index 00000000..93bdcd0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.06 5.95C2.78 7.63 2 9.72 2 12C2 17.5 6.5 22 12 22C14.28 22 16.37 21.23 18.05 19.94L20.84 22.73L22.11 21.46M12 20C7.58 20 4 16.42 4 12C4 10.27 4.56 8.68 5.5 7.38L16.62 18.5C15.32 19.45 13.73 20 12 20M8.17 4.97L6.72 3.5C8.25 2.56 10.06 2 12 2C17.5 2 22 6.5 22 12C22 13.94 21.44 15.75 20.5 17.28L19.03 15.83C19.65 14.69 20 13.39 20 12C20 7.58 16.42 4 12 4C10.61 4 9.31 4.35 8.17 4.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-opacity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-opacity.svg
new file mode 100644
index 00000000..c344d577
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-opacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-opacity" viewBox="0 0 24 24"><path d="M18 10V8H20V10H18M18 12V10H16V12H18M18 8V6H16V8H18M16 2.84V4H18C17.37 3.54 16.71 3.15 16 2.84M18 4V6H20C19.42 5.25 18.75 4.58 18 4M20 6V8H21.16C20.85 7.29 20.46 6.63 20 6M22 12C22 11.32 21.93 10.65 21.8 10H20V12H22M16 6V4H14V6H16M16 16H18V14H16V16M18 18H20L20 18V16H18V18M16 20H18L18 20V18H16V20M14 21.8C14.7 21.66 15.36 21.44 16 21.16V20H14V21.8M18 14H20V12H18V14M16 8H14V10H16V8M20 16H21.16C21.44 15.36 21.66 14.7 21.8 14H20V16M16 12H14V14H16V12M12 18V16H14V14H12V12H14V10H12V8H14V6H12V4H14V2.2C13.35 2.07 12.69 2 12 2C6.5 2 2 6.5 2 12S6.5 22 12 22V20H14V18H12M14 18H16V16H14V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-outline.svg
new file mode 100644
index 00000000..fc796282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-1.svg
new file mode 100644
index 00000000..8c7b3a0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-1" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C13.93 5 15.68 5.78 16.95 7.05L12 12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-2.svg
new file mode 100644
index 00000000..0eb6e6c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-2" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12H12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-3.svg
new file mode 100644
index 00000000..5db4641f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-3" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12C19 13.93 18.22 15.68 16.95 16.95L12 12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-4.svg
new file mode 100644
index 00000000..8c39efb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-4" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-5.svg
new file mode 100644
index 00000000..e33dc3fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-5" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19C10.07 19 8.32 18.22 7.05 16.95L12 12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-6.svg
new file mode 100644
index 00000000..5cfa6fd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-6" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19C8.13 19 5 15.87 5 12H12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-7.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-7.svg
new file mode 100644
index 00000000..0d542502
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-7" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19C8.13 19 5 15.87 5 12C5 10.07 5.78 8.32 7.05 7.05L12 12V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-8.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-8.svg
new file mode 100644
index 00000000..85b9003d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-slice-8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-slice-8" viewBox="0 0 24 24"><path d="M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle-small.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle-small.svg
new file mode 100644
index 00000000..6b3bc612
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle-small" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,0 10,12C10,13.11 10.9,14 12,14C13.11,14 14,13.11 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circle.svg
new file mode 100644
index 00000000..af2d27d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/circular-saw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/circular-saw.svg
new file mode 100644
index 00000000..c74a60de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/circular-saw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-circular-saw" viewBox="0 0 24 24"><path d="M13,11A1,1 0 0,1 14,12A1,1 0 0,1 13,13A1,1 0 0,1 12,12A1,1 0 0,1 13,11M7.86,6.25C9.14,4.87 10.97,4 13,4C16.5,4 19.44,6.61 19.93,10H22V12H16A3,3 0 0,0 13,9A3,3 0 0,0 10,12H2V10H2.05C2.25,7.73 3.14,5.66 4.5,4L7.86,6.25M6.73,7.89L5.06,6.77C4.53,7.75 4.18,8.84 4.06,10H6.07C6.18,9.25 6.4,8.54 6.73,7.89M7.4,15.4L6,14H11.79C12.03,14.42 12.5,14.7 13,14.7C13.5,14.7 13.97,14.42 14.21,14H20V15.4C18.39,14.42 18.46,15.75 18.46,15.75V17.71L16.5,19.67C16,17.92 15.1,18.9 15.1,18.9L13.7,20.3H10.9C11.88,18.69 10.55,18.76 10.55,18.76H8.59L6.63,16.8C8.38,16.31 7.4,15.4 7.4,15.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/city-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/city-variant-outline.svg
new file mode 100644
index 00000000..f0abaefc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/city-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-city-variant-outline" viewBox="0 0 24 24"><path d="M15,23H13V21H15V23M19,21H17V23H19V21M15,17H13V19H15V17M7,21H5V23H7V21M7,17H5V19H7V17M19,17H17V19H19V17M15,13H13V15H15V13M19,13H17V15H19V13M21,9A2,2 0 0,1 23,11V23H21V11H11V23H9V15H3V23H1V15A2,2 0 0,1 3,13H9V11A2,2 0 0,1 11,9V7A2,2 0 0,1 13,5H15V1H17V5H19A2,2 0 0,1 21,7V9M19,9V7H13V9H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/city-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/city-variant.svg
new file mode 100644
index 00000000..ad7f26ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/city-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-city-variant" viewBox="0 0 24 24"><path d="M19,9V7A2,2 0 0,0 17,5H16V2H14V5H13A2,2 0 0,0 11,7V9A2,2 0 0,0 9,11V12H5A2,2 0 0,0 3,14V22H6V20H8V22H12V20H14V22H16V20H18V22H21V11A2,2 0 0,0 19,9M8,18H6V16H8V18M14,18H12V16H14V18M14,14H12V12H14V14M13,9V7H17V9H13M18,18H16V16H18V18M18,14H16V12H18V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/city.svg b/apps/phoenix_webcomponent/priv/mdi/svg/city.svg
new file mode 100644
index 00000000..c159f18d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/city.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-city" viewBox="0 0 24 24"><path d="M19,15H17V13H19M19,19H17V17H19M13,7H11V5H13M13,11H11V9H13M13,15H11V13H13M13,19H11V17H13M7,11H5V9H7M7,15H5V13H7M7,19H5V17H7M15,11V5L12,2L9,5V7H3V21H21V11H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account-outline.svg
new file mode 100644
index 00000000..9e1d2be8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-account-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M12,9A2,2 0 0,1 14,11A2,2 0 0,1 12,13A2,2 0 0,1 10,11A2,2 0 0,1 12,9M8,17V16C8,14.9 9.79,14 12,14C14.21,14 16,14.9 16,16V17H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account.svg
new file mode 100644
index 00000000..0d395b30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-account" viewBox="0 0 24 24"><path d="M18,19H6V17.6C6,15.6 10,14.5 12,14.5C14,14.5 18,15.6 18,17.6M12,7A3,3 0 0,1 15,10A3,3 0 0,1 12,13A3,3 0 0,1 9,10A3,3 0 0,1 12,7M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert-outline.svg
new file mode 100644
index 00000000..e0578c99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-alert-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M11,9H13V13.5H11V9M11,15H13V17H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert.svg
new file mode 100644
index 00000000..ea3a378a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-alert" viewBox="0 0 24 24"><path d="M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M13,14H11V8H13M13,18H11V16H13M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down-outline.svg
new file mode 100644
index 00000000..36969211
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-down-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M12,18L7,13H10V9H14V13H17L12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down.svg
new file mode 100644
index 00000000..1a08fe96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-down" viewBox="0 0 24 24"><path d="M12,18L7,13H10V9H14V13H17M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left-outline.svg
new file mode 100644
index 00000000..6068fd06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-left-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M7,13L12,18V15H16V11H12V8L7,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left.svg
new file mode 100644
index 00000000..037f4c2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-left" viewBox="0 0 24 24"><path d="M16,15H12V18L7,13L12,8V11H16M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right-outline.svg
new file mode 100644
index 00000000..39cfe7d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-right-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7M16.91,13L11.91,18V15H7.91V11H11.91V8L16.91,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right.svg
new file mode 100644
index 00000000..46a4c15c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-right" viewBox="0 0 24 24"><path d="M17,13L12,18V15H8V11H12V8M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up-outline.svg
new file mode 100644
index 00000000..fc5ebe7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-up-outline" viewBox="0 0 24 24"><path d="M12,8L17,13H14V17H10V13H7L12,8M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M7,7V5H5V19H19V5H17V7H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up.svg
new file mode 100644
index 00000000..f6d363e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-arrow-up" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.6,1.84 10.7,1 12,1C13.3,1 14.4,1.84 14.82,3H19M12,8L7,13H10V17H14V13H17L12,8M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple-outline.svg
new file mode 100644
index 00000000..9cce9954
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-check-multiple-outline" viewBox="0 0 24 24"><path d="M4 7V21H18V23H4C2.9 23 2 22.1 2 21V7H4M12.8 15.35L9.5 12.05L10.9 10.65L12.8 12.55L17.1 8.25L18.5 9.65L12.8 15.35M20 3C21.1 3 22 3.9 22 5V17C22 18.1 21.1 19 20 19H8C6.9 19 6 18.1 6 17V5C6 3.9 6.9 3 8 3H11.18C11.6 1.84 12.7 1 14 1C15.3 1 16.4 1.84 16.82 3H20M14 3C13.45 3 13 3.45 13 4C13 4.55 13.45 5 14 5C14.55 5 15 4.55 15 4C15 3.45 14.55 3 14 3M10 7V5H8V17H20V5H18V7H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple.svg
new file mode 100644
index 00000000..818e2456
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-check-multiple" viewBox="0 0 24 24"><path d="M4 7H2V21C2 22.1 2.9 23 4 23H18V21H4M20 3H16.8C16.4 1.8 15.3 1 14 1C12.7 1 11.6 1.8 11.2 3H8C6.9 3 6 3.9 6 5V17C6 18.1 6.9 19 8 19H20C21.1 19 22 18.1 22 17V5C22 3.9 21.1 3 20 3M14 3C14.6 3 15 3.5 15 4C15 4.5 14.5 5 14 5C13.5 5 13 4.5 13 4C13 3.5 13.4 3 14 3M12.3 15.1L9 11.8L10.4 10.4L12.3 12.3L17.6 7L19 8.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-outline.svg
new file mode 100644
index 00000000..2e2b9213
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-check-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M7.5,13.5L9,12L11,14L15.5,9.5L17,11L11,17L7.5,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check.svg
new file mode 100644
index 00000000..01aa0745
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-check" viewBox="0 0 24 24"><path d="M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock-outline.svg
new file mode 100644
index 00000000..71d01138
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-clock-outline" viewBox="0 0 24 24"><path d="M21 11.11V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H11.11C12.37 22.24 14.09 23 16 23C19.87 23 23 19.87 23 16C23 14.09 22.24 12.37 21 11.11M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M5 19V5H7V7H17V5H19V9.68C18.09 9.25 17.08 9 16 9C12.13 9 9 12.13 9 16C9 17.08 9.25 18.09 9.68 19H5M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock.svg
new file mode 100644
index 00000000..049f91be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-clock" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C14.09 23 12.37 22.24 11.11 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1S14.4 1.84 14.82 3H19C20.11 3 21 3.9 21 5V11.11C22.24 12.37 23 14.09 23 16M11 4C11 4.55 11.45 5 12 5S13 4.55 13 4 12.55 3 12 3 11 3.45 11 4M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit-outline.svg
new file mode 100644
index 00000000..b73098b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-edit-outline" viewBox="0 0 24 24"><path d="M21.04 12.13C21.18 12.13 21.31 12.19 21.42 12.3L22.7 13.58C22.92 13.79 22.92 14.14 22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.76 12.19 20.9 12.13 21.04 12.13M19.07 13.88L21.12 15.93L15.06 22H13V19.94L19.07 13.88M11 19L9 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19C20.1 3 21 3.9 21 5V9L19 11V5H17V7H7V5H5V19H11M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit.svg
new file mode 100644
index 00000000..feff8f3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-edit" viewBox="0 0 24 24"><path d="M21.04 12.13C21.18 12.13 21.31 12.19 21.42 12.3L22.7 13.58C22.92 13.79 22.92 14.14 22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.76 12.19 20.9 12.13 21.04 12.13M19.07 13.88L21.12 15.93L15.06 22H13V19.94L19.07 13.88M19 3C20.1 3 21 3.9 21 5V9L11 19V21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file-outline.svg
new file mode 100644
index 00000000..30fc6eff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-file-outline" viewBox="0 0 24 24"><path d="M15 23C13.9 23 13 22.11 13 21V12C13 10.9 13.9 10 15 10H19L23 14V21C23 22.11 22.11 23 21 23H15M15 21H21V14.83L18.17 12H15V21M19 3C20.1 3 21 3.9 21 5V9.17L19.83 8H19V5H17V7H7V5H5V19H11V21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file.svg
new file mode 100644
index 00000000..13ffa991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-file" viewBox="0 0 24 24"><path d="M19 3C20.1 3 21 3.9 21 5V9.17L19.83 8H15C12.79 8 11 9.79 11 12V21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H9.18C9.6 1.84 10.7 1 12 1C13.3 1 14.4 1.84 14.82 3H19M12 3C11.45 3 11 3.45 11 4C11 4.55 11.45 5 12 5C12.55 5 13 4.55 13 4C13 3.45 12.55 3 12 3M15 23C13.9 23 13 22.11 13 21V12C13 10.9 13.9 10 15 10H19L23 14V21C23 22.11 22.11 23 21 23H15M21 14.83L18.17 12H18V15H21V14.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow-outline.svg
new file mode 100644
index 00000000..88f7f539
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-flow-outline" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M7 7H17V5H19V19H5V5H7V7M10 16H8V11H6L9 8L12 11H10V16M14 10H16V15H18L15 18L12 15H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow.svg
new file mode 100644
index 00000000..0e2a201a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-flow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-flow" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M15,19L11,15H14V8H16V15H19L15,19M10,16H8V9H5L9,5L13,9H10V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list-outline.svg
new file mode 100644
index 00000000..dd9bf996
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-list-outline" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M7 7H17V5H19V19H5V5H7V7M12 17V15H17V17H12M12 11V9H17V11H12M8 12V9H7V8H9V12H8M9.25 14C9.66 14 10 14.34 10 14.75C10 14.95 9.92 15.14 9.79 15.27L8.12 17H10V18H7V17.08L9 15H7V14H9.25" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list.svg
new file mode 100644
index 00000000..52b97c5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-list" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7 8H9V12H8V9H7V8M10 17V18H7V17.08L9 15H7V14H9.25C9.66 14 10 14.34 10 14.75C10 14.95 9.92 15.14 9.79 15.27L8.12 17H10M11 4C11 3.45 11.45 3 12 3S13 3.45 13 4 12.55 5 12 5 11 4.55 11 4M17 17H12V15H17V17M17 11H12V9H17V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus-outline.svg
new file mode 100644
index 00000000..bddc614d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-minus-outline" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M19 19H5V5H7V7H17V5H19V19M8 12H16V14H8V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus.svg
new file mode 100644
index 00000000..8dfdc278
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-minus" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M16 14H8V12H16V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple-outline.svg
new file mode 100644
index 00000000..15b18654
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-multiple-outline" viewBox="0 0 24 24"><path d="M4 7V21H18V23H4C2.9 23 2 22.1 2 21V7H4M20 3C21.1 3 22 3.9 22 5V17C22 18.1 21.1 19 20 19H8C6.9 19 6 18.1 6 17V5C6 3.9 6.9 3 8 3H11.18C11.6 1.84 12.7 1 14 1C15.3 1 16.4 1.84 16.82 3H20M14 3C13.45 3 13 3.45 13 4C13 4.55 13.45 5 14 5C14.55 5 15 4.55 15 4C15 3.45 14.55 3 14 3M10 7V5H8V17H20V5H18V7H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple.svg
new file mode 100644
index 00000000..87710f1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-multiple" viewBox="0 0 24 24"><path d="M4 7H2V21C2 22.1 2.9 23 4 23H18V21H4M20 3H16.8C16.4 1.8 15.3 1 14 1C12.7 1 11.6 1.8 11.2 3H8C6.9 3 6 3.9 6 5V17C6 18.1 6.9 19 8 19H20C21.1 19 22 18.1 22 17V5C22 3.9 21.1 3 20 3M14 3C14.6 3 15 3.5 15 4C15 4.5 14.5 5 14 5C13.5 5 13 4.5 13 4C13 3.5 13.4 3 14 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off-outline.svg
new file mode 100644
index 00000000..67798eb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L3 4.9C3 4.93 3 4.97 3 5V19C3 20.11 3.9 21 5 21H19C19.03 21 19.07 21 19.1 21L20.84 22.73L22.11 21.46L2.39 1.73M5 19V6.89L17.11 19H5M17 7V5H19V15.8L21 17.8V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H6.2L10.2 7H17M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off.svg
new file mode 100644
index 00000000..58aaf0b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-off" viewBox="0 0 24 24"><path d="M21 5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H6.2L21 17.8V5M12 5C11.45 5 11 4.55 11 4S11.45 3 12 3 13 3.45 13 4 12.55 5 12 5M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.9 21 3 20.11 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L22.11 21.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-outline.svg
new file mode 100644
index 00000000..06c15c85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple-outline.svg
new file mode 100644
index 00000000..86393caa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-play-multiple-outline" viewBox="0 0 24 24"><path d="M4 7V21H18V23H4C2.9 23 2 22.1 2 21V7H4M20 3C21.1 3 22 3.9 22 5V17C22 18.1 21.1 19 20 19H8C6.9 19 6 18.1 6 17V5C6 3.9 6.9 3 8 3H11.2C11.6 1.8 12.7 1 14 1C15.3 1 16.4 1.8 16.8 3H20M14 3C13.4 3 13 3.5 13 4C13 4.5 13.4 5 14 5C14.6 5 15 4.6 15 4C15 3.4 14.6 3 14 3M10 7V5H8V17H20V5H18V7M12 15V9L17 12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple.svg
new file mode 100644
index 00000000..b27e32e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-play-multiple" viewBox="0 0 24 24"><path d="M4 21H18V23H4C2.9 23 2 22.1 2 21V7H4M22 5V17C22 18.1 21.1 19 20 19H8C6.9 19 6 18.1 6 17V5C6 3.9 6.9 3 8 3H11.2C11.6 1.8 12.7 1 14 1C15.3 1 16.4 1.8 16.8 3H20C21.1 3 22 3.9 22 5M13 4C13 4.5 13.5 5 14 5C14.5 5 15 4.5 15 4C15 3.5 14.6 3 14 3C13.4 3 13 3.5 13 4M17 12L12 8V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-outline.svg
new file mode 100644
index 00000000..029249f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-play-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M10,17V9L15,13L10,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play.svg
new file mode 100644
index 00000000..c35f860e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-play" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M10,17V9L15,13L10,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus-outline.svg
new file mode 100644
index 00000000..a39166bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-plus-outline" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M7 7H17V5H19V19H5V5H7V7M13 12H16V14H13V17H11V14H8V12H11V9H13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus.svg
new file mode 100644
index 00000000..d828ccc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-plus" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M13,12H16V14H13V17H11V14H8V12H11V9H13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse-outline.svg
new file mode 100644
index 00000000..22be7548
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-pulse-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M5,15H8.11L9.62,12.15L10.38,17.92L14.07,13.21L15.89,15H19V19H5V15M19,13.46H16.53L13.93,10.86L11.44,14.05L10.5,7.08L7.17,13.46H5V5H7V6H17V5H19V6L19,13.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse.svg
new file mode 100644
index 00000000..7d415262
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-pulse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-pulse" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M5,13.46H7.17L10.5,7.08L11.44,14.05L13.93,10.86L16.53,13.46H19V15H15.89L14.07,13.21L10.38,17.92L9.62,12.15L8.11,15H5V13.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove-outline.svg
new file mode 100644
index 00000000..8e0bc3dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-remove-outline" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M19 19H5V5H7V7H17V5H19V19M15.54 10.88L13.41 13L15.54 15.12L14.12 16.54L12 14.41L9.88 16.54L8.47 15.12L10.59 13L8.47 10.88L9.88 9.47L12 11.59L14.12 9.47L15.54 10.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove.svg
new file mode 100644
index 00000000..d4c7a8b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-remove" viewBox="0 0 24 24"><path d="M19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M15.54 15.12L14.12 16.54L12 14.41L9.88 16.54L8.47 15.12L10.59 13L8.47 10.88L9.88 9.47L12 11.59L14.12 9.47L15.54 10.88L13.41 13L15.54 15.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search-outline.svg
new file mode 100644
index 00000000..7b1a1f81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-search-outline" viewBox="0 0 24 24"><path d="M11.03 19H5V5H7V7H17V5H19V9.5C19.72 9.8 20.4 10.24 21 10.82V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.06C12.65 20.74 12.26 20.45 11.9 20.1C11.57 19.76 11.27 19.39 11.03 19M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M20.31 17.9C20.75 17.21 21 16.38 21 15.5C21 13 19 11 16.5 11S12 13 12 15.5 14 20 16.5 20C17.37 20 18.19 19.75 18.88 19.32L22 22.39L23.39 21L20.31 17.9M16.5 18C15.12 18 14 16.88 14 15.5S15.12 13 16.5 13 19 14.12 19 15.5 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search.svg
new file mode 100644
index 00000000..d0368d5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-search" viewBox="0 0 24 24"><path d="M11.9 10.9C14.41 8.4 18.45 8.37 21 10.82V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.06C12.65 20.74 12.26 20.45 11.9 20.1C9.37 17.56 9.37 13.44 11.9 10.9M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M20.31 17.9C20.75 17.21 21 16.38 21 15.5C21 13 19 11 16.5 11S12 13 12 15.5 14 20 16.5 20C17.37 20 18.19 19.75 18.88 19.32L22 22.39L23.39 21L20.31 17.9M16.5 18C15.12 18 14 16.88 14 15.5S15.12 13 16.5 13 19 14.12 19 15.5 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock-outline.svg
new file mode 100644
index 00000000..094d36c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-clock-outline" viewBox="0 0 24 24"><path d="M21 11.11V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H11.11C12.37 22.24 14.09 23 16 23C19.87 23 23 19.87 23 16C23 14.09 22.24 12.37 21 11.11M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M5 19V5H7V7H17V5H19V9.68C18.09 9.25 17.08 9 16 9H7V11H11.1C10.5 11.57 10.04 12.25 9.68 13H7V15H9.08C9.03 15.33 9 15.66 9 16C9 17.08 9.25 18.09 9.68 19H5M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock.svg
new file mode 100644
index 00000000..b758b15e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-clock" viewBox="0 0 24 24"><path d="M21 11.11V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H11.11C12.37 22.24 14.09 23 16 23C19.87 23 23 19.87 23 16C23 14.09 22.24 12.37 21 11.11M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M6 7H18V9H6V7M9.08 17H6V15H9.08C9.03 15.33 9 15.66 9 16S9.03 16.67 9.08 17M6 13V11H11.11C10.5 11.57 10.04 12.25 9.68 13H6M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple-outline.svg
new file mode 100644
index 00000000..6fa27e0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-multiple-outline" viewBox="0 0 24 24"><path d="M4 7V21H18V23H4C2.9 23 2 22.1 2 21V7H4M20 3C21.1 3 22 3.9 22 5V17C22 18.1 21.1 19 20 19H8C6.9 19 6 18.1 6 17V5C6 3.9 6.9 3 8 3H11.18C11.6 1.84 12.7 1 14 1C15.3 1 16.4 1.84 16.82 3H20M14 3C13.45 3 13 3.45 13 4C13 4.55 13.45 5 14 5C14.55 5 15 4.55 15 4C15 3.45 14.55 3 14 3M10 7V5H8V17H20V5H18V7M15 15H10V13H15M18 11H10V9H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple.svg
new file mode 100644
index 00000000..6ed70a45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-multiple" viewBox="0 0 24 24"><path d="M20 3H16.8C16.4 1.8 15.3 1 14 1C12.7 1 11.6 1.8 11.2 3H8C6.9 3 6 3.9 6 5V17C6 18.1 6.9 19 8 19H20C21.1 19 22 18.1 22 17V5C22 3.9 21.1 3 20 3M14 3C14.6 3 15 3.5 15 4C15 4.5 14.5 5 14 5C13.5 5 13 4.5 13 4C13 3.5 13.4 3 14 3M16 14H9V12H16M19 10H9V8H19M4 21H18V23H4C2.9 23 2 22.1 2 21V7H4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off-outline.svg
new file mode 100644
index 00000000..02400640
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-off-outline" viewBox="0 0 24 24"><path d="M17 7V5H19V15.8L21 17.8V5C21 3.9 20.11 3 19 3H14.82C14.25 1.44 12.53 .64 11 1.2C10.14 1.5 9.5 2.16 9.18 3H6.2L10.2 7H17M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M14.2 11L12.2 9H17V11H14.2M2.39 1.73L1.11 3L3 4.9C3 4.93 3 4.97 3 5V19C3 20.11 3.9 21 5 21H19C19.03 21 19.07 21 19.1 21L20.84 22.73L22.11 21.46L2.39 1.73M5 19V6.89L7.11 9H7V11H9.11L11.11 13H7V15H13.11L17.11 19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off.svg
new file mode 100644
index 00000000..a629abbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L3 4.9C3 4.93 3 4.97 3 5V19C3 20.11 3.9 21 5 21H19C19.03 21 19.07 21 19.1 21L20.84 22.73L22.11 21.46L2.39 1.73M7 11H9.11L11.11 13H7V11M14 17H7V15H13.11L14 15.89V17M17 7V9H12.2L14.2 11H17V13H16.2L21 17.8V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H6.2L10.2 7H17M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-outline.svg
new file mode 100644
index 00000000..7e53374e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M7,7H17V5H19V19H5V5H7V7M17,11H7V9H17V11M15,15H7V13H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play-outline.svg
new file mode 100644
index 00000000..615ddebc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-play-outline" viewBox="0 0 24 24"><path d="M19,3H14.82C14.25,1.44 12.53,0.64 11,1.2C10.14,1.5 9.5,2.16 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H15V19H5V5H7V7H17V5H19V14H21V5A2,2 0 0,0 19,3M12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5M17,16V22L22,19L17,16M17,11H7V9H17V11M15,15H7V13H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play.svg
new file mode 100644
index 00000000..8297fde1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-play" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V13.34C20.36,13.11 19.68,13 19,13C15.68,13 13,15.69 13,19C13,19.68 13.11,20.36 13.34,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H9.18C9.5,2.16 10.14,1.5 11,1.2C12.53,0.64 14.25,1.44 14.82,3H19M12,3A1,1 0 0,0 11,4A1,1 0 0,0 12,5A1,1 0 0,0 13,4A1,1 0 0,0 12,3M11,17V15H7V17H11M13,13V11H7V13H13M17,9V7H7V9H17M17,16L22,19L17,22V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search-outline.svg
new file mode 100644
index 00000000..dfe39a3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-search-outline" viewBox="0 0 24 24"><path d="M17 9H16.5 17M7 15H10C10.08 14.32 10.23 13.64 10.5 13H7V15M11.9 10.9C13.17 9.64 14.84 9 16.5 9H7V11H11.82C11.85 10.97 11.87 10.94 11.9 10.9M11.9 20.1C12.26 20.45 12.65 20.74 13.06 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H9.18C9.5 2.16 10.14 1.5 11 1.2C12.53 .64 14.25 1.44 14.82 3H19C20.11 3 21 3.9 21 5V10.82C20.4 10.24 19.72 9.8 19 9.5V5H17V7H7V5H5V19H11.03C11.27 19.39 11.57 19.76 11.9 20.1M11 4C11 4.55 11.45 5 12 5S13 4.55 13 4 12.55 3 12 3 11 3.45 11 4M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search.svg
new file mode 100644
index 00000000..bdb5944a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text-search" viewBox="0 0 24 24"><path d="M10.18 17H7V15H10C10.08 14.32 10.23 13.64 10.5 13H7V11H11.82C11.85 10.97 11.87 10.94 11.9 10.9C13.17 9.64 14.84 9 16.5 9H7V7H17V9H16.5C18.12 9 19.74 9.61 21 10.82V5C21 3.9 20.11 3 19 3H14.82C14.4 1.84 13.3 1 12 1S9.6 1.84 9.18 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.06C12.65 20.74 12.26 20.45 11.9 20.1C11 19.21 10.45 18.13 10.18 17M12 3C12.55 3 13 3.45 13 4S12.55 5 12 5 11 4.55 11 4 11.45 3 12 3M20.31 17.9C20.75 17.21 21 16.38 21 15.5C21 13 19 11 16.5 11S12 13 12 15.5 14 20 16.5 20C17.37 20 18.19 19.75 18.88 19.32L22 22.39L23.39 21L20.31 17.9M16.5 18C15.12 18 14 16.88 14 15.5S15.12 13 16.5 13 19 14.12 19 15.5 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text.svg
new file mode 100644
index 00000000..3c5710ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard-text" viewBox="0 0 24 24"><path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clipboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard.svg
new file mode 100644
index 00000000..d31c23fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clipboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clipboard" viewBox="0 0 24 24"><path d="M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clippy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clippy.svg
new file mode 100644
index 00000000..af6239d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clippy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clippy" viewBox="0 0 24 24"><path d="M15,15.5A2.5,2.5 0 0,1 12.5,18A2.5,2.5 0 0,1 10,15.5V13.75A0.75,0.75 0 0,1 10.75,13A0.75,0.75 0 0,1 11.5,13.75V15.5A1,1 0 0,0 12.5,16.5A1,1 0 0,0 13.5,15.5V11.89C12.63,11.61 12,10.87 12,10C12,8.9 13,8 14.25,8C15.5,8 16.5,8.9 16.5,10C16.5,10.87 15.87,11.61 15,11.89V15.5M8.25,8C9.5,8 10.5,8.9 10.5,10C10.5,10.87 9.87,11.61 9,11.89V17.25A3.25,3.25 0 0,0 12.25,20.5A3.25,3.25 0 0,0 15.5,17.25V13.75A0.75,0.75 0 0,1 16.25,13A0.75,0.75 0 0,1 17,13.75V17.25A4.75,4.75 0 0,1 12.25,22A4.75,4.75 0 0,1 7.5,17.25V11.89C6.63,11.61 6,10.87 6,10C6,8.9 7,8 8.25,8M10.06,6.13L9.63,7.59C9.22,7.37 8.75,7.25 8.25,7.25C7.34,7.25 6.53,7.65 6.03,8.27L4.83,7.37C5.46,6.57 6.41,6 7.5,5.81V5.75A3.75,3.75 0 0,1 11.25,2A3.75,3.75 0 0,1 15,5.75V5.81C16.09,6 17.04,6.57 17.67,7.37L16.47,8.27C15.97,7.65 15.16,7.25 14.25,7.25C13.75,7.25 13.28,7.37 12.87,7.59L12.44,6.13C12.77,6 13.13,5.87 13.5,5.81V5.75C13.5,4.5 12.5,3.5 11.25,3.5C10,3.5 9,4.5 9,5.75V5.81C9.37,5.87 9.73,6 10.06,6.13M14.25,9.25C13.7,9.25 13.25,9.59 13.25,10C13.25,10.41 13.7,10.75 14.25,10.75C14.8,10.75 15.25,10.41 15.25,10C15.25,9.59 14.8,9.25 14.25,9.25M8.25,9.25C7.7,9.25 7.25,9.59 7.25,10C7.25,10.41 7.7,10.75 8.25,10.75C8.8,10.75 9.25,10.41 9.25,10C9.25,9.59 8.8,9.25 8.25,9.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert-outline.svg
new file mode 100644
index 00000000..5794c70e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-alert-outline" viewBox="0 0 24 24"><path d="M11 7V13L16.2 16.1L17 14.9L12.5 12.2V7H11M20 12V18H22V12H20M20 20V22H22V20H20M18 20C16.3 21.3 14.3 22 12 22C6.5 22 2 17.5 2 12S6.5 2 12 2C16.8 2 20.9 5.4 21.8 10H19.7C18.8 6.6 15.7 4 12 4C7.6 4 4 7.6 4 12S7.6 20 12 20C14.4 20 16.5 18.9 18 17.3V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert.svg
new file mode 100644
index 00000000..53e63faa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-alert" viewBox="0 0 24 24"><path d="M20 12H22V18H20V12M20 20H22V22H20V20M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22C14.3 22 16.3 21.2 18 20V10H21.8C20.9 5.4 16.8 2 12 2M16.2 16.2L11 13V7H12.5V12.2L17 14.9L16.2 16.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-check-outline.svg
new file mode 100644
index 00000000..4911e77b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-check-outline" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M13.1 19.9C12.7 20 12.4 20 12 20C7.6 20 4 16.4 4 12S7.6 4 12 4 20 7.6 20 12C20 12.4 20 12.7 19.9 13.1C20.6 13.2 21.2 13.4 21.8 13.7C21.9 13.1 22 12.6 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12C2 17.5 6.5 22 12 22C12.6 22 13.2 21.9 13.7 21.8C13.4 21.3 13.2 20.6 13.1 19.9M15.6 14.1L12.5 12.3V7H11V13L14.5 15.1C14.8 14.7 15.2 14.4 15.6 14.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-check.svg
new file mode 100644
index 00000000..334f1323
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-check" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M13 19C13 17.5 13.5 16.2 14.4 15.1L11 13V7H12.5V12.2L15.6 14.1C16.6 13.4 17.7 13 19 13C20 13 21 13.3 21.8 13.7C21.9 13.1 22 12.6 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12 6.5 22 12 22C12.6 22 13.2 21.9 13.7 21.8C13.3 21 13 20 13 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-digital.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-digital.svg
new file mode 100644
index 00000000..cb085fbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-digital.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-digital" viewBox="0 0 24 24"><path d="M2,6A2,2 0 0,0 0,8V16A2,2 0 0,0 2,18H22A2,2 0 0,0 24,16V8A2,2 0 0,0 22,6M2,8H22V16H2M3,9V10.5H6.25L3,15H4.75L8,10.5V9M9.25,9V10.5H10.75V9M12,9V10.5H13.5V15H15V9M17,9A1,1 0 0,0 16,10V14A1,1 0 0,0 17,15H20A1,1 0 0,0 21,14V10A1,1 0 0,0 20,9M17.5,10.5H19.5V13.5H17.5M9.25,13.5V15H10.75V13.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit-outline.svg
new file mode 100644
index 00000000..1aee673b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-edit-outline" viewBox="0 0 24 24"><path d="M21 13.1C20.9 13.1 20.7 13.2 20.6 13.3L19.6 14.3L21.7 16.4L22.7 15.4C22.9 15.2 22.9 14.8 22.7 14.6L21.4 13.3C21.3 13.2 21.2 13.1 21 13.1M19.1 14.9L13 20.9V23H15.1L21.2 16.9L19.1 14.9M12.5 7V12.2L16.5 14.6L15.5 15.6L11 13V7H12.5M11 21.9C5.9 21.4 2 17.1 2 12C2 6.5 6.5 2 12 2C17.3 2 21.6 6.1 22 11.3C21.7 11.2 21.4 11.1 21 11.1C20.6 11.1 20.3 11.2 20 11.3C19.6 7.2 16.2 4 12 4C7.6 4 4 7.6 4 12C4 16.1 7.1 19.5 11.1 19.9L11 20.1V21.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit.svg
new file mode 100644
index 00000000..8b23dc20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-edit" viewBox="0 0 24 24"><path d="M21 13.1C20.9 13.1 20.7 13.2 20.6 13.3L19.6 14.3L21.7 16.4L22.7 15.4C22.9 15.2 22.9 14.8 22.7 14.6L21.4 13.3C21.3 13.2 21.2 13.1 21 13.1M19.1 14.9L13 20.9V23H15.1L21.2 16.9L19.1 14.9M11 21.9C5.9 21.4 2 17.1 2 12C2 6.5 6.5 2 12 2C17.3 2 21.6 6.1 22 11.3C21.7 11.2 21.4 11.1 21 11.1C20.2 11.1 19.6 11.5 19.2 11.9L16.5 14.6L12.5 12.2V7H11V13L15.4 15.7L11 20.1V21.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-end.svg
new file mode 100644
index 00000000..dab5bdb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-end" viewBox="0 0 24 24"><path d="M12,1C8.14,1 5,4.14 5,8A7,7 0 0,0 12,15C15.86,15 19,11.87 19,8C19,4.14 15.86,1 12,1M12,3.15C14.67,3.15 16.85,5.32 16.85,8C16.85,10.68 14.67,12.85 12,12.85A4.85,4.85 0 0,1 7.15,8A4.85,4.85 0 0,1 12,3.15M11,5V8.69L14.19,10.53L14.94,9.23L12.5,7.82V5M15,16V19H3V21H15V24L19,20M19,20V24H21V16H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-fast.svg
new file mode 100644
index 00000000..58254f3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-fast" viewBox="0 0 24 24"><path d="M15,4A8,8 0 0,1 23,12A8,8 0 0,1 15,20A8,8 0 0,1 7,12A8,8 0 0,1 15,4M15,6A6,6 0 0,0 9,12A6,6 0 0,0 15,18A6,6 0 0,0 21,12A6,6 0 0,0 15,6M14,8H15.5V11.78L17.83,14.11L16.77,15.17L14,12.4V8M2,18A1,1 0 0,1 1,17A1,1 0 0,1 2,16H5.83C6.14,16.71 6.54,17.38 7,18H2M3,13A1,1 0 0,1 2,12A1,1 0 0,1 3,11H5.05L5,12L5.05,13H3M4,8A1,1 0 0,1 3,7A1,1 0 0,1 4,6H7C6.54,6.62 6.14,7.29 5.83,8H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-in.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-in.svg
new file mode 100644
index 00000000..4d5d496c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-in" viewBox="0 0 24 24"><path d="M2.21,0.79L0.79,2.21L4.8,6.21L3,8H8V3L6.21,4.8M12,8C8.14,8 5,11.13 5,15A7,7 0 0,0 12,22C15.86,22 19,18.87 19,15A7,7 0 0,0 12,8M12,10.15C14.67,10.15 16.85,12.32 16.85,15A4.85,4.85 0 0,1 12,19.85C9.32,19.85 7.15,17.68 7.15,15A4.85,4.85 0 0,1 12,10.15M11,12V15.69L14.19,17.53L14.94,16.23L12.5,14.82V12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus-outline.svg
new file mode 100644
index 00000000..1a13b1af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-minus-outline" viewBox="0 0 24 24"><path d="M14.47 15.08L11 13V7H12.5V12.25L15.58 14.08C15.17 14.36 14.79 14.7 14.47 15.08M13.08 19.92C12.72 19.97 12.37 20 12 20C7.58 20 4 16.42 4 12S7.58 4 12 4 20 7.58 20 12C20 12.37 19.97 12.72 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12C2 17.5 6.47 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.4 21.25 13.18 20.61 13.08 19.92M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus.svg
new file mode 100644
index 00000000..65485414
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-minus" viewBox="0 0 24 24"><path d="M13.72 21.84C13.16 21.94 12.59 22 12 22C6.5 22 2 17.5 2 12S6.5 2 12 2 22 6.5 22 12C22 12.59 21.94 13.16 21.84 13.72C21 13.26 20.03 13 19 13C17.74 13 16.57 13.39 15.6 14.06L12.5 12.2V7H11V13L14.43 15.11C13.54 16.16 13 17.5 13 19C13 20.03 13.26 21 13.72 21.84M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-out.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-out.svg
new file mode 100644
index 00000000..d0ec64ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-out" viewBox="0 0 24 24"><path d="M18,1L19.8,2.79L15.79,6.79L17.21,8.21L21.21,4.21L23,6V1M12,8C8.14,8 5,11.13 5,15A7,7 0 0,0 12,22C15.86,22 19,18.87 19,15A7,7 0 0,0 12,8M12,10.15C14.67,10.15 16.85,12.32 16.85,15A4.85,4.85 0 0,1 12,19.85C9.32,19.85 7.15,17.68 7.15,15A4.85,4.85 0 0,1 12,10.15M11,12V15.69L14.19,17.53L14.94,16.23L12.5,14.82V12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-outline.svg
new file mode 100644
index 00000000..96347fa8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-outline" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus-outline.svg
new file mode 100644
index 00000000..d76a6cb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-plus-outline" viewBox="0 0 24 24"><path d="M14.47 15.08L11 13V7H12.5V12.25L15.58 14.08C15.17 14.36 14.79 14.7 14.47 15.08M13.08 19.92C12.72 19.97 12.37 20 12 20C7.58 20 4 16.42 4 12S7.58 4 12 4 20 7.58 20 12C20 12.37 19.97 12.72 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12C2 17.5 6.47 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.4 21.25 13.18 20.61 13.08 19.92M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus.svg
new file mode 100644
index 00000000..15e3f7a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-plus" viewBox="0 0 24 24"><path d="M13.72 21.84C13.16 21.94 12.59 22 12 22C6.5 22 2 17.5 2 12S6.5 2 12 2 22 6.5 22 12C22 12.59 21.94 13.16 21.84 13.72C21 13.26 20.03 13 19 13C17.74 13 16.57 13.39 15.6 14.06L12.5 12.2V7H11V13L14.43 15.11C13.54 16.16 13 17.5 13 19C13 20.03 13.26 21 13.72 21.84M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove-outline.svg
new file mode 100644
index 00000000..32822db3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-remove-outline" viewBox="0 0 24 24"><path d="M14.47 15.08L11 13V7H12.5V12.25L15.58 14.08C15.17 14.36 14.79 14.7 14.47 15.08M13.08 19.92C12.72 19.97 12.37 20 12 20C7.58 20 4 16.42 4 12S7.58 4 12 4 20 7.58 20 12C20 12.37 19.97 12.72 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12C2 17.5 6.47 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.4 21.25 13.18 20.61 13.08 19.92M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove.svg
new file mode 100644
index 00000000..5fcb3d83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-remove" viewBox="0 0 24 24"><path d="M13.72 21.84C13.16 21.94 12.59 22 12 22C6.5 22 2 17.5 2 12S6.5 2 12 2 22 6.5 22 12C22 12.59 21.94 13.16 21.84 13.72C21 13.26 20.03 13 19 13C17.74 13 16.57 13.39 15.6 14.06L12.5 12.2V7H11V13L14.43 15.11C13.54 16.16 13 17.5 13 19C13 20.03 13.26 21 13.72 21.84M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-start.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-start.svg
new file mode 100644
index 00000000..76208221
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-start" viewBox="0 0 24 24"><path d="M12,1C8.14,1 5,4.14 5,8A7,7 0 0,0 12,15C15.86,15 19,11.87 19,8C19,4.14 15.86,1 12,1M12,3.15C14.67,3.15 16.85,5.32 16.85,8C16.85,10.68 14.67,12.85 12,12.85A4.85,4.85 0 0,1 7.15,8A4.85,4.85 0 0,1 12,3.15M11,5V8.69L14.19,10.53L14.94,9.23L12.5,7.82V5M4,16V24H6V21H18V24L22,20L18,16V19H6V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight-outline.svg
new file mode 100644
index 00000000..60728125
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-eight-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 12.8L7.7 15.6L7 14.2L11 11.9V7H12.5V12.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight.svg
new file mode 100644
index 00000000..a467fc68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-eight" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M7.7 15.5L7 14.2L11 11.9V7H12.5V12.8L7.7 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven-outline.svg
new file mode 100644
index 00000000..0ed13182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-eleven-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 7V13H11L8.5 8.6L9.8 7.8L11 10V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven.svg
new file mode 100644
index 00000000..92d341e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-eleven.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-eleven" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 13H11L8.5 8.6L9.8 7.8L11 10V7H12.5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five-outline.svg
new file mode 100644
index 00000000..cf194342
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-five-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M15.3 16.2L14 17L11 11.8V7H12.5V11.4L15.3 16.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five.svg
new file mode 100644
index 00000000..35896e69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-five.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-five" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M14 17L11 11.8V7H12.5V11.4L15.3 16.3L14 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four-outline.svg
new file mode 100644
index 00000000..e6045de3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-four-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 13.9L16.3 15.2L11 12.3V7H12.5V11.4L17 13.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four.svg
new file mode 100644
index 00000000..29404127
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-four.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-four" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M16.3 15.2L11 12.3V7H12.5V11.4L17 13.9L16.3 15.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine-outline.svg
new file mode 100644
index 00000000..96714cad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-nine-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 7V13H7V11.5H11V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine.svg
new file mode 100644
index 00000000..17b9ea37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-nine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-nine" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 13H7V11.5H11V7H12.5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one-outline.svg
new file mode 100644
index 00000000..d303617a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-one-outline" viewBox="0 0 24 24"><path d="M12 20C16.42 20 20 16.42 20 12S16.42 4 12 4 4 7.58 4 12 7.58 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.47 22 2 17.5 2 12C2 6.5 6.5 2 12 2M15.3 7.8L12.3 13H11V7H12.5V9.65L14 7.05L15.3 7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one.svg
new file mode 100644
index 00000000..d4e96bb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-one" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.3 13H11V7H12.5V9.7L14 7.1L15.3 7.9L12.3 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven-outline.svg
new file mode 100644
index 00000000..d5261741
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-seven-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 7V12.2L9.8 17L8.5 16.2L11 11.8V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven.svg
new file mode 100644
index 00000000..76b13f4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-seven.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-seven" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 12.2L9.8 17L8.5 16.2L11 11.8V7H12.5V12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six-outline.svg
new file mode 100644
index 00000000..8cf4e0a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-six-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 7V17H11V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six.svg
new file mode 100644
index 00000000..30d4677b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-six.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-six" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 17H11V7H12.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten-outline.svg
new file mode 100644
index 00000000..f847f984
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-ten-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 13H11L7 10.7L7.8 9.4L11.1 11.3V7H12.6V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten.svg
new file mode 100644
index 00000000..8e148ed9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-ten.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-ten" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 13H11L7 10.7L7.8 9.4L11.1 11.3V7H12.6V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three-outline.svg
new file mode 100644
index 00000000..b5b48216
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-three-outline" viewBox="0 0 24 24"><path d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 11.5V13H11V7H12.5V11.5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three.svg
new file mode 100644
index 00000000..2e2cf47f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-three.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-three" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M17 13H11V7H12.5V11.5H17V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve-outline.svg
new file mode 100644
index 00000000..23370cf1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-twelve-outline" viewBox="0 0 24 24"><path d="M12 20C16.42 20 20 16.42 20 12S16.42 4 12 4 4 7.58 4 12 7.58 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.47 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 13.03H11V7H12.5V13.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve.svg
new file mode 100644
index 00000000..0584602e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-twelve.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-twelve" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 13H11V7H12.5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two-outline.svg
new file mode 100644
index 00000000..da4aee49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-two-outline" viewBox="0 0 24 24"><path d="M12 20C16.42 20 20 16.42 20 12S16.42 4 12 4 4 7.58 4 12 7.58 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.47 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12.5 13V13H11V7H12.5V11.26L16.2 9.13L16.95 10.43L12.5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two.svg
new file mode 100644
index 00000000..1fb51c34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock-time-two.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock-time-two" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12.5 13H11V7H12.5V11.3L16.2 9.2L17 10.5L12.5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clock.svg
new file mode 100644
index 00000000..4e52306b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clock" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.2,16.2L11,13V7H12.5V12.2L17,14.9L16.2,16.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple-outline.svg
new file mode 100644
index 00000000..209d3221
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-box-multiple-outline" viewBox="0 0 24 24"><path d="M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H8V4H20V16M4 6V20H18V22H4C2.9 22 2 21.11 2 20V6H4M9.77 12.84L12.6 10L9.77 7.15L11.17 5.75L14 8.6L16.84 5.77L18.24 7.17L15.4 10L18.23 12.84L16.83 14.24L14 11.4L11.17 14.24L9.77 12.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple.svg
new file mode 100644
index 00000000..7fb68715
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-box-multiple" viewBox="0 0 24 24"><path d="M4 20H18V22H4C2.9 22 2 21.11 2 20V6H4V20M20.22 2H7.78C6.8 2 6 2.8 6 3.78V16.22C6 17.2 6.8 18 7.78 18H20.22C21.2 18 22 17.2 22 16.22V3.78C22 2.8 21.2 2 20.22 2M19 13.6L17.6 15L14 11.4L10.4 15L9 13.6L12.6 10L9 6.4L10.4 5L14 8.6L17.6 5L19 6.4L15.4 10L19 13.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-outline.svg
new file mode 100644
index 00000000..a877c122
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M17,8.4L13.4,12L17,15.6L15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-box.svg
new file mode 100644
index 00000000..d805d9e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-box" viewBox="0 0 24 24"><path d="M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple-outline.svg
new file mode 100644
index 00000000..0b69c2f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-circle-multiple-outline" viewBox="0 0 24 24"><path d="M18.54 9.88L17.12 8.47L15 10.59L12.88 8.47L11.47 9.88L13.59 12L11.47 14.12L12.88 15.54L15 13.41L17.12 15.54L18.54 14.12L16.41 12M2 12C2 9.21 3.64 6.8 6 5.68V3.5C2.5 4.76 0 8.09 0 12S2.5 19.24 6 20.5V18.32C3.64 17.2 2 14.79 2 12M15 3C10.04 3 6 7.04 6 12S10.04 21 15 21 24 16.96 24 12 19.96 3 15 3M15 19C11.14 19 8 15.86 8 12S11.14 5 15 5 22 8.14 22 12 18.86 19 15 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple.svg
new file mode 100644
index 00000000..974b98d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-circle-multiple" viewBox="0 0 24 24"><path d="M2 12C2 9.21 3.64 6.8 6 5.68V3.5C2.5 4.76 0 8.09 0 12S2.5 19.24 6 20.5V18.32C3.64 17.2 2 14.79 2 12M15 3C10.04 3 6 7.04 6 12S10.04 21 15 21 24 16.96 24 12 19.96 3 15 3M20 15.59L18.59 17L15 13.41L11.41 17L10 15.59L13.59 12L10 8.41L11.41 7L15 10.59L18.59 7L20 8.41L16.41 12L20 15.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-outline.svg
new file mode 100644
index 00000000..bf107828
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle.svg
new file mode 100644
index 00000000..6bba88ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-circle" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-network-outline.svg
new file mode 100644
index 00000000..0bdca315
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15.54,12.12L13.41,10L15.53,7.87L14.12,6.46L12,8.59L9.88,6.46L8.47,7.87L10.59,10L8.47,12.13L9.88,13.54L12,11.41L14.12,13.54L15.54,12.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-network.svg
new file mode 100644
index 00000000..f73ea0b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-network" viewBox="0 0 24 24"><path d="M14.59,6L12,8.59L9.41,6L8,7.41L10.59,10L8,12.59L9.41,14L12,11.41L14.59,14L16,12.59L13.41,10L16,7.41L14.59,6M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon-outline.svg
new file mode 100644
index 00000000..5916a817
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1M9.12,7.71L7.71,9.12L10.59,12L7.71,14.88L9.12,16.29L12,13.41L14.88,16.29L16.29,14.88L13.41,12L16.29,9.12L14.88,7.71L12,10.59" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon.svg
new file mode 100644
index 00000000..95c362a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-octagon" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27L15.73,3M8.41,7L12,10.59L15.59,7L17,8.41L13.41,12L17,15.59L15.59,17L12,13.41L8.41,17L7,15.59L10.59,12L7,8.41" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-outline.svg
new file mode 100644
index 00000000..255653ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-outline" viewBox="0 0 24 24"><path d="M3,16.74L7.76,12L3,7.26L7.26,3L12,7.76L16.74,3L21,7.26L16.24,12L21,16.74L16.74,21L12,16.24L7.26,21L3,16.74M12,13.41L16.74,18.16L18.16,16.74L13.41,12L18.16,7.26L16.74,5.84L12,10.59L7.26,5.84L5.84,7.26L10.59,12L5.84,16.74L7.26,18.16L12,13.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close-thick.svg
new file mode 100644
index 00000000..775dd08d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close-thick" viewBox="0 0 24 24"><path d="M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12L20 6.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/close.svg
new file mode 100644
index 00000000..64fc924e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-close" viewBox="0 0 24 24"><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption-outline.svg
new file mode 100644
index 00000000..8a00d950
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-closed-caption-outline" viewBox="0 0 24 24"><path d="M5,4C4.45,4 4,4.18 3.59,4.57C3.2,4.96 3,5.44 3,6V18C3,18.56 3.2,19.04 3.59,19.43C4,19.82 4.45,20 5,20H19C19.5,20 20,19.81 20.39,19.41C20.8,19 21,18.53 21,18V6C21,5.47 20.8,5 20.39,4.59C20,4.19 19.5,4 19,4H5M4.5,5.5H19.5V18.5H4.5V5.5M7,9C6.7,9 6.47,9.09 6.28,9.28C6.09,9.47 6,9.7 6,10V14C6,14.3 6.09,14.53 6.28,14.72C6.47,14.91 6.7,15 7,15H10C10.27,15 10.5,14.91 10.71,14.72C10.91,14.53 11,14.3 11,14V13H9.5V13.5H7.5V10.5H9.5V11H11V10C11,9.7 10.91,9.47 10.71,9.28C10.5,9.09 10.27,9 10,9H7M14,9C13.73,9 13.5,9.09 13.29,9.28C13.09,9.47 13,9.7 13,10V14C13,14.3 13.09,14.53 13.29,14.72C13.5,14.91 13.73,15 14,15H17C17.3,15 17.53,14.91 17.72,14.72C17.91,14.53 18,14.3 18,14V13H16.5V13.5H14.5V10.5H16.5V11H18V10C18,9.7 17.91,9.47 17.72,9.28C17.53,9.09 17.3,9 17,9H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption.svg b/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption.svg
new file mode 100644
index 00000000..c00d2b52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/closed-caption.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-closed-caption" viewBox="0 0 24 24"><path d="M18,11H16.5V10.5H14.5V13.5H16.5V13H18V14A1,1 0 0,1 17,15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,11H9.5V10.5H7.5V13.5H9.5V13H11V14A1,1 0 0,1 10,15H7A1,1 0 0,1 6,14V10A1,1 0 0,1 7,9H10A1,1 0 0,1 11,10M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert-outline.svg
new file mode 100644
index 00000000..788d3577
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-alert-outline" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M20.27 17.27C19.79 17.76 19.2 18 18.5 18H6.5C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16.5 8.44 17 9.62 17 11V13H18.5C19.2 13 19.79 13.24 20.27 13.73S21 14.8 21 15.5 20.76 16.79 20.27 17.27M11 15H13V17H11V15M11 7H13V13H11V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert.svg
new file mode 100644
index 00000000..ca20871c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-alert" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M13 17H11V15H13V17M13 13H11V7H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down-outline.svg
new file mode 100644
index 00000000..82d77b31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-down-outline" viewBox="0 0 24 24"><path d="M4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03M20 16H18V20H16L19 23L22 20H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down.svg
new file mode 100644
index 00000000..b46f3f36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-down" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M20 16H18V20H16L19 23L22 20H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left-outline.svg
new file mode 100644
index 00000000..e4a75492
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-left-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M18 16L15 19L18 22V20H22V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left.svg
new file mode 100644
index 00000000..44825efa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-left" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M18 16L15 19L18 22V20H22V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right-outline.svg
new file mode 100644
index 00000000..1b0aef7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-right-outline" viewBox="0 0 24 24"><path d="M4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right.svg
new file mode 100644
index 00000000..8bf17bb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-right" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up-outline.svg
new file mode 100644
index 00000000..4305d6f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-up-outline" viewBox="0 0 24 24"><path d="M4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03M16 18H18V22H20V18H22L19 15L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up.svg
new file mode 100644
index 00000000..69081dbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-arrow-up" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M16 18H18V22H20V18H22L19 15L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-braces.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-braces.svg
new file mode 100644
index 00000000..b19ddfe9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-braces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-braces" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M10.5 10H9V11C9 12.11 8.11 13 7 13C8.11 13 9 13.9 9 15V16H10.5V18H9C7.9 18 7 17.11 7 16V15C7 14.45 6.55 14 6 14H5.5V12H6C6.55 12 7 11.55 7 11V10C7 8.9 7.9 8 9 8H10.5V10M18.5 14H18C17.45 14 17 14.45 17 15V16C17 17.11 16.11 18 15 18H13.5V16H15V15C15 13.9 15.9 13 17 13C15.9 13 15 12.11 15 11V10H13.5V8H15C16.11 8 17 8.9 17 10V11C17 11.55 17.45 12 18 12H18.5V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel-outline.svg
new file mode 100644
index 00000000..c9a8f8ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-cancel-outline" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.1 12.76 22.29 13.05 22.46 13.36C21.36 12.5 20 12 18.5 12C18 12 17.5 12.07 17 12.18V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H12.03C12 18.17 12 18.33 12 18.5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel.svg
new file mode 100644
index 00000000..a4ebbd9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-cancel" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.1 12.76 22.29 13.05 22.46 13.36C21.36 12.5 20 12 18.5 12C14.91 12 12 14.91 12 18.5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-outline.svg
new file mode 100644
index 00000000..86262140
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-check-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84L17.75 19.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant-outline.svg
new file mode 100644
index 00000000..472dc181
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-check-variant-outline" viewBox="0 0 24 24"><path d="M10.35 17L16 11.35L14.55 9.9L10.33 14.13L8.23 12.03L6.8 13.45M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant.svg
new file mode 100644
index 00000000..0412ac60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-check-variant" viewBox="0 0 24 24"><path d="M10.35 17L16 11.35L14.55 9.9L10.33 14.13L8.23 12.03L6.8 13.45M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check.svg
new file mode 100644
index 00000000..b198b3fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-check" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84L17.75 19.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle-outline.svg
new file mode 100644
index 00000000..d4f2e472
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-circle-outline" viewBox="0 0 24 24"><path d="M8.5 16H16Q17.25 16 18.13 15.13T19 13Q19 11.75 18.13 10.88T16 10Q15.8 8.55 14.68 7.53 13.55 6.5 12.15 6.5 10.88 6.5 9.84 7.15 8.8 7.8 8.3 9 6.88 9.13 5.94 10.09 5 11.05 5 12.5 5 13.95 6.03 15 7.05 16 8.5 16M12 22Q9.93 22 8.1 21.21 6.28 20.43 4.93 19.08 3.58 17.73 2.79 15.9 2 14.08 2 12T2.79 8.1Q3.58 6.28 4.93 4.93 6.28 3.58 8.1 2.79 9.93 2 12 2T15.9 2.79Q17.73 3.58 19.08 4.93 20.43 6.28 21.21 8.1 22 9.93 22 12T21.21 15.9Q20.43 17.73 19.08 19.08 17.73 20.43 15.9 21.21 14.08 22 12 22M12 20Q15.33 20 17.66 17.66 20 15.33 20 12T17.66 6.34Q15.33 4 12 4T6.34 6.34Q4 8.68 4 12T6.34 17.66Q8.68 20 12 20M8.5 14Q7.88 14 7.44 13.56 7 13.13 7 12.5T7.44 11.44Q7.88 11 8.5 11H10V10.5Q10 9.68 10.59 9.09 11.18 8.5 12 8.5T13.41 9.09Q14 9.68 14 10.5V12H16Q16.43 12 16.71 12.29 17 12.58 17 13T16.71 13.71Q16.43 14 16 14M12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle.svg
new file mode 100644
index 00000000..b2e92751
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-circle" viewBox="0 0 24 24"><path d="M8.5 16H16Q17.25 16 18.13 15.13T19 13Q19 11.75 18.13 10.88T16 10Q15.8 8.55 14.68 7.53 13.55 6.5 12.15 6.5 10.88 6.5 9.84 7.15 8.8 7.8 8.3 9 6.88 9.13 5.94 10.09 5 11.05 5 12.5 5 13.95 6.03 15 7.05 16 8.5 16M12 22Q9.93 22 8.1 21.21 6.28 20.43 4.93 19.08 3.58 17.73 2.79 15.9 2 14.08 2 12T2.79 8.1Q3.58 6.28 4.93 4.93 6.28 3.58 8.1 2.79 9.93 2 12 2T15.9 2.79Q17.73 3.58 19.08 4.93 20.43 6.28 21.21 8.1 22 9.93 22 12T21.21 15.9Q20.43 17.73 19.08 19.08 17.73 20.43 15.9 21.21 14.08 22 12 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock-outline.svg
new file mode 100644
index 00000000..d86081a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-clock-outline" viewBox="0 0 24 24"><path d="M23 15.5C23 14.79 22.84 14.14 22.55 13.54C21.89 11.79 20.56 10.38 18.86 9.62C18.61 8.26 18 7.06 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H10.26C11.53 21.81 13.62 23 16 23C19.87 23 23 19.87 23 16C23 15.89 23 15.79 23 15.68C23 15.62 23 15.56 23 15.5M6.5 18C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16 7.93 16.35 8.46 16.59 9.03C16.4 9 16.2 9 16 9C12.13 9 9 12.13 9 16C9 16.7 9.11 17.37 9.29 18H6.5M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock.svg
new file mode 100644
index 00000000..5aaafcc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-clock" viewBox="0 0 24 24"><path d="M23 15.5C23 14.79 22.84 14.14 22.55 13.54C21.89 11.79 20.56 10.38 18.86 9.62C18.61 8.26 18 7.06 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H10.26C11.53 21.81 13.62 23 16 23C19.87 23 23 19.87 23 16C23 15.89 23 15.79 23 15.68C23 15.62 23 15.56 23 15.5M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog-outline.svg
new file mode 100644
index 00000000..a148e222
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-cog-outline" viewBox="0 0 24 24"><path d="M12 19C12 19.34 12.03 19.67 12.08 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C21.92 12.55 21.96 12.63 22 12.69C21.1 12.25 20.08 12 19 12C18.31 12 17.63 12.11 17 12.29V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H12.08C12.03 18.33 12 18.66 12 19M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.82 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog.svg
new file mode 100644
index 00000000..5c35a56e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-cog" viewBox="0 0 24 24"><path d="M12 19C12 19.34 12.03 19.67 12.08 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C21.92 12.55 21.96 12.63 22 12.69C21.1 12.25 20.08 12 19 12C15.13 12 12 15.13 12 19M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.82 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download-outline.svg
new file mode 100644
index 00000000..86413f8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-download-outline" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.68 7.35 7.38 5.73 9.07 4.1 11 4.1 11.83 4.1 12.41 4.69 13 5.28 13 6.1V12.15L14.6 10.6L16 12L12 16L8 12L9.4 10.6L11 12.15V6.1Q9.1 6.45 8.05 7.94 7 9.43 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 9.8 16.45 8.76 15.9 7.73 15 7V4.68Q16.85 5.55 17.93 7.26 19 9 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M12 11.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download.svg
new file mode 100644
index 00000000..ad7779a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-download" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.83 7.13 7.39 5.75 8.95 4.38 11 4.08V12.15L9.4 10.6L8 12L12 16L16 12L14.6 10.6L13 12.15V4.08Q15.58 4.43 17.29 6.39 19 8.35 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open-outline.svg
new file mode 100644
index 00000000..5c4c7ec6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-lock-open-outline" viewBox="0 0 24 24"><path d="M6.5 18H13V20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C17.84 6.91 18.42 7.91 18.74 9.03C18.03 9.06 17.37 9.25 16.78 9.56C16.55 8.78 16.15 8.08 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open.svg
new file mode 100644
index 00000000..e27b9ed6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-lock-open" viewBox="0 0 24 24"><path d="M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C17.84 6.91 18.42 7.91 18.74 9.03C16.25 9.16 14.2 11.15 14.2 13.5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-outline.svg
new file mode 100644
index 00000000..75a5d7b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-lock-outline" viewBox="0 0 24 24"><path d="M6.5 18H13V20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.08 7.16 18.73 8.5 18.93 10C18.23 10 17.56 10.19 16.95 10.46C16.84 9.31 16.38 8.31 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock.svg
new file mode 100644
index 00000000..ddf4272b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-lock" viewBox="0 0 24 24"><path d="M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.08 7.16 18.73 8.5 18.93 10C16.36 10.04 14.2 12.08 14.2 14.5M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus-outline.svg
new file mode 100644
index 00000000..eafb8c35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-minus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus.svg
new file mode 100644
index 00000000..a01895ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-minus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off-outline.svg
new file mode 100644
index 00000000..2b7b395f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-off-outline" viewBox="0 0 24 24"><path d="M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M6.5 18H15.15L7.1 9.95Q7.05 10.23 7.03 10.5 7 10.73 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M11.13 14M21.6 18.75L20.15 17.35Q20.58 17 20.79 16.54 21 16.08 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 11.33 6 10.7 6.16 10.07 6.33 9.5 6.68L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75M14.83 12.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off.svg
new file mode 100644
index 00000000..1355b738
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-off" viewBox="0 0 24 24"><path d="M19.8 22.6L17.15 20H6.5Q4.2 20 2.6 18.4T1 14.5Q1 12.58 2.19 11.08 3.38 9.57 5.25 9.15 5.33 8.95 5.4 8.76 5.5 8.57 5.55 8.35L1.4 4.2L2.8 2.8L21.2 21.2M21.6 18.75L8.05 5.23Q8.93 4.63 9.91 4.31 10.9 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 16.5 22.63 17.31 22.25 18.15 21.6 18.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-outline.svg
new file mode 100644
index 00000000..2babb88a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-outline" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18M12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent-outline.svg
new file mode 100644
index 00000000..6a6ad0ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-percent-outline" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M20.27 17.27C19.79 17.76 19.2 18 18.5 18H6.5C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16.5 8.44 17 9.62 17 11V13H18.5C19.2 13 19.79 13.24 20.27 13.73S21 14.8 21 15.5 20.76 16.79 20.27 17.27M8.03 10.45C8.03 9.67 8.67 9.03 9.45 9.03C10.23 9.03 10.87 9.67 10.87 10.45C10.87 11.23 10.23 11.87 9.45 11.87C8.67 11.87 8.03 11.23 8.03 10.45M15.97 15.55C15.97 16.33 15.33 16.97 14.55 16.97C13.77 16.97 13.13 16.33 13.13 15.55C13.13 14.77 13.77 14.13 14.55 14.13C15.33 14.13 15.97 14.77 15.97 15.55M14.8 9L16 10.2L9.2 17L8 15.8L14.8 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent.svg
new file mode 100644
index 00000000..8e0e5dc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-percent" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M9.45 9.03C10.23 9.03 10.87 9.67 10.87 10.45C10.87 11.23 10.23 11.87 9.45 11.87C8.67 11.87 8.03 11.23 8.03 10.45C8.03 9.67 8.67 9.03 9.45 9.03M14.55 16.97C13.77 16.97 13.13 16.33 13.13 15.55C13.13 14.77 13.77 14.13 14.55 14.13C15.33 14.13 15.97 14.77 15.97 15.55C15.97 16.33 15.33 16.97 14.55 16.97M9.2 17L8 15.8L14.8 9L16 10.2L9.2 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus-outline.svg
new file mode 100644
index 00000000..a351b4dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-plus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus.svg
new file mode 100644
index 00000000..698d60e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-plus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print-outline.svg
new file mode 100644
index 00000000..98eeeef1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-print-outline" viewBox="0 0 24 24"><path d="M15 15H9V14H15V15M15 16H9V17H15V16M15 18H9V19H15V18M23 13.5C23 14.75 22.56 15.81 21.69 16.69C20.81 17.56 19.75 18 18.5 18H18V22H6V17.95C4.7 17.85 3.57 17.36 2.61 16.43C1.54 15.38 1 14.09 1 12.58C1 11.28 1.39 10.12 2.17 9.1S4 7.43 5.25 7.15C5.67 5.62 6.5 4.38 7.75 3.43S10.42 2 12 2C13.95 2 15.6 2.68 16.96 4.04C18.32 5.4 19 7.05 19 9C20.15 9.13 21.1 9.63 21.86 10.5C22.62 11.35 23 12.35 23 13.5M6 15.95V11H17V9C17 7.62 16.5 6.44 15.54 5.46C14.56 4.5 13.38 4 12 4S9.44 4.5 8.46 5.46C7.5 6.44 7 7.62 7 9H6.5C5.53 9 4.71 9.34 4.03 10.03C3.34 10.71 3 11.53 3 12.5S3.34 14.29 4.03 15C4.59 15.54 5.25 15.85 6 15.95M16 13H8V20H16V13M21 13.5C21 12.8 20.76 12.21 20.27 11.73S19.2 11 18.5 11H18V16H18.5C19.2 16 19.79 15.76 20.27 15.28S21 14.2 21 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print.svg
new file mode 100644
index 00000000..e701c6c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-print.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-print" viewBox="0 0 24 24"><path d="M21.86 10.5C21.1 9.63 20.15 9.13 19 9C19 7.05 18.32 5.4 16.96 4.04C15.6 2.68 13.95 2 12 2C10.42 2 9 2.5 7.75 3.43S5.67 5.62 5.25 7.15C4 7.43 2.96 8.08 2.17 9.1S1 11.28 1 12.58C1 14.09 1.54 15.38 2.61 16.43C3.57 17.36 4.7 17.85 6 17.95V22H18V18H18.5C19.75 18 20.81 17.56 21.69 16.69C22.56 15.81 23 14.75 23 13.5C23 12.35 22.62 11.35 21.86 10.5M16 20H8V13H16V20M15 15H9V14H15V15M15 17H9V16H15V17M15 19H9V18H15V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question-outline.svg
new file mode 100644
index 00000000..279bc36f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-question-outline" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M20.27 17.27C19.79 17.76 19.2 18 18.5 18H6.5C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16.5 8.44 17 9.62 17 11V13H18.5C19.2 13 19.79 13.24 20.27 13.73S21 14.8 21 15.5 20.76 16.79 20.27 17.27M11 15H13V17H11V15M14.43 8.68C14.97 9.13 15.24 9.75 15.24 10.5C15.24 11 15.09 11.41 14.8 11.82C14.5 12.21 14.13 12.5 13.67 12.75C13.41 12.91 13.24 13.07 13.15 13.26C13.06 13.45 13 13.69 13 14H11C11 13.45 11.11 13.08 11.3 12.82C11.5 12.56 11.85 12.25 12.37 11.91C12.63 11.75 12.84 11.56 13 11.32C13.15 11.09 13.23 10.81 13.23 10.5C13.23 10.18 13.14 9.94 12.96 9.76C12.78 9.56 12.5 9.47 12.2 9.47C11.93 9.47 11.71 9.55 11.5 9.7C11.35 9.85 11.25 10.08 11.25 10.39H9.28C9.23 9.64 9.5 9 10.06 8.59C10.6 8.2 11.31 8 12.2 8C13.14 8 13.89 8.23 14.43 8.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question.svg
new file mode 100644
index 00000000..08aa4a2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-question" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M13 17H11V15H13V17M14.8 11.82C14.5 12.21 14.13 12.5 13.67 12.75C13.41 12.91 13.24 13.07 13.15 13.26C13.06 13.45 13 13.69 13 14H11C11 13.45 11.11 13.08 11.3 12.82C11.5 12.56 11.85 12.25 12.37 11.91C12.63 11.75 12.84 11.56 13 11.32C13.15 11.09 13.23 10.81 13.23 10.5C13.23 10.18 13.14 9.94 12.96 9.76C12.78 9.56 12.5 9.47 12.2 9.47C11.93 9.47 11.71 9.55 11.5 9.7C11.35 9.85 11.25 10.08 11.25 10.39H9.28C9.23 9.64 9.5 9 10.06 8.59C10.6 8.2 11.31 8 12.2 8C13.14 8 13.89 8.23 14.43 8.68S15.24 9.75 15.24 10.5C15.24 11 15.09 11.41 14.8 11.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-outline.svg
new file mode 100644
index 00000000..3cc3ec99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-refresh-outline" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.1 12.76 22.29 13.05 22.46 13.36C21.36 12.5 20 12 18.5 12C18 12 17.5 12.07 17 12.18V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H12.03C12 18.17 12 18.33 12 18.5M18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant-outline.svg
new file mode 100644
index 00000000..b7a6774b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-refresh-variant-outline" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M20.27 17.27C19.79 17.76 19.2 18 18.5 18H6.5C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16.5 8.44 17 9.62 17 11V13H18.5C19.2 13 19.79 13.24 20.27 13.73S21 14.8 21 15.5 20.76 16.79 20.27 17.27M14.83 10.17L16 9V13H12L13.77 11.23C13.32 10.78 12.69 10.5 12 10.5C10.62 10.5 9.5 11.62 9.5 13S10.62 15.5 12 15.5C12.82 15.5 13.54 15.11 14 14.5H15.71C15.12 15.97 13.68 17 12 17C9.79 17 8 15.21 8 13S9.79 9 12 9C13.11 9 14.11 9.45 14.83 10.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant.svg
new file mode 100644
index 00000000..37739d3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-refresh-variant" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M16 13H12L13.77 11.23C13.32 10.78 12.69 10.5 12 10.5C10.62 10.5 9.5 11.62 9.5 13S10.62 15.5 12 15.5C12.82 15.5 13.54 15.11 14 14.5H15.71C15.12 15.97 13.68 17 12 17C9.79 17 8 15.21 8 13S9.79 9 12 9C13.11 9 14.11 9.45 14.83 10.17L16 9V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh.svg
new file mode 100644
index 00000000..1c587122
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-refresh" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.1 12.76 22.29 13.05 22.46 13.36C21.36 12.5 20 12 18.5 12C14.91 12 12 14.91 12 18.5M18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove-outline.svg
new file mode 100644
index 00000000..03f3370b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-remove-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C18.89 13 18.79 13 18.68 13C18.62 13 18.56 13 18.5 13H17V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.09C13.04 18.33 13 18.66 13 19M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove.svg
new file mode 100644
index 00000000..e7d1c02c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-remove" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C20.15 11.13 21.1 11.63 21.86 12.5C22.37 13.07 22.7 13.71 22.86 14.42C21.82 13.54 20.5 13 19 13C15.69 13 13 15.69 13 19M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search-outline.svg
new file mode 100644
index 00000000..2c5c7851
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-search-outline" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M20.27 17.27C19.79 17.76 19.2 18 18.5 18H6.5C5.53 18 4.71 17.66 4.03 17C3.34 16.29 3 15.47 3 14.5S3.34 12.71 4.03 12.03C4.71 11.34 5.53 11 6.5 11H7C7 9.62 7.5 8.44 8.46 7.46C9.44 6.5 10.62 6 12 6S14.56 6.5 15.54 7.46C16.5 8.44 17 9.62 17 11V13H18.5C19.2 13 19.79 13.24 20.27 13.73S21 14.8 21 15.5 20.76 16.79 20.27 17.27M16 12C16 9.79 14.21 8 12 8S8 9.79 8 12 9.79 16 12 16C12.74 16 13.43 15.79 14 15.43L16.57 18L18 16.57L15.43 14C15.79 13.43 16 12.74 16 12M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search.svg
new file mode 100644
index 00000000..7d76e52b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-search" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M16.57 18L14 15.43C13.43 15.79 12.74 16 12 16C9.79 16 8 14.21 8 12S9.79 8 12 8 16 9.79 16 12C16 12.74 15.79 13.43 15.43 14L18 16.57L16.57 18M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync-outline.svg
new file mode 100644
index 00000000..7d06f8b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-sync-outline" viewBox="0 0 24 24"><path d="M13.03 18C13.08 18.7 13.24 19.38 13.5 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C19.04 11 19.07 11 19.1 11C18.36 11.07 17.65 11.23 17 11.5V11C17 9.62 16.5 8.44 15.54 7.46C14.56 6.5 13.38 6 12 6S9.44 6.5 8.46 7.46C7.5 8.44 7 9.62 7 11H6.5C5.53 11 4.71 11.34 4.03 12.03C3.34 12.71 3 13.53 3 14.5S3.34 16.29 4.03 17C4.71 17.66 5.53 18 6.5 18H13.03M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync.svg
new file mode 100644
index 00000000..dc4f6595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-sync" viewBox="0 0 24 24"><path d="M13 17.5C13 18.39 13.18 19.23 13.5 20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.32 7.4 19 9.05 19 11C19.04 11 19.07 11 19.1 11C15.7 11.23 13 14.05 13 17.5M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-tags.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-tags.svg
new file mode 100644
index 00000000..51806f69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-tags.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-tags" viewBox="0 0 24 24"><path d="M21.86 12.5C21.1 11.63 20.15 11.13 19 11C19 9.05 18.32 7.4 16.96 6.04C15.6 4.68 13.95 4 12 4C10.42 4 9 4.47 7.75 5.43S5.67 7.62 5.25 9.15C4 9.43 2.96 10.08 2.17 11.1S1 13.28 1 14.58C1 16.09 1.54 17.38 2.61 18.43C3.69 19.5 5 20 6.5 20H18.5C19.75 20 20.81 19.56 21.69 18.69C22.56 17.81 23 16.75 23 15.5C23 14.35 22.62 13.35 21.86 12.5M10.5 16.18L9.09 17.6L4.5 13L9.09 8.4L10.5 9.82L7.32 13L10.5 16.18M14.91 17.6L13.5 16.18L16.68 13L13.5 9.82L14.91 8.4L19.5 13L14.91 17.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload-outline.svg
new file mode 100644
index 00000000..9f52ac24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-upload-outline" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13Q12.18 20 11.59 19.41 11 18.83 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 9.93 6 8.46 7.46 7 8.93 7 11H6.5Q5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18H9V20M12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload.svg
new file mode 100644
index 00000000..8d3193d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud-upload" viewBox="0 0 24 24"><path d="M11 20H6.5Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20H13V12.85L14.6 14.4L16 13L12 9L8 13L9.4 14.4L11 12.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cloud.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cloud.svg
new file mode 100644
index 00000000..48589cd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cloud" viewBox="0 0 24 24"><path d="M6.5 20Q4.22 20 2.61 18.43 1 16.85 1 14.58 1 12.63 2.17 11.1 3.35 9.57 5.25 9.15 5.88 6.85 7.75 5.43 9.63 4 12 4 14.93 4 16.96 6.04 19 8.07 19 11 20.73 11.2 21.86 12.5 23 13.78 23 15.5 23 17.38 21.69 18.69 20.38 20 18.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clouds.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clouds.svg
new file mode 100644
index 00000000..e9dfcbc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clouds.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clouds" viewBox="0 0 24 24"><path d="M19.19 12.07C19.69 11.54 20 10.82 20 10C20 8.3 18.7 6.84 17 6.84H14.2C14.2 4.17 12.03 2 9.36 2C7.31 2 5.56 3.28 4.85 5.08C2.72 5.14 1 6.89 1 9.04C1 11.22 2.78 13 4.96 13H8.1C8.04 13.33 8 13.66 8 14H7.5C5.57 14 4 15.57 4 17.5S5.57 21 7.5 21H18.5C21 21 23 19 23 16.5C23 14.26 21.34 12.41 19.19 12.07M18.5 19H7.5C6.67 19 6 18.33 6 17.5S6.67 16 7.5 16H10V14C10 12.07 11.57 10.5 13.5 10.5S17 12.07 17 14H18.5C19.88 14 21 15.12 21 16.5S19.88 19 18.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/clover.svg b/apps/phoenix_webcomponent/priv/mdi/svg/clover.svg
new file mode 100644
index 00000000..5608d303
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/clover.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-clover" viewBox="0 0 24 24"><path d="M12,11.18C15.3,8.18 17,6.64 17,4.69C17,3.19 15.75,2 14.25,2C13.39,2 12.57,2.36 12,3C11.43,2.36 10.61,2 9.69,2C8.19,2 7,3.25 7,4.75C7,6.64 8.7,8.18 12,11.18M11.18,12C8.18,8.7 6.64,7 4.69,7C3.19,7 2,8.25 2,9.75C2,10.61 2.36,11.43 3,12C2.36,12.57 2,13.39 2,14.31C2,15.81 3.25,17 4.75,17C6.64,17 8.18,15.3 11.18,12M12.83,12C15.82,15.3 17.36,17 19.31,17C20.81,17 22,15.75 22,14.25C22,13.39 21.64,12.57 21,12C21.64,11.43 22,10.61 22,9.69C22,8.19 20.75,7 19.25,7C17.36,7 15.82,8.7 12.83,12M12,12.82C8.7,15.82 7,17.36 7,19.31C7,20.81 8.25,22 9.75,22C10.61,22 11.43,21.64 12,21C12.57,21.64 13.39,22 14.31,22C15.81,22 17,20.75 17,19.25C17,17.36 15.3,15.82 12,12.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp-variant.svg
new file mode 100644
index 00000000..b2d68c88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coach-lamp-variant" viewBox="0 0 24 24"><path d="M12.5 2L12 4L10 6.31L5 9H7L9.5 18L12 20L12.5 22H13.5L14 20L16.5 18L19 9H21L16 6.31L14 4L13.5 2M9 9H17L14.78 17H11.22M3 14V22H11.5L11 20H8L5 17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp.svg
new file mode 100644
index 00000000..46020c33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coach-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coach-lamp" viewBox="0 0 24 24"><path d="M16 5L15 2H13L12 5L6 8H8L8.6 11H4V7H2V17H4V13H9L10 18L12 20L13 22H15L16 20L18 18L20 8H22M16.16 17H11.84L10 8H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coat-rack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coat-rack.svg
new file mode 100644
index 00000000..64e89e18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coat-rack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coat-rack" viewBox="0 0 24 24"><path d="M18.33 7.78A1 1 0 0 0 16.66 8.89A2 2 0 1 1 13 10V7.82A3 3 0 1 0 11 7.82V10A2 2 0 1 1 7.34 8.89A1 1 0 1 0 5.67 7.78A4 4 0 0 0 11 13.46V20A2 2 0 0 0 9 22H15A2 2 0 0 0 13 20V13.46A4 4 0 0 0 18.33 7.78M12 4A1 1 0 1 1 11 5A1 1 0 0 1 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-array.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-array.svg
new file mode 100644
index 00000000..8f393248
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-array.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-array" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M6,6V18H10V16H8V8H10V6H6M16,16H14V18H18V6H14V8H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-braces-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-braces-box.svg
new file mode 100644
index 00000000..6d3de379
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-braces-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-braces-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M11 8H9V10C9 11.1 8.1 12 7 12C8.1 12 9 12.9 9 14V16H11V18H9C7.9 18 7 17.1 7 16V15C7 13.9 6.1 13 5 13V11C6.1 11 7 10.1 7 9V8C7 6.9 7.9 6 9 6H11V8M19 13C17.9 13 17 13.9 17 15V16C17 17.1 16.1 18 15 18H13V16H15V14C15 12.9 15.9 12 17 12C15.9 12 15 11.1 15 10V8H13V6H15C16.1 6 17 6.9 17 8V9C17 10.1 17.9 11 19 11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-braces.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-braces.svg
new file mode 100644
index 00000000..0adf4e82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-braces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-braces" viewBox="0 0 24 24"><path d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-brackets.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-brackets.svg
new file mode 100644
index 00000000..28d4fd18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-brackets.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-brackets" viewBox="0 0 24 24"><path d="M15,4V6H18V18H15V20H20V4M4,4V20H9V18H6V6H9V4H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-equal.svg
new file mode 100644
index 00000000..31169aa2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-equal" viewBox="0 0 24 24"><path d="M6,13H11V15H6M13,13H18V15H13M13,9H18V11H13M6,9H11V11H6M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than-or-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than-or-equal.svg
new file mode 100644
index 00000000..443025d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than-or-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-greater-than-or-equal" viewBox="0 0 24 24"><path d="M13,13H18V15H13M13,9H18V11H13M6.91,7.41L11.5,12L6.91,16.6L5.5,15.18L8.68,12L5.5,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than.svg
new file mode 100644
index 00000000..1d0d33a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-greater-than.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-greater-than" viewBox="0 0 24 24"><path d="M10.41,7.41L15,12L10.41,16.6L9,15.18L12.18,12L9,8.82M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-json.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-json.svg
new file mode 100644
index 00000000..d592b934
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-json.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-json" viewBox="0 0 24 24"><path d="M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than-or-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than-or-equal.svg
new file mode 100644
index 00000000..93c68a43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than-or-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-less-than-or-equal" viewBox="0 0 24 24"><path d="M13,13H18V15H13M13,9H18V11H13M10.09,7.41L11.5,8.82L8.32,12L11.5,15.18L10.09,16.6L5.5,12M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than.svg
new file mode 100644
index 00000000..f456fbe2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-less-than.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-less-than" viewBox="0 0 24 24"><path d="M13.59,7.41L9,12L13.59,16.6L15,15.18L11.82,12L15,8.82M19,3C20.11,3 21,3.9 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal-variant.svg
new file mode 100644
index 00000000..4b00bb23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-not-equal-variant" viewBox="0 0 24 24"><path d="M11,6.5V9.33L8.33,12L11,14.67V17.5L5.5,12M13,6.43L18.57,12L13,17.57V14.74L15.74,12L13,9.26M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal.svg
new file mode 100644
index 00000000..dc77f981
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-not-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-not-equal" viewBox="0 0 24 24"><path d="M6,15H8V17H6M11,13H18V15H11M11,9H18V11H11M6,7H8V13H6M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses-box.svg
new file mode 100644
index 00000000..ab9d606e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-parentheses-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M10 17.3L8.4 18C6.9 16.5 6 14.3 6 12S6.9 7.5 8.4 6L10 6.7C8.7 7.9 8 9.9 8 12S8.7 16.1 10 17.3M15.6 18L14 17.3C15.3 16 16 14.1 16 12S15.3 7.9 14 6.7L15.6 6C17.1 7.5 18 9.7 18 12C18 14.3 17.1 16.5 15.6 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses.svg
new file mode 100644
index 00000000..1e07d860
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-parentheses.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-parentheses" viewBox="0 0 24 24"><path d="M17.62,3C19.13,5.27 20,8.55 20,12C20,15.44 19.13,18.72 17.62,21L16,19.96C17.26,18.07 18,15.13 18,12C18,8.87 17.26,5.92 16,4.03L17.62,3M6.38,3L8,4.04C6.74,5.92 6,8.87 6,12C6,15.13 6.74,18.08 8,19.96L6.38,21C4.87,18.73 4,15.45 4,12C4,8.55 4.87,5.27 6.38,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-string.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-string.svg
new file mode 100644
index 00000000..15eaa7c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-string.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-string" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M12.5,11H11.5A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 11.5,8H12.5A1.5,1.5 0 0,1 14,9.5H16A3.5,3.5 0 0,0 12.5,6H11.5A3.5,3.5 0 0,0 8,9.5A3.5,3.5 0 0,0 11.5,13H12.5A1.5,1.5 0 0,1 14,14.5A1.5,1.5 0 0,1 12.5,16H11.5A1.5,1.5 0 0,1 10,14.5H8A3.5,3.5 0 0,0 11.5,18H12.5A3.5,3.5 0 0,0 16,14.5A3.5,3.5 0 0,0 12.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-tags-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-tags-check.svg
new file mode 100644
index 00000000..292ad5ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-tags-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-tags-check" viewBox="0 0 24 24"><path d="M6.59,3.41L2,8L6.59,12.6L8,11.18L4.82,8L8,4.82L6.59,3.41M12.41,3.41L11,4.82L14.18,8L11,11.18L12.41,12.6L17,8L12.41,3.41M21.59,11.59L13.5,19.68L9.83,16L8.42,17.41L13.5,22.5L23,13L21.59,11.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/code-tags.svg b/apps/phoenix_webcomponent/priv/mdi/svg/code-tags.svg
new file mode 100644
index 00000000..d2764857
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/code-tags.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-code-tags" viewBox="0 0 24 24"><path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/codepen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/codepen.svg
new file mode 100644
index 00000000..5e8f5832
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/codepen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-codepen" viewBox="0 0 24 24"><path d="M8.21 12L6.88 12.89V11.11L8.21 12M11.47 9.82V7.34L7.31 10.12L9.16 11.36L11.47 9.82M16.7 10.12L12.53 7.34V9.82L14.84 11.36L16.7 10.12M7.31 13.88L11.47 16.66V14.18L9.16 12.64L7.31 13.88M12.53 14.18V16.66L16.7 13.88L14.84 12.64L12.53 14.18M12 10.74L10.12 12L12 13.26L13.88 12L12 10.74M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M18.18 10.12C18.18 10.09 18.18 10.07 18.18 10.05L18.17 10L18.17 10L18.16 9.95C18.15 9.94 18.15 9.93 18.14 9.91L18.13 9.89L18.11 9.85L18.1 9.83L18.08 9.8L18.06 9.77L18.03 9.74L18 9.72L18 9.7L17.96 9.68L17.95 9.67L12.3 5.91C12.12 5.79 11.89 5.79 11.71 5.91L6.05 9.67L6.05 9.68L6 9.7C6 9.71 6 9.72 6 9.72L5.97 9.74L5.94 9.77L5.93 9.8L5.9 9.83L5.89 9.85L5.87 9.89L5.86 9.91L5.84 9.95L5.84 10L5.83 10L5.82 10.05C5.82 10.07 5.82 10.09 5.82 10.12V13.88C5.82 13.91 5.82 13.93 5.82 13.95L5.83 14L5.84 14L5.84 14.05C5.85 14.06 5.85 14.07 5.86 14.09L5.87 14.11L5.89 14.15L5.9 14.17L5.92 14.2L5.94 14.23C5.95 14.24 5.96 14.25 5.97 14.26L6 14.28L6 14.3L6.04 14.32L6.05 14.33L11.71 18.1C11.79 18.16 11.9 18.18 12 18.18C12.1 18.18 12.21 18.15 12.3 18.1L17.95 14.33L17.96 14.32L18 14.3L18 14.28L18.03 14.26L18.06 14.23L18.08 14.2L18.1 14.17L18.11 14.15L18.13 14.11L18.14 14.09L18.16 14.05L18.16 14L18.17 14L18.18 13.95C18.18 13.93 18.18 13.91 18.18 13.88V10.12M17.12 12.89V11.11L15.79 12L17.12 12.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check-outline.svg
new file mode 100644
index 00000000..a7a3ab4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-maker-check-outline" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M13 18.21C12.5 18.7 11.78 19 11 19C9.35 19 8 17.65 8 16V13H14V14.69C14.5 13.92 15.2 13.27 16 12.81V11H6V16C6 17.64 6.81 19.09 8.03 20H4V4H6V6C6 6.55 6.45 7 7 7H15C15.55 7 16 6.55 16 6V4H18V2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H14.54C13.63 21 13.06 19.67 13 18.21M10 9C10 9.55 10.45 10 11 10S12 9.55 12 9 11.55 8 11 8 10 8.45 10 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check.svg
new file mode 100644
index 00000000..36d379e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-maker-check" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M13 18C13 15.78 14.21 13.85 16 12.81V11H6V16C6 17.64 6.81 19.09 8.03 20H4V4H6V6C6 6.55 6.45 7 7 7H15C15.55 7 16 6.55 16 6V4H18V2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H14.54C13.58 20.94 13 19.54 13 18M10 9C10 9.55 10.45 10 11 10S12 9.55 12 9 11.55 8 11 8 10 8.45 10 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-outline.svg
new file mode 100644
index 00000000..026ff589
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-maker-outline" viewBox="0 0 24 24"><path d="M18 6V4H20V2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H20V20H15.97C17.2 19.09 18 17.64 18 16V11H8V16C8 17.64 8.81 19.09 10.03 20H6V4H8V6C8 6.55 8.45 7 9 7H17C17.55 7 18 6.55 18 6M10 16V13H16V16C16 17.65 14.65 19 13 19S10 17.65 10 16M13 8C13.55 8 14 8.45 14 9S13.55 10 13 10 12 9.55 12 9 12.45 8 13 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker.svg
new file mode 100644
index 00000000..3bab47bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-maker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-maker" viewBox="0 0 24 24"><path d="M18 6V4H20V2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H20V20H15.97C17.2 19.09 18 17.64 18 16V11H8V16C8 17.64 8.81 19.09 10.03 20H6V4H8V6C8 6.55 8.45 7 9 7H17C17.55 7 18 6.55 18 6M13 8C13.55 8 14 8.45 14 9S13.55 10 13 10 12 9.55 12 9 12.45 8 13 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off-outline.svg
new file mode 100644
index 00000000..14b084dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-off-outline" viewBox="0 0 24 24"><path d="M2 3.27L4 5.27V13C4 15.21 5.79 17 8 17H14C14.5 17 15 16.89 15.44 16.71L17.73 19H2V21H19.73L20.72 22L22 20.72L3.27 2L2 3.27M8 15C6.9 15 6 14.1 6 13V7.27L13.73 15H8M20 3H6.81L8.81 5H16V12.19L17.85 14.04C17.94 13.7 18 13.36 18 13V10H20C21.1 10 22 9.1 22 8V5C22 3.9 21.1 3 20 3M20 8H18V5H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off.svg
new file mode 100644
index 00000000..09dfafd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-off" viewBox="0 0 24 24"><path d="M3.27 2L22 20.72L20.72 22L19.73 21H2V19H17.73L15.44 16.71C15 16.89 14.5 17 14 17H8C5.79 17 4 15.21 4 13V5.27L2 3.27L3.27 2M22 5V8C22 9.1 21.1 10 20 10H18V13C18 13.36 17.94 13.7 17.85 14.04L6.81 3H20C21.1 3 22 3.89 22 5M20 5H18V8H20V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-outline.svg
new file mode 100644
index 00000000..ffbdfce9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-outline" viewBox="0 0 24 24"><path d="M2,21V19H20V21H2M20,8V5H18V8H20M20,3A2,2 0 0,1 22,5V8A2,2 0 0,1 20,10H18V13A4,4 0 0,1 14,17H8A4,4 0 0,1 4,13V3H20M16,5H6V13A2,2 0 0,0 8,15H14A2,2 0 0,0 16,13V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go-outline.svg
new file mode 100644
index 00000000..07a21a93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-to-go-outline" viewBox="0 0 24 24"><path d="M3 3V11A4 4 0 0 0 7 15H11A4 4 0 0 0 15 11V10H17C18.11 10 19 9.11 19 8V5C19 3.9 18.11 3 17 3H3M5 5H13V11A2 2 0 0 1 11 13H7A2 2 0 0 1 5 11V5M15 5H17V8H15V5M16.67 13.83L15.26 15.24L17 17H3V19H17L15.26 20.76L16.67 22.17L20.84 18L16.67 13.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go.svg
new file mode 100644
index 00000000..9cd2c8fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee-to-go.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee-to-go" viewBox="0 0 24 24"><path d="M3,19V17H17L15.26,15.24L16.67,13.83L20.84,18L16.67,22.17L15.26,20.76L17,19H3M17,8V5H15V8H17M17,3C18.11,3 19,3.9 19,5V8C19,9.11 18.11,10 17,10H15V11A4,4 0 0,1 11,15H7A4,4 0 0,1 3,11V3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffee.svg
new file mode 100644
index 00000000..472ba948
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffee" viewBox="0 0 24 24"><path d="M2,21H20V19H2M20,8H18V5H20M20,3H4V13A4,4 0 0,0 8,17H14A4,4 0 0,0 18,13V10H20A2,2 0 0,0 22,8V5C22,3.89 21.1,3 20,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coffin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coffin.svg
new file mode 100644
index 00000000..60acc5b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coffin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coffin" viewBox="0 0 24 24"><path d="M8,22L5,8L8,2H16L19,8L16,22H8M11,6V8H9V10H11V15H13V10H15V8H13V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-box.svg
new file mode 100644
index 00000000..729d4601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-box" viewBox="0 0 24 24"><path d="M17.25,12C17.25,12.23 17.23,12.46 17.2,12.68L18.68,13.84C18.81,13.95 18.85,14.13 18.76,14.29L17.36,16.71C17.27,16.86 17.09,16.92 16.93,16.86L15.19,16.16C14.83,16.44 14.43,16.67 14,16.85L13.75,18.7C13.72,18.87 13.57,19 13.4,19H10.6C10.43,19 10.28,18.87 10.25,18.7L10,16.85C9.56,16.67 9.17,16.44 8.81,16.16L7.07,16.86C6.91,16.92 6.73,16.86 6.64,16.71L5.24,14.29C5.15,14.13 5.19,13.95 5.32,13.84L6.8,12.68C6.77,12.46 6.75,12.23 6.75,12C6.75,11.77 6.77,11.54 6.8,11.32L5.32,10.16C5.19,10.05 5.15,9.86 5.24,9.71L6.64,7.29C6.73,7.13 6.91,7.07 7.07,7.13L8.81,7.84C9.17,7.56 9.56,7.32 10,7.15L10.25,5.29C10.28,5.13 10.43,5 10.6,5H13.4C13.57,5 13.72,5.13 13.75,5.29L14,7.15C14.43,7.32 14.83,7.56 15.19,7.84L16.93,7.13C17.09,7.07 17.27,7.13 17.36,7.29L18.76,9.71C18.85,9.86 18.81,10.05 18.68,10.16L17.2,11.32C17.23,11.54 17.25,11.77 17.25,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M12,10C10.89,10 10,10.89 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,10.89 13.1,10 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-clockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-clockwise.svg
new file mode 100644
index 00000000..fcd8ce9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-clockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-clockwise" viewBox="0 0 24 24"><path d="M12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C14 21 15.92 20.34 17.5 19.14L16.06 17.7C14.87 18.54 13.45 19 12 19C8.13 19 5 15.87 5 12S8.13 5 12 5 19 8.13 19 12H16L20 16L24 12H21C21 7.03 16.97 3 12 3M7.71 13.16C7.62 13.23 7.59 13.35 7.64 13.45L8.54 15C8.6 15.12 8.72 15.12 8.82 15.12L9.95 14.67C10.19 14.83 10.44 14.97 10.7 15.09L10.88 16.28C10.9 16.39 11 16.47 11.1 16.47H12.9C13 16.5 13.11 16.41 13.13 16.3L13.31 15.12C13.58 15 13.84 14.85 14.07 14.67L15.19 15.12C15.3 15.16 15.42 15.11 15.47 15L16.37 13.5C16.42 13.38 16.39 13.26 16.31 13.19L15.31 12.45C15.34 12.15 15.34 11.85 15.31 11.55L16.31 10.79C16.4 10.72 16.42 10.61 16.37 10.5L15.47 8.95C15.41 8.85 15.3 8.81 15.19 8.85L14.07 9.3C13.83 9.13 13.57 9 13.3 8.88L13.13 7.69C13.11 7.58 13 7.5 12.9 7.5H11.14C11.04 7.5 10.95 7.57 10.93 7.67L10.76 8.85C10.5 8.97 10.23 9.12 10 9.3L8.85 8.88C8.74 8.84 8.61 8.89 8.56 9L7.65 10.5C7.6 10.62 7.63 10.74 7.71 10.81L8.71 11.55C8.69 11.7 8.69 11.85 8.71 12C8.7 12.15 8.7 12.3 8.71 12.45L7.71 13.19M12 13.5H12C11.16 13.5 10.5 12.82 10.5 12C10.5 11.17 11.17 10.5 12 10.5S13.5 11.17 13.5 12 12.83 13.5 12 13.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-counterclockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-counterclockwise.svg
new file mode 100644
index 00000000..003f89bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-counterclockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-counterclockwise" viewBox="0 0 24 24"><path d="M12 3C7.03 3 3 7.03 3 12H0L4 16L8 12H5C5 8.13 8.13 5 12 5S19 8.13 19 12 15.87 19 12 19C10.55 19 9.13 18.54 7.94 17.7L6.5 19.14C8.08 20.34 10 21 12 21C16.97 21 21 16.97 21 12S16.97 3 12 3M16.29 13.19L15.29 12.45C15.3 12.3 15.3 12.15 15.29 12C15.31 11.85 15.31 11.7 15.29 11.55L16.29 10.81C16.37 10.74 16.4 10.62 16.35 10.5L15.44 9C15.39 8.89 15.26 8.84 15.15 8.88L14 9.3C13.77 9.12 13.5 8.97 13.24 8.85L13.07 7.67C13.05 7.57 12.96 7.5 12.86 7.5H11.1C11 7.5 10.89 7.58 10.87 7.69L10.7 8.88C10.43 9 10.17 9.13 9.93 9.3L8.81 8.85C8.71 8.81 8.59 8.85 8.53 8.95L7.63 10.5C7.58 10.61 7.6 10.72 7.69 10.79L8.69 11.55C8.66 11.85 8.66 12.15 8.69 12.45L7.69 13.19C7.61 13.26 7.58 13.38 7.63 13.5L8.53 15C8.58 15.11 8.7 15.16 8.81 15.12L9.93 14.67C10.16 14.85 10.42 15 10.69 15.12L10.87 16.3C10.89 16.41 11 16.5 11.1 16.47H12.9C13 16.47 13.11 16.39 13.12 16.28L13.3 15.09C13.56 14.97 13.81 14.83 14.05 14.67L15.18 15.12C15.28 15.12 15.4 15.12 15.46 15L16.36 13.45C16.41 13.35 16.38 13.23 16.29 13.16M12 13.5C11.17 13.5 10.5 12.83 10.5 12S11.17 10.5 12 10.5 13.5 11.17 13.5 12C13.5 12.82 12.84 13.5 12 13.5H12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-off-outline.svg
new file mode 100644
index 00000000..d63948c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4 5.88L2.34 8.73C2.21 8.95 2.27 9.22 2.46 9.37L4.57 11L4.5 12L4.57 12.97L2.46 14.63C2.27 14.78 2.21 15.05 2.34 15.27L4.34 18.73C4.46 18.95 4.73 19.03 4.95 18.95L7.44 17.94C7.96 18.34 8.5 18.68 9.13 18.93L9.5 21.58C9.54 21.82 9.75 22 10 22H14C14.25 22 14.46 21.82 14.5 21.58L14.87 18.93C15.38 18.73 15.83 18.45 16.26 18.15L20.84 22.73L22.11 21.46M10 11.9L12.1 14C12.06 14 12.03 14 12 14C10.9 14 10 13.11 10 12C10 11.97 10 11.94 10 11.9M13.13 17.39L12.76 20H11.24L10.87 17.38C9.68 17.14 8.63 16.5 7.86 15.62L5.43 16.66L4.68 15.36L6.8 13.8C6.4 12.64 6.4 11.37 6.8 10.2L4.69 8.65L5.44 7.35L5.5 7.37L8.4 10.29C8.15 10.8 8 11.38 8 12C8 14.21 9.79 16 12 16C12.62 16 13.2 15.86 13.71 15.6L14.83 16.72C14.31 17.03 13.74 17.26 13.13 17.39M10.06 6.86L8.55 5.35C8.74 5.26 8.93 5.15 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.79 8.95 21.73 9.22 21.54 9.37L19.43 11L19.5 12L19.43 13L21.54 14.63C21.73 14.78 21.79 15.05 21.66 15.27L20.5 17.29L19.04 15.84L19.32 15.36L17.2 13.81C17.6 12.64 17.6 11.37 17.2 10.2L19.31 8.65L18.56 7.35L16.15 8.39C15.38 7.5 14.32 6.86 13.12 6.62L12.75 4H11.25L10.88 6.61C10.6 6.67 10.32 6.75 10.06 6.86M12 8C14.21 8 16 9.79 16 12C16 12.25 15.97 12.5 15.93 12.73L11.27 8.07C11.5 8.03 11.75 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-off.svg
new file mode 100644
index 00000000..1886a209
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-off" viewBox="0 0 24 24"><path d="M22.12 21.46L2.4 1.73L1.12 3L4 5.87L2.34 8.73C2.21 8.95 2.27 9.22 2.46 9.37L4.57 11C4.53 11.34 4.5 11.67 4.5 12S4.53 12.65 4.57 12.97L2.46 14.63C2.27 14.78 2.21 15.05 2.34 15.27L4.34 18.73C4.46 18.95 4.73 19.03 4.95 18.95L7.44 17.94C7.96 18.34 8.5 18.68 9.13 18.93L9.5 21.58C9.54 21.82 9.75 22 10 22H14C14.25 22 14.46 21.82 14.5 21.58L14.87 18.93C15.38 18.72 15.83 18.45 16.26 18.14L20.85 22.73L22.12 21.46M12 15.5C10.07 15.5 8.5 13.93 8.5 12C8.5 11.5 8.62 11.08 8.79 10.67L13.33 15.21C12.92 15.39 12.5 15.5 12 15.5M11.74 8.53L8.56 5.35C8.75 5.25 8.93 5.15 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.78 8.95 21.73 9.22 21.54 9.37L19.43 11C19.47 11.34 19.5 11.67 19.5 12S19.47 12.65 19.43 12.97L21.54 14.63C21.73 14.78 21.78 15.05 21.66 15.27L20.5 17.29L15.47 12.26C15.5 12.18 15.5 12.09 15.5 12C15.5 10.07 13.93 8.5 12 8.5C11.91 8.5 11.83 8.5 11.74 8.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-outline.svg
new file mode 100644
index 00000000..8e056098
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-outline" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause-outline.svg
new file mode 100644
index 00000000..29fabea9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-pause-outline" viewBox="0 0 24 24"><path d="M13.54 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97L4.5 12L4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.79 8.95 21.73 9.22 21.54 9.37L19.43 11L19.5 12L19.5 12.19C19 12.07 18.5 12 18 12C17.83 12 17.66 12 17.5 12.03C17.5 11.41 17.4 10.79 17.2 10.2L19.31 8.65L18.56 7.35L16.15 8.39C15.38 7.5 14.32 6.86 13.12 6.62L12.75 4H11.25L10.88 6.61C9.68 6.86 8.62 7.5 7.85 8.39L5.44 7.35L4.69 8.65L6.8 10.2C6.4 11.37 6.4 12.64 6.8 13.8L4.68 15.36L5.43 16.66L7.86 15.62C8.63 16.5 9.68 17.14 10.87 17.38L11.24 20H12.35C12.61 20.75 13 21.42 13.54 22M12.36 15.96C12.24 16 12.12 16 12 16C9.79 16 8 14.21 8 12S9.79 8 12 8 16 9.79 16 12C16 12.12 16 12.24 15.96 12.36C14.29 12.97 12.97 14.29 12.36 15.96M14 12C14 10.9 13.11 10 12 10S10 10.9 10 12 10.9 14 12 14 14 13.11 14 12M19 15H21V21H19M15 15H17V21H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause.svg
new file mode 100644
index 00000000..d83addb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-pause" viewBox="0 0 24 24"><path d="M13.53 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97C4.53 12.65 4.5 12.33 4.5 12S4.53 11.34 4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.78 8.95 21.73 9.22 21.54 9.37L19.43 11C19.47 11.34 19.5 11.67 19.5 12C19.5 12.06 19.5 12.12 19.5 12.19C19 12.07 18.5 12 18 12C17.08 12 16.22 12.21 15.44 12.58C15.47 12.39 15.5 12.2 15.5 12C15.5 10.07 13.93 8.5 12 8.5S8.5 10.07 8.5 12 10.07 15.5 12 15.5C12.2 15.5 12.39 15.47 12.58 15.44C12.21 16.22 12 17.08 12 18C12 19.54 12.58 20.94 13.53 22M19 15H21V21H19M15 15H17V21H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-play-outline.svg
new file mode 100644
index 00000000..f7ebbc7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-play-outline" viewBox="0 0 24 24"><path d="M13.54 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97L4.5 12L4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.79 8.95 21.73 9.22 21.54 9.37L19.43 11L19.5 12V12.19C19 12.07 18.5 12 18 12C17.83 12 17.66 12 17.5 12.03C17.5 11.41 17.4 10.79 17.2 10.2L19.31 8.65L18.56 7.35L16.15 8.39C15.38 7.5 14.32 6.86 13.12 6.62L12.75 4H11.25L10.88 6.61C9.68 6.86 8.62 7.5 7.85 8.39L5.44 7.35L4.69 8.65L6.8 10.2C6.4 11.37 6.4 12.64 6.8 13.8L4.68 15.36L5.43 16.66L7.86 15.62C8.63 16.5 9.68 17.14 10.87 17.38L11.24 20H12.35C12.61 20.75 13 21.42 13.54 22M15.96 12.36C16 12.24 16 12.12 16 12C16 9.79 14.21 8 12 8S8 9.79 8 12 9.79 16 12 16C12.12 16 12.24 16 12.36 15.96C12.97 14.29 14.29 12.97 15.96 12.36M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14M16 15V21L21 18L16 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-play.svg
new file mode 100644
index 00000000..95295ab9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-play" viewBox="0 0 24 24"><path d="M13.53 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97C4.53 12.65 4.5 12.33 4.5 12S4.53 11.34 4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.78 8.95 21.73 9.22 21.54 9.37L19.43 11C19.47 11.34 19.5 11.67 19.5 12V12.19C19 12.07 18.5 12 18 12C17.08 12 16.22 12.21 15.44 12.58C15.47 12.39 15.5 12.2 15.5 12C15.5 10.07 13.93 8.5 12 8.5S8.5 10.07 8.5 12 10.07 15.5 12 15.5C12.2 15.5 12.39 15.47 12.58 15.44C12.21 16.22 12 17.08 12 18C12 19.54 12.58 20.94 13.53 22M16 15V21L21 18L16 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh-outline.svg
new file mode 100644
index 00000000..49138216
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-refresh-outline" viewBox="0 0 24 24"><path d="M18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5M11.7 20H11.3L10.9 17.4C9.7 17.2 8.7 16.5 7.9 15.6L5.5 16.6L4.7 15.3L6.8 13.7C6.4 12.5 6.4 11.3 6.8 10.1L4.7 8.7L5.5 7.4L7.9 8.4C8.7 7.5 9.7 6.9 10.9 6.6L11.2 4H12.7L13.1 6.6C14.3 6.8 15.4 7.5 16.1 8.4L18.5 7.4L19.3 8.7L17.2 10.2C17.4 10.8 17.5 11.4 17.5 12H18C18.5 12 19 12.1 19.5 12.2V12L19.4 11L21.5 9.4C21.7 9.2 21.7 9 21.6 8.8L19.6 5.3C19.5 5 19.3 5 19 5L16.5 6C16 5.6 15.4 5.3 14.8 5L14.4 2.3C14.5 2.2 14.2 2 14 2H10C9.8 2 9.5 2.2 9.5 2.4L9.1 5.1C8.5 5.3 8 5.7 7.4 6L5 5C4.7 5 4.5 5 4.3 5.3L2.3 8.8C2.2 9 2.3 9.2 2.5 9.4L4.6 11L4.5 12L4.6 13L2.5 14.7C2.3 14.9 2.3 15.1 2.4 15.3L4.4 18.8C4.5 19 4.7 19 5 19L7.5 18C8 18.4 8.6 18.7 9.2 19L9.6 21.7C9.6 21.9 9.8 22.1 10.1 22.1H12.6C12.1 21.4 11.9 20.7 11.7 20M16 12.3V12C16 9.8 14.2 8 12 8S8 9.8 8 12C8 14.2 9.8 16 12 16C12.7 14.3 14.2 12.9 16 12.3M10 12C10 10.9 10.9 10 12 10S14 10.9 14 12 13.1 14 12 14 10 13.1 10 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh.svg
new file mode 100644
index 00000000..f0c4e2a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-refresh" viewBox="0 0 24 24"><path d="M18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5M11.5 18.5C11.5 17.4 11.8 16.4 12.2 15.5H12C10.1 15.5 8.5 13.9 8.5 12S10.1 8.5 12 8.5 15.5 10.1 15.5 12C15.5 12.2 15.5 12.4 15.4 12.5C16.2 12.2 17 12 18 12C18.5 12 19 12.1 19.5 12.2V12C19.5 11.7 19.5 11.3 19.4 11L21.5 9.4C21.7 9.2 21.7 9 21.6 8.8L19.6 5.3C19.5 5 19.3 5 19 5L16.5 6C16 5.6 15.4 5.3 14.8 5L14.4 2.3C14.5 2.2 14.2 2 14 2H10C9.8 2 9.5 2.2 9.5 2.4L9.1 5.1C8.5 5.3 8 5.7 7.4 6L5 5C4.7 5 4.5 5 4.3 5.3L2.3 8.8C2.2 9 2.3 9.2 2.5 9.4L4.6 11C4.6 11.3 4.5 11.7 4.5 12S4.5 12.7 4.6 13L2.5 14.7C2.3 14.9 2.3 15.1 2.4 15.3L4.4 18.8C4.5 19 4.7 19 5 19L7.5 18C8 18.4 8.6 18.7 9.2 19L9.6 21.7C9.6 21.9 9.8 22.1 10.1 22.1H12.6C11.9 21 11.5 19.8 11.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop-outline.svg
new file mode 100644
index 00000000..d98e06ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-stop-outline" viewBox="0 0 24 24"><path d="M13.54 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97L4.5 12L4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.79 8.95 21.73 9.22 21.54 9.37L19.43 11L19.5 12L19.5 12.19C19 12.07 18.5 12 18 12C17.83 12 17.66 12 17.5 12.03C17.5 11.41 17.4 10.79 17.2 10.2L19.31 8.65L18.56 7.35L16.15 8.39C15.38 7.5 14.32 6.86 13.12 6.62L12.75 4H11.25L10.88 6.61C9.68 6.86 8.62 7.5 7.85 8.39L5.44 7.35L4.69 8.65L6.8 10.2C6.4 11.37 6.4 12.64 6.8 13.8L4.68 15.36L5.43 16.66L7.86 15.62C8.63 16.5 9.68 17.14 10.87 17.38L11.24 20H12.35C12.61 20.75 13 21.42 13.54 22M12.36 15.96C12.24 16 12.12 16 12 16C9.79 16 8 14.21 8 12S9.79 8 12 8 16 9.79 16 12C16 12.12 16 12.24 15.96 12.36C14.29 12.97 12.97 14.29 12.36 15.96M14 12C14 10.9 13.11 10 12 10S10 10.9 10 12 10.9 14 12 14 14 13.11 14 12M15 15H21V21H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop.svg
new file mode 100644
index 00000000..a765ce88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-stop" viewBox="0 0 24 24"><path d="M13.53 22H10C9.75 22 9.54 21.82 9.5 21.58L9.13 18.93C8.5 18.68 7.96 18.34 7.44 17.94L4.95 18.95C4.73 19.03 4.46 18.95 4.34 18.73L2.34 15.27C2.21 15.05 2.27 14.78 2.46 14.63L4.57 12.97C4.53 12.65 4.5 12.33 4.5 12S4.53 11.34 4.57 11L2.46 9.37C2.27 9.22 2.21 8.95 2.34 8.73L4.34 5.27C4.46 5.05 4.73 4.96 4.95 5.05L7.44 6.05C7.96 5.66 8.5 5.32 9.13 5.07L9.5 2.42C9.54 2.18 9.75 2 10 2H14C14.25 2 14.46 2.18 14.5 2.42L14.87 5.07C15.5 5.32 16.04 5.66 16.56 6.05L19.05 5.05C19.27 4.96 19.54 5.05 19.66 5.27L21.66 8.73C21.78 8.95 21.73 9.22 21.54 9.37L19.43 11C19.47 11.34 19.5 11.67 19.5 12C19.5 12.06 19.5 12.12 19.5 12.19C19 12.07 18.5 12 18 12C17.08 12 16.22 12.21 15.44 12.58C15.47 12.39 15.5 12.2 15.5 12C15.5 10.07 13.93 8.5 12 8.5S8.5 10.07 8.5 12 10.07 15.5 12 15.5C12.2 15.5 12.39 15.47 12.58 15.44C12.21 16.22 12 17.08 12 18C12 19.54 12.58 20.94 13.53 22M21 15H15V21H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync-outline.svg
new file mode 100644
index 00000000..512f38ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-sync-outline" viewBox="0 0 24 24"><path d="M11.7 20H11.3L10.9 17.4C9.7 17.2 8.7 16.5 7.9 15.6L5.5 16.6L4.7 15.3L6.8 13.7C6.4 12.5 6.4 11.3 6.8 10.1L4.7 8.7L5.5 7.4L7.9 8.4C8.7 7.5 9.7 6.9 10.9 6.6L11.2 4H12.7L13.1 6.6C14.3 6.8 15.4 7.5 16.1 8.4L18.5 7.4L19.3 8.7L17.2 10.2C17.4 10.8 17.5 11.4 17.5 12H18C18.5 12 19 12.1 19.5 12.2V12L19.4 11L21.5 9.4C21.7 9.2 21.7 9 21.6 8.8L19.6 5.3C19.5 5 19.3 5 19 5L16.5 6C16 5.6 15.4 5.3 14.8 5L14.4 2.3C14.5 2.2 14.2 2 14 2H10C9.8 2 9.5 2.2 9.5 2.4L9.1 5.1C8.5 5.3 8 5.7 7.4 6L5 5C4.7 5 4.5 5 4.3 5.3L2.3 8.8C2.2 9 2.3 9.2 2.5 9.4L4.6 11L4.5 12L4.6 13L2.5 14.7C2.3 14.9 2.3 15.1 2.4 15.3L4.4 18.8C4.5 19 4.7 19 5 19L7.5 18C8 18.4 8.6 18.7 9.2 19L9.6 21.7C9.6 21.9 9.8 22.1 10.1 22.1H12.6C12.1 21.4 11.9 20.7 11.7 20M16 12.3V12C16 9.8 14.2 8 12 8S8 9.8 8 12C8 14.2 9.8 16 12 16C12.7 14.3 14.2 12.9 16 12.3M10 12C10 10.9 10.9 10 12 10S14 10.9 14 12 13.1 14 12 14 10 13.1 10 12M18 14.5V13L15.8 15.2L18 17.4V16C19.4 16 20.5 17.1 20.5 18.5C20.5 18.9 20.4 19.3 20.2 19.6L21.3 20.7C22.5 18.9 22 16.4 20.2 15.2C19.6 14.7 18.8 14.5 18 14.5M18 21C16.6 21 15.5 19.9 15.5 18.5C15.5 18.1 15.6 17.7 15.8 17.4L14.7 16.3C13.5 18.1 14 20.6 15.8 21.8C16.5 22.2 17.2 22.5 18 22.5V24L20.2 21.8L18 19.5V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync.svg
new file mode 100644
index 00000000..f2c4492d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-sync" viewBox="0 0 24 24"><path d="M11.5 18.5C11.5 17.4 11.8 16.4 12.2 15.5H12C10.1 15.5 8.5 13.9 8.5 12S10.1 8.5 12 8.5 15.5 10.1 15.5 12C15.5 12.2 15.5 12.4 15.4 12.5C16.2 12.2 17 12 18 12C18.5 12 19 12.1 19.5 12.2V12C19.5 11.7 19.5 11.3 19.4 11L21.5 9.4C21.7 9.2 21.7 9 21.6 8.8L19.6 5.3C19.5 5 19.3 5 19 5L16.5 6C16 5.6 15.4 5.3 14.8 5L14.4 2.3C14.5 2.2 14.2 2 14 2H10C9.8 2 9.5 2.2 9.5 2.4L9.1 5.1C8.5 5.3 8 5.7 7.4 6L5 5C4.7 5 4.5 5 4.3 5.3L2.3 8.8C2.2 9 2.3 9.2 2.5 9.4L4.6 11C4.6 11.3 4.5 11.7 4.5 12S4.5 12.7 4.6 13L2.5 14.7C2.3 14.9 2.3 15.1 2.4 15.3L4.4 18.8C4.5 19 4.7 19 5 19L7.5 18C8 18.4 8.6 18.7 9.2 19L9.6 21.7C9.6 21.9 9.8 22.1 10.1 22.1H12.6C11.9 21 11.5 19.8 11.5 18.5M18 14.5V13L15.8 15.2L18 17.4V16C19.4 16 20.5 17.1 20.5 18.5C20.5 18.9 20.4 19.3 20.2 19.6L21.3 20.7C22.5 18.9 22 16.4 20.2 15.2C19.6 14.7 18.8 14.5 18 14.5M18 21C16.6 21 15.5 19.9 15.5 18.5C15.5 18.1 15.6 17.7 15.8 17.4L14.7 16.3C13.5 18.1 14 20.6 15.8 21.8C16.5 22.2 17.2 22.5 18 22.5V24L20.2 21.8L18 19.5V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer-outline.svg
new file mode 100644
index 00000000..0ec46ba4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-transfer-outline" viewBox="0 0 24 24"><path d="M15 17V14H18V12L22 15.5L18 19V17H15M17 18V21H14V23L10 19.5L14 16V18H17M12 8C9.79 8 8 9.8 8 12C8 13.91 9.35 15.54 11.21 15.92L16 11.86C15.93 9.71 14.16 8 12 8M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14M21.66 8.73L19.66 5.27C19.54 5.05 19.28 4.96 19.05 5.05L16.56 6.05C16.05 5.64 15.5 5.31 14.87 5.05L14.5 2.42C14.46 2.18 14.25 2 14 2H10C9.75 2 9.54 2.18 9.5 2.42L9.13 5.07C8.5 5.33 7.96 5.66 7.44 6.07L5 5.05C4.77 4.96 4.5 5.05 4.39 5.27L2.39 8.73C2.26 8.94 2.31 9.22 2.5 9.37L4.57 11L4.5 12L4.57 13L2.46 14.63C2.26 14.78 2.21 15.06 2.34 15.27L4.34 18.73C4.45 19 4.74 19.11 5 19L5 19L7.5 18C7.74 18.19 8 18.37 8.26 18.53L9.91 17.13C9.14 16.8 8.46 16.31 7.91 15.68L5.5 16.68L4.73 15.38L6.8 13.8C6.4 12.63 6.4 11.37 6.8 10.2L4.69 8.65L5.44 7.35L7.85 8.35C8.63 7.45 9.68 6.82 10.85 6.57L11.25 4H12.75L13.12 6.62C14.29 6.86 15.34 7.5 16.12 8.39L18.53 7.39L19.28 8.69L17.2 10.2C17.29 10.46 17.36 10.73 17.4 11H19.4L21.5 9.37C21.72 9.23 21.78 8.95 21.66 8.73M12 8C9.79 8 8 9.8 8 12C8 13.91 9.35 15.54 11.21 15.92L16 11.86C15.93 9.71 14.16 8 12 8M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14M12 8C9.79 8 8 9.8 8 12C8 13.91 9.35 15.54 11.21 15.92L16 11.86C15.93 9.71 14.16 8 12 8M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer.svg
new file mode 100644
index 00000000..42e69971
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog-transfer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog-transfer" viewBox="0 0 24 24"><path d="M14 18V16L10 19.5L14 23V21H17V18H14M22 15.5L18 12V14H15V17H18V19L22 15.5M21.66 8.73L19.66 5.27C19.54 5.05 19.28 4.96 19.05 5.05L16.56 6.05C16.05 5.64 15.5 5.31 14.87 5.05L14.5 2.42C14.46 2.18 14.25 2 14 2H10C9.75 2 9.54 2.18 9.5 2.42L9.13 5.07C8.5 5.33 7.96 5.66 7.44 6.07L5 5.05C4.77 4.96 4.5 5.05 4.39 5.27L2.39 8.73C2.26 8.94 2.31 9.22 2.5 9.37L4.57 11C4.53 11.33 4.5 11.67 4.5 12C4.5 12.33 4.53 12.67 4.57 13L2.46 14.63C2.26 14.78 2.21 15.06 2.34 15.27L4.34 18.73C4.45 19 4.74 19.11 5 19L5 19L7.5 18C7.74 18.19 8 18.37 8.26 18.53L11.77 15.53C9.84 15.4 8.38 13.73 8.5 11.8C8.65 9.87 10.32 8.41 12.25 8.55C13.69 8.64 14.92 9.62 15.35 11H19.43L21.54 9.37C21.73 9.22 21.78 8.94 21.66 8.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cog.svg
new file mode 100644
index 00000000..337bd33e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cog" viewBox="0 0 24 24"><path d="M12,15.5A3.5,3.5 0 0,1 8.5,12A3.5,3.5 0 0,1 12,8.5A3.5,3.5 0 0,1 15.5,12A3.5,3.5 0 0,1 12,15.5M19.43,12.97C19.47,12.65 19.5,12.33 19.5,12C19.5,11.67 19.47,11.34 19.43,11L21.54,9.37C21.73,9.22 21.78,8.95 21.66,8.73L19.66,5.27C19.54,5.05 19.27,4.96 19.05,5.05L16.56,6.05C16.04,5.66 15.5,5.32 14.87,5.07L14.5,2.42C14.46,2.18 14.25,2 14,2H10C9.75,2 9.54,2.18 9.5,2.42L9.13,5.07C8.5,5.32 7.96,5.66 7.44,6.05L4.95,5.05C4.73,4.96 4.46,5.05 4.34,5.27L2.34,8.73C2.21,8.95 2.27,9.22 2.46,9.37L4.57,11C4.53,11.34 4.5,11.67 4.5,12C4.5,12.33 4.53,12.65 4.57,12.97L2.46,14.63C2.27,14.78 2.21,15.05 2.34,15.27L4.34,18.73C4.46,18.95 4.73,19.03 4.95,18.95L7.44,17.94C7.96,18.34 8.5,18.68 9.13,18.93L9.5,21.58C9.54,21.82 9.75,22 10,22H14C14.25,22 14.46,21.82 14.5,21.58L14.87,18.93C15.5,18.67 16.04,18.34 16.56,17.94L19.05,18.95C19.27,19.03 19.54,18.95 19.66,18.73L21.66,15.27C21.78,15.05 21.73,14.78 21.54,14.63L19.43,12.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cogs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cogs.svg
new file mode 100644
index 00000000..8dac129e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cogs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cogs" viewBox="0 0 24 24"><path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/collage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/collage.svg
new file mode 100644
index 00000000..bec56c61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/collage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-collage" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19C3,20.11 3.89,21 5,21H11V3M13,3V11H21V5C21,3.89 20.11,3 19,3M13,13V21H19C20.11,21 21,20.11 21,19V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all-outline.svg
new file mode 100644
index 00000000..69be49df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-collapse-all-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H13V15H19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all.svg
new file mode 100644
index 00000000..fe128ecb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/collapse-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-collapse-all" viewBox="0 0 24 24"><path d="M14,4H4V14H2V4A2,2 0 0,1 4,2H14V4M18,6H8A2,2 0 0,0 6,8V18H8V8H18V6M22,12V20A2,2 0 0,1 20,22H12A2,2 0 0,1 10,20V12A2,2 0 0,1 12,10H20A2,2 0 0,1 22,12M20,15H12V17H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/color-helper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/color-helper.svg
new file mode 100644
index 00000000..5ec11ee0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/color-helper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-color-helper" viewBox="0 0 24 24"><path d="M0,24H24V20H0V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comma-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comma-box-outline.svg
new file mode 100644
index 00000000..677683cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comma-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comma-box-outline" viewBox="0 0 24 24"><path d="M10,17L12,13H9V7H15V13L13,17H10M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comma-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comma-box.svg
new file mode 100644
index 00000000..9698802c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comma-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comma-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,13V7H9V13H12L10,17H13L15,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle-outline.svg
new file mode 100644
index 00000000..2143a958
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comma-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M10,17H13L15,13V7H9V13H12L10,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle.svg
new file mode 100644
index 00000000..0f9c2f22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comma-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comma-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15,13L13,17H10L12,13H9V7H15V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comma.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comma.svg
new file mode 100644
index 00000000..65c680f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comma" viewBox="0 0 24 24"><path d="M7,3H16.95V12.96L12.96,20.94H8L11.97,12.96H7V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-account-outline.svg
new file mode 100644
index 00000000..67684d1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-account-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16,14H8V13C8,11.67 10.67,11 12,11C13.33,11 16,11.67 16,13V14M12,6A2,2 0 0,1 14,8A2,2 0 0,1 12,10A2,2 0 0,1 10,8A2,2 0 0,1 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-account.svg
new file mode 100644
index 00000000..6abd88d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-account" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M16,14V13C16,11.67 13.33,11 12,11C10.67,11 8,11.67 8,13V14H16M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert-outline.svg
new file mode 100644
index 00000000..e2393cd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-alert-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M13,10H11V6H13V10M13,14H11V12H13V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert.svg
new file mode 100644
index 00000000..57b26acc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-alert" viewBox="0 0 24 24"><path d="M9 22C8.4 22 8 21.6 8 21V18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V16C22 17.1 21.1 18 20 18H13.9L10.2 21.7C10 21.9 9.8 22 9.5 22H9M13 11V5H11V11M13 15V13H11V15H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left-outline.svg
new file mode 100644
index 00000000..e44b86ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-arrow-left-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H13.1L10 19.1V16H4V4H20V16M16 11V9H11.5L13.3 7.2L12 6L8 10L12 14L13.2 12.8L11.5 11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left.svg
new file mode 100644
index 00000000..1c5fffc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-arrow-left" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M16 11H11.5L13.3 12.8L12 14L8 10L12 6L13.2 7.2L11.5 9H16V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right-outline.svg
new file mode 100644
index 00000000..67114f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-arrow-right-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H13.1L10 19.1V16H4V4H20V16M8 9V11H12.5L10.7 12.8L12 14L16 10L12 6L10.8 7.2L12.5 9H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right.svg
new file mode 100644
index 00000000..f0943466
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-arrow-right" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M12 14L10.8 12.8L12.6 11H8V9H12.5L10.7 7.2L12 6L16 10L12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark-outline.svg
new file mode 100644
index 00000000..9d7a6566
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-bookmark-outline" viewBox="0 0 24 24"><path d="M9 22C8.4 22 8 21.6 8 21V18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V16C22 17.1 21.1 18 20 18H13.9L10.2 21.7C10 21.9 9.8 22 9.5 22H9M10 16V19.1L13.1 16H20V4H4V16H10M18 14V6H13V14L15.5 12.5L18 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark.svg
new file mode 100644
index 00000000..d881edc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-bookmark" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M19 13L16.5 11.5L14 13V5H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-check-outline.svg
new file mode 100644
index 00000000..720c83a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-check-outline" viewBox="0 0 24 24"><path d="M9 22C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 2.89 2.9 2 4 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9M10 16V19.08L13.08 16H20V4H4V16H10M15.6 6L17 7.41L10.47 14L7 10.5L8.4 9.09L10.47 11.17L15.6 6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-check.svg
new file mode 100644
index 00000000..cf32934a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-check" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.89 2 4V16C2 17.11 2.9 18 4 18H8V21C8 21.55 8.45 22 9 22H9.5C9.75 22 10 21.9 10.2 21.71L13.9 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M10.47 14L7 10.5L8.4 9.09L10.47 11.17L15.6 6L17 7.41L10.47 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit-outline.svg
new file mode 100644
index 00000000..4f5e593d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-edit-outline" viewBox="0 0 24 24"><path d="M9 22C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 2.89 2.9 2 4 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9M10 16V19.08L13.08 16H20V4H4V16H10M15.84 8.2L14.83 9.21L12.76 7.18L13.77 6.16C13.97 5.95 14.31 5.94 14.55 6.16L15.84 7.41C16.05 7.62 16.06 7.96 15.84 8.2M8 11.91L12.17 7.72L14.24 9.8L10.08 14H8V11.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit.svg
new file mode 100644
index 00000000..31607df7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-edit" viewBox="0 0 24 24"><path d="M20 2H4C2.89 2 2 2.89 2 4V16C2 17.11 2.9 18 4 18H8V21C8 21.55 8.45 22 9 22H9.5C9.75 22 10 21.9 10.2 21.71L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.89 21.1 2 20 2M9.08 15H7V12.91L13.17 6.72L15.24 8.8L9.08 15M16.84 7.2L15.83 8.21L13.76 6.18L14.77 5.16C14.97 4.95 15.31 4.94 15.55 5.16L16.84 6.41C17.05 6.62 17.06 6.96 16.84 7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye-outline.svg
new file mode 100644
index 00000000..0ef67fdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-eye-outline" viewBox="0 0 24 24"><path d="M16,6C16.56,6 17,6.44 17,7C17,7.56 16.56,8 16,8C15.44,8 15,7.56 15,7C15,6.44 15.44,6 16,6M16,3C18.73,3 21.06,4.66 22,7C21.06,9.34 18.73,11 16,11C13.27,11 10.94,9.34 10,7C10.94,4.66 13.27,3 16,3M16,4.5A2.5,2.5 0 0,0 13.5,7A2.5,2.5 0 0,0 16,9.5A2.5,2.5 0 0,0 18.5,7A2.5,2.5 0 0,0 16,4.5M18,12.75V16H13.08L10,19.08V16H4V6H8.27C8.59,5.27 9,4.6 9.5,4H4A2,2 0 0,0 2,6V16C2,17.11 2.9,18 4,18H8V21A1,1 0 0,0 9,22H9.5C9.75,22 10,21.9 10.2,21.71L13.9,18H18C19.11,18 20,17.11 20,16V12C19.37,12.33 18.7,12.58 18,12.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye.svg
new file mode 100644
index 00000000..66788011
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-eye" viewBox="0 0 24 24"><path d="M20,12V16C20,17.11 19.11,18 18,18H13.9L10.2,21.71C10,21.89 9.76,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6C2,4.89 2.9,4 4,4H9.5C8.95,4.67 8.5,5.42 8.14,6.25L7.85,7L8.14,7.75C9.43,10.94 12.5,13 16,13C17.44,13 18.8,12.63 20,12M16,6C16.56,6 17,6.44 17,7C17,7.56 16.56,8 16,8C15.44,8 15,7.56 15,7C15,6.44 15.44,6 16,6M16,3C18.73,3 21.06,4.66 22,7C21.06,9.34 18.73,11 16,11C13.27,11 10.94,9.34 10,7C10.94,4.66 13.27,3 16,3M16,4.5A2.5,2.5 0 0,0 13.5,7A2.5,2.5 0 0,0 16,9.5A2.5,2.5 0 0,0 18.5,7A2.5,2.5 0 0,0 16,4.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash-outline.svg
new file mode 100644
index 00000000..eb11bfaa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-flash-outline" viewBox="0 0 24 24"><path d="M22.5 16H20.3L22 12H17V18H19V23L22.5 16M15 18H13.9L10.2 21.7C10 21.9 9.8 22 9.5 22H9C8.4 22 8 21.6 8 21V18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V10H20V4H4V16H10V19.1L13.1 16H15V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash.svg
new file mode 100644
index 00000000..09f9b098
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-flash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-flash" viewBox="0 0 24 24"><path d="M22.5 16H20.3L22 12H17V18H19V23L22.5 16M15 18H13.9L10.2 21.7C10 21.9 9.8 22 9.5 22H9C8.4 22 8 21.6 8 21V18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V10H15V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus-outline.svg
new file mode 100644
index 00000000..88aef05f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-minus-outline" viewBox="0 0 24 24"><path d="M16 11H8V9H16V11M22 4V16C22 17.11 21.11 18 20 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 2.89 2.9 2 4 2H20C21.11 2 22 2.9 22 4M20 4H4V16H10V19.08L13.08 16H20V4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus.svg
new file mode 100644
index 00000000..0269bc24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-minus" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.89 2 4V16C2 17.11 2.9 18 4 18H8V21C8 21.55 8.45 22 9 22H9.5C9.75 22 10 21.9 10.2 21.71L13.9 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M16 11H8V9H16V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple-outline.svg
new file mode 100644
index 00000000..0d3ecf00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-multiple-outline" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.9 12.75,23 12.5,23V23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple.svg
new file mode 100644
index 00000000..1712d3c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-multiple" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-off-outline.svg
new file mode 100644
index 00000000..e8facb9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-off-outline" viewBox="0 0 24 24"><path d="M7.2 4L5.2 2H20C21.11 2 22 2.9 22 4V16C22 16.76 21.57 17.41 20.95 17.75L19.2 16H20V4H7.2M22.11 21.46L20.84 22.73L16.11 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4C2 3.97 2 3.93 2 3.9L1.11 3L2.39 1.73L22.11 21.46M14.11 16L4 5.89V16H10V19.08L13.08 16H14.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-off.svg
new file mode 100644
index 00000000..98ed6822
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L16.11 18H13.9L10.2 21.71C10 21.9 9.75 22 9.5 22H9C8.45 22 8 21.55 8 21V18H4C2.9 18 2 17.11 2 16V4 3.9L1.11 3L2.39 1.73L22.11 21.46M22 16V4C22 2.9 21.11 2 20 2H5.2L20.95 17.75C21.57 17.41 22 16.76 22 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-outline.svg
new file mode 100644
index 00000000..0c51bb1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus-outline.svg
new file mode 100644
index 00000000..9eed7571
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-plus-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus.svg
new file mode 100644
index 00000000..02c69424
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-plus" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing-outline.svg
new file mode 100644
index 00000000..5ba196a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-processing-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M17,11H15V9H17V11M13,11H11V9H13V11M9,11H7V9H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing.svg
new file mode 100644
index 00000000..04180d04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-processing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-processing" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M17,11V9H15V11H17M13,11V9H11V11H13M9,11V9H7V11H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-question-outline.svg
new file mode 100644
index 00000000..57019192
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-question-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H8V21A1,1 0 0,0 9,22H9.5V22C9.75,22 10,21.9 10.2,21.71L13.9,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2H4M4,4H20V16H13.08L10,19.08V16H4V4M12.19,5.5C11.3,5.5 10.59,5.68 10.05,6.04C9.5,6.4 9.22,7 9.27,7.69C0.21,7.69 6.57,7.69 11.24,7.69C11.24,7.41 11.34,7.2 11.5,7.06C11.7,6.92 11.92,6.85 12.19,6.85C12.5,6.85 12.77,6.93 12.95,7.11C13.13,7.28 13.22,7.5 13.22,7.8C13.22,8.08 13.14,8.33 13,8.54C12.83,8.76 12.62,8.94 12.36,9.08C11.84,9.4 11.5,9.68 11.29,9.92C11.1,10.16 11,10.5 11,11H13C13,10.72 13.05,10.5 13.14,10.32C13.23,10.15 13.4,10 13.66,9.85C14.12,9.64 14.5,9.36 14.79,9C15.08,8.63 15.23,8.24 15.23,7.8C15.23,7.1 14.96,6.54 14.42,6.12C13.88,5.71 13.13,5.5 12.19,5.5M11,12V14H13V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-question.svg
new file mode 100644
index 00000000..f2ba0405
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-question" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2M12.19,5.5C11.3,5.5 10.59,5.68 10.05,6.04C9.5,6.4 9.22,7 9.27,7.69H11.24C11.24,7.41 11.34,7.2 11.5,7.06C11.7,6.92 11.92,6.85 12.19,6.85C12.5,6.85 12.77,6.93 12.95,7.11C13.13,7.28 13.22,7.5 13.22,7.8C13.22,8.08 13.14,8.33 13,8.54C12.83,8.76 12.62,8.94 12.36,9.08C11.84,9.4 11.5,9.68 11.29,9.92C11.1,10.16 11,10.5 11,11H13C13,10.72 13.05,10.5 13.14,10.32C13.23,10.15 13.4,10 13.66,9.85C14.12,9.64 14.5,9.36 14.79,9C15.08,8.63 15.23,8.24 15.23,7.8C15.23,7.1 14.96,6.54 14.42,6.12C13.88,5.71 13.13,5.5 12.19,5.5M11,12V14H13V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote-outline.svg
new file mode 100644
index 00000000..f1bff6fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-quote-outline" viewBox="0 0 24 24"><path d="M9 22C8.4 22 8 21.6 8 21V18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V16C22 17.1 21.1 18 20 18H13.9L10.2 21.7C10 21.9 9.8 22 9.5 22H9M10 16V19.1L13.1 16H20V4H4V16H10M16.3 6L14.9 9H17V13H13V8.8L14.3 6H16.3M10.3 6L8.9 9H11V13H7V8.8L8.3 6H10.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote.svg
new file mode 100644
index 00000000..30b2b62d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-quote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-quote" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H8V21C8 21.6 8.4 22 9 22H9.5C9.7 22 10 21.9 10.2 21.7L13.9 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M11 13H7V8.8L8.3 6H10.3L8.9 9H11V13M17 13H13V8.8L14.3 6H16.3L14.9 9H17V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove-outline.svg
new file mode 100644
index 00000000..eb2bf5de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-remove-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M9.41,6L12,8.59L14.59,6L16,7.41L13.41,10L16,12.59L14.59,14L12,11.41L9.41,14L8,12.59L10.59,10L8,7.41L9.41,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove.svg
new file mode 100644
index 00000000..790b24c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-remove" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M9.41,6L8,7.41L10.59,10L8,12.59L9.41,14L12,11.41L14.59,14L16,12.59L13.41,10L16,7.41L14.59,6L12,8.59L9.41,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-search-outline.svg
new file mode 100644
index 00000000..e4b1e92a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-search-outline" viewBox="0 0 24 24"><path d="M4,4H9.5C9.25,4.64 9.09,5.31 9.04,6H4V16H10V19.08L13.08,16H18V13.23L20,15.23V16A2,2 0 0,1 18,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6C2,4.89 2.9,4 4,4M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.2 19.31,8.89L22.41,12L21,13.39L17.89,10.31C17.2,10.75 16.38,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-search.svg
new file mode 100644
index 00000000..83714d06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-search" viewBox="0 0 24 24"><path d="M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.2 19.31,8.89L22.41,12L21,13.39L17.89,10.31C17.2,10.75 16.38,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4M4,4H9.5C9.19,4.79 9,5.64 9,6.5A6.5,6.5 0 0,0 15.5,13C16.18,13 16.83,12.89 17.46,12.69L20,15.23V16A2,2 0 0,1 18,18H13.9L10.2,21.71C10,21.89 9.76,22 9.5,22H9A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V6A2,2 0 0,1 4,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple-outline.svg
new file mode 100644
index 00000000..ed0e8602
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-text-multiple-outline" viewBox="0 0 24 24"><path d="M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M13,17V20.08L16.08,17H21V7H7V17H13M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M9,9H19V11H9V9M9,13H17V15H9V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple.svg
new file mode 100644
index 00000000..2f048046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-text-multiple" viewBox="0 0 24 24"><path d="M3,15H1V3A2,2 0 0,1 3,1H19V3H3V15M12,23A1,1 0 0,1 11,22V19H7A2,2 0 0,1 5,17V7A2,2 0 0,1 7,5H21A2,2 0 0,1 23,7V17A2,2 0 0,1 21,19H16.9L13.2,22.71C13,22.89 12.76,23 12.5,23H12M9,9V11H19V9H9M9,13V15H17V13H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-outline.svg
new file mode 100644
index 00000000..e3290297
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-text-outline" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text.svg
new file mode 100644
index 00000000..d9af495a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment-text" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M5,5V7H19V5H5M5,9V11H13V9H5M5,13V15H15V13H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/comment.svg b/apps/phoenix_webcomponent/priv/mdi/svg/comment.svg
new file mode 100644
index 00000000..427607ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/comment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-comment" viewBox="0 0 24 24"><path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compare-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compare-horizontal.svg
new file mode 100644
index 00000000..fef09cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compare-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compare-horizontal" viewBox="0 0 24 24"><path d="M9 14H2V16H9V19L13 15L9 11V14M15 13V10H22V8H15V5L11 9L15 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compare-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compare-remove.svg
new file mode 100644
index 00000000..5d485db2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compare-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compare-remove" viewBox="0 0 24 24"><path d="M19 5H14V3H19C20.1 3 21 3.9 21 5V13.4C20.4 13.2 19.7 13 19 13V5M10 1H12V23H10V21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H10V1M10 12L5 18H10V12M15.7 14L14 12V15.7C14.4 15 15 14.5 15.7 14M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compare-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compare-vertical.svg
new file mode 100644
index 00000000..8fcdc8af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compare-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compare-vertical" viewBox="0 0 24 24"><path d="M14 15V22H16V15H19L15 11L11 15H14M13 9H10V2H8V9H5L9 13L13 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compare.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compare.svg
new file mode 100644
index 00000000..db0bab25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compare.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compare" viewBox="0 0 24 24"><path d="M19,3H14V5H19V18L14,12V21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10,18H5L10,12M10,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H10V23H12V1H10V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compass-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compass-off-outline.svg
new file mode 100644
index 00000000..67a9bbf4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compass-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compass-off-outline" viewBox="0 0 24 24"><path d="M1,3.5L2.28,2.25L21.75,21.72L20.5,23L17.7,20.22C16.08,21.34 14.12,22 12,22A10,10 0 0,1 2,12C2,9.88 2.66,7.92 3.78,6.3L1,3.5M7,17L9.39,11.91L5.23,7.74C4.45,9 4,10.44 4,12A8,8 0 0,0 12,20C13.56,20 15,19.55 16.26,18.77L12.09,14.61L7,17M17,7L14.62,12.05L11.95,9.38L17,7M12,2A10,10 0 0,1 22,12C22,14.1 21.35,16.06 20.24,17.67L18.8,16.22C19.56,15 20,13.55 20,12A8,8 0 0,0 12,4C10.45,4 9,4.44 7.78,5.2L6.33,3.76C7.94,2.65 9.9,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compass-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compass-off.svg
new file mode 100644
index 00000000..234e3579
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compass-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compass-off" viewBox="0 0 24 24"><path d="M1,3.5L2.28,2.25L21.75,21.72L20.5,23L17.7,20.22C16.08,21.34 14.12,22 12,22A10,10 0 0,1 2,12C2,9.88 2.66,7.92 3.78,6.3L1,3.5M6,18L12.47,15L9,11.53L6,18M18,6L11.56,9L6.33,3.76C7.94,2.65 9.9,2 12,2A10,10 0 0,1 22,12C22,14.1 21.35,16.06 20.24,17.67L15,12.44L18,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compass-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compass-outline.svg
new file mode 100644
index 00000000..99c3ed89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compass-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compass-outline" viewBox="0 0 24 24"><path d="M7,17L10.2,10.2L17,7L13.8,13.8L7,17M12,11.1A0.9,0.9 0 0,0 11.1,12A0.9,0.9 0 0,0 12,12.9A0.9,0.9 0 0,0 12.9,12A0.9,0.9 0 0,0 12,11.1M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compass-rose.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compass-rose.svg
new file mode 100644
index 00000000..20e24ad2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compass-rose.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compass-rose" viewBox="0 0 24 24"><path d="M15 9L12 0L9 9L0 12L9 15L12 24L15 15L24 12L15 9M4 12L10 10L11 12H4M12 20L10 14L12 13V20M12 4L14 10L12 11V4M14 14L13 12H20L14 14M8.7 17.3L5 19L6.7 15.3L8.3 15.8L8.7 17.3M17.3 15.3L19 19L15.3 17.3L15.8 15.7L17.3 15.3M6.7 8.7L5 5L8.7 6.7L8.2 8.2L6.7 8.7M15.3 6.7L19 5L17.3 8.7L15.7 8.2L15.3 6.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compass.svg
new file mode 100644
index 00000000..a761c2ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compass" viewBox="0 0 24 24"><path d="M14.19,14.19L6,18L9.81,9.81L18,6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,10.9A1.1,1.1 0 0,0 10.9,12A1.1,1.1 0 0,0 12,13.1A1.1,1.1 0 0,0 13.1,12A1.1,1.1 0 0,0 12,10.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/compost.svg b/apps/phoenix_webcomponent/priv/mdi/svg/compost.svg
new file mode 100644
index 00000000..da1f000e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/compost.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-compost" viewBox="0 0 24 24"><path d="M18.92 14C18.64 15.97 17.53 17.68 15.96 18.76C15.76 17.93 14.53 17.25 12.92 17.06C13.09 15.87 13.44 14.76 13.68 14.12C14.06 14.36 14.5 14.5 15 14.5C18.55 14.5 18 8.5 18 8.5S17.5 9.5 16 9.5H15C13.62 9.5 12.5 10.62 12.5 12C12.5 12.5 12.64 12.93 12.87 13.31C13.53 12.62 14.24 12 15 11.5C13.68 12.83 12.67 14.5 12 16.1C11.37 14.87 10.58 13.93 10 13.5C10.47 13.7 10.91 14 11.33 14.3C11.44 14.06 11.5 13.79 11.5 13.5C11.45 10.77 7 11 7 11C7.31 11.42 7.5 11.95 7.5 12.5V13.5C7.5 14.6 8.4 15.5 9.5 15.5C10 15.5 10.45 15.32 10.8 15C11.03 15.63 11.2 16.35 11.29 17.04C9.57 17.19 8.25 17.89 8.04 18.77C6.21 17.5 5 15.39 5 13C5 9.14 8.14 6 12 6V9L17 5L12 1V4C7.03 4 3 8.03 3 13S7.03 22 12 22C16.63 22 20.44 18.5 20.94 14H18.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cone-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cone-off.svg
new file mode 100644
index 00000000..a3e5c24c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cone-off" viewBox="0 0 24 24"><path d="M10.5 7.31L9.06 5.86L11.15 2.47C11.34 2.16 11.67 2 12 2C12.33 2 12.66 2.16 12.85 2.5L21.62 16.68H21.62C21.91 17.15 22 17.61 22 18C22 18.25 21.96 18.5 21.9 18.7L17.73 14.53C17.81 14.55 17.9 14.56 18 14.58L12 4.9L10.5 7.31M22.11 21.46L20.84 22.73L19.17 21.06C17.03 21.83 14.11 22 12 22C3.3 22 2 19.5 2 18C2 17.5 2.15 17.04 2.4 16.65H2.38L7.11 9L1.11 3L2.39 1.73L22.11 21.46M6 14.6C7.96 14.12 10.25 14 12 14L12.11 14L8.56 10.45L6 14.6M17.55 19.44L14.19 16.08C13.5 16.03 12.76 16 12 16C7.58 16 4 16.9 4 18S7.58 20 12 20C14.16 20 16.11 19.79 17.55 19.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cone.svg
new file mode 100644
index 00000000..2fd5bf35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cone" viewBox="0 0 24 24"><path d="M21.62 16.68H21.62L12.85 2.5C12.66 2.16 12.33 2 12 2C11.67 2 11.34 2.16 11.15 2.47L2.38 16.65H2.4C2.15 17.04 2 17.5 2 18C2 19.5 3.3 22 12 22C15.74 22 22 21.5 22 18C22 17.61 21.91 17.15 21.62 16.68M12 4.9L18 14.58C16.53 14.23 14.6 14 12 14C10.25 14 7.96 14.12 6 14.6L12 4.9M12 20C7.58 20 4 19.11 4 18C4 16.9 7.58 16 12 16S20 16.9 20 18C20 19.11 16.42 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/connection.svg b/apps/phoenix_webcomponent/priv/mdi/svg/connection.svg
new file mode 100644
index 00000000..8ab0ec4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/connection.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-connection" viewBox="0 0 24 24"><path d="M21.4 7.5C22.2 8.3 22.2 9.6 21.4 10.3L18.6 13.1L10.8 5.3L13.6 2.5C14.4 1.7 15.7 1.7 16.4 2.5L18.2 4.3L21.2 1.3L22.6 2.7L19.6 5.7L21.4 7.5M15.6 13.3L14.2 11.9L11.4 14.7L9.3 12.6L12.1 9.8L10.7 8.4L7.9 11.2L6.4 9.8L3.6 12.6C2.8 13.4 2.8 14.7 3.6 15.4L5.4 17.2L1.4 21.2L2.8 22.6L6.8 18.6L8.6 20.4C9.4 21.2 10.7 21.2 11.4 20.4L14.2 17.6L12.8 16.2L15.6 13.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/console-line.svg b/apps/phoenix_webcomponent/priv/mdi/svg/console-line.svg
new file mode 100644
index 00000000..b15ae072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/console-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-console-line" viewBox="0 0 24 24"><path d="M13,19V16H21V19H13M8.5,13L2.47,7H6.71L11.67,11.95C12.25,12.54 12.25,13.5 11.67,14.07L6.74,19H2.5L8.5,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/console-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/console-network-outline.svg
new file mode 100644
index 00000000..9021f79c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/console-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-console-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M8,6.89L11.56,10.45L8,14H10.53L13.45,11.08C13.78,10.74 13.78,10.18 13.45,9.82L10.5,6.89H8M16,12.22H13.33V14H16V12.22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/console-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/console-network.svg
new file mode 100644
index 00000000..67ed34a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/console-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-console-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7A2,2 0 0,1 5,15V5A2,2 0 0,1 7,3H17M7,7L11,11L7,15H9.85L13.13,11.72C13.5,11.33 13.5,10.7 13.13,10.3L9.83,7H7M17,13H14V15H17V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/console.svg b/apps/phoenix_webcomponent/priv/mdi/svg/console.svg
new file mode 100644
index 00000000..450d93cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/console.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-console" viewBox="0 0 24 24"><path d="M20,19V7H4V19H20M20,3A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5C2,3.89 2.9,3 4,3H20M13,17V15H18V17H13M9.58,13L5.57,9H8.4L11.7,12.3C12.09,12.69 12.09,13.33 11.7,13.72L8.42,17H5.59L9.58,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/consolidate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/consolidate.svg
new file mode 100644
index 00000000..8a791e45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/consolidate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-consolidate" viewBox="0 0 24 24"><path d="M18 9H20V4H22V9A2 2 0 0 1 20 11H18V13L15 10L18 7M14 10A2 2 0 1 0 12 12A2 2 0 0 0 14 10M2 11V16H4V11H6V13L9 10L6 7V9H4A2 2 0 0 0 2 11M15 16L12 13L9 16H11V18A2 2 0 0 0 13 20H18V18H13V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle-outline.svg
new file mode 100644
index 00000000..fcddc492
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contactless-payment-circle-outline" viewBox="0 0 24 24"><path d="M12 4C16.41 4 20 7.59 20 12S16.41 20 12 20 4 16.41 4 12 7.59 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M8.43 14.44L7.07 13.83C7.35 13.27 7.5 12.67 7.5 12.05C7.5 11.39 7.35 10.76 7.07 10.17L8.43 9.56C8.81 10.37 9 11.2 9 12.05C9 12.8 8.81 13.6 8.43 14.44M11.53 15.94L10.22 15.29C10.75 14.16 11 13 11 11.86C11 10.73 10.75 9.69 10.22 8.71L11.53 7.96C12.19 9.12 12.5 10.42 12.5 11.86C12.5 13.33 12.19 14.69 11.53 15.94M14.68 17.35L13.31 16.65C14.1 15.11 14.5 13.57 14.5 12S14.1 8.87 13.31 7.31L14.68 6.65C15.55 8.43 16 10.22 16 12C16 13.82 15.55 15.6 14.68 17.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle.svg
new file mode 100644
index 00000000..1c6e49d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contactless-payment-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M8.43 14.44L7.07 13.83C7.35 13.27 7.5 12.67 7.5 12.05C7.5 11.39 7.35 10.76 7.07 10.17L8.43 9.56C8.81 10.37 9 11.2 9 12.05C9 12.8 8.81 13.6 8.43 14.44M11.53 15.94L10.22 15.29C10.75 14.16 11 13 11 11.86C11 10.73 10.75 9.69 10.22 8.71L11.53 7.96C12.19 9.12 12.5 10.42 12.5 11.86C12.5 13.33 12.19 14.69 11.53 15.94M14.68 17.35L13.31 16.65C14.1 15.11 14.5 13.57 14.5 12S14.1 8.87 13.31 7.31L14.68 6.65C15.55 8.43 16 10.22 16 12C16 13.82 15.55 15.6 14.68 17.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment.svg
new file mode 100644
index 00000000..7ef3aeff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contactless-payment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contactless-payment" viewBox="0 0 24 24"><path d="M16.79,23C16.37,22.83 16.07,22.45 16,22C15.95,21.74 16,21.56 16.4,20.84C17.9,18.14 18.67,15.09 18.63,12C18.67,9 17.94,6.07 16.5,3.44C16.29,3 16.1,2.58 15.94,2.13C16,1.75 16.19,1.4 16.5,1.19C16.95,0.95 17.5,1 17.91,1.28C18.19,1.64 18.43,2 18.63,2.42C19.71,4.5 20.44,6.7 20.8,9C21.03,10.81 21.06,12.65 20.89,14.47C20.58,16.81 19.89,19.07 18.83,21.18C18.19,22.46 17.83,23 17.45,23C17.37,23 17.28,23 17.2,23C17.06,23 16.93,23 16.79,23V23M12.43,20.79C11.86,20.63 11.5,20.05 11.62,19.47C11.62,19.35 11.93,18.8 12.21,18.24C13.39,15.97 13.9,13.41 13.67,10.86C13.53,9.03 13,7.25 12.13,5.64C11.5,4.38 11.46,4.18 11.83,3.64C12.27,3.15 13,3.08 13.54,3.5C14.26,4.56 14.83,5.72 15.25,6.94C16.53,10.73 16.33,14.86 14.69,18.5C13.85,20.39 13.26,21 12.43,20.74V20.79M7.93,18.56C7.57,18.4 7.3,18.08 7.2,17.7C7.2,17.5 7.2,17.24 7.65,16.44C9.14,13.74 9.14,10.46 7.65,7.76C7,6.5 7,6.24 7.53,5.76C7.72,5.54 8,5.43 8.3,5.47C8.94,5.47 9.3,5.78 9.84,6.91C10.69,8.47 11.13,10.22 11.12,12C11.16,13.81 10.72,15.61 9.85,17.2C9.31,18.25 9.04,18.5 8.5,18.59C8.31,18.61 8.11,18.59 7.93,18.5V18.56M3.72,16.43C3.39,16.27 3.13,16 3,15.65C2.9,15.3 3,15 3.4,14.36C3.9,13.68 4.14,12.84 4.09,12C4.16,11.15 3.93,10.31 3.44,9.61C3.27,9.36 3.13,9.09 3,8.82C2.89,8.19 3.31,7.59 4,7.47C4.54,7.37 4.92,7.6 5.42,8.36C6.87,10.57 6.87,13.42 5.42,15.63C4.91,16.4 4.33,16.63 3.73,16.43H3.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contacts-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contacts-outline.svg
new file mode 100644
index 00000000..6a120a3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contacts-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contacts-outline" viewBox="0 0 24 24"><path d="M20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4M20 18H4V6H20V18M4 0H20V2H4M4 22H20V24H4M12 12C13.38 12 14.5 10.88 14.5 9.5S13.38 7 12 7 9.5 8.12 9.5 9.5 10.62 12 12 12M12 8.5C12.55 8.5 13 8.95 13 9.5S12.55 10.5 12 10.5 11 10.05 11 9.5 11.45 8.5 12 8.5M17 16C17 13.9 13.69 13 12 13S7 13.9 7 16V17H17V16M8.81 15.5C9.42 15 10.84 14.5 12 14.5C13.17 14.5 14.59 15 15.2 15.5H8.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contacts.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contacts.svg
new file mode 100644
index 00000000..1e444c74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contacts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contacts" viewBox="0 0 24 24"><path d="M20,0H4V2H20V0M4,24H20V22H4V24M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M12,6.75A2.25,2.25 0 0,1 14.25,9A2.25,2.25 0 0,1 12,11.25A2.25,2.25 0 0,1 9.75,9A2.25,2.25 0 0,1 12,6.75M17,17H7V15.5C7,13.83 10.33,13 12,13C13.67,13 17,13.83 17,15.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contain-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contain-end.svg
new file mode 100644
index 00000000..2b124f17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contain-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contain-end" viewBox="0 0 24 24"><path d="M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15M22,3V21H16V19H20V5H16V3H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contain-start.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contain-start.svg
new file mode 100644
index 00000000..04c94bdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contain-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contain-start" viewBox="0 0 24 24"><path d="M2,3H8V5H4V19H8V21H2V3M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contain.svg
new file mode 100644
index 00000000..0105c47c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contain" viewBox="0 0 24 24"><path d="M2,3H8V5H4V19H8V21H2V3M7,17V15H9V17H7M11,17V15H13V17H11M15,17V15H17V17H15M22,3V21H16V19H20V5H16V3H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-copy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-copy.svg
new file mode 100644
index 00000000..df9261f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-copy" viewBox="0 0 24 24"><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-cut.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-cut.svg
new file mode 100644
index 00000000..1d0b2ef0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-cut.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-cut" viewBox="0 0 24 24"><path d="M19,3L13,9L15,11L22,4V3M12,12.5A0.5,0.5 0 0,1 11.5,12A0.5,0.5 0 0,1 12,11.5A0.5,0.5 0 0,1 12.5,12A0.5,0.5 0 0,1 12,12.5M6,20A2,2 0 0,1 4,18C4,16.89 4.9,16 6,16A2,2 0 0,1 8,18C8,19.11 7.1,20 6,20M6,8A2,2 0 0,1 4,6C4,4.89 4.9,4 6,4A2,2 0 0,1 8,6C8,7.11 7.1,8 6,8M9.64,7.64C9.87,7.14 10,6.59 10,6A4,4 0 0,0 6,2A4,4 0 0,0 2,6A4,4 0 0,0 6,10C6.59,10 7.14,9.87 7.64,9.64L10,12L7.64,14.36C7.14,14.13 6.59,14 6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22A4,4 0 0,0 10,18C10,17.41 9.87,16.86 9.64,16.36L12,14L19,21H22V20L9.64,7.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-duplicate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-duplicate.svg
new file mode 100644
index 00000000..832ee058
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-duplicate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-duplicate" viewBox="0 0 24 24"><path d="M11,17H4A2,2 0 0,1 2,15V3A2,2 0 0,1 4,1H16V3H4V15H11V13L15,16L11,19V17M19,21V7H8V13H6V7A2,2 0 0,1 8,5H19A2,2 0 0,1 21,7V21A2,2 0 0,1 19,23H8A2,2 0 0,1 6,21V19H8V21H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-paste.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-paste.svg
new file mode 100644
index 00000000..facc683a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-paste.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-paste" viewBox="0 0 24 24"><path d="M19,20H5V4H7V7H17V4H19M12,2A1,1 0 0,1 13,3A1,1 0 0,1 12,4A1,1 0 0,1 11,3A1,1 0 0,1 12,2M19,2H14.82C14.4,0.84 13.3,0 12,0C10.7,0 9.6,0.84 9.18,2H5A2,2 0 0,0 3,4V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V4A2,2 0 0,0 19,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert-outline.svg
new file mode 100644
index 00000000..1c893137
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-alert-outline" viewBox="0 0 24 24"><path d="M15 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H17C18.1 21 19 20.1 19 19V7L15 3M17 19H3V5H14.2L17 7.8V19M10 12C8.3 12 7 13.3 7 15S8.3 18 10 18 13 16.7 13 15 11.7 12 10 12M4 6H13V10H4V6M23 13H21V7H23V13M23 17H21V15H23V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert.svg
new file mode 100644
index 00000000..4a42bfe0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-alert" viewBox="0 0 24 24"><path d="M13 9H3V5H13M10 19C8.3 19 7 17.7 7 16S8.3 13 10 13 13 14.3 13 16 11.7 19 10 19M15 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H17C18.1 21 19 20.1 19 19V7L15 3M23 13H21V7H23V13M23 17H21V15H23V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all-outline.svg
new file mode 100644
index 00000000..1796e77a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-all-outline" viewBox="0 0 24 24"><path d="M1 7H3V21H17V23H3C1.9 23 1 22.11 1 21V7M19 1H7C5.89 1 5 1.9 5 3V17C5 18.1 5.89 19 7 19H21C22.1 19 23 18.1 23 17V5L19 1M21 17H7V3H18.17L21 5.83V17M14 10C12.34 10 11 11.34 11 13S12.34 16 14 16 17 14.66 17 13 15.66 10 14 10M8 4H17V8H8V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all.svg
new file mode 100644
index 00000000..659db603
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-all" viewBox="0 0 24 24"><path d="M17,7V3H7V7H17M14,17A3,3 0 0,0 17,14A3,3 0 0,0 14,11A3,3 0 0,0 11,14A3,3 0 0,0 14,17M19,1L23,5V17A2,2 0 0,1 21,19H7C5.89,19 5,18.1 5,17V3A2,2 0 0,1 7,1H19M1,7H3V21H17V23H3A2,2 0 0,1 1,21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check-outline.svg
new file mode 100644
index 00000000..2c4adb79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-check-outline" viewBox="0 0 24 24"><path d="M14 12.8C13.5 12.31 12.78 12 12 12C10.34 12 9 13.34 9 15C9 16.31 9.84 17.41 11 17.82C11.07 15.67 12.27 13.8 14 12.8M11.09 19H5V5H16.17L19 7.83V12.35C19.75 12.61 20.42 13 21 13.54V7L17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H11.81C11.46 20.39 11.21 19.72 11.09 19M6 10H15V6H6V10M15.75 21L13 18L14.16 16.84L15.75 18.43L19.34 14.84L20.5 16.25L15.75 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check.svg
new file mode 100644
index 00000000..1d72a6b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-check" viewBox="0 0 24 24"><path d="M17 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H11.81C11.42 20.34 11.17 19.6 11.07 18.84C9.5 18.31 8.66 16.6 9.2 15.03C9.61 13.83 10.73 13 12 13C12.44 13 12.88 13.1 13.28 13.29C15.57 11.5 18.83 11.59 21 13.54V7L17 3M15 9H5V5H15V9M15.75 21L13 18L14.16 16.84L15.75 18.43L19.34 14.84L20.5 16.25L15.75 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog-outline.svg
new file mode 100644
index 00000000..38280304
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-cog-outline" viewBox="0 0 24 24"><path d="M11.1 19C11.2 19.7 11.4 20.4 11.7 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H17L21 7V11.7C20.4 11.4 19.7 11.2 19 11.1V7.8L16.2 5H5V19H11.1M12 12C10.3 12 9 13.3 9 15C9 16.3 9.8 17.4 11 17.8C11.1 15.6 12.1 13.7 13.7 12.5C13.2 12.2 12.6 12 12 12M15 10V6H6V10H15M22.8 19.6L21.8 21.3C21.7 21.4 21.6 21.4 21.5 21.4L20.3 21C20 21.2 19.8 21.3 19.5 21.5L19.3 22.8C19.3 22.9 19.2 23 19.1 23H17.1C17 23 16.9 22.9 16.8 22.8L16.6 21.5C16.3 21.4 16 21.2 15.8 21L14.6 21.5C14.5 21.5 14.4 21.5 14.3 21.4L13.3 19.7C13.2 19.6 13.3 19.5 13.4 19.4L14.5 18.6V17.6L13.4 16.8C13.3 16.7 13.3 16.6 13.3 16.5L14.3 14.8C14.4 14.7 14.5 14.7 14.6 14.7L15.8 15.2C16.1 15 16.3 14.9 16.6 14.7L16.8 13.4C16.8 13.3 16.9 13.2 17.1 13.2H19.1C19.2 13.2 19.3 13.3 19.3 13.4L19.5 14.7C19.8 14.8 20.1 15 20.4 15.2L21.6 14.7C21.7 14.7 21.9 14.7 21.9 14.8L22.9 16.5C23 16.6 22.9 16.7 22.8 16.8L21.7 17.6V18.6L22.8 19.4C22.9 19.4 22.9 19.5 22.8 19.6M19.5 18C19.5 17.2 18.8 16.5 18 16.5S16.5 17.2 16.5 18 17.2 19.5 18 19.5C18.8 19.5 19.5 18.8 19.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog.svg
new file mode 100644
index 00000000..246194b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-cog" viewBox="0 0 24 24"><path d="M21 11.7V7L17 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H11.7C11.4 20.3 11.2 19.6 11.1 18.8C9.9 18.4 9 17.3 9 16C9 14.3 10.3 13 12 13C12.3 13 12.6 13.1 12.9 13.2C14.2 11.8 16 11 18 11C19.1 11 20.1 11.2 21 11.7M15 9H5V5H15V9M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit-outline.svg
new file mode 100644
index 00000000..4f3f4bc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-edit-outline" viewBox="0 0 24 24"><path d="M4 19H10V21H4C2.89 21 2 20.1 2 19V5C2 3.9 2.89 3 4 3H16L20 7V9.12L18 11.12V7.83L15.17 5H4V19M14 10V6H5V10H14M20.42 12.3C20.31 12.19 20.18 12.13 20.04 12.13C19.9 12.13 19.76 12.19 19.65 12.3L18.65 13.3L20.7 15.35L21.7 14.35C21.92 14.14 21.92 13.79 21.7 13.58L20.42 12.3M12 19.94V22H14.06L20.12 15.93L18.07 13.88L12 19.94M14 15C14 13.34 12.66 12 11 12S8 13.34 8 15 9.34 18 11 18C11.04 18 11.08 18 11.13 18L14 15.13C14 15.09 14 15.05 14 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit.svg
new file mode 100644
index 00000000..3eb56c91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-edit" viewBox="0 0 24 24"><path d="M10,19L10.14,18.86C8.9,18.5 8,17.36 8,16A3,3 0 0,1 11,13C12.36,13 13.5,13.9 13.86,15.14L20,9V7L16,3H4C2.89,3 2,3.9 2,5V19A2,2 0 0,0 4,21H10V19M4,5H14V9H4V5M20.04,12.13C19.9,12.13 19.76,12.19 19.65,12.3L18.65,13.3L20.7,15.35L21.7,14.35C21.92,14.14 21.92,13.79 21.7,13.58L20.42,12.3C20.31,12.19 20.18,12.13 20.04,12.13M18.07,13.88L12,19.94V22H14.06L20.12,15.93L18.07,13.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus-outline.svg
new file mode 100644
index 00000000..b7fe2c99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-minus-outline" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H12.81C12.45 20.38 12.2 19.7 12.08 19H5V5H16.17L19 7.83V12.08C19.7 12.2 20.38 12.45 21 12.81V7L17 3H5M6 6V10H15V6H6M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18C12 16.11 12.89 14.34 14.39 13.21C13.85 12.5 13 12 12 12M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus.svg
new file mode 100644
index 00000000..66344e42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-minus" viewBox="0 0 24 24"><path d="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H12.81C12.45 20.38 12.2 19.7 12.08 19L12 19C10.34 19 9 17.66 9 16S10.34 13 12 13C12.68 13 13.34 13.23 13.87 13.65C15 12.59 16.46 12 18 12C19.05 12 20.09 12.28 21 12.81V7L17 3M15 9H5V5H15V9M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move-outline.svg
new file mode 100644
index 00000000..a04d3f4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-move-outline" viewBox="0 0 24 24"><path d="M13 17H17V14L22 18.5L17 23V20H13V17M14 12.8C13.5 12.31 12.78 12 12 12C10.34 12 9 13.34 9 15C9 16.31 9.84 17.41 11 17.82C11.07 15.67 12.27 13.8 14 12.8M11.09 19H5V5H16.17L19 7.83V12.35C19.75 12.61 20.42 13 21 13.54V7L17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H11.81C11.46 20.39 11.21 19.72 11.09 19M6 10H15V6H6V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move.svg
new file mode 100644
index 00000000..cad808b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-move" viewBox="0 0 24 24"><path d="M17,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H11.81C11.42,20.34 11.17,19.6 11.07,18.84C9.5,18.31 8.66,16.6 9.2,15.03C9.61,13.83 10.73,13 12,13C12.44,13 12.88,13.1 13.28,13.29C15.57,11.5 18.83,11.59 21,13.54V7L17,3M15,9H5V5H15V9M13,17H17V14L22,18.5L17,23V20H13V17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off-outline.svg
new file mode 100644
index 00000000..66ca3389
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-off-outline" viewBox="0 0 24 24"><path d="M8.2 5L6.2 3H17L21 7V17.8L19 15.8V7.83L16.17 5H8.2M15 10V6H9.2L13.2 10H15M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.89 21 3 20.1 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L22.11 21.46M17.11 19L14.59 16.5C14.08 17.39 13.12 18 12 18C10.34 18 9 16.66 9 15C9 13.88 9.61 12.92 10.5 12.41L8.11 10H6V7.89L5 6.89V19H17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off.svg
new file mode 100644
index 00000000..a665addf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-off" viewBox="0 0 24 24"><path d="M8.2 5L6.2 3H17L21 7V17.8L12.2 9H15V5H8.2M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.9 21 3 20.11 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L22.11 21.46M7.11 9L5 6.89V9H7.11M14.89 16.78L11.22 13.11C9.95 13.46 9 14.61 9 16C9 17.66 10.34 19 12 19C13.39 19 14.54 18.05 14.89 16.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-outline.svg
new file mode 100644
index 00000000..131343fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-outline" viewBox="0 0 24 24"><path d="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3M19 19H5V5H16.17L19 7.83V19M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18 15 16.66 15 15 13.66 12 12 12M6 6H15V10H6V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus-outline.svg
new file mode 100644
index 00000000..1323b3c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-plus-outline" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H12.81C12.45 20.38 12.2 19.7 12.08 19H5V5H16.17L19 7.83V12.08C19.7 12.2 20.38 12.45 21 12.81V7L17 3H5M6 6V10H15V6H6M12 12C10.34 12 9 13.34 9 15S10.34 18 12 18C12 16.11 12.89 14.34 14.39 13.21C13.85 12.5 13 12 12 12M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus.svg
new file mode 100644
index 00000000..f35558da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-plus" viewBox="0 0 24 24"><path d="M17 3H5C3.89 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H12.81C12.45 20.38 12.2 19.7 12.08 19L12 19C10.34 19 9 17.66 9 16S10.34 13 12 13C12.68 13 13.34 13.23 13.87 13.65C15 12.59 16.46 12 18 12C19.05 12 20.09 12.28 21 12.81V7L17 3M15 9H5V5H15V9M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings-outline.svg
new file mode 100644
index 00000000..49fcafa9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-settings-outline" viewBox="0 0 24 24"><path d="M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22M17 2H5C3.89 2 3 2.9 3 4V18C3 19.1 3.89 20 5 20H19C20.1 20 21 19.1 21 18V6L17 2M19 18H5V4H16.17L19 6.83V18M12 11C10.34 11 9 12.34 9 14S10.34 17 12 17 15 15.66 15 14 13.66 11 12 11M6 5H15V9H6V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings.svg
new file mode 100644
index 00000000..8843d7e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save-settings" viewBox="0 0 24 24"><path d="M15,8V4H5V8H15M12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18M17,2L21,6V18A2,2 0 0,1 19,20H5C3.89,20 3,19.1 3,18V4A2,2 0 0,1 5,2H17M11,22H13V24H11V22M7,22H9V24H7V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/content-save.svg b/apps/phoenix_webcomponent/priv/mdi/svg/content-save.svg
new file mode 100644
index 00000000..39535bb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/content-save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-content-save" viewBox="0 0 24 24"><path d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contrast-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contrast-box.svg
new file mode 100644
index 00000000..7679576f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contrast-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contrast-box" viewBox="0 0 24 24"><path d="M17,15.5H12V17H17M19,19H5L19,5M5.5,7.5H7.5V5.5H9V7.5H11V9H9V11H7.5V9H5.5M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contrast-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contrast-circle.svg
new file mode 100644
index 00000000..7fa3814a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contrast-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contrast-circle" viewBox="0 0 24 24"><path d="M12,20C9.79,20 7.79,19.1 6.34,17.66L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20M6,8H8V6H9.5V8H11.5V9.5H9.5V11.5H8V9.5H6M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16H17V14.5H12V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/contrast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/contrast.svg
new file mode 100644
index 00000000..8c36232b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/contrast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-contrast" viewBox="0 0 24 24"><path d="M4.38,20.9C3.78,20.71 3.3,20.23 3.1,19.63L19.63,3.1C20.23,3.3 20.71,3.78 20.9,4.38L4.38,20.9M20,16V18H13V16H20M3,6H6V3H8V6H11V8H8V11H6V8H3V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic-outline.svg
new file mode 100644
index 00000000..766b3a08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-controller-classic-outline" viewBox="0 0 24 24"><path d="M17.5,7A5.5,5.5 0 0,1 23,12.5A5.5,5.5 0 0,1 17.5,18C15.79,18 14.27,17.22 13.26,16H10.74C9.73,17.22 8.21,18 6.5,18A5.5,5.5 0 0,1 1,12.5A5.5,5.5 0 0,1 6.5,7H17.5M6.5,9A3.5,3.5 0 0,0 3,12.5A3.5,3.5 0 0,0 6.5,16C7.9,16 9.1,15.18 9.66,14H14.34C14.9,15.18 16.1,16 17.5,16A3.5,3.5 0 0,0 21,12.5A3.5,3.5 0 0,0 17.5,9H6.5M5.75,10.25H7.25V11.75H8.75V13.25H7.25V14.75H5.75V13.25H4.25V11.75H5.75V10.25M16.75,12.5A1,1 0 0,1 17.75,13.5A1,1 0 0,1 16.75,14.5A1,1 0 0,1 15.75,13.5A1,1 0 0,1 16.75,12.5M18.75,10.5A1,1 0 0,1 19.75,11.5A1,1 0 0,1 18.75,12.5A1,1 0 0,1 17.75,11.5A1,1 0 0,1 18.75,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic.svg
new file mode 100644
index 00000000..b39cf125
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/controller-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-controller-classic" viewBox="0 0 24 24"><path d="M6,7H18A5,5 0 0,1 23,12A5,5 0 0,1 18,17C16.36,17 14.91,16.21 14,15H10C9.09,16.21 7.64,17 6,17A5,5 0 0,1 1,12A5,5 0 0,1 6,7M19.75,9.5A1.25,1.25 0 0,0 18.5,10.75A1.25,1.25 0 0,0 19.75,12A1.25,1.25 0 0,0 21,10.75A1.25,1.25 0 0,0 19.75,9.5M17.25,12A1.25,1.25 0 0,0 16,13.25A1.25,1.25 0 0,0 17.25,14.5A1.25,1.25 0 0,0 18.5,13.25A1.25,1.25 0 0,0 17.25,12M5,9V11H3V13H5V15H7V13H9V11H7V9H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/controller-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/controller-off.svg
new file mode 100644
index 00000000..9cb66101
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/controller-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-controller-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H7.97L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.1,9.09 3.53,8.17 4.19,7.46L2,5.27M5,10V11H7V13H8V11.27L6.73,10H5M16.5,6C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75C22,18.41 21.64,19 21.1,19.28L7.82,6H16.5M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/controller.svg b/apps/phoenix_webcomponent/priv/mdi/svg/controller.svg
new file mode 100644
index 00000000..6be1b624
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/controller.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-controller" viewBox="0 0 24 24"><path d="M7.97,16L5,19C4.67,19.3 4.23,19.5 3.75,19.5A1.75,1.75 0 0,1 2,17.75V17.5L3,10.12C3.21,7.81 5.14,6 7.5,6H16.5C18.86,6 20.79,7.81 21,10.12L22,17.5V17.75A1.75,1.75 0 0,1 20.25,19.5C19.77,19.5 19.33,19.3 19,19L16.03,16H7.97M7,8V10H5V11H7V13H8V11H10V10H8V8H7M16.5,8A0.75,0.75 0 0,0 15.75,8.75A0.75,0.75 0 0,0 16.5,9.5A0.75,0.75 0 0,0 17.25,8.75A0.75,0.75 0 0,0 16.5,8M14.75,9.75A0.75,0.75 0 0,0 14,10.5A0.75,0.75 0 0,0 14.75,11.25A0.75,0.75 0 0,0 15.5,10.5A0.75,0.75 0 0,0 14.75,9.75M18.25,9.75A0.75,0.75 0 0,0 17.5,10.5A0.75,0.75 0 0,0 18.25,11.25A0.75,0.75 0 0,0 19,10.5A0.75,0.75 0 0,0 18.25,9.75M16.5,11.5A0.75,0.75 0 0,0 15.75,12.25A0.75,0.75 0 0,0 16.5,13A0.75,0.75 0 0,0 17.25,12.25A0.75,0.75 0 0,0 16.5,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert-outline.svg
new file mode 100644
index 00000000..3077daf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-alert-outline" viewBox="0 0 24 24"><path d="M16 14.5C16 15.3 15.3 16 14.5 16S13 15.3 13 14.5 13.7 13 14.5 13C15.3 13 16 13.7 16 14.5M18.9 10.5C19 11 19 11.5 19 12C19 17 15 21 10 21S1 17 1 12 5 3 10 3C10 3 11 3 11 4V6H12C12 6 13 6 13 7V8H15C15 8 16 8 16 9V10H18C18 10 18.6 10 18.9 10.5M17 12H15.5C14.7 12 14 11.3 14 10.5V10H12.5C11.7 10 11 9.3 11 8.5V8H10.5C9.7 8 9 7.3 9 6.5V5.1C5.9 5.5 3.5 8 3.1 11.1C3.2 10.5 3.8 10 4.5 10C5.3 10 6 10.7 6 11.5S5.3 13 4.5 13C3.7 13 3.1 12.4 3 11.6C3 12.1 3 12.6 3.1 13.1C3.5 15.8 5.6 18 8.2 18.7C7.8 18.4 7.5 18 7.5 17.5C7.5 16.7 8.2 16 9 16S10.5 16.7 10.5 17.5C10.5 18.2 10 18.8 9.3 19C13.5 19.4 17 16.1 17 12M9.5 11C8.7 11 8 11.7 8 12.5S8.7 14 9.5 14 11 13.3 11 12.5 10.3 11 9.5 11M9 7.5C9 6.7 8.3 6 7.5 6S6 6.7 6 7.5 6.7 9 7.5 9 9 8.3 9 7.5M21 17H23V15H21V17M21 7V13H23V7H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert.svg
new file mode 100644
index 00000000..71169546
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-alert" viewBox="0 0 24 24"><path d="M18 10H16V9C16 8 15 8 15 8H13V7C13 6 12 6 12 6H11V4C11 3 10 3 10 3C5 3 1 7 1 12S5 21 10 21 19 17 19 12C19 11.5 19 11 18.9 10.5C18.6 10 18 10 18 10M4.5 13C3.7 13 3 12.3 3 11.5S3.7 10 4.5 10 6 10.7 6 11.5 5.3 13 4.5 13M6 7.5C6 6.7 6.7 6 7.5 6S9 6.7 9 7.5 8.3 9 7.5 9 6 8.3 6 7.5M9 19C8.2 19 7.5 18.3 7.5 17.5S8.2 16 9 16 10.5 16.7 10.5 17.5 9.8 19 9 19M9.5 14C8.7 14 8 13.3 8 12.5S8.7 11 9.5 11 11 11.7 11 12.5 10.3 14 9.5 14M14.5 16C13.7 16 13 15.3 13 14.5S13.7 13 14.5 13C15.3 13 16 13.7 16 14.5S15.3 16 14.5 16M21 15H23V17H21V15M23 7V13H21V7H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check-outline.svg
new file mode 100644
index 00000000..cda6f8d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-check-outline" viewBox="0 0 24 24"><path d="M15 10H14.5C13.67 10 13 9.33 13 8.5V8H12.5C11.67 8 11 7.33 11 6.5V5.07C7.91 5.5 5.47 8 5.07 11.08C5.25 10.46 5.82 10 6.5 10C7.33 10 8 10.67 8 11.5S7.33 13 6.5 13C5.71 13 5.07 12.39 5 11.62C5 12.11 5 12.61 5.09 13.12C5.5 15.81 7.54 18.04 10.16 18.74C9.76 18.47 9.5 18 9.5 17.5C9.5 16.67 10.17 16 11 16S12.5 16.67 12.5 17.5C12.5 18.22 12 18.82 11.32 18.96C11.9 19 12.46 19 13 18.92C13 18.95 13 18.97 13 19C13 19.66 13.12 20.3 13.32 20.89C12.89 20.96 12.45 21 12 21C7.03 21 3 16.97 3 12S7.03 3 12 3C12 3 13 3 13 4V6H14C14 6 15 6 15 7V8H17C17 8 18 8 18 9V10H20C20 10 20.6 10 20.87 10.5C20.96 11 21 11.5 21 12C21 12.45 20.96 12.89 20.89 13.32C20.3 13.12 19.66 13 19 13C18.97 13 18.95 13 18.92 13C18.97 12.68 19 12.34 19 12H17.5C16.67 12 16 11.33 16 10.5V10H15M15 14.5C15 14.5 15 14.5 15 14.53C15.66 13.95 16.45 13.5 17.32 13.24C17.08 13.09 16.8 13 16.5 13C15.67 13 15 13.67 15 14.5M11.5 14C12.33 14 13 13.33 13 12.5S12.33 11 11.5 11 10 11.67 10 12.5 10.67 14 11.5 14M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check.svg
new file mode 100644
index 00000000..189a6786
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-check" viewBox="0 0 24 24"><path d="M15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13C16.8 13 17.08 13.09 17.32 13.24C17.85 13.09 18.42 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 17.22 13.78 15.63 15 14.53M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5 11.83 19 11 19M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock-outline.svg
new file mode 100644
index 00000000..e53c5160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-clock-outline" viewBox="0 0 24 24"><path d="M8.5 8C7.67 8 7 7.33 7 6.5S7.67 5 8.5 5 10 5.67 10 6.5 9.33 8 8.5 8M16.5 12H15V17L18.61 19.16L19.36 17.94L16.5 16.25V12M23 16C23 19.87 19.87 23 16 23C13.61 23 11.5 21.8 10.23 19.96C5.62 19.57 2 15.71 2 11C2 6.03 6.03 2 11 2C11 2 12 2 12 3V5H13C13 5 14 5 14 6V7H16C16 7 17 7 17 8V9H19C19 9 19.6 9 19.87 9.5C19.91 9.74 19.95 10 19.97 10.24C21.8 11.5 23 13.61 23 16M9.16 17.74C8.76 17.47 8.5 17 8.5 16.5C8.5 16.04 8.71 15.64 9.03 15.36C9.12 14.45 9.38 13.59 9.78 12.81C9.32 12.55 9 12.06 9 11.5C9 10.67 9.67 10 10.5 10C10.96 10 11.36 10.21 11.64 10.53C12.59 9.77 13.74 9.26 15 9.08V9H13.5C12.67 9 12 8.33 12 7.5V7H11.5C10.67 7 10 6.33 10 5.5V4.07C6.91 4.5 4.47 7 4.07 10.08C4.25 9.46 4.82 9 5.5 9C6.33 9 7 9.67 7 10.5S6.33 12 5.5 12C4.71 12 4.07 11.39 4 10.62C4 11.11 4 11.61 4.09 12.12C4.5 14.81 6.54 17.04 9.16 17.74M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock.svg
new file mode 100644
index 00000000..63be7f7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-clock" viewBox="0 0 24 24"><path d="M19.97 10.24C19.95 10 19.91 9.74 19.87 9.5C19.6 9 19 9 19 9H17V8C17 7 16 7 16 7H14V6C14 5 13 5 13 5H12V3C12 2 11 2 11 2C6.03 2 2 6.03 2 11C2 15.71 5.62 19.57 10.23 19.96C11.5 21.8 13.61 23 16 23C19.87 23 23 19.87 23 16C23 13.61 21.8 11.5 19.97 10.24M11.64 10.53C10.87 11.15 10.23 11.92 9.78 12.81C9.32 12.55 9 12.06 9 11.5C9 10.67 9.67 10 10.5 10C10.96 10 11.36 10.21 11.64 10.53M5.5 12C4.67 12 4 11.33 4 10.5S4.67 9 5.5 9 7 9.67 7 10.5 6.33 12 5.5 12M7 6.5C7 5.67 7.67 5 8.5 5S10 5.67 10 6.5 9.33 8 8.5 8 7 7.33 7 6.5M8.5 16.5C8.5 16.04 8.71 15.64 9.03 15.36C9 15.57 9 15.79 9 16C9 16.62 9.09 17.22 9.24 17.79C8.8 17.5 8.5 17.05 8.5 16.5M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog-outline.svg
new file mode 100644
index 00000000..ceda010b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-cog-outline" viewBox="0 0 24 24"><path d="M14.5 10C13.67 10 13 9.33 13 8.5V8H12.5C11.67 8 11 7.33 11 6.5V5.07C7.91 5.5 5.47 8 5.07 11.08C5.25 10.46 5.82 10 6.5 10C7.33 10 8 10.67 8 11.5S7.33 13 6.5 13C5.71 13 5.07 12.39 5 11.62C5 12.11 5 12.61 5.09 13.12C5.5 15.81 7.54 18.04 10.16 18.74C9.76 18.47 9.5 18 9.5 17.5C9.5 16.67 10.17 16 11 16C11.59 16 12.1 16.35 12.34 16.84C12.16 17.39 12.06 17.97 12 18.57C11.83 18.76 11.6 18.9 11.32 18.96C11.55 19 11.78 19 12 19V19C12 19.69 12.11 20.36 12.29 21C12.19 21 12.1 21 12 21C7.03 21 3 16.97 3 12S7.03 3 12 3C12 3 13 3 13 4V6H14C14 6 15 6 15 7V8H17C17 8 18 8 18 9V10H20C20 10 20.6 10 20.87 10.5C20.96 11 21 11.5 21 12C21 12.1 21 12.19 21 12.29C20.36 12.11 19.69 12 19 12H17.5C16.67 12 16 11.33 16 10.5V10H14.5M11.5 11C10.67 11 10 11.67 10 12.5S10.67 14 11.5 14 13 13.33 13 12.5 12.33 11 11.5 11M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog.svg
new file mode 100644
index 00000000..8b80967b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-cog" viewBox="0 0 24 24"><path d="M21 12.29C21 12.19 21 12.1 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.1 21 12.19 21 12.29 21C12.11 20.36 12 19.69 12 19C12 18.86 12 18.73 12 18.59C11.75 18.84 11.4 19 11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16C11.59 16 12.1 16.35 12.34 16.84C13.25 14.03 15.89 12 19 12C19.69 12 20.36 12.11 21 12.29M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M9.5 9C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6 11 6.67 11 7.5 10.33 9 9.5 9M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M22.7 19.6V18.6L23.8 17.8C23.9 17.7 24 17.6 23.9 17.5L22.9 15.8C22.9 15.7 22.7 15.7 22.6 15.7L21.4 16.2C21.1 16 20.8 15.8 20.5 15.7L20.3 14.4C20.3 14.3 20.2 14.2 20.1 14.2H18.1C17.9 14.2 17.8 14.3 17.8 14.4L17.6 15.7C17.3 15.9 17.1 16 16.8 16.2L15.6 15.7C15.5 15.7 15.4 15.7 15.3 15.8L14.3 17.5C14.3 17.6 14.3 17.7 14.4 17.8L15.5 18.6V19.6L14.4 20.4C14.3 20.5 14.2 20.6 14.3 20.7L15.3 22.4C15.4 22.5 15.5 22.5 15.6 22.5L16.8 22C17 22.2 17.3 22.4 17.6 22.5L17.8 23.8C17.9 23.9 18 24 18.1 24H20.1C20.2 24 20.3 23.9 20.3 23.8L20.5 22.5C20.8 22.3 21 22.2 21.3 22L22.5 22.4C22.6 22.4 22.7 22.4 22.8 22.3L23.8 20.6C23.9 20.5 23.9 20.4 23.8 20.4L22.7 19.6M19 20.5C18.2 20.5 17.5 19.8 17.5 19S18.2 17.5 19 17.5 20.5 18.2 20.5 19 19.8 20.5 19 20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit-outline.svg
new file mode 100644
index 00000000..30d78fad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-edit-outline" viewBox="0 0 24 24"><path d="M9.5 6C10.33 6 11 6.67 11 7.5S10.33 9 9.5 9 8 8.33 8 7.5 8.67 6 9.5 6M11.5 11C10.67 11 10 11.67 10 12.5S10.67 14 11.5 14 13 13.33 13 12.5 12.33 11 11.5 11M11 16C10.17 16 9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H16V10.5C16 11.33 16.67 12 17.5 12H18.13L19.39 10.74C19.69 10.44 20.05 10.24 20.44 10.12C20.21 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12C3 16.63 6.5 20.44 11 20.94V19.13L12.47 17.66C12.5 17.6 12.5 17.55 12.5 17.5C12.5 16.67 11.83 16 11 16M15 14.5C15 14.69 15.04 14.86 15.1 15.03L17.03 13.1C16.86 13.04 16.69 13 16.5 13C15.67 13 15 13.67 15 14.5M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit.svg
new file mode 100644
index 00000000..dde6c1dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-edit" viewBox="0 0 24 24"><path d="M15.1 15.03C15.04 14.86 15 14.69 15 14.5C15 13.67 15.67 13 16.5 13C16.69 13 16.86 13.04 17.03 13.1L19.39 10.74C19.69 10.44 20.05 10.24 20.44 10.12C20.21 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12C3 16.63 6.5 20.44 11 20.94V19.13L11.14 19C11.1 19 11.05 19 11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5C12.5 17.55 12.5 17.6 12.5 17.64L15.1 15.03M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M9.5 9C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6 11 6.67 11 7.5 10.33 9 9.5 9M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock-outline.svg
new file mode 100644
index 00000000..3c264e26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-lock-outline" viewBox="0 0 24 24"><path d="M10 12.5C10 11.67 10.67 11 11.5 11S13 11.67 13 12.5 12.33 14 11.5 14 10 13.33 10 12.5M16 10V10.5C16 10.9 16.16 11.26 16.41 11.53C17.04 11.2 17.75 11 18.5 11C19.42 11 20.27 11.29 21 11.77C21 11.35 20.95 10.92 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.34 21 12.67 21 13 20.94V18.92C12.46 19 11.9 19 11.32 18.96C12 18.82 12.5 18.22 12.5 17.5C12.5 16.67 11.83 16 11 16S9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H16M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M22 17V21C22 21.55 21.55 22 21 22H16C15.45 22 15 21.55 15 21V17C15 16.45 15.45 16 16 16V15.5C16 14.12 17.12 13 18.5 13S21 14.12 21 15.5V16C21.55 16 22 16.45 22 17M20 15.5C20 14.67 19.33 14 18.5 14S17 14.67 17 15.5V16H20V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock.svg
new file mode 100644
index 00000000..fe573fc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-lock" viewBox="0 0 24 24"><path d="M18.5 11C19.42 11 20.27 11.29 21 11.77C21 11.35 20.95 10.92 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.34 21 12.67 21 13 20.94V17C13 16.08 13.42 15.26 14.07 14.71C14.45 12.6 16.29 11 18.5 11M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5 11.83 19 11 19M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M21 16V15.5C21 14.12 19.88 13 18.5 13S16 14.12 16 15.5V16C15.45 16 15 16.45 15 17V21C15 21.55 15.45 22 16 22H21C21.55 22 22 21.55 22 21V17C22 16.45 21.55 16 21 16M20 16H17V15.5C17 14.67 17.67 14 18.5 14S20 14.67 20 15.5V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus-outline.svg
new file mode 100644
index 00000000..10f3d01d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-minus-outline" viewBox="0 0 24 24"><path d="M15 10H14.5C13.67 10 13 9.33 13 8.5V8H12.5C11.67 8 11 7.33 11 6.5V5.07C7.91 5.5 5.47 8 5.07 11.08C5.25 10.46 5.82 10 6.5 10C7.33 10 8 10.67 8 11.5S7.33 13 6.5 13C5.71 13 5.07 12.39 5 11.62C5 12.11 5 12.61 5.09 13.12C5.5 15.81 7.54 18.04 10.16 18.74C9.76 18.47 9.5 18 9.5 17.5C9.5 16.67 10.17 16 11 16S12.5 16.67 12.5 17.5C12.5 18.22 12 18.82 11.32 18.96C11.9 19 12.46 19 13 18.92C13 18.95 13 18.97 13 19C13 19.66 13.12 20.3 13.32 20.89C12.89 20.96 12.45 21 12 21C7.03 21 3 16.97 3 12S7.03 3 12 3C12 3 13 3 13 4V6H14C14 6 15 6 15 7V8H17C17 8 18 8 18 9V10H20C20 10 20.6 10 20.87 10.5C20.96 11 21 11.5 21 12C21 12.45 20.96 12.89 20.89 13.32C20.3 13.12 19.66 13 19 13C18.97 13 18.95 13 18.92 13C18.97 12.68 19 12.34 19 12H17.5C16.67 12 16 11.33 16 10.5V10H15M15 14.5C15 14.5 15 14.5 15 14.53C15.66 13.95 16.45 13.5 17.32 13.24C17.08 13.09 16.8 13 16.5 13C15.67 13 15 13.67 15 14.5M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M11.5 14C12.33 14 13 13.33 13 12.5S12.33 11 11.5 11 10 11.67 10 12.5 10.67 14 11.5 14M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus.svg
new file mode 100644
index 00000000..c0c503c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-minus" viewBox="0 0 24 24"><path d="M15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13C16.8 13 17.08 13.09 17.32 13.24C17.85 13.09 18.42 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 17.22 13.78 15.63 15 14.53M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5 11.83 19 11 19M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off-outline.svg
new file mode 100644
index 00000000..1b0ef980
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-off-outline" viewBox="0 0 24 24"><path d="M8.93 5.73L7.45 4.25C8.79 3.46 10.34 3 12 3C12 3 13 3 13 4V6H14C14 6 15 6 15 7V8H17C17 8 18 8 18 9V10H20C20 10 20.6 10 20.87 10.5C20.96 11 21 11.5 21 12C21 13.66 20.54 15.22 19.75 16.55L18.28 15.08C18.74 14.15 19 13.11 19 12H17.5C16.67 12 16 11.33 16 10.5V10H14.5C13.67 10 13 9.33 13 8.5V8H12.5C11.67 8 11 7.33 11 6.5V5.07C10.26 5.18 9.57 5.41 8.93 5.73M9.25 6.05L10.95 7.75C10.97 7.67 11 7.59 11 7.5C11 6.67 10.33 6 9.5 6C9.41 6 9.33 6.03 9.25 6.05M16.25 13.05L17.95 14.75C17.97 14.67 18 14.59 18 14.5C18 13.67 17.33 13 16.5 13C16.41 13 16.33 13.03 16.25 13.05M22.11 21.46L20.84 22.73L17.34 19.23C15.85 20.34 14 21 12 21C7.03 21 3 16.97 3 12C3 10 3.66 8.15 4.77 6.66L1.11 3L2.39 1.73L22.11 21.46M15.9 17.79L12 13.9C11.85 13.96 11.68 14 11.5 14C10.67 14 10 13.33 10 12.5C10 12.32 10.04 12.15 10.1 12L6.21 8.1C5.62 9 5.21 10 5.07 11.08C5.25 10.46 5.82 10 6.5 10C7.33 10 8 10.67 8 11.5S7.33 13 6.5 13C5.71 13 5.07 12.39 5 11.62C5 12.11 5 12.61 5.09 13.12C5.5 15.81 7.54 18.04 10.16 18.74C9.76 18.47 9.5 18 9.5 17.5C9.5 16.67 10.17 16 11 16S12.5 16.67 12.5 17.5C12.5 18.22 12 18.82 11.32 18.96C13.03 19.12 14.61 18.66 15.9 17.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off.svg
new file mode 100644
index 00000000..1c87178c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-off" viewBox="0 0 24 24"><path d="M9.25 6.05L7.45 4.25C8.79 3.46 10.34 3 12 3C12 3 13 3 13 4V6H14C14 6 15 6 15 7V8H17C17 8 18 8 18 9V10H20C20 10 20.6 10 20.87 10.5C20.96 11 21 11.5 21 12C21 13.66 20.54 15.22 19.75 16.55L17.95 14.75C17.97 14.67 18 14.59 18 14.5C18 13.67 17.33 13 16.5 13C16.41 13 16.33 13.03 16.25 13.05L10.95 7.75C10.97 7.67 11 7.59 11 7.5C11 6.67 10.33 6 9.5 6C9.41 6 9.33 6.03 9.25 6.05M22.11 21.46L20.84 22.73L17.34 19.23C15.85 20.34 14 21 12 21C7.03 21 3 16.97 3 12C3 10 3.66 8.15 4.77 6.66L1.11 3L2.39 1.73L22.11 21.46M8 11.5C8 10.67 7.33 10 6.5 10S5 10.67 5 11.5 5.67 13 6.5 13 8 12.33 8 11.5M10 12.5C10 13.33 10.67 14 11.5 14C11.68 14 11.85 13.96 12 13.9L10.1 12C10.04 12.15 10 12.32 10 12.5M12.5 17.5C12.5 16.67 11.83 16 11 16S9.5 16.67 9.5 17.5 10.17 19 11 19 12.5 18.33 12.5 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-outline.svg
new file mode 100644
index 00000000..5b010f2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-outline" viewBox="0 0 24 24"><path d="M20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12C3 16.97 7.03 21 12 21C16.97 21 21 16.97 21 12C21 11.5 20.96 11 20.87 10.5M11.32 18.96C12 18.82 12.5 18.22 12.5 17.5C12.5 16.67 11.83 16 11 16S9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H16V10.5C16 11.33 16.67 12 17.5 12H19C19 16.08 15.5 19.36 11.32 18.96M9.5 9C8.67 9 8 8.33 8 7.5S8.67 6 9.5 6 11 6.67 11 7.5 10.33 9 9.5 9M13 12.5C13 13.33 12.33 14 11.5 14S10 13.33 10 12.5 10.67 11 11.5 11 13 11.67 13 12.5M18 14.5C18 15.33 17.33 16 16.5 16S15 15.33 15 14.5 15.67 13 16.5 13 18 13.67 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus-outline.svg
new file mode 100644
index 00000000..cade3671
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-plus-outline" viewBox="0 0 24 24"><path d="M16.5 13C16.8 13 17.08 13.09 17.32 13.24C16.45 13.5 15.66 13.95 15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13M16 10V10.5C16 11.33 16.67 12 17.5 12H19C19 12.34 18.97 12.68 18.92 13C18.95 13 18.97 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 18.97 13 18.95 13 18.92C12.46 19 11.9 19 11.32 18.96C12 18.82 12.5 18.22 12.5 17.5C12.5 16.67 11.83 16 11 16S9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H16M11.5 14C12.33 14 13 13.33 13 12.5S12.33 11 11.5 11 10 11.67 10 12.5 10.67 14 11.5 14M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus.svg
new file mode 100644
index 00000000..6d69cb9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-plus" viewBox="0 0 24 24"><path d="M15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13C16.8 13 17.08 13.09 17.32 13.24C17.85 13.09 18.42 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 17.22 13.78 15.63 15 14.53M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5 11.83 19 11 19M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh-outline.svg
new file mode 100644
index 00000000..dc054a02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-refresh-outline" viewBox="0 0 24 24"><path d="M13 12.5C13 13.33 12.33 14 11.5 14S10 13.33 10 12.5 10.67 11 11.5 11 13 11.67 13 12.5M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M15 10H16V10.5C16 11.33 16.67 12 17.5 12H19L19 12.03C19.69 12.09 20.36 12.24 21 12.5C21 12.33 21 12.17 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.17 21 12.33 21 12.5 21C12.24 20.36 12.09 19.69 12.03 19C11.8 19 11.56 19 11.32 18.96C11.59 18.9 11.81 18.76 12 18.58C12 18.55 12 18.53 12 18.5C12 17.87 12.1 17.27 12.26 16.69C12 16.28 11.53 16 11 16C10.17 16 9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H15M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh.svg
new file mode 100644
index 00000000..2d3b7cba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-refresh" viewBox="0 0 24 24"><path d="M11 16C11.53 16 12 16.28 12.26 16.69C13.04 14 15.54 12 18.5 12C19.38 12 20.21 12.18 21 12.5C21 12.33 21 12.17 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.17 21 12.33 21 12.5 21C12.19 20.24 12 19.44 12 18.61C11.74 18.85 11.39 19 11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16M13 12.5C13 13.33 12.33 14 11.5 14S10 13.33 10 12.5 10.67 11 11.5 11 13 11.67 13 12.5M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M18 18.5L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove-outline.svg
new file mode 100644
index 00000000..187a6556
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-remove-outline" viewBox="0 0 24 24"><path d="M17.32 13.24C16.45 13.5 15.66 13.95 15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13C16.8 13 17.08 13.09 17.32 13.24M16 10V10.5C16 11.33 16.67 12 17.5 12H19C19 12.34 18.97 12.68 18.92 13C18.95 13 18.97 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 18.97 13 18.95 13 18.92C12.46 19 11.9 19 11.32 18.96C12 18.82 12.5 18.22 12.5 17.5C12.5 16.67 11.83 16 11 16S9.5 16.67 9.5 17.5C9.5 18 9.76 18.47 10.16 18.74C7.54 18.04 5.5 15.81 5.09 13.12C5 12.61 5 12.11 5 11.62C5.07 12.39 5.71 13 6.5 13C7.33 13 8 12.33 8 11.5S7.33 10 6.5 10C5.82 10 5.25 10.46 5.07 11.08C5.47 8 7.91 5.5 11 5.07V6.5C11 7.33 11.67 8 12.5 8H13V8.5C13 9.33 13.67 10 14.5 10H16M11 7.5C11 6.67 10.33 6 9.5 6S8 6.67 8 7.5 8.67 9 9.5 9 11 8.33 11 7.5M11.5 14C12.33 14 13 13.33 13 12.5S12.33 11 11.5 11 10 11.67 10 12.5 10.67 14 11.5 14M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove.svg
new file mode 100644
index 00000000..03476748
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-remove" viewBox="0 0 24 24"><path d="M16.5 13C16.8 13 17.08 13.09 17.32 13.24C17.85 13.09 18.42 13 19 13C19.66 13 20.3 13.12 20.89 13.32C20.96 12.89 21 12.45 21 12C21 11.5 20.96 11 20.87 10.5C20.6 10 20 10 20 10H18V9C18 8 17 8 17 8H15V7C15 6 14 6 14 6H13V4C13 3 12 3 12 3C7.03 3 3 7.03 3 12S7.03 21 12 21C12.45 21 12.89 20.96 13.32 20.89C13.12 20.3 13 19.66 13 19C13 17.22 13.78 15.63 15 14.53C15 14.5 15 14.5 15 14.5C15 13.67 15.67 13 16.5 13M6.5 13C5.67 13 5 12.33 5 11.5S5.67 10 6.5 10 8 10.67 8 11.5 7.33 13 6.5 13M8 7.5C8 6.67 8.67 6 9.5 6S11 6.67 11 7.5 10.33 9 9.5 9 8 8.33 8 7.5M11 19C10.17 19 9.5 18.33 9.5 17.5S10.17 16 11 16 12.5 16.67 12.5 17.5 11.83 19 11 19M11.5 14C10.67 14 10 13.33 10 12.5S10.67 11 11.5 11 13 11.67 13 12.5 12.33 14 11.5 14M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings-outline.svg
new file mode 100644
index 00000000..835923cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-settings-outline" viewBox="0 0 24 24"><path d="M13 11.5C13 12.33 12.33 13 11.5 13S10 12.33 10 11.5 10.67 10 11.5 10 13 10.67 13 11.5M11 6.5C11 5.67 10.33 5 9.5 5S8 5.67 8 6.5 8.67 8 9.5 8 11 7.33 11 6.5M21 11C21 15.97 16.97 20 12 20S3 15.97 3 11 7.03 2 12 2C12 2 13 2 13 3V5H14C14 5 15 5 15 6V7H17C17 7 18 7 18 8V9H20C20 9 20.6 9 20.87 9.5C20.96 10 21 10.5 21 11M19 11H17.5C16.67 11 16 10.33 16 9.5V9H14.5C13.67 9 13 8.33 13 7.5V7H12.5C11.67 7 11 6.33 11 5.5V4.07C7.91 4.5 5.47 7 5.07 10.08C5.25 9.46 5.82 9 6.5 9C7.33 9 8 9.67 8 10.5S7.33 12 6.5 12C5.71 12 5.07 11.39 5 10.62C5 11.11 5 11.61 5.09 12.12C5.5 14.81 7.54 17.04 10.16 17.74C9.76 17.47 9.5 17 9.5 16.5C9.5 15.67 10.17 15 11 15S12.5 15.67 12.5 16.5C12.5 17.22 12 17.82 11.32 17.96C15.5 18.36 19 15.08 19 11M16.5 12C15.67 12 15 12.67 15 13.5S15.67 15 16.5 15 18 14.33 18 13.5 17.33 12 16.5 12M7 24H9V22H7V24M15 24H17V22H15V24M11 24H13V22H11V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings.svg
new file mode 100644
index 00000000..8293d43c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie-settings" viewBox="0 0 24 24"><path d="M20.87 9.5C20.6 9 20 9 20 9H18V8C18 7 17 7 17 7H15V6C15 5 14 5 14 5H13V3C13 2 12 2 12 2C7.03 2 3 6.03 3 11S7.03 20 12 20 21 15.97 21 11C21 10.5 20.96 10 20.87 9.5M6.5 12C5.67 12 5 11.33 5 10.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12M8 6.5C8 5.67 8.67 5 9.5 5S11 5.67 11 6.5 10.33 8 9.5 8 8 7.33 8 6.5M11 18C10.17 18 9.5 17.33 9.5 16.5S10.17 15 11 15 12.5 15.67 12.5 16.5 11.83 18 11 18M11.5 13C10.67 13 10 12.33 10 11.5S10.67 10 11.5 10 13 10.67 13 11.5 12.33 13 11.5 13M16.5 15C15.67 15 15 14.33 15 13.5S15.67 12 16.5 12 18 12.67 18 13.5 17.33 15 16.5 15M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cookie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cookie.svg
new file mode 100644
index 00000000..0dd69093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cookie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cookie" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12C21,11.5 20.96,11 20.87,10.5C20.6,10 20,10 20,10H18V9C18,8 17,8 17,8H15V7C15,6 14,6 14,6H13V4C13,3 12,3 12,3M9.5,6A1.5,1.5 0 0,1 11,7.5A1.5,1.5 0 0,1 9.5,9A1.5,1.5 0 0,1 8,7.5A1.5,1.5 0 0,1 9.5,6M6.5,10A1.5,1.5 0 0,1 8,11.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 5,11.5A1.5,1.5 0 0,1 6.5,10M11.5,11A1.5,1.5 0 0,1 13,12.5A1.5,1.5 0 0,1 11.5,14A1.5,1.5 0 0,1 10,12.5A1.5,1.5 0 0,1 11.5,11M16.5,13A1.5,1.5 0 0,1 18,14.5A1.5,1.5 0 0,1 16.5,16H16.5A1.5,1.5 0 0,1 15,14.5H15A1.5,1.5 0 0,1 16.5,13M11,16A1.5,1.5 0 0,1 12.5,17.5A1.5,1.5 0 0,1 11,19A1.5,1.5 0 0,1 9.5,17.5A1.5,1.5 0 0,1 11,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/coolant-temperature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/coolant-temperature.svg
new file mode 100644
index 00000000..ac3f5d2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/coolant-temperature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-coolant-temperature" viewBox="0 0 24 24"><path d="M11.5,1A1.5,1.5 0 0,0 10,2.5V14.5C9.37,14.97 9,15.71 9,16.5A2.5,2.5 0 0,0 11.5,19A2.5,2.5 0 0,0 14,16.5C14,15.71 13.63,15 13,14.5V13H17V11H13V9H17V7H13V5H17V3H13V2.5A1.5,1.5 0 0,0 11.5,1M0,15V17C0.67,17 0.79,17.21 1.29,17.71C1.79,18.21 2.67,19 4,19C5.33,19 6.21,18.21 6.71,17.71C6.82,17.59 6.91,17.5 7,17.41V15.16C6.21,15.42 5.65,15.93 5.29,16.29C4.79,16.79 4.67,17 4,17C3.33,17 3.21,16.79 2.71,16.29C2.21,15.79 1.33,15 0,15M16,15V17C16.67,17 16.79,17.21 17.29,17.71C17.79,18.21 18.67,19 20,19C21.33,19 22.21,18.21 22.71,17.71C23.21,17.21 23.33,17 24,17V15C22.67,15 21.79,15.79 21.29,16.29C20.79,16.79 20.67,17 20,17C19.33,17 19.21,16.79 18.71,16.29C18.21,15.79 17.33,15 16,15M8,20C6.67,20 5.79,20.79 5.29,21.29C4.79,21.79 4.67,22 4,22C3.33,22 3.21,21.79 2.71,21.29C2.35,20.93 1.79,20.42 1,20.16V22.41C1.09,22.5 1.18,22.59 1.29,22.71C1.79,23.21 2.67,24 4,24C5.33,24 6.21,23.21 6.71,22.71C7.21,22.21 7.33,22 8,22C8.67,22 8.79,22.21 9.29,22.71C9.73,23.14 10.44,23.8 11.5,23.96C11.66,24 11.83,24 12,24C13.33,24 14.21,23.21 14.71,22.71C15.21,22.21 15.33,22 16,22C16.67,22 16.79,22.21 17.29,22.71C17.79,23.21 18.67,24 20,24C21.33,24 22.21,23.21 22.71,22.71C22.82,22.59 22.91,22.5 23,22.41V20.16C22.21,20.42 21.65,20.93 21.29,21.29C20.79,21.79 20.67,22 20,22C19.33,22 19.21,21.79 18.71,21.29C18.21,20.79 17.33,20 16,20C14.67,20 13.79,20.79 13.29,21.29C12.79,21.79 12.67,22 12,22C11.78,22 11.63,21.97 11.5,21.92C11.22,21.82 11.05,21.63 10.71,21.29C10.21,20.79 9.33,20 8,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/copyleft.svg b/apps/phoenix_webcomponent/priv/mdi/svg/copyleft.svg
new file mode 100644
index 00000000..7c6abb93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/copyleft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-copyleft" viewBox="0 0 24 24"><path d="M13.92 10.86C14.04 11.85 14.12 13.1 13.62 14C13.5 14.27 13.28 14.5 13.03 14.64C12.8 14.79 12.5 14.86 12.14 14.87C11.72 14.87 11.33 14.73 11 14.47C10.87 14.34 10.75 14.19 10.66 14C10.57 13.83 10.5 13.64 10.5 13.43H8.72C8.73 13.84 8.84 14.22 9 14.58C9.2 14.94 9.45 15.25 9.76 15.5C11.2 16.83 13.85 16.62 15.06 15.13C16.37 13.46 16.34 10.54 15.05 8.87C13.83 7.35 11.13 7.16 9.68 8.5C9.38 8.78 9.15 9.12 9 9.5C8.81 9.9 8.72 10.33 8.7 10.8H10.5C10.5 10.37 10.69 9.94 10.97 9.63C11.26 9.34 11.67 9.14 12.12 9.14C12.81 9.15 13.33 9.44 13.62 10C13.76 10.24 13.87 10.53 13.92 10.86M12 2C6.5 2 2 6.5 2 12C2.53 25.26 21.47 25.27 22 12C22 6.5 17.5 2 12 2M4 12C4.44 1.39 19.56 1.39 20 12C20 16.41 16.41 20 12 20S4 16.41 4 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/copyright.svg b/apps/phoenix_webcomponent/priv/mdi/svg/copyright.svg
new file mode 100644
index 00000000..4c6012e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/copyright.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-copyright" viewBox="0 0 24 24"><path d="M10.08 10.86C10.13 10.53 10.24 10.24 10.38 10C10.68 9.44 11.19 9.15 11.88 9.14C12.33 9.14 12.74 9.34 13.03 9.63C13.31 9.94 13.5 10.37 13.5 10.8H15.3C15.28 10.33 15.19 9.9 15 9.5C14.85 9.12 14.62 8.78 14.32 8.5C12.87 7.16 10.18 7.35 8.95 8.87C7.66 10.54 7.63 13.46 8.94 15.13C10.15 16.62 12.8 16.83 14.24 15.5C14.55 15.25 14.8 14.94 15 14.58C15.16 14.22 15.27 13.84 15.28 13.43H13.5C13.5 13.64 13.43 13.83 13.34 14C13.25 14.19 13.13 14.34 13 14.47C12.67 14.73 12.28 14.87 11.86 14.87C11.5 14.86 11.2 14.79 10.97 14.64C10.72 14.5 10.5 14.27 10.38 14C9.88 13.1 9.96 11.85 10.08 10.86M12 2C6.5 2 2 6.5 2 12C2.53 25.27 21.5 25.26 22 12C22 6.5 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12C4.44 1.39 19.56 1.39 20 12C20 16.41 16.41 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cordova.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cordova.svg
new file mode 100644
index 00000000..3093c713
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cordova.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cordova" viewBox="0 0 24 24"><path d="M20.18,21.55H16.94L17.17,18.82H15.58L15.35,21.55H8.65L8.42,18.82H6.83L7.06,21.55H3.82L2,9.73L6.55,2.45H17.45L22,9.73L20.18,21.55M16.55,6.09H13.62L13.82,7.45H10.18L10.38,6.09H7.45L5.64,9.73L6.55,17H17.45L18.36,9.73L16.55,6.09M14.95,14.59C14.7,14.59 14.5,13.83 14.5,12.9C14.5,11.96 14.7,11.2 14.95,11.2C15.21,11.2 15.41,11.96 15.41,12.9C15.41,13.83 15.21,14.59 14.95,14.59M9.22,14.73C8.96,14.73 8.76,13.97 8.76,13.04C8.76,12.1 8.96,11.35 9.22,11.35C9.47,11.35 9.67,12.1 9.67,13.04C9.67,13.97 9.47,14.73 9.22,14.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/corn-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/corn-off.svg
new file mode 100644
index 00000000..0d4dc775
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/corn-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-corn-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L7.2 9.1C7.1 9.7 7 10.3 7 11C5.5 10.4 3.8 10 2 10C7.9 12.6 6 22 12 22C14.5 22 15.7 20.5 16.6 18.5L20.9 22.8L22.1 21.5M8.1 10L9.1 11H8L8.1 10M8.8 12H10.1L11 12.9V13.7C10.3 13.1 9.6 12.5 8.8 12M14.3 19.2C14.1 18 13.4 16.4 12.2 15H13.1L15.2 17.1C15 17.9 14.7 18.6 14.3 19.2M11 6V7.8L12.2 9H14V8H12V6H13V5H12V3C14.1 3 15.9 7 16 11.8V12.8L18 14.8C18.8 12.8 19.9 10.9 22 10C20.2 10 18.5 10.4 17 11.1C16.8 5.9 14.7 2 12 2C10.5 2 9.2 3.2 8.3 5.1L9.2 6H11M11 3.3V5H9.5C10 4.2 10.5 3.6 11 3.3M15 11.8L14.2 11H15V11.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/corn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/corn.svg
new file mode 100644
index 00000000..1ab88256
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/corn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-corn" viewBox="0 0 24 24"><path d="M11,12H8.82C9.62,12.5 10.35,13.07 11,13.68V12M7,11C7.27,5.88 9.37,2 12,2C14.66,2 16.77,5.94 17,11.12C18.5,10.43 20.17,10 22,10C16.25,12.57 18.25,22 12,22C6,22 7.93,12.57 2,10C3.82,10 5.5,10.4 7,11M11,11V9H8.24L8.03,11H11M11,8V6H9.05C8.8,6.6 8.6,7.27 8.43,8H11M11,5V3.3C10.45,3.63 9.95,4.22 9.5,5H11M12,3V5H13V6H12V8H14V9H12V11H15V12H12V14H14V15H12.23C13.42,16.45 14.15,18 14.32,19.23C15.31,17.56 15.96,14.84 16,11.76C15.94,7 14.13,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cosine-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cosine-wave.svg
new file mode 100644
index 00000000..42069d13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cosine-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cosine-wave" viewBox="0 0 24 24"><path d="M22 2V4C20.26 4 19 8.58 17.96 12.27C16.57 17.27 15.26 22 12 22C8.74 22 7.43 17.27 6.04 12.27C5 8.58 3.74 4 2 4V2C5.26 2 6.57 6.73 7.96 11.73C9 15.42 10.26 20 12 20C13.74 20 15 15.42 16.04 11.73C17.43 6.73 18.74 2 22 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/counter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/counter.svg
new file mode 100644
index 00000000..e777ac26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/counter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-counter" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H11V6H4M20,18V6H18.76C19,6.54 18.95,7.07 18.95,7.13C18.88,7.8 18.41,8.5 18.24,8.75L15.91,11.3L19.23,11.28L19.24,12.5L14.04,12.47L14,11.47C14,11.47 17.05,8.24 17.2,7.95C17.34,7.67 17.91,6 16.5,6C15.27,6.05 15.41,7.3 15.41,7.3L13.87,7.31C13.87,7.31 13.88,6.65 14.25,6H13V18H15.58L15.57,17.14L16.54,17.13C16.54,17.13 17.45,16.97 17.46,16.08C17.5,15.08 16.65,15.08 16.5,15.08C16.37,15.08 15.43,15.13 15.43,15.95H13.91C13.91,15.95 13.95,13.89 16.5,13.89C19.1,13.89 18.96,15.91 18.96,15.91C18.96,15.91 19,17.16 17.85,17.63L18.37,18H20M8.92,16H7.42V10.2L5.62,10.76V9.53L8.76,8.41H8.92V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/countertop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/countertop-outline.svg
new file mode 100644
index 00000000..0f3ad7d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/countertop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-countertop-outline" viewBox="0 0 24 24"><path d="M22 10H18V7C18 5.34 16.66 4 15 4S12 5.34 12 7H14C14 6.45 14.45 6 15 6S16 6.45 16 7V10H8C9.1 10 10 9.1 10 8V4H4V8C4 9.1 4.9 10 6 10H2V12H4V20H20V12H22V10M6 6H8V8H6V6M6 18V12H11V18H6M18 18H13V12H18V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/countertop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/countertop.svg
new file mode 100644
index 00000000..aa39d037
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/countertop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-countertop" viewBox="0 0 24 24"><path d="M18 10V7C18 5.34 16.66 4 15 4S12 5.34 12 7H14C14 6.45 14.45 6 15 6S16 6.45 16 7V10H8C9.1 10 10 9.1 10 8V4H4V8C4 9.1 4.9 10 6 10H2V12H4V20H20V12H22V10H18M13 18H11V12H13V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cow-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cow-off.svg
new file mode 100644
index 00000000..2d4ce958
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cow-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cow-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L6.9 8.8L6.8 9C6.4 8.5 5.8 8.1 5.2 7.9C4.2 7.6 2.3 7.7 2 8.5S3.3 10.5 4.3 10.7C4.8 10.8 5.5 10.8 6 10.7V12C6 13.3 6.5 14.6 7.2 15.6C6.5 16.3 6 17.1 6 18C6 20.2 8.7 22 12 22C14.5 22 16.7 21 17.6 19.5L20.9 22.8L22.1 21.5M9.4 11.2C9.1 11.4 9 11.7 9 12C9 12.6 9.4 13 10 13C10.3 13 10.6 12.9 10.8 12.6L12.2 14H12.1C11 14 9.9 14.2 9 14.6C8.3 13.9 8 13 8 12C8 11.4 8.1 10.8 8.4 10.3L9.4 11.2M16 18C16 19.1 14.2 20 12 20S8 19.1 8 18 9.8 16 12 16C13 16 13.9 16.2 14.6 16.5L16 17.9V18M9.7 6.5L7.8 4.6C8.3 3.9 9 3.3 10 3L9.9 3.1C9.6 3.6 8.9 5 9.7 6.5M11.3 8.1L9.7 6.5C10.4 6.2 11.2 6 12 6S13.6 6.2 14.3 6.5C15.1 5 14.3 3.6 14.1 3.2L14 3C17 4 17.2 7 16.6 8.2L17.2 9C17.6 8.5 18.2 8.1 18.8 7.9C19.8 7.6 21.7 7.7 22 8.5S20.7 10.5 19.7 10.7C19.2 10.8 18.5 10.8 18 10.7V12C18 12.8 17.8 13.6 17.5 14.3L15.9 12.7C15.9 12.5 16 12.2 16 12C16 9.8 14.2 8 12 8C11.8 8 11.5 8 11.3 8.1M14 18.5C14 18.8 13.8 19 13.5 19S13 18.8 13 18.5 13.2 18 13.5 18 14 18.2 14 18.5M11 18.5C11 18.8 10.8 19 10.5 19S10 18.8 10 18.5 10.2 18 10.5 18 11 18.2 11 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cow.svg
new file mode 100644
index 00000000..b804bfde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cow" viewBox="0 0 24 24"><path d="M10.5,18A0.5,0.5 0 0,1 11,18.5A0.5,0.5 0 0,1 10.5,19A0.5,0.5 0 0,1 10,18.5A0.5,0.5 0 0,1 10.5,18M13.5,18A0.5,0.5 0 0,1 14,18.5A0.5,0.5 0 0,1 13.5,19A0.5,0.5 0 0,1 13,18.5A0.5,0.5 0 0,1 13.5,18M10,11A1,1 0 0,1 11,12A1,1 0 0,1 10,13A1,1 0 0,1 9,12A1,1 0 0,1 10,11M14,11A1,1 0 0,1 15,12A1,1 0 0,1 14,13A1,1 0 0,1 13,12A1,1 0 0,1 14,11M18,18C18,20.21 15.31,22 12,22C8.69,22 6,20.21 6,18C6,17.1 6.45,16.27 7.2,15.6C6.45,14.6 6,13.35 6,12L6.12,10.78C5.58,10.93 4.93,10.93 4.4,10.78C3.38,10.5 1.84,9.35 2.07,8.55C2.3,7.75 4.21,7.6 5.23,7.9C5.82,8.07 6.45,8.5 6.82,8.96L7.39,8.15C6.79,7.05 7,4 10,3L9.91,3.14V3.14C9.63,3.58 8.91,4.97 9.67,6.47C10.39,6.17 11.17,6 12,6C12.83,6 13.61,6.17 14.33,6.47C15.09,4.97 14.37,3.58 14.09,3.14L14,3C17,4 17.21,7.05 16.61,8.15L17.18,8.96C17.55,8.5 18.18,8.07 18.77,7.9C19.79,7.6 21.7,7.75 21.93,8.55C22.16,9.35 20.62,10.5 19.6,10.78C19.07,10.93 18.42,10.93 17.88,10.78L18,12C18,13.35 17.55,14.6 16.8,15.6C17.55,16.27 18,17.1 18,18M12,16C9.79,16 8,16.9 8,18C8,19.1 9.79,20 12,20C14.21,20 16,19.1 16,18C16,16.9 14.21,16 12,16M12,14C13.12,14 14.17,14.21 15.07,14.56C15.65,13.87 16,13 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13 8.35,13.87 8.93,14.56C9.83,14.21 10.88,14 12,14M14.09,3.14V3.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cpu-32-bit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cpu-32-bit.svg
new file mode 100644
index 00000000..b9a4f62b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cpu-32-bit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cpu-32-bit" viewBox="0 0 24 24"><path d="M9,3V5H7A2,2 0 0,0 5,7V9H3V11H5V13H3V15H5V17A2,2 0 0,0 7,19H9V21H11V19H13V21H15V19H17A2,2 0 0,0 19,17V15H21V13H19V11H21V9H19V7A2,2 0 0,0 17,5H15V3H13V5H11V3M7,9H10.5A1,1 0 0,1 11.5,10V14A1,1 0 0,1 10.5,15H7V13.5H10V12.75H8.5V11.25H10V10.5H7M12.5,9H16A1,1 0 0,1 17,10V11.75A1,1 0 0,1 16,12.75H14V13.5H17V15H12.5V12.25A1,1 0 0,1 13.5,11.25H15.5V10.5H12.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cpu-64-bit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cpu-64-bit.svg
new file mode 100644
index 00000000..a9f52d1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cpu-64-bit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cpu-64-bit" viewBox="0 0 24 24"><path d="M9,3V5H7A2,2 0 0,0 5,7V9H3V11H5V13H3V15H5V17A2,2 0 0,0 7,19H9V21H11V19H13V21H15V19H17A2,2 0 0,0 19,17V15H21V13H19V11H21V9H19V7A2,2 0 0,0 17,5H15V3H13V5H11V3M8,9H11.5V10.5H8.5V11.25H10.5A1,1 0 0,1 11.5,12.25V14A1,1 0 0,1 10.5,15H8A1,1 0 0,1 7,14V10A1,1 0 0,1 8,9M12.5,9H14V11H15.5V9H17V15H15.5V12.5H12.5M8.5,12.75V13.5H10V12.75" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cradle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cradle-outline.svg
new file mode 100644
index 00000000..79acc2b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cradle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cradle-outline" viewBox="0 0 24 24"><path d="M18 9H12V4H8C5.8 4 4 5.8 4 8V14C4 15.1 4.9 16 6 16H8V18.9C7.4 18.5 6.8 18.1 6.3 17.6L4.9 19C6.7 20.9 9.2 22 12 22S17.3 20.9 19.1 19.1L17.7 17.7C17.2 18.2 16.7 18.6 16.1 19V16H18.1C19.2 16 20.1 15.1 20.1 14V11C20 9.9 19.1 9 18 9M14 19.8C13.4 20 12.7 20 12 20S10.6 19.9 10 19.8V16H14V19.8M18 14H6V8C6 6.9 6.9 6 8 6H10V11H18V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cradle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cradle.svg
new file mode 100644
index 00000000..adff7712
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cradle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cradle" viewBox="0 0 24 24"><path d="M18 9H12V4H8C5.8 4 4 5.8 4 8V14C4 15.1 4.9 16 6 16H8V18.9C7.4 18.5 6.8 18.1 6.3 17.6L4.9 19C6.7 20.9 9.2 22 12 22S17.3 20.9 19.1 19.1L17.7 17.7C17.2 18.2 16.7 18.6 16.1 19V16H18.1C19.2 16 20.1 15.1 20.1 14V11C20 9.9 19.1 9 18 9M14 19.8C13.4 20 12.7 20 12 20S10.6 19.9 10 19.8V16H14V19.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crane.svg
new file mode 100644
index 00000000..dc3fd8d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crane" viewBox="0 0 24 24"><path d="M20,6V5A1,1 0 0,0 19,4H9V3H6V4H5V6H6V15H5V13H3V15H2V17H3V21H5V17H10V21H12V19.92L12,17H13V15H12V13H10V15H9V6H17V10.62C16.53,10.79 16.19,11.23 16.19,11.76C16.19,12.2 16.43,12.6 16.8,12.82V14H17.42C17.76,14 18.03,14.28 18.03,14.62C18.03,14.96 17.76,15.24 17.42,15.24C17.2,15.24 17,15.12 16.89,14.93C16.71,14.64 16.34,14.54 16.05,14.71C15.75,14.87 15.65,15.25 15.82,15.55C16.15,16.11 16.76,16.47 17.42,16.47C18.43,16.47 19.26,15.64 19.26,14.62C19.26,13.84 18.76,13.14 18.03,12.88V12.82C18.41,12.6 18.65,12.2 18.65,11.76C18.65,11.3 18.38,10.91 18,10.7V6H20M8,13.66L7,14.66V13.24L8,12.24V13.66M8,10.71L7,11.71V10.29L8,9.29V10.71M7,8.71V7.29L8,6.29V7.71L7,8.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/creation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/creation.svg
new file mode 100644
index 00000000..619034fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/creation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-creation" viewBox="0 0 24 24"><path d="M19,1L17.74,3.75L15,5L17.74,6.26L19,9L20.25,6.26L23,5L20.25,3.75M9,4L6.5,9.5L1,12L6.5,14.5L9,20L11.5,14.5L17,12L11.5,9.5M19,15L17.74,17.74L15,19L17.74,20.25L19,23L20.25,20.25L23,19L20.25,17.74" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/creative-commons.svg b/apps/phoenix_webcomponent/priv/mdi/svg/creative-commons.svg
new file mode 100644
index 00000000..dc2e714e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/creative-commons.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-creative-commons" viewBox="0 0 24 24"><path d="M11.89,10.34L10.55,11.04C10.41,10.74 10.24,10.53 10.03,10.41C9.82,10.29 9.62,10.23 9.45,10.23C8.55,10.23 8.11,10.82 8.11,12C8.11,12.54 8.22,12.97 8.45,13.29C8.67,13.61 9,13.77 9.45,13.77C10.03,13.77 10.44,13.5 10.68,12.91L11.91,13.54C11.65,14.03 11.29,14.41 10.82,14.69C10.36,14.97 9.85,15.11 9.29,15.11C8.39,15.11 7.67,14.84 7.12,14.29C6.58,13.74 6.3,13 6.3,12C6.3,11.05 6.58,10.3 7.13,9.74C7.69,9.18 8.39,8.9 9.23,8.9C10.47,8.89 11.36,9.38 11.89,10.34M17.66,10.34L16.34,11.04C16.2,10.74 16,10.53 15.81,10.41C15.6,10.29 15.4,10.23 15.21,10.23C14.32,10.23 13.87,10.82 13.87,12C13.87,12.54 14,12.97 14.21,13.29C14.44,13.61 14.77,13.77 15.21,13.77C15.8,13.77 16.21,13.5 16.45,12.91L17.7,13.54C17.42,14.03 17.05,14.41 16.59,14.69C16.12,14.97 15.62,15.11 15.07,15.11C14.17,15.11 13.44,14.84 12.9,14.29C12.36,13.74 12.09,13 12.09,12C12.09,11.05 12.37,10.3 12.92,9.74C13.47,9.18 14.17,8.9 15,8.9C16.26,8.89 17.14,9.38 17.66,10.34M12,3.5A8.5,8.5 0 0,1 20.5,12A8.5,8.5 0 0,1 12,20.5A8.5,8.5 0 0,1 3.5,12A8.5,8.5 0 0,1 12,3.5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check-outline.svg
new file mode 100644
index 00000000..e2499266
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-check-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H3V12H19V13C19.7 13 20.37 13.13 21 13.35V6C21 4.89 20.11 4 19 4H3C1.89 4 1 4.89 1 6V18C1 19.1 1.89 20 3 20H13.09C13.04 19.67 13 19.34 13 19M3 6H19V8H3V6M17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25L17.75 22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check.svg
new file mode 100644
index 00000000..47af1225
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-check" viewBox="0 0 24 24"><path d="M20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.03 19.67 13 19.34 13 19C13 15.69 15.69 13 19 13C20.06 13 21.09 13.28 22 13.81V6C22 4.89 21.11 4 20 4M20 11H4V8H20M17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25L17.75 22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip-outline.svg
new file mode 100644
index 00000000..c24b6ebb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-chip-outline" viewBox="0 0 24 24"><path d="M20 6L20 18L4 18L4 6H20M20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4M11 10H6V14H11V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip.svg
new file mode 100644
index 00000000..000a5feb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-chip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-chip" viewBox="0 0 24 24"><path d="M20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4M10 14H5V10H10V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock-outline.svg
new file mode 100644
index 00000000..9fa29f0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-clock-outline" viewBox="0 0 24 24"><path d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V12.1C23.24,13.36 24,15.09 24,17M10,17C10,15.04 10.81,13.27 12.1,12H4V18H10.07C10,17.67 10,17.34 10,17M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M20,8V6H4V8H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock.svg
new file mode 100644
index 00000000..a879fd25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-clock" viewBox="0 0 24 24"><path d="M16,14H17.5V16.82L19.94,18.23L19.19,19.53L16,17.69V14M24,17A7,7 0 0,1 17,24C14.21,24 11.8,22.36 10.67,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V12.1C23.24,13.36 24,15.09 24,17M17,12A5,5 0 0,0 12,17A5,5 0 0,0 17,22A5,5 0 0,0 22,17A5,5 0 0,0 17,12M20,10V7H4V10H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit-outline.svg
new file mode 100644
index 00000000..ed7c5ce7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-edit-outline" viewBox="0 0 24 24"><path d="M13 18.9L19.1 12.8L21.2 14.9L15.1 21H13V18.9M21.4 11.3L22.7 12.6C22.9 12.8 22.9 13.1 22.7 13.3L21.7 14.3L19.6 12.3L20.6 11.3C20.7 11.2 20.8 11.1 21 11.1C21.2 11.1 21.3 11.2 21.4 11.3M11 18H4V12H17.1L22 7.1V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H11V18M4 6H20V8H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit.svg
new file mode 100644
index 00000000..9435cc5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-edit" viewBox="0 0 24 24"><path d="M20.6 11.3C20.7 11.2 20.8 11.1 21 11.1C21.1 11.1 21.3 11.2 21.4 11.3L22.6 12.5C22.8 12.7 22.8 13.1 22.6 13.3L21.6 14.3L19.6 12.3L20.6 11.3M13 18.9L19 12.8L21.1 14.9L15.1 21H13V18.9M11 19.1V18.1L11.6 17.5L18.1 11H4V8H20V9.1L22 7.1V6C22 4.9 21.1 4 20 4H4C3.5 4 3 4.2 2.6 4.6C2.2 5 2 5.5 2 6V18C2 18.5 2.2 19 2.6 19.4C3 19.8 3.5 20 4 20H11V19.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast-outline.svg
new file mode 100644
index 00000000..84fde0fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-fast-outline" viewBox="0 0 24 24"><path d="M3 8C2.45 8 2 7.55 2 7S2.45 6 3 6H5.54C5.19 6.6 5 7.29 5 8H3M5 13H2C1.45 13 1 12.55 1 12S1.45 11 2 11H5V13M1 18C.448 18 0 17.55 0 17S.448 16 1 16H5C5 16.71 5.19 17.4 5.54 18H1M21 6H9C7.89 6 7 6.89 7 8V16C7 17.11 7.89 18 9 18H21C22.11 18 23 17.11 23 16V8C23 6.89 22.11 6 21 6M21 8V9H9V8H21M9 16L9 12H21L21 16L9 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast.svg
new file mode 100644
index 00000000..b4e8f77c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-fast" viewBox="0 0 24 24"><path d="M3 8C2.45 8 2 7.55 2 7S2.45 6 3 6H5.54C5.19 6.6 5 7.29 5 8H3M5 13H2C1.45 13 1 12.55 1 12S1.45 11 2 11H5V13M1 18C.448 18 0 17.55 0 17S.448 16 1 16H5C5 16.71 5.19 17.4 5.54 18H1M21 6H9C7.89 6 7 6.89 7 8V16C7 17.11 7.89 18 9 18H21C22.11 18 23 17.11 23 16V8C23 6.89 22.11 6 21 6M21 12H9V9H21V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock-outline.svg
new file mode 100644
index 00000000..823a473b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-lock-outline" viewBox="0 0 24 24"><path d="M21.8 15V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V15C15.6 15 15 15.6 15 16.2V19.7C15 20.4 15.6 21 16.2 21H21.7C22.4 21 23 20.4 23 19.8V16.3C23 15.6 22.4 15 21.8 15M20.5 15H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V15M13 19.7V18H4V12H14.5C15.18 10.28 16.96 9 19 9C20.13 9 21.17 9.4 22 10.04V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.03C13 19.9 13 19.8 13 19.7M4 6H20V8H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock.svg
new file mode 100644
index 00000000..71a1839d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-lock" viewBox="0 0 24 24"><path d="M21.8 15V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V15C15.6 15 15 15.6 15 16.2V19.7C15 20.4 15.6 21 16.2 21H21.7C22.4 21 23 20.4 23 19.8V16.3C23 15.6 22.4 15 21.8 15M20.5 15H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V15M13.03 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H20C21.11 4 22 4.89 22 6V10.04C21.42 9.6 20.75 9.26 20 9.11V8H4V11H15.04C14.5 11.72 14.2 12.58 14.2 13.5V13.74C13.5 14.34 13 15.24 13 16.2V19.7C13 19.8 13 19.9 13.03 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker-outline.svg
new file mode 100644
index 00000000..63d10444
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-marker-outline" viewBox="0 0 24 24"><path d="M13.5,18H4V12H14.3C15.3,10.8 16.8,10 18.5,10C19.8,10 21,10.5 22,11.3V6A2,2 0 0,0 20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H14.6C14.2,19.4 13.8,18.7 13.5,18M4,6H20V8H4V6M18.5,12C16.6,12 15,13.6 15,15.5C15,18.1 18.5,22 18.5,22C18.5,22 22,18.1 22,15.5C22,13.6 20.4,12 18.5,12M18.5,16.8C17.8,16.8 17.3,16.2 17.3,15.6C17.3,14.9 17.9,14.4 18.5,14.4C19.1,14.4 19.7,15 19.7,15.6C19.8,16.2 19.2,16.8 18.5,16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker.svg
new file mode 100644
index 00000000..b2a83a3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-marker" viewBox="0 0 24 24"><path d="M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8M14.55 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H20C21.11 4 22 4.89 22 6V11.3C21.42 10.81 20.74 10.44 20 10.22V8H4V11H15.39C13.96 12 13 13.66 13 15.5C13 17 13.72 18.61 14.55 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus-outline.svg
new file mode 100644
index 00000000..3cbdb96e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-minus-outline" viewBox="0 0 24 24"><path d="M24 18V20H16V18M19 8V6H3V8H19M19 12H3V18H14V20H3C1.89 20 1 19.1 1 18V6C1 4.89 1.89 4 3 4H19C20.11 4 21 4.89 21 6V13H19V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus.svg
new file mode 100644
index 00000000..e6ac36ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-minus" viewBox="0 0 24 24"><path d="M20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.03 19.67 13 19.34 13 19C13 15.69 15.69 13 19 13C20.06 13 21.09 13.28 22 13.81V6C22 4.89 21.11 4 20 4M20 11H4V8H20M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple-outline.svg
new file mode 100644
index 00000000..16e9160d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-multiple-outline" viewBox="0 0 24 24"><path d="M21,8V6H7V8H21M21,16V11H7V16H21M21,4A2,2 0 0,1 23,6V16A2,2 0 0,1 21,18H7C5.89,18 5,17.1 5,16V6C5,4.89 5.89,4 7,4H21M3,20H18V22H3A2,2 0 0,1 1,20V9H3V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple.svg
new file mode 100644
index 00000000..22fb0e21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-multiple" viewBox="0 0 24 24"><path d="M21 9V6H7V9H21M21 3A2 2 0 0 1 23 5V15A2 2 0 0 1 21 17H7A2 2 0 0 1 5 15V5A2 2 0 0 1 7 3H21M3 19H18V21H3A2 2 0 0 1 1 19V8H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off-outline.svg
new file mode 100644
index 00000000..6f76785f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-off-outline" viewBox="0 0 24 24"><path d="M0.93,4.2L2.21,2.93L20,20.72L18.73,22L16.73,20H4C2.89,20 2,19.1 2,18V6C2,5.78 2.04,5.57 2.11,5.38L0.93,4.2M20,8V6H7.82L5.82,4H20A2,2 0 0,1 22,6V18C22,18.6 21.74,19.13 21.32,19.5L19.82,18H20V12H13.82L9.82,8H20M4,8H4.73L4,7.27V8M4,12V18H14.73L8.73,12H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off.svg
new file mode 100644
index 00000000..dc292603
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-off" viewBox="0 0 24 24"><path d="M11.2 8L7.2 4H20A2 2 0 0 1 22 6V18A1.91 1.91 0 0 1 21.88 18.68L14.2 11H20V8M20.84 22.73L18.11 20H4A2 2 0 0 1 2 18V6A2 2 0 0 1 2.65 4.54L1.11 3L2.39 1.73L22.11 21.46M9.11 11L6.11 8H4V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-outline.svg
new file mode 100644
index 00000000..78f2dbd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-outline" viewBox="0 0 24 24"><path d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus-outline.svg
new file mode 100644
index 00000000..7455046d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-plus-outline" viewBox="0 0 24 24"><path d="M21,18H24V20H21V23H19V20H16V18H19V15H21V18M19,8V6H3V8H19M19,12H3V18H14V20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H19A2,2 0 0,1 21,6V13H19V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus.svg
new file mode 100644
index 00000000..3f6c3174
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-plus" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 19 13A5.88 5.88 0 0 1 22 13.81V6A2 2 0 0 0 20 4M20 11H4V8H20M20 15V18H23V20H20V23H18V20H15V18H18V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh-outline.svg
new file mode 100644
index 00000000..6c11aad4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-refresh-outline" viewBox="0 0 24 24"><path d="M20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H11.68C11.57 19.5 11.5 19 11.5 18.5C11.5 18.33 11.5 18.17 11.53 18H4V12H20V12.32C20.74 12.56 21.41 12.93 22 13.4V6C22 4.89 21.1 4 20 4M20 8H4V6H20V8M20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh.svg
new file mode 100644
index 00000000..2a1b5cae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-refresh" viewBox="0 0 24 24"><path d="M20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H11.68C11.57 19.5 11.5 19 11.5 18.5C11.5 14.91 14.41 12 18 12C19.5 12 20.9 12.53 22 13.4V6C22 4.89 21.11 4 20 4M20 11H4V8H20V11M20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund-outline.svg
new file mode 100644
index 00000000..5e455f24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-refund-outline" viewBox="0 0 24 24"><path d="M18,11H6A2,2 0 0,0 4,13V21A2,2 0 0,0 6,23H18A2,2 0 0,0 20,21V13A2,2 0 0,0 18,11M18,21H6V17H18V21M18,15H6V13H18V15M17,5V10H15.5V6.5H9.88L12.3,8.93L11.24,10L7,5.75L11.24,1.5L12.3,2.57L9.88,5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund.svg
new file mode 100644
index 00000000..d7242e73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-refund.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-refund" viewBox="0 0 24 24"><path d="M18 11H6A2 2 0 0 0 4 13V21A2 2 0 0 0 6 23H18A2 2 0 0 0 20 21V13A2 2 0 0 0 18 11M18 17H6V14H18M17 5V10H15.5V6.5H9.88L12.3 8.93L11.24 10L7 5.75L11.24 1.5L12.3 2.57L9.88 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove-outline.svg
new file mode 100644
index 00000000..62009831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-remove-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H3V12H19V13C19.7 13 20.37 13.13 21 13.35V6C21 4.89 20.11 4 19 4H3C1.89 4 1 4.89 1 6V18C1 19.1 1.89 20 3 20H13.09C13.04 19.67 13 19.34 13 19M3 6H19V8H3V6M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.46L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove.svg
new file mode 100644
index 00000000..497421aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-remove" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 19 13A5.88 5.88 0 0 1 22 13.81V6A2 2 0 0 0 20 4M20 11H4V8H20M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.46 16.88L16.88 15.46L19 17.59L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan-outline.svg
new file mode 100644
index 00000000..bf33b1bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-scan-outline" viewBox="0 0 24 24"><path d="M2,4H6V2H2A2,2 0 0,0 0,4V8H2V4M22,2H18V4H22V8H24V4A2,2 0 0,0 22,2M2,16H0V20A2,2 0 0,0 2,22H6V20H2V16M22,20H18V22H22A2,2 0 0,0 24,20V16H22V20M4,8V16A2,2 0 0,0 6,18H18A2,2 0 0,0 20,16V8A2,2 0 0,0 18,6H6A2,2 0 0,0 4,8M6,16V12H18V16H6M18,8V10H6V8H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan.svg
new file mode 100644
index 00000000..c111149c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-scan" viewBox="0 0 24 24"><path d="M18 6H6A2 2 0 0 0 4 8V16A2 2 0 0 0 6 18H18A2 2 0 0 0 20 16V8A2 2 0 0 0 18 6M18 12H6V9H18M2 4H6V2H2A2 2 0 0 0 0 4V8H2V4M22 2H18V4H22V8H24V4A2 2 0 0 0 22 2M2 16H0V20A2 2 0 0 0 2 22H6V20H2V16M22 20H18V22H22A2 2 0 0 0 24 20V16H22V20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search-outline.svg
new file mode 100644
index 00000000..c9063faa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-search-outline" viewBox="0 0 24 24"><path d="M11.03 12C11.28 11.61 11.57 11.24 11.9 10.9C14.44 8.37 18.56 8.37 21.1 10.9C21.45 11.26 21.74 11.65 22 12.06V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H11.82C11.24 19.4 10.8 18.72 10.5 18H4V12H11.03M4 6H20V8H4V6M20.31 17.9C20.75 17.21 21 16.38 21 15.5C21 13 19 11 16.5 11S12 13 12 15.5 14 20 16.5 20C17.37 20 18.19 19.75 18.88 19.32L22 22.39L23.39 21L20.31 17.9M16.5 18C15.12 18 14 16.88 14 15.5S15.12 13 16.5 13 19 14.12 19 15.5 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search.svg
new file mode 100644
index 00000000..df9f74be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-search" viewBox="0 0 24 24"><path d="M11.82 11C9.4 13.5 9.4 17.5 11.82 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H20C21.11 4 22 4.89 22 6V12.06C21.74 11.65 21.45 11.26 21.1 10.9C20.76 10.57 20.39 10.27 20 10.03V8H4V11H11.82M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings-outline.svg
new file mode 100644
index 00000000..c36782e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-settings-outline" viewBox="0 0 24 24"><path d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings.svg
new file mode 100644
index 00000000..4a06c13e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-settings" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M20 11H4V8H20M7 22H9V24H7V22M11 22H13V24H11V22M15 22H17V24H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync-outline.svg
new file mode 100644
index 00000000..c44dbcbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-sync-outline" viewBox="0 0 24 24"><path d="M4 18V12H16.05C17.05 11.37 18.23 11 19.5 11C20.39 11 21.23 11.18 22 11.5V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.5C13.24 19.38 13.08 18.7 13.03 18H4M4 6H20V8H4V6M23 17.5C23 18.32 22.75 19.08 22.33 19.71L21.24 18.62C21.41 18.28 21.5 17.9 21.5 17.5C21.5 16.12 20.38 15 19 15V16.5L16.75 14.25L19 12V13.5C21.21 13.5 23 15.29 23 17.5M19 18.5L21.25 20.75L19 23V21.5C16.79 21.5 15 19.71 15 17.5C15 16.68 15.25 15.92 15.67 15.29L16.76 16.38C16.59 16.72 16.5 17.1 16.5 17.5C16.5 18.88 17.62 20 19 20V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync.svg
new file mode 100644
index 00000000..fc9ee4a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-sync" viewBox="0 0 24 24"><path d="M13 17.5C13 18.39 13.18 19.23 13.5 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H20C21.11 4 22 4.89 22 6V11.5C21.23 11.18 20.39 11 19.5 11H20V8H4V11H19.5C15.91 11 13 13.91 13 17.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off-outline.svg
new file mode 100644
index 00000000..4a993740
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-wireless-off-outline" viewBox="0 0 24 24"><path d="M12 2C9.85 2 7.7 2.69 5.9 4.08L7.32 5.5C10.45 3.24 14.84 3.5 17.66 6.33L19.07 4.92C17.12 2.96 14.56 2 12 2M3.28 4L2 5.27L7.73 11H6C4.89 11 4 11.9 4 13V21C4 22.11 4.89 23 6 23H18C18.47 23 18.92 22.84 19.27 22.54L19.73 23L21 21.72M12 6C10.87 6 9.75 6.31 8.77 6.94L10.24 8.41C11.73 7.68 13.58 7.92 14.83 9.16L16.24 7.75C15.07 6.58 13.54 6 12 6M12.82 11L14.82 13H18V15H16.82L20 18.18V13C20 11.9 19.11 11 18 11M6 13H9.73L11.73 15H6M6 17H13.73L17.73 21H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off.svg
new file mode 100644
index 00000000..4e2a2dce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-wireless-off" viewBox="0 0 24 24"><path d="M12 2C9.85 2 7.7 2.69 5.9 4.08L7.32 5.5C10.45 3.24 14.84 3.5 17.66 6.33L19.07 4.92C17.12 2.96 14.56 2 12 2M3.28 4L2 5.27L7.73 11H6C4.89 11 4 11.9 4 13V21C4 22.11 4.89 23 6 23H18C18.5 23 18.92 22.82 19.27 22.54L19.73 23L21 21.72M12 6C10.87 6 9.75 6.31 8.77 6.94L10.24 8.41C11.73 7.68 13.58 7.92 14.83 9.16L16.24 7.75C15.07 6.58 13.54 6 12 6M12.82 11L15.82 14H18V16.18L20 18.18V13C20 11.9 19.11 11 18 11M6 14H10.73L13.73 17H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-outline.svg
new file mode 100644
index 00000000..469782c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-wireless-outline" viewBox="0 0 24 24"><path d="M18,11H6A2,2 0 0,0 4,13V21A2,2 0 0,0 6,23H18A2,2 0 0,0 20,21V13A2,2 0 0,0 18,11M18,21H6V17H18V21M18,15H6V13H18V15M4.93,4.92L6.34,6.33C9.46,3.2 14.53,3.2 17.66,6.33L19.07,4.92C15.17,1 8.84,1 4.93,4.92M7.76,7.75L9.17,9.16C10.73,7.6 13.26,7.6 14.83,9.16L16.24,7.75C13.9,5.41 10.1,5.41 7.76,7.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless.svg
new file mode 100644
index 00000000..4fc71c76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card-wireless" viewBox="0 0 24 24"><path d="M4.93 4.92L6.34 6.33C9.46 3.2 14.53 3.2 17.66 6.33L19.07 4.92C15.17 1 8.84 1 4.93 4.92M7.76 7.75L9.17 9.16C10.73 7.6 13.26 7.6 14.83 9.16L16.24 7.75C13.9 5.41 10.1 5.41 7.76 7.75M18 11H6C4.89 11 4 11.9 4 13V21C4 22.11 4.89 23 6 23H18C19.11 23 20 22.11 20 21V13C20 11.9 19.11 11 18 11M18 17H6V14H18V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/credit-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card.svg
new file mode 100644
index 00000000..31642d94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/credit-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-credit-card" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M20 11H4V8H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cricket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cricket.svg
new file mode 100644
index 00000000..972bd1e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cricket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cricket" viewBox="0 0 24 24"><path d="M14.34,17.77L15.75,16.36L20,20.58L18.56,22L14.34,17.77M18.5,2A3.5,3.5 0 0,1 22,5.5A3.5,3.5 0 0,1 18.5,9A3.5,3.5 0 0,1 15,5.5A3.5,3.5 0 0,1 18.5,2M2.24,7.11L5.07,4.28C5.46,3.89 6.09,3.89 6.5,4.28L14.97,12.77C15.36,13.16 15.36,13.79 14.97,14.18L12.14,17C11.75,17.4 11.12,17.4 10.72,17L2.24,8.53C1.85,8.13 1.85,7.5 2.24,7.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop-free.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop-free.svg
new file mode 100644
index 00000000..bad61753
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop-free.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop-free" viewBox="0 0 24 24"><path d="M19,3H15V5H19V9H21V5C21,3.89 20.1,3 19,3M19,19H15V21H19A2,2 0 0,0 21,19V15H19M5,15H3V19A2,2 0 0,0 5,21H9V19H5M3,5V9H5V5H9V3H5A2,2 0 0,0 3,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop-landscape.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop-landscape.svg
new file mode 100644
index 00000000..dd8c178e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop-landscape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop-landscape" viewBox="0 0 24 24"><path d="M19,17H5V7H19M19,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H19A2,2 0 0,0 21,17V7C21,5.89 20.1,5 19,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop-portrait.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop-portrait.svg
new file mode 100644
index 00000000..474314b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop-portrait.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop-portrait" viewBox="0 0 24 24"><path d="M17,19H7V5H17M17,3H7A2,2 0 0,0 5,5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V5C19,3.89 18.1,3 17,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop-rotate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop-rotate.svg
new file mode 100644
index 00000000..32b663af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop-rotate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop-rotate" viewBox="0 0 24 24"><path d="M7.47,21.5C4.2,19.93 1.86,16.76 1.5,13H0C0.5,19.16 5.66,24 11.95,24C12.18,24 12.39,24 12.61,23.97L8.8,20.15L7.47,21.5M12.05,0C11.82,0 11.61,0 11.39,0.04L15.2,3.85L16.53,2.5C19.8,4.07 22.14,7.24 22.5,11H24C23.5,4.84 18.34,0 12.05,0M16,14H18V8C18,6.89 17.1,6 16,6H10V8H16V14M8,16V4H6V6H4V8H6V16A2,2 0 0,0 8,18H16V20H18V18H20V16H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop-square.svg
new file mode 100644
index 00000000..11f14823
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop-square" viewBox="0 0 24 24"><path d="M18,18H6V6H18M18,4H6A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V6C20,4.89 19.1,4 18,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crop.svg
new file mode 100644
index 00000000..4740d4fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crop" viewBox="0 0 24 24"><path d="M7,17V1H5V5H1V7H5V17A2,2 0 0,0 7,19H17V23H19V19H23V17M17,15H19V7C19,5.89 18.1,5 17,5H9V7H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cross-bolnisi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cross-bolnisi.svg
new file mode 100644
index 00000000..8d05d5ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cross-bolnisi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cross-bolnisi" viewBox="0 0 24 24"><path d="M22,7L21.5,6.5C19.93,8 18.47,9.4 16.93,10.18C15.5,10.91 14.44,10.91 13,11C13.09,9.56 13.09,8.5 13.82,7.07C14.6,5.53 16,4.07 17.5,2.5L17,2C15.32,3.23 13.64,3.83 12,3.83C10.36,3.83 8.68,3.23 7,2L6.5,2.5C8,4.07 9.4,5.53 10.18,7.07C10.91,8.5 10.91,9.56 11,11C9.56,10.91 8.5,10.91 7.07,10.18C5.53,9.4 4.06,8 2.5,6.5L2,7C3.23,8.68 3.83,10.36 3.83,12C3.83,13.64 3.23,15.32 2,17L2.5,17.5C4.07,16 5.53,14.6 7.07,13.82C8.5,13.09 9.56,13.09 11,13C10.91,14.44 10.91,15.5 10.18,16.93C9.4,18.47 8,19.93 6.5,21.5L7,22C8.68,20.77 10.36,20.17 12,20.17C13.64,20.17 15.32,20.77 17,22L17.5,21.5C16,19.93 14.6,18.47 13.82,16.93C13.09,15.5 13.09,14.44 13,13C14.44,13.09 15.5,13.09 16.93,13.82C18.47,14.6 19.93,16 21.5,17.5L22,17C20.77,15.32 20.17,13.64 20.17,12C20.17,10.36 20.77,8.68 22,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cross-celtic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cross-celtic.svg
new file mode 100644
index 00000000..1073fc88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cross-celtic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cross-celtic" viewBox="0 0 24 24"><path d="M17.8,8C17.26,5.89 15.61,4.24 13.5,3.7V2H10.5V3.7C8.39,4.24 6.74,5.89 6.2,8H4V11H6.2C6.74,13.11 8.39,14.76 10.5,15.3V22H13.5V15.3C15.61,14.76 17.26,13.11 17.8,11H19.97V8H17.8M12.04,9.53L14.5,11H15.76C15.35,12.03 14.53,12.84 13.5,13.26V12L12.06,9.56L12,9.5L11.94,9.56L10.5,12V13.26C9.47,12.84 8.66,12.03 8.24,11H9.5L11.96,9.53L12,9.5H11.96L9.5,8H8.24C8.65,6.97 9.47,6.16 10.5,5.74V7L11.94,9.44L12,9.5L12.06,9.44L13.5,7V5.74C14.53,6.16 15.35,6.97 15.76,8H14.5L12.04,9.5H12L12.04,9.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cross-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cross-outline.svg
new file mode 100644
index 00000000..2e9ced69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cross-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cross-outline" viewBox="0 0 24 24"><path d="M15.5,6V1H8.5V6H3V13H8.5V23H15.5V13H21V6H15.5M19,11H13.5V21H10.5V11H5V8H10.5V3H13.5V8H19V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cross.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cross.svg
new file mode 100644
index 00000000..7ad6a792
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cross.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cross" viewBox="0 0 24 24"><path d="M10.5,2H13.5V8H19V11H13.5V22H10.5V11H5V8H10.5V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-gps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-gps.svg
new file mode 100644
index 00000000..4aaaebbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-gps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crosshairs-gps" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-off.svg
new file mode 100644
index 00000000..be0e7495
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crosshairs-off" viewBox="0 0 24 24"><path d="M20.94 11C20.5 6.83 17.17 3.5 13 3.06V1H11V3.06C9.87 3.18 8.81 3.5 7.84 4.03L9.34 5.53C10.16 5.19 11.06 5 12 5C15.87 5 19 8.13 19 12C19 12.94 18.81 13.84 18.5 14.65L20 16.15C20.5 15.19 20.82 14.13 20.95 13H23V11H20.94M3 4.27L5.04 6.31C3.97 7.62 3.25 9.23 3.06 11H1V13H3.06C3.5 17.17 6.83 20.5 11 20.94V23H13V20.94C14.77 20.74 16.38 20.03 17.69 18.96L19.73 21L21 19.73L4.27 3L3 4.27M16.27 17.54C15.09 18.45 13.61 19 12 19C8.13 19 5 15.87 5 12C5 10.39 5.55 8.91 6.46 7.73L16.27 17.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-question.svg
new file mode 100644
index 00000000..af857e22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crosshairs-question" viewBox="0 0 24 24"><path d="M3.05 13H1V11H3.05C3.5 6.83 6.83 3.5 11 3.05V1H13V3.05C17.17 3.5 20.5 6.83 20.95 11H23V13H20.95C20.5 17.17 17.17 20.5 13 20.95V23H11V20.95C6.83 20.5 3.5 17.17 3.05 13M12 5C8.13 5 5 8.13 5 12S8.13 19 12 19 19 15.87 19 12 15.87 5 12 5M11.13 17.25H12.88V15.5H11.13V17.25M12 6.75C10.07 6.75 8.5 8.32 8.5 10.25H10.25C10.25 9.28 11.03 8.5 12 8.5S13.75 9.28 13.75 10.25C13.75 12 11.13 11.78 11.13 14.63H12.88C12.88 12.66 15.5 12.44 15.5 10.25C15.5 8.32 13.93 6.75 12 6.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs.svg
new file mode 100644
index 00000000..b8747260
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crosshairs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crosshairs" viewBox="0 0 24 24"><path d="M3.05,13H1V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1H13V3.05C17.17,3.5 20.5,6.83 20.95,11H23V13H20.95C20.5,17.17 17.17,20.5 13,20.95V23H11V20.95C6.83,20.5 3.5,17.17 3.05,13M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crowd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crowd.svg
new file mode 100644
index 00000000..4720bf87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crowd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crowd" viewBox="0 0 24 24"><path d="M3.69 9.12C3.5 8.93 3.29 8.84 3.04 8.84C2.63 8.84 2.32 9.03 2.12 9.42S1.97 10.18 2.29 10.53C3.47 11.59 4.22 12.34 4.54 12.78C4.95 13.34 5.15 14.16 5.15 15.22C5.15 16.53 5.65 17.5 6.65 18.17C7.21 18.61 7.82 18.94 8.5 19.16L8.5 15.27C8.5 14.33 8.17 13.55 7.54 12.92M16.46 12.97C15.84 13.59 15.5 14.36 15.5 15.27L15.5 19.2C16.46 18.86 17.26 18.33 17.92 17.63C18.57 16.93 18.9 16.16 18.9 15.22C18.9 14.09 19.09 13.28 19.47 12.78C19.56 12.62 19.73 12.42 20 12.17C20.23 11.92 20.47 11.68 20.71 11.46C20.94 11.25 21.17 11.03 21.39 10.81L21.72 10.53C21.91 10.34 22 10.12 22 9.87C22 9.59 21.91 9.34 21.72 9.14C21.53 8.94 21.3 8.84 21 8.84S20.5 8.93 20.31 9.12M12 20C12.69 20 13.36 19.91 14 19.72L14 16.15C14 15.56 13.82 15.1 13.41 14.66C13 14.22 12.53 14 12 14C11.47 14 11 14.2 10.62 14.61C10.22 15 10 15.46 10 16.06L10 19.72C10.64 19.91 11.31 20 12 20M9 8.5C9 9.33 8.33 10 7.5 10S6 9.33 6 8.5 6.67 7 7.5 7 9 7.67 9 8.5M18 8.5C18 9.33 17.33 10 16.5 10C15.67 10 15 9.33 15 8.5S15.67 7 16.5 7C17.33 7 18 7.67 18 8.5M13.5 5.5C13.5 6.33 12.83 7 12 7S10.5 6.33 10.5 5.5 11.17 4 12 4 13.5 4.67 13.5 5.5M13.5 11C13.5 11.83 12.83 12.5 12 12.5S10.5 11.83 10.5 11 11.17 9.5 12 9.5 13.5 10.17 13.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle-outline.svg
new file mode 100644
index 00000000..48719183
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crown-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22S22 17.5 22 12 17.5 2 12 2M12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4S20 7.58 20 12C20 16.42 16.42 20 12 20M8 14L7 8L10 10L12 7L14 10L17 8L16 14H8M8.56 16C8.22 16 8 15.78 8 15.44V15H16V15.44C16 15.78 15.78 16 15.44 16H8.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle.svg
new file mode 100644
index 00000000..0d09bc80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crown-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crown-circle" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22S22 17.5 22 12 17.5 2 12 2M16 15.44C16 15.78 15.78 16 15.44 16H8.56C8.22 16 8 15.78 8 15.44V15H16V15.44M16 14H8L7 8L10 10L12 7L14 10L17 8L16 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crown-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crown-outline.svg
new file mode 100644
index 00000000..ed0905ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crown-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crown-outline" viewBox="0 0 24 24"><path d="M12 8L15 13.2L18 10.5L17.3 14H6.7L6 10.5L9 13.2L12 8M12 4L8.5 10L3 5L5 16H19L21 5L15.5 10L12 4M19 18H5V19C5 19.6 5.4 20 6 20H18C18.6 20 19 19.6 19 19V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crown.svg
new file mode 100644
index 00000000..d6dc3407
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crown" viewBox="0 0 24 24"><path d="M5 16L3 5L8.5 10L12 4L15.5 10L21 5L19 16H5M19 19C19 19.6 18.6 20 18 20H6C5.4 20 5 19.6 5 19V18H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cryengine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cryengine.svg
new file mode 100644
index 00000000..859d0a82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cryengine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cryengine" viewBox="0 0 24 24"><path d="M23.03,12.4M23.03,12.5V12.5C23,13 20.91,15.23 17.82,16.24C14.05,17.5 7.97,17.03 7.97,12.3C7.97,10.08 9.78,8.27 12,8.27C14.25,8.27 16.05,10.09 16.05,12.31C16.05,13.39 15.58,14.44 14.87,15.18C15.54,15.17 17.94,15 20.21,13.12C20.46,12.88 20.62,12.68 20.69,12.55C20.71,12.5 20.74,12.46 20.73,12.4C20.73,11.92 18.12,8.19 12.72,7.12C19.22,7.46 23,11.32 23.03,12.4V12.5H23.03M12,10C10.74,10 9.71,11.04 9.71,12.3C9.71,13.57 10.74,14.59 12,14.59C13.27,14.59 14.29,13.57 14.29,12.3C14.29,11.04 13.27,10 12,10M3.31,12.34C3.31,12.34 3.31,12.31 3.31,12.42V12.42C3.41,12.94 4.82,15.41 10.28,16.88C3.96,16.37 1.12,13.28 1.04,12.42H1.03C1.03,12.31 1.03,12.36 1.03,12.35C1.03,11.5 4.96,7.58 10.92,7.15C6.14,8.26 3.31,11.87 3.31,12.34V12.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/crystal-ball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/crystal-ball.svg
new file mode 100644
index 00000000..494bde71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/crystal-ball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-crystal-ball" viewBox="0 0 24 24"><path d="M9.38,8.38L11.5,9.34L13.62,8.38L12.66,10.5L13.62,12.62L11.5,11.66L9.38,12.62L10.34,10.5L9.38,8.38M16.5,2.5L17.59,5.41L20.5,6.5L17.59,7.59L16.5,10.5L15.41,7.59L12.5,6.5L15.41,5.41L16.5,2.5M6,19H7V18A1,1 0 0,1 8,17H8.26C6,15.7 4.5,13.28 4.5,10.5A7.5,7.5 0 0,1 12,3C13.05,3 14.05,3.22 14.96,3.61L14.59,4.59L13.17,5.12C12.79,5.04 12.4,5 12,5A5.5,5.5 0 0,0 6.5,10.5A5.5,5.5 0 0,0 12,16C14.91,16 17.3,13.73 17.5,10.87L18.41,8.41L19.12,8.14C19.37,8.88 19.5,9.68 19.5,10.5C19.5,13.28 18,15.7 15.74,17H16A1,1 0 0,1 17,18V19H18A2,2 0 0,1 20,21V22H4V21A2,2 0 0,1 6,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-off-outline.svg
new file mode 100644
index 00000000..9cc84e89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.3 6.19L3.53 6.62C3.21 6.79 3 7.12 3 7.5V16.5C3 16.88 3.21 17.21 3.53 17.38L11.43 21.82C11.59 21.94 11.79 22 12 22S12.41 21.94 12.57 21.82L17.28 19.17L20.84 22.73L22.11 21.46M5 15.91V9.21L10.29 12.18L11 12.89V19.29L5 15.91M13 19.29V14.89L15.82 17.7L13 19.29M9 5.82L7.56 4.36L11.43 2.18C11.59 2.06 11.79 2 12 2S12.41 2.06 12.57 2.18L20.47 6.62C20.79 6.79 21 7.12 21 7.5V16.5C21 16.85 20.82 17.16 20.53 17.33L19 15.8V9.21L14.78 11.58L13.31 10.11L17.96 7.5L12 4.15L9 5.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-off.svg
new file mode 100644
index 00000000..a3220ccd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-off" viewBox="0 0 24 24"><path d="M20.84 22.73L17.28 19.17L12.57 21.82C12.41 21.94 12.21 22 12 22S11.59 21.94 11.43 21.82L3.53 17.38C3.21 17.21 3 16.88 3 16.5V7.5C3 7.12 3.21 6.79 3.53 6.62L4.3 6.19L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M12 4.15L17.96 7.5L13.31 10.11L20.53 17.33C20.82 17.16 21 16.85 21 16.5V7.5C21 7.12 20.79 6.79 20.47 6.62L12.57 2.18C12.41 2.06 12.21 2 12 2S11.59 2.06 11.43 2.18L7.56 4.36L9 5.82L12 4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-outline.svg
new file mode 100644
index 00000000..4b40f5c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-outline" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-scan.svg
new file mode 100644
index 00000000..54d94f61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-scan" viewBox="0 0 24 24"><path d="M17,22V20H20V17H22V20.5C22,20.89 21.84,21.24 21.54,21.54C21.24,21.84 20.89,22 20.5,22H17M7,22H3.5C3.11,22 2.76,21.84 2.46,21.54C2.16,21.24 2,20.89 2,20.5V17H4V20H7V22M17,2H20.5C20.89,2 21.24,2.16 21.54,2.46C21.84,2.76 22,3.11 22,3.5V7H20V4H17V2M7,2V4H4V7H2V3.5C2,3.11 2.16,2.76 2.46,2.46C2.76,2.16 3.11,2 3.5,2H7M13,17.25L17,14.95V10.36L13,12.66V17.25M12,10.92L16,8.63L12,6.28L8,8.63L12,10.92M7,14.95L11,17.25V12.66L7,10.36V14.95M18.23,7.59C18.73,7.91 19,8.34 19,8.91V15.23C19,15.8 18.73,16.23 18.23,16.55L12.75,19.73C12.25,20.05 11.75,20.05 11.25,19.73L5.77,16.55C5.27,16.23 5,15.8 5,15.23V8.91C5,8.34 5.27,7.91 5.77,7.59L11.25,4.41C11.5,4.28 11.75,4.22 12,4.22C12.25,4.22 12.5,4.28 12.75,4.41L18.23,7.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-send.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-send.svg
new file mode 100644
index 00000000..74d4c4af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-send" viewBox="0 0 24 24"><path d="M16,4L9,8.04V15.96L16,20L23,15.96V8.04M16,6.31L19.8,8.5L16,10.69L12.21,8.5M0,7V9H7V7M11,10.11L15,12.42V17.11L11,14.81M21,10.11V14.81L17,17.11V12.42M2,11V13H7V11M4,15V17H7V15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube-unfolded.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube-unfolded.svg
new file mode 100644
index 00000000..b76e501d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube-unfolded.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube-unfolded" viewBox="0 0 24 24"><path d="M6,9V4H13V9H23V16H18V21H11V16H1V9H6M16,16H13V19H16V16M8,9H11V6H8V9M6,14V11H3V14H6M18,11V14H21V11H18M13,11V14H16V11H13M8,11V14H11V11H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cube.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cube.svg
new file mode 100644
index 00000000..61e0e60b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cube" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L6.04,7.5L12,10.85L17.96,7.5L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cup-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cup-off-outline.svg
new file mode 100644
index 00000000..a16b5a1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cup-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cup-off-outline" viewBox="0 0 24 24"><path d="M3.83 2L5.83 4H18.78L17.5 15.66L19.3 17.5L21 2M2.27 3L1 4.27L3.53 6.8L5 20.23C5.13 21.23 5.97 22 7 22H17C17.47 22 17.91 21.82 18.26 21.54L19.73 23L21 21.73M5.78 9.06L16.73 20H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cup-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cup-off.svg
new file mode 100644
index 00000000..52e65f05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cup-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cup-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.97,22 5.13,21.23 5,20.23L3.53,6.8L1,4.27M18.32,8L18.77,4H5.82L3.82,2H21L19.29,17.47L9.82,8H18.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cup-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cup-outline.svg
new file mode 100644
index 00000000..0856c3f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cup-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cup-outline" viewBox="0 0 24 24"><path d="M3 2L5 20.23C5.13 21.23 5.97 22 7 22H17C18 22 18.87 21.23 19 20.23L21 2H3M5.22 4H18.78L17 20H7L5.22 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cup-water.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cup-water.svg
new file mode 100644
index 00000000..5b8f38c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cup-water.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cup-water" viewBox="0 0 24 24"><path d="M18.32,8H5.67L5.23,4H18.77M12,19A3,3 0 0,1 9,16C9,14 12,10.6 12,10.6C12,10.6 15,14 15,16A3,3 0 0,1 12,19M3,2L5,20.23C5.13,21.23 5.97,22 7,22H17C18,22 18.87,21.23 19,20.23L21,2H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cup.svg
new file mode 100644
index 00000000..d5520b2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cup" viewBox="0 0 24 24"><path d="M18.32,8H5.67L5.23,4H18.77M3,2L5,20.23C5.13,21.23 5.97,22 7,22H17C18,22 18.87,21.23 19,20.23L21,2H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cupboard-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cupboard-outline.svg
new file mode 100644
index 00000000..7a1cfe43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cupboard-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cupboard-outline" viewBox="0 0 24 24"><path d="M7 2C5.9 2 5 2.9 5 4V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C18.11 21 19 20.11 19 19V4C19 2.9 18.11 2 17 2H7M7 4H17V7H7V4M7 9H17V12H7V9M7 14H11V19H7V14M13 14H17V19H13V14M8 15V18H10V15H8M14 15V18H16V15H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cupboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cupboard.svg
new file mode 100644
index 00000000..59c947ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cupboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cupboard" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C18.11 21 19 20.11 19 19V4C19 2.9 18.11 2 17 2M10 18H8V15H10V18M16 18H14V15H16V18M17 12H7V9H17V12M17 7H7V4H17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cupcake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cupcake.svg
new file mode 100644
index 00000000..89656660
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cupcake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cupcake" viewBox="0 0 24 24"><path d="M12,1.5A2.5,2.5 0 0,1 14.5,4A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 9.5,4A2.5,2.5 0 0,1 12,1.5M15.87,5C18,5 20,7 20,9C22.7,9 22.7,13 20,13H4C1.3,13 1.3,9 4,9C4,7 6,5 8.13,5C8.57,6.73 10.14,8 12,8C13.86,8 15.43,6.73 15.87,5M5,15H8L9,22H7L5,15M10,15H14L13,22H11L10,15M16,15H19L17,22H15L16,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/curling.svg b/apps/phoenix_webcomponent/priv/mdi/svg/curling.svg
new file mode 100644
index 00000000..11d6d54b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/curling.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-curling" viewBox="0 0 24 24"><path d="M10,3V5C12.5,5 13.9,5.05 14.72,5.41C15.26,5.65 15.73,6.21 16.25,7H5V9H19.62L18.89,7.55C17.86,5.5 16.96,4.22 15.53,3.59C14.1,2.95 12.5,3 10,3M6,11C3.78,11 2,12.78 2,15V18C2,20.22 3.78,22 6,22H18C20.22,22 22,20.22 22,18V15C22,12.78 20.22,11 18,11H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-bdt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-bdt.svg
new file mode 100644
index 00000000..186661bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-bdt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-bdt" viewBox="0 0 24 24"><path d="M18.09,10.5V9H9.59V4.5A1.5,1.5 0 0,0 8.09,3A1.5,1.5 0 0,0 6.59,4.5A1.5,1.5 0 0,0 8.09,6V9H5.09V10.5H8.09V16.7C8.09,19.06 10,20.97 12.34,21C14.68,20.96 16.54,19.04 16.5,16.7C16.5,15.11 15.75,13.61 14.5,12.62C14.28,12.44 14.05,12.28 13.8,12.15C13.58,12.05 13.34,12 13.1,12C12.39,12 11.74,12.39 11.39,13C11.2,13.3 11.1,13.65 11.1,14C11.11,15.1 12,16 13.11,16C13.73,16 14.31,15.69 14.69,15.2C14.9,15.67 15,16.18 15,16.7C15.04,18.2 13.86,19.45 12.34,19.5C10.81,19.5 9.58,18.23 9.59,16.7V10.5H18.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-brl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-brl.svg
new file mode 100644
index 00000000..320d921e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-brl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-brl" viewBox="0 0 24 24"><path d="M12,15H14C14,16.08 15.37,17 17,17C18.63,17 20,16.08 20,15C20,13.9 18.96,13.5 16.76,12.97C14.64,12.44 12,11.78 12,9C12,7.21 13.47,5.69 15.5,5.18V3H18.5V5.18C20.53,5.69 22,7.21 22,9H20C20,7.92 18.63,7 17,7C15.37,7 14,7.92 14,9C14,10.1 15.04,10.5 17.24,11.03C19.36,11.56 22,12.22 22,15C22,16.79 20.53,18.31 18.5,18.82V21H15.5V18.82C13.47,18.31 12,16.79 12,15M2,3H5.5A5.5,5.5 0 0,1 11,8.5C11,10.69 9.71,12.59 7.86,13.47L11.64,21H9.4L5.88,14H5.5L4,14V21H2V3M5.5,12A3.5,3.5 0 0,0 9,8.5A3.5,3.5 0 0,0 5.5,5H4V12H5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-btc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-btc.svg
new file mode 100644
index 00000000..5ae9582f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-btc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-btc" viewBox="0 0 24 24"><path d="M17.06 11.57C17.65 10.88 18 10 18 9C18 7.14 16.73 5.57 15 5.13V3H13V5H11V3H9V5H6V7H8V17H6V19H9V21H11V19H13V21H15V19C17.21 19 19 17.21 19 15C19 13.55 18.22 12.27 17.06 11.57M10 7H14C15.1 7 16 7.9 16 9S15.1 11 14 11H10V7M15 17H10V13H15C16.1 13 17 13.9 17 15S16.1 17 15 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-cny.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-cny.svg
new file mode 100644
index 00000000..22039282
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-cny.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-cny" viewBox="0 0 24 24"><path d="M13.28 12H18V14H13V21H11V14H6V12H10.72L5 3H7.37L12 10.29L16.63 3H19L13.28 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-eth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eth.svg
new file mode 100644
index 00000000..e311ae3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-eth" viewBox="0 0 24 24"><path d="M6,5H18V7H6M7,11H17V13H7M5.5,17H18.5V19H5.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur-off.svg
new file mode 100644
index 00000000..9290e630
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-eur-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.7 8.59C6.64 8.73 6.57 8.86 6.5 9H3L2 11H6.06C6 11.33 6 11.66 6 12S6 12.67 6.06 13H3L2 15H6.5C7.76 18.5 11.08 21 15 21C16.21 21 17.36 20.74 18.41 20.3L20.84 22.73L22.11 21.46M8.58 13C8.53 12.67 8.5 12.34 8.5 12S8.53 11.33 8.58 11H9.11L11.11 13H8.58M15 18.5C12.5 18.5 10.32 17.08 9.24 15H13.11L16.44 18.33C15.97 18.43 15.5 18.5 15 18.5M12.2 9H16L15 11H14.2L12.2 9M10.5 7.32L8.74 5.54C10.36 3.97 12.56 3 15 3C17.3 3 19.41 3.87 21 5.3L19.23 7.07C18.09 6.09 16.61 5.5 15 5.5C13.26 5.5 11.69 6.2 10.5 7.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur.svg
new file mode 100644
index 00000000..ad124771
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-eur.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-eur" viewBox="0 0 24 24"><path d="M15 18.5C12.5 18.5 10.32 17.08 9.24 15H15L16 13H8.58C8.53 12.67 8.5 12.34 8.5 12S8.53 11.33 8.58 11H15L16 9H9.24C10.32 6.92 12.5 5.5 15 5.5C16.61 5.5 18.09 6.09 19.23 7.07L21 5.3C19.41 3.87 17.3 3 15 3C11.08 3 7.76 5.5 6.5 9H3L2 11H6.06C6 11.33 6 11.66 6 12S6 12.67 6.06 13H3L2 15H6.5C7.76 18.5 11.08 21 15 21C17.31 21 19.41 20.13 21 18.7L19.22 16.93C18.09 17.91 16.62 18.5 15 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-fra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-fra.svg
new file mode 100644
index 00000000..69be766a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-fra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-fra" viewBox="0 0 24 24"><path d="M18 5V3H7V16H5V18H7V21H9V18H13V16H9V13H17V11H9V5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-gbp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-gbp.svg
new file mode 100644
index 00000000..652c3a93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-gbp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-gbp" viewBox="0 0 24 24"><path d="M14 21C15.93 21 17.62 19.83 18 18L16.25 17.12C16 18.21 15.33 19 14 19H9.1C9.93 18 10.6 16.66 10.6 15C10.6 14.65 10.57 14.31 10.5 14H14V12H9.82C9 10.42 8 9.6 8 8C8 6.07 9.57 4.5 11.5 4.5C13 4.5 14.29 5.45 14.78 6.78L16.63 6C15.83 3.95 13.84 2.5 11.5 2.5C8.46 2.5 6 4.96 6 8C6 9.78 6.79 10.9 7.5 12H6V14H8.47C8.55 14.31 8.6 14.64 8.6 15C8.6 17.7 6 19 6 19V21H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-ils.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-ils.svg
new file mode 100644
index 00000000..33abc993
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-ils.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-ils" viewBox="0 0 24 24"><path d="M22,16A5,5 0 0,1 17,21H8V9H10V19H17A3,3 0 0,0 20,16V3H22V16M16,8V15H14V8A3,3 0 0,0 11,5H4V21H2V3H11A5,5 0 0,1 16,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-inr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-inr.svg
new file mode 100644
index 00000000..abc1d853
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-inr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-inr" viewBox="0 0 24 24"><path d="M8,3H18L17,5H13.74C14.22,5.58 14.58,6.26 14.79,7H18L17,9H15C14.75,11.57 12.74,13.63 10.2,13.96V14H9.5L15.5,21H13L7,14V12H9.5V12C11.26,12 12.72,10.7 12.96,9H7L8,7H12.66C12.1,5.82 10.9,5 9.5,5H7L8,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-jpy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-jpy.svg
new file mode 100644
index 00000000..cbe3c44a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-jpy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-jpy" viewBox="0 0 24 24"><path d="M13.92 11H18V13H13V15H18V17H13V21H11V17H6V15H11V13H6V11H10.08L5 3H7.37L12 10.29L16.63 3H19L13.92 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-krw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-krw.svg
new file mode 100644
index 00000000..13105d13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-krw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-krw" viewBox="0 0 24 24"><path d="M2,3H4L5.33,9H9.33L10.67,3H13.33L14.67,9H18.67L20,3H22L20.67,9H22V11H20.22L19.78,13H22V15H19.33L18,21H15.33L14,15H10L8.67,21H6L4.67,15H2V13H4.22L3.78,11H2V9H3.33L2,3M13.11,11H10.89L10.44,13H13.56L13.11,11M7.33,18L8,15H6.67L7.33,18M8.89,11H5.78L6.22,13H8.44L8.89,11M16.67,18L17.33,15H16L16.67,18M18.22,11H15.11L15.56,13H17.78L18.22,11M12,6L11.33,9H12.67L12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-kzt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-kzt.svg
new file mode 100644
index 00000000..b07df22d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-kzt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-kzt" viewBox="0 0 24 24"><path d="M5,3H19V5H5V3M5,6H19V8H13V21H11V8H5V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-mnt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-mnt.svg
new file mode 100644
index 00000000..e11364d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-mnt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-mnt" viewBox="0 0 24 24"><path d="M13 5V8.62L17 7.17V9.29L13 10.74V12.5L17 11.07V13.2L13 14.65V21H11V15.38L7 16.84V14.71L11 13.24V11.47L7 12.92V10.8L11 9.35V5H5V3H19V5H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-ngn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-ngn.svg
new file mode 100644
index 00000000..3f75ce23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-ngn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-ngn" viewBox="0 0 24 24"><path d="M4,9H6V3H8L11.42,9H16V3H18V9H20V11H18V13H20V15H18V21H16L12.57,15H8V21H6V15H4V13H6V11H4V9M8,9H9.13L8,7.03V9M8,11V13H11.42L10.28,11H8M16,17V15H14.85L16,17M12.56,11L13.71,13H16V11H12.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-php.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-php.svg
new file mode 100644
index 00000000..ea6fab1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-php.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-php" viewBox="0 0 24 24"><path d="M5,2V6H3V8H5V10H3V12H5V22H7V16H13C15.7,16 18.16,14.44 19.32,12H22V10H19.92C20.03,9.34 20.03,8.66 19.92,8H22V6H19.32C18.16,3.56 15.7,2 13,2M7,4H13C14.57,4 16.06,4.74 17,6H7V4M13,14H7V12H17C16.06,13.26 14.57,14 13,14M18,9C18,9.34 17.96,9.67 17.9,10H7V8H17.9C17.96,8.33 18,8.66 18,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-rial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rial.svg
new file mode 100644
index 00000000..93e4df62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-rial" viewBox="0 0 24 24"><path d="M11,17H13V19H11V17M14,17H16V19H14V17M9,4H11V15A4,4 0 0,1 7,19H5A3,3 0 0,1 2,16V12H4V16A1,1 0 0,0 5,17H7C8.11,17 9,16.11 9,15V4M12,4H14V13H17V8H19V13C19,14.11 18.11,15 17,15H14C12.89,15 12,14.11 12,13V4M20,10H22V17A3,3 0 0,1 19,20H17V18H19A1,1 0 0,0 20,17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-rub.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rub.svg
new file mode 100644
index 00000000..e6baacd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-rub" viewBox="0 0 24 24"><path d="M13.5 3H7V12H5V14H7V16H5V18H7V21H9V18H13V16H9V14H13.5C16.54 14 19 11.54 19 8.5S16.54 3 13.5 3M13.5 12H9V5H13.5C15.43 5 17 6.57 17 8.5S15.43 12 13.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-rupee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rupee.svg
new file mode 100644
index 00000000..e858fc7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-rupee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-rupee" viewBox="0 0 24 24"><path d="M13.66 7C13.1 5.82 11.9 5 10.5 5H6V3H18V5H14.74C15.22 5.58 15.58 6.26 15.79 7H18V9H16C15.73 11.8 13.37 14 10.5 14H9.77L16.5 21H13.73L7 14V12H10.5C12.26 12 13.72 10.7 13.96 9H6V7H13.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-sign.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-sign.svg
new file mode 100644
index 00000000..3663ed8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-sign" viewBox="0 0 24 24"><path d="M4.41 3L3 4.41L5.69 7.1C4.63 8.46 4 10.15 4 12C4 13.85 4.63 15.55 5.69 16.9L3 19.59L4.41 21L7.1 18.31C8.46 19.37 10.15 20 12 20C13.85 20 15.55 19.37 16.9 18.31L19.59 21L21 19.59L18.31 16.9C19.37 15.54 20 13.85 20 12C20 10.15 19.37 8.45 18.31 7.1L21 4.41L19.59 3L16.9 5.69C15.54 4.63 13.85 4 12 4C10.15 4 8.45 4.63 7.1 5.69L4.41 3M12 6C15.31 6 18 8.69 18 12C18 15.31 15.31 18 12 18C8.69 18 6 15.31 6 12C6 8.69 8.69 6 12 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-thb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-thb.svg
new file mode 100644
index 00000000..e07f9b46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-thb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-thb" viewBox="0 0 24 24"><path d="M16.1 11.6C16.7 10.9 17 10 17 9C17 7.1 15.7 5.6 14 5.1L13 5V3H11V5H7V19H11V21H13V19H14C16.2 19 18 17.2 18 15C18 13.5 17.2 12.3 16.1 11.6M15 9C15 10.1 14.1 11 13 11V7C14.1 7 15 7.9 15 9M9 7H11V11H9V7M9 17V13H11V17H9M14 17H13V13H14C15.1 13 16 13.9 16 15S15.1 17 14 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-try.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-try.svg
new file mode 100644
index 00000000..9d11a4c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-try.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-try" viewBox="0 0 24 24"><path d="M9 8.76V3H11V7.5L15 5V7.36L11 9.87L11 12.22L15 9.72V12.08L11 14.59V19C13.76 19 16 16.76 16 14H18C18 17.87 14.87 21 11 21H9V15.84L6 17.72V15.36L9 13.5V11.12L6 13V10.64L9 8.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-twd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-twd.svg
new file mode 100644
index 00000000..e1613f7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-twd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-twd" viewBox="0 0 24 24"><path d="M3,11H21V13H15V19H21V21H15A2,2 0 0,1 13,19V13H10.35L5.73,21L4,20L8.04,13H3V11M5,3H19V5H5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-uah.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-uah.svg
new file mode 100644
index 00000000..d4f5dbc1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-uah.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-uah" viewBox="0 0 24 24"><path d="M14.59 11H18V9H16.32C16.74 8.34 17 7.68 17 7C17 4.37 14.5 3 12 3C9.65 3 7.53 5.06 7.29 5.29L8.71 6.71C9.19 6.23 10.71 5 12 5C13.04 5 15 5.42 15 7C15 7.5 14.5 8.24 13.76 9H6V11H11.63C11.21 11.36 9.75 12.67 9.41 13H6V15H7.68C7.26 15.66 7 16.32 7 17C7 19.63 9.5 21 12 21C14.35 21 16.47 18.94 16.71 18.71L15.29 17.29C14.82 17.77 13.29 19 12 19C10.96 19 9 18.58 9 17C9 16.5 9.5 15.76 10.24 15H18V13H12.38L14.59 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd-off.svg
new file mode 100644
index 00000000..d24206e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-usd-off" viewBox="0 0 24 24"><path d="M3,4.27L4.28,3L21,19.72L19.73,21L16.06,17.33C15.44,18 14.54,18.55 13.5,18.82V21H10.5V18.82C8.47,18.31 7,16.79 7,15H9C9,16.08 10.37,17 12,17C13.13,17 14.14,16.56 14.65,15.92L11.68,12.95C9.58,12.42 7,11.75 7,9C7,8.77 7,8.55 7.07,8.34L3,4.27M10.5,5.18V3H13.5V5.18C15.53,5.69 17,7.21 17,9H15C15,7.92 13.63,7 12,7C11.63,7 11.28,7.05 10.95,7.13L9.4,5.58L10.5,5.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd.svg
new file mode 100644
index 00000000..5455cf02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/currency-usd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-currency-usd" viewBox="0 0 24 24"><path d="M7,15H9C9,16.08 10.37,17 12,17C13.63,17 15,16.08 15,15C15,13.9 13.96,13.5 11.76,12.97C9.64,12.44 7,11.78 7,9C7,7.21 8.47,5.69 10.5,5.18V3H13.5V5.18C15.53,5.69 17,7.21 17,9H15C15,7.92 13.63,7 12,7C10.37,7 9,7.92 9,9C9,10.1 10.04,10.5 12.24,11.03C14.36,11.56 17,12.22 17,15C17,16.79 15.53,18.31 13.5,18.82V21H10.5V18.82C8.47,18.31 7,16.79 7,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/current-ac.svg b/apps/phoenix_webcomponent/priv/mdi/svg/current-ac.svg
new file mode 100644
index 00000000..6d200e80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/current-ac.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-current-ac" viewBox="0 0 24 24"><path d="M12.43 11C12.28 10.84 10 7 7 7S2.32 10.18 2 11V13H11.57C11.72 13.16 14 17 17 17S21.68 13.82 22 13V11H12.43M7 9C8.17 9 9.18 9.85 10 11H4.31C4.78 10.17 5.54 9 7 9M17 15C15.83 15 14.82 14.15 14 13H19.69C19.22 13.83 18.46 15 17 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/current-dc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/current-dc.svg
new file mode 100644
index 00000000..847e5b46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/current-dc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-current-dc" viewBox="0 0 24 24"><path d="M2,9V11H22V9H2M2,13V15H7V13H2M9,13V15H15V13H9M17,13V15H22V13H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click-outline.svg
new file mode 100644
index 00000000..afe51424
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default-click-outline" viewBox="0 0 24 24"><path d="M11.5,11L17.88,16.37L17,16.55L16.36,16.67C15.73,16.8 15.37,17.5 15.65,18.07L15.92,18.65L17.28,21.59L15.86,22.25L14.5,19.32L14.24,18.74C13.97,18.15 13.22,17.97 12.72,18.38L12.21,18.78L11.5,19.35V11M10.76,8.69A0.76,0.76 0 0,0 10,9.45V20.9C10,21.32 10.34,21.66 10.76,21.66C10.95,21.66 11.11,21.6 11.24,21.5L13.15,19.95L14.81,23.57C14.94,23.84 15.21,24 15.5,24C15.61,24 15.72,24 15.83,23.92L18.59,22.64C18.97,22.46 19.15,22 18.95,21.63L17.28,18L19.69,17.55C19.85,17.5 20,17.43 20.12,17.29C20.39,16.97 20.35,16.5 20,16.21L11.26,8.86L11.25,8.87C11.12,8.76 10.95,8.69 10.76,8.69M15,10V8H20V10H15M13.83,4.76L16.66,1.93L18.07,3.34L15.24,6.17L13.83,4.76M10,0H12V5H10V0M3.93,14.66L6.76,11.83L8.17,13.24L5.34,16.07L3.93,14.66M3.93,3.34L5.34,1.93L8.17,4.76L6.76,6.17L3.93,3.34M7,10H2V8H7V10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click.svg
new file mode 100644
index 00000000..f7933c3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-click.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default-click" viewBox="0 0 24 24"><path d="M10.76,8.69A0.76,0.76 0 0,0 10,9.45V20.9C10,21.32 10.34,21.66 10.76,21.66C10.95,21.66 11.11,21.6 11.24,21.5L13.15,19.95L14.81,23.57C14.94,23.84 15.21,24 15.5,24C15.61,24 15.72,24 15.83,23.92L18.59,22.64C18.97,22.46 19.15,22 18.95,21.63L17.28,18L19.69,17.55C19.85,17.5 20,17.43 20.12,17.29C20.39,16.97 20.35,16.5 20,16.21L11.26,8.86L11.25,8.87C11.12,8.76 10.95,8.69 10.76,8.69M15,10V8H20V10H15M13.83,4.76L16.66,1.93L18.07,3.34L15.24,6.17L13.83,4.76M10,0H12V5H10V0M3.93,14.66L6.76,11.83L8.17,13.24L5.34,16.07L3.93,14.66M3.93,3.34L5.34,1.93L8.17,4.76L6.76,6.17L3.93,3.34M7,10H2V8H7V10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture-outline.svg
new file mode 100644
index 00000000..27136bb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default-gesture-outline" viewBox="0 0 24 24"><path d="M16.5 10.54L20.37 13.83L18.5 14.18L19.29 15.92L20.22 17.96L19.72 18.19L18.81 16.2L18 14.43L16.5 15.66V10.54M15.59 8C15.26 8 15 8.27 15 8.6V17.57C15 17.9 15.26 18.17 15.59 18.17C15.74 18.17 15.86 18.12 15.96 18.04L17.45 16.83L18.74 19.66C18.84 19.88 19.05 20 19.27 20C19.36 20 19.44 20 19.53 19.94L21.67 18.93C21.97 18.79 22.11 18.43 21.95 18.14L20.66 15.3L22.53 14.94C22.65 14.91 22.77 14.85 22.86 14.74C23.07 14.5 23.04 14.12 22.77 13.89L16 8.13C15.88 8.05 15.74 8 15.59 8M12.5 6.73C12.72 6.66 13.17 7.19 13.59 7.76L15 6.71C14.87 6.5 14.69 6.25 14.47 5.96C14.31 5.75 13.59 4.93 12.66 4.8C12.04 4.72 10.81 5.06 10.6 6.61C10.47 7.58 10.76 8.19 11.21 9.08C11.46 9.6 12.04 10.96 12.18 11.78C12.33 12.59 12.06 13.16 11.74 13.12C11.44 13.08 11.2 12.65 11.03 12.41C10.89 12.22 10 10.82 9.67 10.23C9.22 9.5 8.04 7.96 6.44 7.74C4.35 7.46 3.44 9.2 3.18 10.36L1 10.06V11.88L2.93 12.15C2.75 15.6 4.5 16.82 5.67 17C6.92 17.15 8.08 16.28 8.24 15.06C8.41 13.84 7.56 11.5 4.96 10.69C5.1 10.15 5.21 9.43 6.36 9.59C7.26 9.71 8.21 11.26 8.93 12.44C9.58 13.53 10.1 14.39 10.83 14.72C11.45 15 12.16 14.97 12.73 14.65C13.42 14.26 13.86 13.55 14 12.63C14.22 10.9 12.7 8.17 12.57 7.84C12.4 7.46 12.12 6.82 12.5 6.73M6.5 14.78C6.43 15.11 6.1 15.25 5.88 15.22C5.38 15.16 4.66 14.5 4.71 12.53C6.17 13.13 6.53 14.35 6.5 14.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture.svg
new file mode 100644
index 00000000..e0204f55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-gesture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default-gesture" viewBox="0 0 24 24"><path d="M15.59 8C15.26 8 15 8.27 15 8.6V17.57C15 17.9 15.26 18.17 15.59 18.17C15.74 18.17 15.86 18.12 15.96 18.04L17.45 16.83L18.74 19.66C18.84 19.88 19.05 20 19.27 20C19.36 20 19.44 20 19.53 19.94L21.67 18.93C21.97 18.79 22.11 18.43 21.95 18.14L20.66 15.3L22.53 14.94C22.65 14.91 22.77 14.85 22.86 14.74C23.07 14.5 23.04 14.12 22.77 13.89L16 8.13C15.88 8.05 15.74 8 15.59 8M12.5 6.73C12.72 6.66 13.17 7.19 13.59 7.76L15 6.71C14.87 6.5 14.69 6.25 14.47 5.96C14.31 5.75 13.59 4.93 12.66 4.8C12.04 4.72 10.81 5.06 10.6 6.61C10.47 7.58 10.76 8.19 11.21 9.08C11.46 9.6 12.04 10.96 12.18 11.78C12.33 12.59 12.06 13.16 11.74 13.12C11.44 13.08 11.2 12.65 11.03 12.41C10.89 12.22 10 10.82 9.67 10.23C9.22 9.5 8.04 7.96 6.44 7.74C4.35 7.46 3.44 9.2 3.18 10.36L1 10.06V11.88L2.93 12.15C2.75 15.6 4.5 16.82 5.67 17C6.92 17.15 8.08 16.28 8.24 15.06C8.41 13.84 7.56 11.5 4.96 10.69C5.1 10.15 5.21 9.43 6.36 9.59C7.26 9.71 8.21 11.26 8.93 12.44C9.58 13.53 10.1 14.39 10.83 14.72C11.45 15 12.16 14.97 12.73 14.65C13.42 14.26 13.86 13.55 14 12.63C14.22 10.9 12.7 8.17 12.57 7.84C12.4 7.46 12.12 6.82 12.5 6.73M6.5 14.78C6.43 15.11 6.1 15.25 5.88 15.22C5.38 15.16 4.66 14.5 4.71 12.53C6.17 13.13 6.53 14.35 6.5 14.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-outline.svg
new file mode 100644
index 00000000..3ef122f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default-outline" viewBox="0 0 24 24"><path d="M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default.svg
new file mode 100644
index 00000000..7e70355b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-default.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-default" viewBox="0 0 24 24"><path d="M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-move.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-move.svg
new file mode 100644
index 00000000..f97353dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-move" viewBox="0 0 24 24"><path d="M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-pointer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-pointer.svg
new file mode 100644
index 00000000..f72bb642
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-pointer" viewBox="0 0 24 24"><path d="M13.75,10.19L14.38,10.32L18.55,12.4C19.25,12.63 19.71,13.32 19.65,14.06V14.19L19.65,14.32L18.75,20.44C18.69,20.87 18.5,21.27 18.15,21.55C17.84,21.85 17.43,22 17,22H10.12C9.63,22 9.18,21.82 8.85,21.47L2.86,15.5L3.76,14.5C4,14.25 4.38,14.11 4.74,14.13H5.03L9,15V4.5A2,2 0 0,1 11,2.5A2,2 0 0,1 13,4.5V10.19H13.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cursor-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-text.svg
new file mode 100644
index 00000000..50937a7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cursor-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cursor-text" viewBox="0 0 24 24"><path d="M13,19A1,1 0 0,0 14,20H16V22H13.5C12.95,22 12,21.55 12,21C12,21.55 11.05,22 10.5,22H8V20H10A1,1 0 0,0 11,19V5A1,1 0 0,0 10,4H8V2H10.5C11.05,2 12,2.45 12,3C12,2.45 12.95,2 13.5,2H16V4H14A1,1 0 0,0 13,5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/curtains-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/curtains-closed.svg
new file mode 100644
index 00000000..d8e7952f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/curtains-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-curtains-closed" viewBox="0 0 24 24"><path d="M23 3H1V1H23V3M2 22H11V4H2V22M22 4H13V22H22V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/curtains.svg b/apps/phoenix_webcomponent/priv/mdi/svg/curtains.svg
new file mode 100644
index 00000000..600f3c08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/curtains.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-curtains" viewBox="0 0 24 24"><path d="M23 3H1V1H23V3M2 22H6C6 19 4 17 4 17C10 13 11 4 11 4H2V22M22 4H13C13 4 14 13 20 17C20 17 18 19 18 22H22V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cylinder-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cylinder-off.svg
new file mode 100644
index 00000000..37064926
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cylinder-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cylinder-off" viewBox="0 0 24 24"><path d="M7.64 4.44L6.03 2.83C8.15 2.1 10.82 2 12 2C14.11 2 21 2.29 21 6V17.8L18.06 14.86C18.39 14.97 18.7 15.1 19 15.25V8.75C17.28 9.63 14.82 9.89 13.17 9.97L11.18 8C11.45 8 11.72 8 12 8C15.87 8 19 7.11 19 6S15.87 4 12 4C10.35 4 8.84 4.17 7.64 4.44M22.11 21.46L20.84 22.73L18.91 20.8C16.7 21.87 13.36 22 12 22C9.89 22 3 21.71 3 18V6C3 5.66 3.08 5.36 3.18 5.07L1.11 3L2.39 1.73L22.11 21.46M5 15.25C7.2 14.13 10.62 14 12 14L12.11 14L7.73 9.62C6.76 9.43 5.8 9.15 5 8.75V15.25M17.39 19.28L14.21 16.1C13.5 16.04 12.78 16 12 16C8.13 16 5 16.9 5 18S8.13 20 12 20C14.17 20 16.1 19.72 17.39 19.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/cylinder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/cylinder.svg
new file mode 100644
index 00000000..598f5fcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/cylinder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-cylinder" viewBox="0 0 24 24"><path d="M12 2C9.89 2 3 2.29 3 6V18C3 21.71 9.89 22 12 22C14.11 22 21 21.71 21 18V6C21 2.29 14.11 2 12 2M12 10C13.38 10 16.8 9.87 19 8.75V15.25C16.8 14.13 13.38 14 12 14S7.2 14.13 5 15.25V8.75C7.2 9.87 10.62 10 12 10M12 4C15.87 4 19 4.89 19 6C19 7.11 15.87 8 12 8C8.13 8 5 7.11 5 6C5 4.89 8.13 4 12 4M12 20C8.13 20 5 19.11 5 18C5 16.9 8.13 16 12 16C15.87 16 19 16.9 19 18C19 19.11 15.87 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dance-ballroom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dance-ballroom.svg
new file mode 100644
index 00000000..af3bbe5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dance-ballroom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dance-ballroom" viewBox="0 0 24 24"><path d="M14 3.5C14 4.33 13.33 5 12.5 5S11 4.33 11 3.5 11.67 2 12.5 2 14 2.67 14 3.5M8.5 5C7.67 5 7 5.67 7 6.5S7.67 8 8.5 8 10 7.33 10 6.5 9.33 5 8.5 5M14 12L13.22 9.75H16.18L18.34 8.67C18.71 8.5 18.86 8.04 18.67 7.67C18.5 7.3 18.04 7.14 17.67 7.33L16.85 7.74L16.36 6.9C16.07 6.25 15.36 5.88 14.66 6.04L12.19 6.57C11.5 6.72 11 7.35 11 8.07V8.77L8.57 10.39H8.58C8.5 10.46 8.39 10.55 8.33 10.67L7.44 12.44L5.66 13.33C5.29 13.5 5.14 13.97 5.33 14.34C5.46 14.6 5.73 14.75 6 14.75C6.11 14.75 6.23 14.73 6.34 14.67L8.56 13.56L9.6 11.5L11 13C10 16 3 20 3 20S7 22 12 22 21 20 21 20 16 16 14 12M16.85 11.09L16.53 11.25H15.33L15.39 11.41C15.91 12.44 16.67 13.5 17.5 14.44L16.97 11.03L16.85 11.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dance-pole.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dance-pole.svg
new file mode 100644
index 00000000..cbda110f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dance-pole.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dance-pole" viewBox="0 0 24 24"><path d="M12 1V2L11.23 1.36L7.76 5.5L11 7.5V5.16L10.78 5L12 3.56V23H14V13.24L15.93 11.31C18.5 11.71 21.13 10.36 22.66 8.83L21.24 7.41C20.1 8.56 17.7 9.61 16 9.26L14 7.24V1M17 4A2 2 0 0 0 15 6A2 2 0 0 0 17 8A2 2 0 0 0 19 6A2 2 0 0 0 17 4M11 7.76L7.1 11.66C5.25 13.5 4.31 14.85 3.06 18.16L4.94 18.86C5.94 16.2 6.66 15.14 7.87 13.84L9.22 15.19L4.27 20.14L5.69 21.56L11 16.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-edit.svg
new file mode 100644
index 00000000..9a7d1732
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix-edit" viewBox="0 0 24 24"><path d="M20 12.1C19.9 12.1 19.7 12.2 19.6 12.3L18.6 13.3L20.7 15.4L21.7 14.4C21.9 14.2 21.9 13.8 21.7 13.6L20.4 12.3C20.3 12.2 20.2 12.1 20 12.1M18.1 13.9L12 19.9V22H14.1L20.2 15.9L18.1 13.9M8 6H6V2H8V6M10 16H8V14H10V16M12 6H10V2H12V6M16 2V4H14V2H16M20 4H18V2H20V4M10 20V18H8V16H6V14H4V12H6V6H4V2H2V22H10V20M6 20H4V18H6V20M22 10H18V8H22V10M20 6V4H22V6H20M18 4V8H14V6H16V4H18M10 18V16H12V12H8V8H12V10H14V12H16V10H18V11.1L15.1 14H14V15.1L11.1 18H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-minus.svg
new file mode 100644
index 00000000..2afe9daa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix-minus" viewBox="0 0 24 24"><path d="M16 2V4H14V2H16M12 2H10V6H12V2M10 14H8V16H10V14M16 4V6H14V8H18V4H16M8 2H6V6H8V2M20 2H18V4H20V2M13.8 22H2V2H4V6H6V12H4V14H6V16H8V18H10V20H12V18H10V16H12V12H8V8H12V10H14V12H16V10H18V12H22V13.8C21.1 13.3 20.1 13 19 13C17.8 13 16.6 13.4 15.7 14H14V15.7C13.4 16.6 13 17.8 13 19C13 20.1 13.3 21.1 13.8 22M6 18H4V20H6V18M22 8H18V10H22V8M22 6V4H20V6H22M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-plus.svg
new file mode 100644
index 00000000..ad246d8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix-plus" viewBox="0 0 24 24"><path d="M16 2V4H14V2H16M12 2H10V6H12V2M10 14H8V16H10V14M16 4V6H14V8H18V4H16M8 2H6V6H8V2M20 2H18V4H20V2M13.8 22H2V2H4V6H6V12H4V14H6V16H8V18H10V20H12V18H10V16H12V12H8V8H12V10H14V12H16V10H18V12H22V13.8C21.1 13.3 20.1 13 19 13C17.8 13 16.6 13.4 15.7 14H14V15.7C13.4 16.6 13 17.8 13 19C13 20.1 13.3 21.1 13.8 22M6 18H4V20H6V18M22 8H18V10H22V8M22 6V4H20V6H22M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-remove.svg
new file mode 100644
index 00000000..4d67f528
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix-remove" viewBox="0 0 24 24"><path d="M16 2V4H14V2H16M12 2H10V6H12V2M10 14H8V16H10V14M16 4V6H14V8H18V4H16M8 2H6V6H8V2M20 2H18V4H20V2M13.8 22H2V2H4V6H6V12H4V14H6V16H8V18H10V20H12V18H10V16H12V12H8V8H12V10H14V12H16V10H18V12H22V13.8C21.1 13.3 20.1 13 19 13C17.8 13 16.6 13.4 15.7 14H14V15.7C13.4 16.6 13 17.8 13 19C13 20.1 13.3 21.1 13.8 22M6 18H4V20H6V18M22 8H18V10H22V8M22 6V4H20V6H22M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-scan.svg
new file mode 100644
index 00000000..abce838a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix-scan" viewBox="0 0 24 24"><path d="M2 2H6V0H2C.9 0 0 .9 0 2V6H2V2M22 0H18V2H22V6H24V2C24 .9 23.1 0 22 0M2 18H0V22C0 23.1 .9 24 2 24H6V22H2V18M22 22H18V24H22C23.1 24 24 23.1 24 22V18H22V22M8 6V4H10V6H8M10 14V12H12V14H10M16 4H18V6H16V4M18 6H20V8H18V6M18 14H20V16H18V14M20 12H16V18H20V20H4V4H6V6H8V10H6V12H8V14H10V16H12V18H14V16H12V14H14V10H10V6H12V4H14V8H16V10H20V12M8 18V16H6V18H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix.svg
new file mode 100644
index 00000000..1f2f769e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/data-matrix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-data-matrix" viewBox="0 0 24 24"><path d="M2 2V22H22V20H20V18H22V16H20V14H22V12H18V10H16V12H14V10H12V8H8V12H12V16H10V18H12V20H10V18H8V16H6V14H4V12H6V6H4V2H2M6 6H8V2H6V6M8 16H10V14H8V16M18 10H22V8H18V10M18 8V4H16V6H14V8H18M16 4V2H14V4H16M18 4H20V2H18V4M20 4V6H22V4H20M10 2V6H12V2H10M14 14H16V16H18V20H14V14M4 18H6V20H4V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-alert-outline.svg
new file mode 100644
index 00000000..380daed1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-alert-outline" viewBox="0 0 24 24"><path d="M10 3C5.58 3 2 4.79 2 7V17C2 19.21 5.59 21 10 21S18 19.21 18 17V7C18 4.79 14.42 3 10 3M16 17C16 17.5 13.87 19 10 19S4 17.5 4 17V14.77C5.61 15.55 7.72 16 10 16S14.39 15.55 16 14.77V17M16 12.45C14.7 13.4 12.42 14 10 14S5.3 13.4 4 12.45V9.64C5.47 10.47 7.61 11 10 11S14.53 10.47 16 9.64V12.45M10 9C6.13 9 4 7.5 4 7S6.13 5 10 5 16 6.5 16 7 13.87 9 10 9M22 7V13H20V7H22M20 15H22V17H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-alert.svg
new file mode 100644
index 00000000..ddfe44be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-alert" viewBox="0 0 24 24"><path d="M18 7C18 9.21 14.42 11 10 11S2 9.21 2 7 5.58 3 10 3 18 4.79 18 7M10 18C5.58 18 2 16.21 2 14V17C2 19.21 5.58 21 10 21S18 19.21 18 17V14C18 16.21 14.42 18 10 18M10 13C5.58 13 2 11.21 2 9V12C2 14.21 5.58 16 10 16S18 14.21 18 12V9C18 11.21 14.42 13 10 13M20 17H22V15H20V17M20 7V13H22V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down-outline.svg
new file mode 100644
index 00000000..dad0ca73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-down-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22 20L19 23L16 20H18V16H20V20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down.svg
new file mode 100644
index 00000000..57ed7d31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-down" viewBox="0 0 24 24"><path d="M19 13C16.83 13 14.93 14.16 13.88 15.89C13.28 15.96 12.65 16 12 16C7.58 16 4 14.21 4 12V9C4 11.21 7.58 13 12 13S20 11.21 20 9V12C20 12.36 19.9 12.71 19.72 13.05C19.5 13 19.24 13 19 13M12 11C16.42 11 20 9.21 20 7S16.42 3 12 3 4 4.79 4 7 7.58 11 12 11M13.1 17.96C12.74 18 12.37 18 12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19C13 18.64 13.04 18.3 13.1 17.96M20 20V16H18V20H16L19 23L22 20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left-outline.svg
new file mode 100644
index 00000000..d73f85be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-left-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22 18V20H18V22L15 19L18 16V18H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left.svg
new file mode 100644
index 00000000..a6dbcf95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-left" viewBox="0 0 24 24"><path d="M4 7C4 4.79 7.58 3 12 3S20 4.79 20 7 16.42 11 12 11 4 9.21 4 7M19.72 13.05C19.9 12.71 20 12.36 20 12V9C20 11.21 16.42 13 12 13S4 11.21 4 9V12C4 14.21 7.58 16 12 16C12.65 16 13.28 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.24 13 19.5 13 19.72 13.05M13.1 17.96C12.74 18 12.37 18 12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19C13 18.64 13.04 18.3 13.1 17.96M18 18V16L15 19L18 22V20H22V18H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right-outline.svg
new file mode 100644
index 00000000..38c422a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-right-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M20 22V20H16V18H20V16L23 19L20 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right.svg
new file mode 100644
index 00000000..5914ef82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-right" viewBox="0 0 24 24"><path d="M4 7C4 4.79 7.58 3 12 3S20 4.79 20 7 16.42 11 12 11 4 9.21 4 7M19.72 13.05C19.9 12.71 20 12.36 20 12V9C20 11.21 16.42 13 12 13S4 11.21 4 9V12C4 14.21 7.58 16 12 16C12.65 16 13.28 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.24 13 19.5 13 19.72 13.05M13.1 17.96C12.74 18 12.37 18 12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19C13 18.64 13.04 18.3 13.1 17.96M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up-outline.svg
new file mode 100644
index 00000000..e1e2bf39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-up-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22 18H20V22H18V18H16L19 15L22 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up.svg
new file mode 100644
index 00000000..6fc87071
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-arrow-up" viewBox="0 0 24 24"><path d="M19 13C16.83 13 14.93 14.16 13.88 15.89C13.28 15.96 12.65 16 12 16C7.58 16 4 14.21 4 12V9C4 11.21 7.58 13 12 13S20 11.21 20 9V12C20 12.36 19.9 12.71 19.72 13.05C19.5 13 19.24 13 19 13M12 11C16.42 11 20 9.21 20 7S16.42 3 12 3 4 4.79 4 7 7.58 11 12 11M13.1 17.96C12.74 18 12.37 18 12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19C13 18.64 13.04 18.3 13.1 17.96M19 15L16 18H18V22H20V18H22L19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-check-outline.svg
new file mode 100644
index 00000000..90873057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-check-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-check.svg
new file mode 100644
index 00000000..c877b39f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-check" viewBox="0 0 24 24"><path d="M12 3C16.42 3 20 4.79 20 7S16.42 11 12 11 4 9.21 4 7 7.58 3 12 3M4 9C4 11.21 7.58 13 12 13S20 11.21 20 9V12.08L19 12C16.41 12 14.2 13.64 13.36 15.94L12 16C7.58 16 4 14.21 4 12V9M4 14C4 16.21 7.58 18 12 18H13C13 19.05 13.27 20.04 13.75 20.9L12 21C7.58 21 4 19.21 4 17V14M18 21.08L15.25 18.08L16.41 16.92L18 18.5L21.59 14.92L22.75 16.33L18 21.08" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-clock-outline.svg
new file mode 100644
index 00000000..6f84083f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-clock-outline" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C13.61 23 11.5 21.8 10.25 20C6.19 19.79 3 18.08 3 16V6C3 3.79 6.58 2 11 2S19 3.79 19 6V9.68C21.36 10.81 23 13.21 23 16M17 9.08V8.64C16.77 8.77 16.5 8.9 16.24 9C16.5 9 16.75 9.04 17 9.08M5 6C5 6.5 7.13 8 11 8S17 6.5 17 6 14.87 4 11 4 5 5.5 5 6M5 11.45C6.07 12.23 7.8 12.76 9.72 12.93C10.33 11.67 11.32 10.62 12.54 9.92C12.04 9.97 11.53 10 11 10C8.61 10 6.47 9.47 5 8.64V11.45M9.26 17.87C9.1 17.27 9 16.65 9 16C9 15.61 9.04 15.23 9.1 14.86C7.56 14.69 6.15 14.33 5 13.77V16C5 16.42 6.5 17.5 9.26 17.87M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-clock.svg
new file mode 100644
index 00000000..5c7f9b1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-clock" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C13.61 23 11.5 21.8 10.25 20C6.18 19.79 3 18.08 3 16V13C3 14.88 5.58 16.44 9.06 16.88C9.03 16.59 9 16.3 9 16C9 15.62 9.04 15.25 9.1 14.88C5.6 14.45 3 12.88 3 11V8C3 10.09 6.2 11.8 10.27 12C10.87 11.14 11.64 10.44 12.53 9.93C12.04 9.97 11.5 10 11 10C6.58 10 3 8.21 3 6S6.58 2 11 2 19 3.79 19 6C19 7.2 17.93 8.28 16.25 9C17 9.04 17.75 9.19 18.44 9.45C18.79 9 19 8.5 19 8V9.68C21.36 10.81 23 13.21 23 16M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-cog-outline.svg
new file mode 100644
index 00000000..925aaa3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-cog-outline" viewBox="0 0 24 24"><path d="M12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.08C18.33 12.03 18.66 12 19 12C19.34 12 19.67 12.03 20 12.08V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.1 21 12.2 21 12.29 21C12.11 20.36 12 19.69 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.24 16 12.47 16 12.7 15.97C13.1 15.14 13.65 14.41 14.32 13.81C13.58 13.93 12.8 14 12 14M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M22.7 19.6V18.6L23.8 17.8C23.9 17.7 24 17.6 23.9 17.5L22.9 15.8C22.9 15.7 22.7 15.7 22.6 15.7L21.4 16.2C21.1 16 20.8 15.8 20.5 15.7L20.3 14.4C20.3 14.3 20.2 14.2 20.1 14.2H18.1C17.9 14.2 17.8 14.3 17.8 14.4L17.6 15.7C17.3 15.9 17.1 16 16.8 16.2L15.6 15.7C15.5 15.7 15.4 15.7 15.3 15.8L14.3 17.5C14.3 17.6 14.3 17.7 14.4 17.8L15.5 18.6V19.6L14.4 20.4C14.3 20.5 14.2 20.6 14.3 20.7L15.3 22.4C15.4 22.5 15.5 22.5 15.6 22.5L16.8 22C17 22.2 17.3 22.4 17.6 22.5L17.8 23.8C17.9 23.9 18 24 18.1 24H20.1C20.2 24 20.3 23.9 20.3 23.8L20.5 22.5C20.8 22.3 21 22.2 21.3 22L22.5 22.4C22.6 22.4 22.7 22.4 22.8 22.3L23.8 20.6C23.9 20.5 23.9 20.4 23.8 20.4L22.7 19.6M19 20.5C18.2 20.5 17.5 19.8 17.5 19S18.2 17.5 19 17.5 20.5 18.2 20.5 19 19.8 20.5 19 20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-cog.svg
new file mode 100644
index 00000000..927c4cf2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-cog" viewBox="0 0 24 24"><path d="M4 7C4 4.79 7.58 3 12 3S20 4.79 20 7 16.42 11 12 11 4 9.21 4 7M12.08 18L12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C12.1 21 12.2 21 12.29 21C12.11 20.36 12 19.69 12 19C12 18.66 12.03 18.33 12.08 18M20 12.08C20 12.05 20 12.03 20 12V9C20 11.21 16.42 13 12 13S4 11.21 4 9V12C4 14.21 7.58 16 12 16C12.23 16 12.46 16 12.69 16C13.82 13.63 16.22 12 19 12C19.34 12 19.67 12.03 20 12.08M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-edit-outline.svg
new file mode 100644
index 00000000..10e6d30c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-edit-outline" viewBox="0 0 24 24"><path d="M12 16C12.8 16 13.57 15.93 14.31 15.82L17.22 12.91C15.89 13.59 14 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.13L19.39 10.74C19.57 10.56 19.78 10.42 20 10.3V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.04 7.06 20.72 11 20.97V19.13L11.17 18.96C7.84 18.76 6 17.46 6 17V14.77C7.61 15.55 9.72 16 12 16M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-edit.svg
new file mode 100644
index 00000000..5709a376
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-edit" viewBox="0 0 24 24"><path d="M4,14V17C4,19 7.05,20.72 11,21V18.11L11.13,18C7.12,17.76 4,16.06 4,14M12,13C7.58,13 4,11.21 4,9V12C4,14.21 7.58,16 12,16C12.39,16 12.77,16 13.16,16L17,12.12C15.4,12.72 13.71,13 12,13M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M21,11.13C20.85,11.13 20.71,11.19 20.61,11.3L19.61,12.3L21.66,14.3L22.66,13.3C22.87,13.1 22.88,12.76 22.66,12.53L21.42,11.3C21.32,11.19 21.18,11.13 21.04,11.13M19.04,12.88L13,18.94V21H15.06L21.12,14.93L19.04,12.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-export-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-export-outline.svg
new file mode 100644
index 00000000..392898ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-export-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-export-outline" viewBox="0 0 24 24"><path d="M17.86 18L18.9 19C17.5 20.2 14.94 21 12 21C7.59 21 4 19.21 4 17V7C4 4.79 7.58 3 12 3C14.95 3 17.5 3.8 18.9 5L17.86 6L17.5 6.4C16.65 5.77 14.78 5 12 5C8.13 5 6 6.5 6 7S8.13 9 12 9C13.37 9 14.5 8.81 15.42 8.54L16.38 9.5H13.5V10.92C13 10.97 12.5 11 12 11C9.61 11 7.47 10.47 6 9.64V12.45C7.3 13.4 9.58 14 12 14C12.5 14 13 13.97 13.5 13.92V14.5H16.38L15.38 15.5L15.5 15.61C14.41 15.86 13.24 16 12 16C9.72 16 7.61 15.55 6 14.77V17C6 17.5 8.13 19 12 19C14.78 19 16.65 18.23 17.5 17.61L17.86 18M18.92 7.08L17.5 8.5L20 11H15V13H20L17.5 15.5L18.92 16.92L23.84 12L18.92 7.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-export.svg
new file mode 100644
index 00000000..1fcfe8a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-export" viewBox="0 0 24 24"><path d="M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C12.5,11 13,10.97 13.5,10.92V9.5H16.39L15.39,8.5L18.9,5C17.5,3.8 14.94,3 12,3M18.92,7.08L17.5,8.5L20,11H15V13H20L17.5,15.5L18.92,16.92L23.84,12M4,9V12C4,14.21 7.58,16 12,16C13.17,16 14.26,15.85 15.25,15.63L16.38,14.5H13.5V12.92C13,12.97 12.5,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C14.94,21 17.5,20.2 18.9,19L17,17.1C15.61,17.66 13.9,18 12,18C7.58,18 4,16.21 4,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off-outline.svg
new file mode 100644
index 00000000..be2ea144
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-eye-off-outline" viewBox="0 0 24 24"><path d="M23 19C22.9 19.2 22.8 19.4 22.7 19.5L18.3 15.1C20.5 15.6 22.2 17.1 23 19M12 5C15.9 5 18 6.5 18 7C18 7.5 15.9 8.9 12.2 9L14.1 10.9C15.6 10.7 17 10.3 18 9.7V12.5C17.7 12.7 17.4 12.9 17 13.1C18 13.1 19 13.3 20 13.7V7C20 4.8 16.4 3 12 3C10.1 3 8.4 3.3 7.1 3.9L8.7 5.5C9.5 5.2 10.7 5 12 5M22.1 21.5L20.8 22.8L20.2 22.2C19.2 22.7 18.1 23.1 17 23.1C14.3 23.1 11.9 21.4 11 19.1C11.6 17.7 12.6 16.6 13.9 15.9L12.4 14.4C11.7 14.8 11.1 15.4 10.5 16C8.8 15.9 7.2 15.5 5.9 14.8V17C5.9 17.3 7 18.2 8.9 18.6L8.8 19L9.1 19.7C9.3 20.1 9.4 20.4 9.6 20.8C6.4 20.3 4 18.8 4 17V7C4 6.7 4.1 6.4 4.2 6.1L1.1 3L2.4 1.7L22.1 21.5M12.1 14L8.7 10.6C7.6 10.4 6.7 10 5.9 9.6V12.4C7.2 13.4 9.5 13.9 11.9 13.9C12 14 12.1 14 12.1 14M18.8 20.7L17.7 19.6C17.6 19.9 17.3 20 17 20C16.4 20 16 19.6 16 19C16 18.7 16.1 18.4 16.4 18.2L15.3 17.1C14.8 17.6 14.5 18.2 14.5 18.9C14.5 20.3 15.6 21.4 17 21.4C17.7 21.5 18.4 21.2 18.8 20.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off.svg
new file mode 100644
index 00000000..e5386345
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-eye-off" viewBox="0 0 24 24"><path d="M14.1 10.9L7.1 3.9C8.4 3.3 10.1 3 12 3C16.4 3 20 4.8 20 7C20 8.9 17.5 10.4 14.1 10.9M16.2 13H17C17.9 13 18.7 13.1 19.5 13.4C19.8 13 20 12.5 20 12V9C20 10.5 18.3 11.9 15.7 12.5L16.2 13M18.4 15.2L22.8 19.6C22.9 19.4 23 19.2 23.1 19.1C22.2 17.1 20.5 15.6 18.4 15.2M22.1 21.5L20.8 22.8L20.2 22.2C19.2 22.7 18.1 23.1 17 23.1C14.3 23.1 11.9 21.4 11 19.1C11.6 17.7 12.6 16.6 13.9 15.9L12.4 14.4C11.7 14.8 11.1 15.4 10.5 16C6.8 15.6 4 14 4 12V9C4 11.1 7.1 12.7 11.1 13L8.8 10.7C6 10 4 8.6 4 7C4 6.7 4.1 6.4 4.2 6.1L1.1 3L2.4 1.7L22.1 21.5M18.8 20.7L17.7 19.6C17.6 19.9 17.3 20 17 20C16.4 20 16 19.6 16 19C16 18.7 16.1 18.4 16.4 18.2L15.3 17.1C14.8 17.6 14.5 18.2 14.5 18.9C14.5 20.3 15.6 21.4 17 21.4C17.7 21.5 18.4 21.2 18.8 20.7M8.8 19L9.1 18.3C9.2 18.1 9.3 18 9.3 17.8C6.2 17.2 4 15.8 4 14V17C4 18.8 6.4 20.3 9.7 20.8C9.5 20.5 9.3 20.1 9.2 19.7L8.8 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-outline.svg
new file mode 100644
index 00000000..277e59bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-eye-outline" viewBox="0 0 24 24"><path d="M9.1 19.7L8.8 19L9 18.6C7.1 18.1 6 17.3 6 17V14.8C7.3 15.4 8.8 15.8 10.6 16C11.3 15.2 12.2 14.5 13.1 14H12C9.6 14 7.3 13.4 6 12.5V9.6C7.5 10.4 9.6 11 12 11S16.5 10.5 18 9.6V12.4C17.7 12.6 17.4 12.8 17 13C18 13 19 13.2 20 13.6V7C20 4.8 16.4 3 12 3S4 4.8 4 7V17C4 18.8 6.4 20.3 9.7 20.8C9.5 20.5 9.3 20.1 9.1 19.7M12 5C15.9 5 18 6.5 18 7S15.9 9 12 9 6 7.5 6 7 8.1 5 12 5M17 18C17.6 18 18 18.4 18 19S17.6 20 17 20 16 19.6 16 19 16.4 18 17 18M17 15C14.3 15 11.9 16.7 11 19C11.9 21.3 14.3 23 17 23S22.1 21.3 23 19C22.1 16.7 19.7 15 17 15M17 21.5C15.6 21.5 14.5 20.4 14.5 19S15.6 16.5 17 16.5 19.5 17.6 19.5 19 18.4 21.5 17 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye.svg
new file mode 100644
index 00000000..701657b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-eye" viewBox="0 0 24 24"><path d="M4 12V9C4 11.2 7.6 13 12 13S20 11.2 20 9V12C20 12.5 19.8 12.9 19.5 13.4C18.7 13.1 17.9 13 17 13C14.5 13 12.1 14.1 10.6 15.9C6.8 15.6 4 14 4 12M12 11C16.4 11 20 9.2 20 7S16.4 3 12 3 4 4.8 4 7 7.6 11 12 11M9.1 19.7L8.8 19L9.1 18.3C9.2 18.1 9.3 18 9.3 17.8C6.2 17.2 4 15.8 4 14V17C4 18.8 6.4 20.3 9.7 20.8C9.5 20.5 9.3 20.1 9.1 19.7M17 18C16.4 18 16 18.4 16 19S16.4 20 17 20 18 19.6 18 19 17.6 18 17 18M23 19C22.1 21.3 19.7 23 17 23S11.9 21.3 11 19C11.9 16.7 14.3 15 17 15S22.1 16.7 23 19M19.5 19C19.5 17.6 18.4 16.5 17 16.5S14.5 17.6 14.5 19 15.6 21.5 17 21.5 19.5 20.4 19.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-import-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-import-outline.svg
new file mode 100644
index 00000000..a0000c69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-import-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-import-outline" viewBox="0 0 24 24"><path d="M8.84 12L3.92 16.92L2.5 15.5L5 13H0V11H5L2.5 8.5L3.92 7.08L8.84 12M12 3C8.59 3 5.68 4.07 4.53 5.57L5 6L6.03 7.07C6 7.05 6 7 6 7C6 6.5 8.13 5 12 5S18 6.5 18 7 15.87 9 12 9C9.38 9 7.58 8.31 6.68 7.72L9.8 10.84C10.5 10.94 11.24 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45C16.7 13.4 14.42 14 12 14C11.04 14 10.1 13.9 9.24 13.73L7.59 15.37C8.91 15.77 10.41 16 12 16C14.28 16 16.39 15.55 18 14.77V17C18 17.5 15.87 19 12 19S6 17.5 6 17V16.96L5 18L4.54 18.43C5.69 19.93 8.6 21 12 21C16.41 21 20 19.21 20 17V7C20 4.79 16.42 3 12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-import.svg
new file mode 100644
index 00000000..bf1ee634
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-import" viewBox="0 0 24 24"><path d="M12,3C8.59,3 5.69,4.07 4.54,5.57L9.79,10.82C10.5,10.93 11.22,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M3.92,7.08L2.5,8.5L5,11H0V13H5L2.5,15.5L3.92,16.92L8.84,12M20,9C20,11.21 16.42,13 12,13C11.34,13 10.7,12.95 10.09,12.87L7.62,15.34C8.88,15.75 10.38,16 12,16C16.42,16 20,14.21 20,12M20,14C20,16.21 16.42,18 12,18C9.72,18 7.67,17.5 6.21,16.75L4.53,18.43C5.68,19.93 8.59,21 12,21C16.42,21 20,19.21 20,17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-lock-outline.svg
new file mode 100644
index 00000000..68f1bc74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-lock-outline" viewBox="0 0 24 24"><path d="M6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V11.05C18.17 11.03 18.33 11 18.5 11C19.03 11 19.53 11.1 20 11.26V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.34 21 12.67 21 13 20.97V18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.41 16 12.81 15.97 13.21 15.94C13.4 15.46 13.68 15.03 14.07 14.7C14.13 14.39 14.23 14.09 14.34 13.8C13.6 13.93 12.81 14 12 14C9.58 14 7.3 13.4 6 12.45M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M21 16V15.5C21 14.12 19.88 13 18.5 13S16 14.12 16 15.5V16C15.45 16 15 16.45 15 17V21C15 21.55 15.45 22 16 22H21C21.55 22 22 21.55 22 21V17C22 16.45 21.55 16 21 16M20 16H17V15.5C17 14.67 17.67 14 18.5 14S20 14.67 20 15.5V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-lock.svg
new file mode 100644
index 00000000..bb03a010
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-lock" viewBox="0 0 24 24"><path d="M11,3C15.42,3 19,4.79 19,7C19,9.21 15.42,11 11,11C6.58,11 3,9.21 3,7C3,4.79 6.58,3 11,3M19,12.03C17.11,12.24 15.57,13.62 15.13,15.43C13.92,15.79 12.5,16 11,16C6.58,16 3,14.21 3,12V9C3,11.21 6.58,13 11,13C15.42,13 19,11.21 19,9V12.03M14,17.71V20.71C13.07,20.9 12.06,21 11,21C6.58,21 3,19.21 3,17V14C3,16.21 6.58,18 11,18C12.06,18 13.07,17.9 14,17.71M19.5,14A2.5,2.5 0 0,1 22,16.5V17A1,1 0 0,1 23,18V22A1,1 0 0,1 22,23H17A1,1 0 0,1 16,22V18A1,1 0 0,1 17,17V16.5A2.5,2.5 0 0,1 19.5,14M19.5,15A1.5,1.5 0 0,0 18,16.5V17H21V16.5A1.5,1.5 0 0,0 19.5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-marker-outline.svg
new file mode 100644
index 00000000..d2960b53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-marker-outline" viewBox="0 0 24 24"><path d="M12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.35 16 12.69 15.97 13.03 15.95C13 15.8 13 15.65 13 15.5C13 14.96 13.09 14.44 13.24 13.94C12.83 14 12.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V10.03C18.17 10 18.33 10 18.5 10C19 10 19.5 10.08 20 10.22V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C13.06 21 14.07 20.89 15 20.71C14.62 20.14 14.25 19.5 13.93 18.85C13.34 18.94 12.71 19 12 19M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-marker.svg
new file mode 100644
index 00000000..4e30f2ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-marker" viewBox="0 0 24 24"><path d="M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8M4 12V9C4 11.21 7.58 13 12 13C12.57 13 13.13 12.97 13.67 12.91C13.25 13.69 13 14.57 13 15.5C13 15.65 13 15.81 13.03 15.96C12.69 16 12.35 16 12 16C7.58 16 4 14.21 4 12M4 7C4 4.79 7.58 3 12 3S20 4.79 20 7 16.42 11 12 11 4 9.21 4 7M15 20.71C14.07 20.9 13.06 21 12 21C7.58 21 4 19.21 4 17V14C4 16.21 7.58 18 12 18C12.5 18 13.03 17.97 13.5 17.93C13.9 18.91 14.44 19.87 15 20.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-minus-outline.svg
new file mode 100644
index 00000000..fdc767f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-minus-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-minus.svg
new file mode 100644
index 00000000..9bb2ee80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-minus" viewBox="0 0 24 24"><path d="M23 17V19H15V17M12 3C16.42 3 20 4.79 20 7S16.42 11 12 11 4 9.21 4 7 7.58 3 12 3M4 9C4 11.21 7.58 13 12 13S20 11.21 20 9V12.08L19 12C16.41 12 14.2 13.64 13.36 15.94L12 16C7.58 16 4 14.21 4 12V9M4 14C4 16.21 7.58 18 12 18H13C13 19.05 13.27 20.04 13.75 20.9L12 21C7.58 21 4 19.21 4 17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-off-outline.svg
new file mode 100644
index 00000000..bc21be5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L4.21 6.1C4.08 6.39 4 6.69 4 7V17C4 19.21 7.59 21 12 21C14.3 21 16.38 20.5 17.84 19.73L20.84 22.73L22.11 21.46L2.39 1.73M6 9.64C6.76 10.07 7.7 10.42 8.76 10.65L12.11 14C12.07 14 12.04 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64M12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.68 16 13.34 15.95 14 15.87L16.34 18.23C15.33 18.65 13.87 19 12 19M8.64 5.44L7.06 3.86C8.42 3.33 10.13 3 12 3C16.42 3 20 4.79 20 7V16.8L18 14.8V14.77L18 14.78L16.45 13.25C17.05 13.03 17.58 12.76 18 12.45V9.64C16.97 10.22 15.61 10.65 14.06 10.86L12.19 9C15.94 8.94 18 7.5 18 7C18 6.5 15.87 5 12 5C10.66 5 9.54 5.18 8.64 5.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-off.svg
new file mode 100644
index 00000000..03a0106d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-off" viewBox="0 0 24 24"><path d="M19.07 15.87C19.66 15.31 20 14.68 20 14V16.8L19.07 15.87M20 9C20 10.54 18.27 11.86 15.73 12.53L17.89 14.69C19.19 14 20 13.04 20 12V9M20 7C20 4.79 16.42 3 12 3C10.13 3 8.42 3.33 7.06 3.86L14.06 10.86C17.5 10.41 20 8.85 20 7M2.39 1.73L1.11 3L4.21 6.1C4.08 6.39 4 6.69 4 7C4 8.63 5.96 10.04 8.77 10.66L11.08 12.97C7.1 12.74 4 11.06 4 9V12C4 14.21 7.58 16 12 16C12.69 16 13.35 15.95 14 15.87L15.66 17.55C14.57 17.84 13.32 18 12 18C7.58 18 4 16.21 4 14V17C4 19.21 7.58 21 12 21C14.31 21 16.38 20.5 17.84 19.73L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-outline.svg
new file mode 100644
index 00000000..830ed19a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-outline" viewBox="0 0 24 24"><path d="M12 3C7.58 3 4 4.79 4 7V17C4 19.21 7.59 21 12 21S20 19.21 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11C14.39 11 16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5C15.87 5 18 6.5 18 7S15.87 9 12 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-plus-outline.svg
new file mode 100644
index 00000000..a451f7ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-plus-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-plus.svg
new file mode 100644
index 00000000..375ed091
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-plus" viewBox="0 0 24 24"><path d="M18,14H20V17H23V19H20V22H18V19H15V17H18V14M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V9L20,12.08L19,12C16.41,12 14.2,13.64 13.36,15.94L12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18H13C13,19.05 13.27,20.04 13.75,20.9L12,21C7.58,21 4,19.21 4,17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh-outline.svg
new file mode 100644
index 00000000..6b768efd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-refresh-outline" viewBox="0 0 24 24"><path d="M6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.03C18.17 12 18.33 12 18.5 12C19 12 19.5 12.07 20 12.18V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.17 21 12.33 21 12.5 21C12.24 20.37 12.09 19.7 12.03 19L12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.17 16 12.34 16 12.5 16C12.85 15.18 13.34 14.46 13.95 13.86C13.32 13.95 12.67 14 12 14C9.58 14 7.3 13.4 6 12.45M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M18 18.5L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh.svg
new file mode 100644
index 00000000..8b8e5b2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-refresh" viewBox="0 0 24 24"><path d="M12 3C16.42 3 20 4.79 20 7C20 9.21 16.42 11 12 11C7.58 11 4 9.21 4 7C4 4.79 7.58 3 12 3M4 9C4 11.21 7.58 13 12 13C13.11 13 14.18 12.89 15.14 12.68C14.19 13.54 13.5 14.67 13.18 15.96L12 16C7.58 16 4 14.21 4 12V9M20 9V11L19.5 11L18.9 11.03C19.6 10.43 20 9.74 20 9M4 14C4 16.21 7.58 18 12 18L13 17.97C13.09 19.03 13.42 20 13.95 20.88L12 21C7.58 21 4 19.21 4 17V14M19 13.5C20.11 13.5 21.11 13.95 21.83 14.67L23 13.5V17.5H19L20.77 15.73C20.32 15.28 19.69 15 19 15C17.62 15 16.5 16.12 16.5 17.5C16.5 18.88 17.62 20 19 20C19.82 20 20.54 19.61 21 19H22.71C22.12 20.47 20.68 21.5 19 21.5C16.79 21.5 15 19.71 15 17.5C15 15.29 16.79 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-remove-outline.svg
new file mode 100644
index 00000000..8fb9e17f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-remove-outline" viewBox="0 0 24 24"><path d="M20 13.09V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.46 21 12.9 21 13.33 20.94C13.12 20.33 13 19.68 13 19L13 18.95C12.68 19 12.35 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16C12.65 16 13.27 15.96 13.88 15.89C14.93 14.16 16.83 13 19 13C19.34 13 19.67 13.04 20 13.09M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-remove.svg
new file mode 100644
index 00000000..98c3ca20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-remove" viewBox="0 0 24 24"><path d="M15.46,15.88L16.88,14.46L19,16.59L21.12,14.47L22.53,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.53L15.47,20.12L17.59,18L15.46,15.88M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12.08L19,12C16.41,12 14.2,13.64 13.36,15.94L12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18H13C13,19.05 13.27,20.04 13.75,20.9L12,21C7.58,21 4,19.21 4,17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-search-outline.svg
new file mode 100644
index 00000000..17067575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-search-outline" viewBox="0 0 24 24"><path d="M11 18.95C7.77 18.72 6 17.45 6 17V14.77C7.13 15.32 8.5 15.69 10 15.87C10 15.21 10.04 14.54 10.21 13.89C8.5 13.67 6.97 13.16 6 12.45V9.64C7.43 10.45 9.5 10.97 11.82 11C11.85 10.97 11.87 10.93 11.9 10.9C14.1 8.71 17.5 8.41 20 10.03V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.34 21 12.68 21 13 20.97C12.62 20.72 12.24 20.44 11.9 20.1C11.55 19.74 11.25 19.36 11 18.95M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M20.31 17.9C20.75 17.21 21 16.38 21 15.5C21 13 19 11 16.5 11S12 13 12 15.5 14 20 16.5 20C17.37 20 18.19 19.75 18.88 19.32L22 22.39L23.39 21L20.31 17.9M16.5 18C15.12 18 14 16.88 14 15.5S15.12 13 16.5 13 19 14.12 19 15.5 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-search.svg
new file mode 100644
index 00000000..86942e1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-search" viewBox="0 0 24 24"><path d="M18.68,12.32C16.92,10.56 14.07,10.57 12.32,12.33C10.56,14.09 10.56,16.94 12.32,18.69C13.81,20.17 16.11,20.43 17.89,19.32L21,22.39L22.39,21L19.3,17.89C20.43,16.12 20.17,13.8 18.68,12.32M17.27,17.27C16.29,18.25 14.71,18.24 13.73,17.27C12.76,16.29 12.76,14.71 13.74,13.73C14.71,12.76 16.29,12.76 17.27,13.73C18.24,14.71 18.24,16.29 17.27,17.27M10.9,20.1C10.25,19.44 9.74,18.65 9.42,17.78C6.27,17.25 4,15.76 4,14V17C4,19.21 7.58,21 12,21V21C11.6,20.74 11.23,20.44 10.9,20.1M4,9V12C4,13.68 6.07,15.12 9,15.7C9,15.63 9,15.57 9,15.5C9,14.57 9.2,13.65 9.58,12.81C6.34,12.3 4,10.79 4,9M12,3C7.58,3 4,4.79 4,7C4,9 7,10.68 10.85,11H10.9C12.1,9.74 13.76,9 15.5,9C16.41,9 17.31,9.19 18.14,9.56C19.17,9.09 19.87,8.12 20,7C20,4.79 16.42,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-settings-outline.svg
new file mode 100644
index 00000000..f0cf7892
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-settings-outline" viewBox="0 0 24 24"><path d="M12 3C7.58 3 4 4.79 4 7V17C4 18.2 5.06 19.27 6.73 20H17.27C18.94 19.27 20 18.2 20 17V7C20 4.79 16.42 3 12 3M18 17C18 17.5 15.87 19 12 19S6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16S16.39 15.55 18 14.77V17M18 12.45C16.7 13.4 14.42 14 12 14S7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V12.45M12 9C8.13 9 6 7.5 6 7S8.13 5 12 5 18 6.5 18 7 15.87 9 12 9M7 22H9V24H7V22M15 22H17V24H15V22M11 22H13V24H11V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-settings.svg
new file mode 100644
index 00000000..a733318a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-settings" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C16.42,13 20,11.21 20,9V12C20,14.21 16.42,16 12,16C7.58,16 4,14.21 4,12V9M4,14C4,16.21 7.58,18 12,18C16.42,18 20,16.21 20,14V17C20,18.19 18.95,19.27 17.29,20H6.71C5.05,19.27 4,18.19 4,17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-sync-outline.svg
new file mode 100644
index 00000000..a999fd91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-sync-outline" viewBox="0 0 24 24"><path d="M12 16C12.41 16 12.81 15.97 13.21 15.94C13.4 15.18 13.72 14.46 14.16 13.83C13.47 13.94 12.74 14 12 14C9.58 14 7.3 13.4 6 12.45V9.64C7.47 10.47 9.61 11 12 11S16.53 10.47 18 9.64V11.19C18.5 11.07 19 11 19.55 11C19.7 11 19.85 11 20 11.03V7C20 4.79 16.42 3 12 3S4 4.79 4 7V17C4 19.21 7.59 21 12 21C12.66 21 13.31 20.96 13.92 20.88C13.57 20.29 13.31 19.64 13.16 18.94C12.79 19 12.41 19 12 19C8.13 19 6 17.5 6 17V14.77C7.61 15.55 9.72 16 12 16M12 5C15.87 5 18 6.5 18 7S15.87 9 12 9 6 7.5 6 7 8.13 5 12 5M23 17.5C23 18.32 22.75 19.08 22.33 19.71L21.24 18.62C21.41 18.28 21.5 17.9 21.5 17.5C21.5 16.12 20.38 15 19 15V16.5L16.75 14.25L19 12V13.5C21.21 13.5 23 15.29 23 17.5M19 18.5L21.25 20.75L19 23V21.5C16.79 21.5 15 19.71 15 17.5C15 16.68 15.25 15.92 15.67 15.29L16.76 16.38C16.59 16.72 16.5 17.1 16.5 17.5C16.5 18.88 17.62 20 19 20V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database-sync.svg
new file mode 100644
index 00000000..7afa6f0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database-sync" viewBox="0 0 24 24"><path d="M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23M12,3C16.42,3 20,4.79 20,7C20,9.21 16.42,11 12,11C7.58,11 4,9.21 4,7C4,4.79 7.58,3 12,3M4,9C4,11.21 7.58,13 12,13C13.11,13 14.17,12.89 15.14,12.68C14.19,13.54 13.5,14.67 13.18,15.96L12,16C7.58,16 4,14.21 4,12V9M20,9V11H19.5L18.9,11.03C19.6,10.43 20,9.74 20,9M4,14C4,16.21 7.58,18 12,18L13,17.97C13.09,19.03 13.42,20 13.95,20.88L12,21C7.58,21 4,19.21 4,17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/database.svg b/apps/phoenix_webcomponent/priv/mdi/svg/database.svg
new file mode 100644
index 00000000..7704227c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/database.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-database" viewBox="0 0 24 24"><path d="M12,3C7.58,3 4,4.79 4,7C4,9.21 7.58,11 12,11C16.42,11 20,9.21 20,7C20,4.79 16.42,3 12,3M4,9V12C4,14.21 7.58,16 12,16C16.42,16 20,14.21 20,12V9C20,11.21 16.42,13 12,13C7.58,13 4,11.21 4,9M4,14V17C4,19.21 7.58,21 12,21C16.42,21 20,19.21 20,17V14C20,16.21 16.42,18 12,18C7.58,18 4,16.21 4,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/death-star-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/death-star-variant.svg
new file mode 100644
index 00000000..dee3c7b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/death-star-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-death-star-variant" viewBox="0 0 24 24"><path d="M2.05,13H21.94C21.88,13.69 21.74,14.36 21.54,15H14V17H17V19H15V21H12.5V22C12.33,22 12.17,22 12,22C6.82,22 2.55,18.05 2.05,13M21.94,11H2.05C2.55,5.95 6.82,2 12,2C13.62,2 15.15,2.39 16.5,3.08V5H18.5V7H20V9H21.54C21.74,9.64 21.88,10.31 21.94,11M12,6.75A2.5,2.5 0 0,0 9.5,4.25A2.5,2.5 0 0,0 7,6.75A2.5,2.5 0 0,0 9.5,9.25A2.5,2.5 0 0,0 12,6.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/death-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/death-star.svg
new file mode 100644
index 00000000..f85e5abf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/death-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-death-star" viewBox="0 0 24 24"><path d="M2.05,13H21.95C21.45,18.05 17.19,22 12,22C6.82,22 2.55,18.05 2.05,13M21.95,11H2.05C2.55,5.95 6.82,2 12,2C17.18,2 21.45,5.95 21.95,11M12,6.75A2.5,2.5 0 0,0 9.5,4.25A2.5,2.5 0 0,0 7,6.75A2.5,2.5 0 0,0 9.5,9.25A2.5,2.5 0 0,0 12,6.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/deathly-hallows.svg b/apps/phoenix_webcomponent/priv/mdi/svg/deathly-hallows.svg
new file mode 100644
index 00000000..b27975d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/deathly-hallows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-deathly-hallows" viewBox="0 0 24 24"><path d="M12,2L1,21H23L12,2M12.75,11.47C14.56,11.87 15.7,13.67 15.3,15.5C15,16.75 14,17.75 12.75,18.03V11.47M11.25,18C9.44,17.6 8.3,15.8 8.7,14C9,12.72 10,11.72 11.25,11.44V18M16.88,14.72C16.83,12.35 15.09,10.36 12.75,10V6.29L20.4,19.5H13.07C15.29,19 16.87,17.03 16.88,14.75V14.72M11.25,6.29V10C8.6,10.4 6.77,12.88 7.18,15.54C7.5,17.5 8.97,19.12 10.93,19.55H3.6L11.25,6.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/debian.svg b/apps/phoenix_webcomponent/priv/mdi/svg/debian.svg
new file mode 100644
index 00000000..fda6eb9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/debian.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-debian" viewBox="0 0 24 24"><path d="M18.5,10.57L18.3,10.94C18.56,10.16 18.41,9.31 18.45,8.57L18.38,8.55C18.31,6.7 16.71,4.73 15.29,4.07C14.06,3.5 12.17,3.4 11.3,3.83C11.42,3.72 11.9,3.68 11.75,3.6C10.38,3.73 10.69,4.07 9.64,4.34C9.35,4.62 10.5,4.12 9.87,4.5C9.31,4.63 9.05,4.38 8.22,5.24C8.29,5.36 8.75,4.89 8.37,5.36C7.58,5.27 5.89,7.16 5.53,7.78L5.72,7.82C5.41,8.59 5,9.08 4.95,9.54C4.87,10.68 4.5,12.75 5.03,13.39L4.97,13.92L5.2,14.37L5.08,14.38C5.66,16.21 5.7,14.42 6.47,16.32C6.36,16.28 6.24,16.24 6.08,16C6.06,16.19 6.32,16.69 6.62,17.08L6.5,17.22C6.66,17.53 6.82,17.6 6.93,17.71C6.3,17.36 7.5,18.84 7.63,19.03L7.73,18.86C7.71,19.1 7.9,19.42 8.26,19.87L8.56,19.86C8.69,20.1 9.14,20.54 9.41,20.56L9.23,20.8C9.92,21 9.56,21.09 10.41,21.39L10.24,21.09C10.67,21.46 10.8,21.79 11.41,22.07C12.26,22.37 12.37,22.25 13.23,22.5C12.5,22.5 11.64,22.5 11.06,22.28C7.1,21.21 3.5,16.56 3.74,11.78C3.68,10.81 3.84,9.6 3.68,9.36C3.9,8.62 4.16,7.72 4.69,6.65C4.65,6.58 4.78,6.86 5.05,6.41C5.21,6.05 5.34,5.66 5.55,5.31L5.65,5.28C5.76,4.67 7.08,3.73 7.5,3.26V3.44C8.36,2.63 9.9,2.09 10.76,1.71C10.53,1.96 11.27,1.68 11.8,1.65L11.31,1.93C11.94,1.77 11.91,2 12.56,1.9C12.33,1.93 12.06,2 12.1,2.06C12.82,2.14 12.94,1.84 13.61,2.06L13.56,1.86C14.5,2.2 14.69,2.14 15.7,2.68C16.06,2.69 16.1,2.46 16.63,2.68C16.73,2.84 16.61,2.87 17.27,3.27C17.34,3.24 17.14,3.05 17,2.9C18.3,3.61 19.75,5.12 20.18,6.74C19.77,6 20.14,7.13 20,7.07C20.18,7.56 20.33,8.07 20.43,8.6C20.31,8.17 20.04,7.12 19.57,6.45C19.54,6.88 18.97,6.15 19.28,7.11C19.5,7.45 19.33,6.76 19.62,7.36C19.62,7.65 19.73,7.94 19.8,8.31C19.7,8.29 19.58,7.9 19.5,8C19.6,8.5 19.77,8.72 19.83,8.76C19.8,8.84 19.71,8.68 19.71,9C19.75,9.74 19.92,9.43 20,9.46C19.91,9.83 19.59,10.25 19.75,10.88L19.55,10.32C19.5,10.85 19.66,10.95 19.42,11.6C19.6,11 19.58,10.5 19.41,10.75C19.5,11.57 18.76,12.2 18.83,12.73L18.62,12.44C18.05,13.27 18.61,12.89 18.22,13.5C18.36,13.27 18.15,13.42 18.33,13.14C18.21,13.15 17.78,13.67 17.39,13.97C15.85,15.2 14,15.37 12.24,14.7H12.23C12.24,14.66 12.23,14.61 12.11,14.53C10.6,13.38 9.71,12.4 10,10.12C10.25,9.95 10.31,9 10.84,8.67C11.16,7.96 12.12,7.31 13.15,7.29C14.2,7.23 15.09,7.85 15.54,8.43C14.72,7.68 13.4,7.45 12.26,8C11.11,8.53 10.42,9.8 10.5,11.07C10.56,11 10.6,11.05 10.62,10.89C10.59,13.36 13.28,15.17 15.22,14.26L15.25,14.31C16.03,14.09 15.93,13.92 16.44,13.56C16.4,13.65 16.1,13.86 16.28,13.86C16.53,13.8 17.31,13.07 17.7,12.73C17.87,12.35 17.6,12.5 17.85,12.04L18.15,11.89C18.32,11.41 18.5,11.14 18.5,10.57" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-into.svg b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-into.svg
new file mode 100644
index 00000000..01a5e7a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-into.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-debug-step-into" viewBox="0 0 24 24"><path d="M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,2V13L17.5,8.5L18.92,9.92L12,16.84L5.08,9.92L6.5,8.5L11,13V2H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-out.svg b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-out.svg
new file mode 100644
index 00000000..f505bc7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-debug-step-out" viewBox="0 0 24 24"><path d="M12,22A2,2 0 0,1 10,20A2,2 0 0,1 12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22M13,16H11V6L6.5,10.5L5.08,9.08L12,2.16L18.92,9.08L17.5,10.5L13,6V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-over.svg b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-over.svg
new file mode 100644
index 00000000..fcec832d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/debug-step-over.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-debug-step-over" viewBox="0 0 24 24"><path d="M12,14A2,2 0 0,1 14,16A2,2 0 0,1 12,18A2,2 0 0,1 10,16A2,2 0 0,1 12,14M23.46,8.86L21.87,15.75L15,14.16L18.8,11.78C17.39,9.5 14.87,8 12,8C8.05,8 4.77,10.86 4.12,14.63L2.15,14.28C2.96,9.58 7.06,6 12,6C15.58,6 18.73,7.89 20.5,10.72L23.46,8.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decagram-outline.svg
new file mode 100644
index 00000000..48ce5078
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decagram-outline" viewBox="0 0 24 24"><path d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decagram.svg
new file mode 100644
index 00000000..f0d8707b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decagram" viewBox="0 0 24 24"><path d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-decrease.svg
new file mode 100644
index 00000000..4b29f0ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal-comma-decrease" viewBox="0 0 24 24"><path d="M5 13V16H4L3 13A1 1 0 0 1 5 13M15 16V14L12 17L15 20V18H21V16M12 11A3 3 0 0 1 6 11V8A3 3 0 0 1 12 8M10 8A1 1 0 0 0 8 8V11A1 1 0 0 0 10 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-increase.svg
new file mode 100644
index 00000000..b7ce7900
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal-comma-increase" viewBox="0 0 24 24"><path d="M9 5A3 3 0 0 0 6 8V11A3 3 0 0 0 12 11V8A3 3 0 0 0 9 5M10 11A1 1 0 0 1 8 11V8A1 1 0 0 1 10 8M16 14A3 3 0 0 0 19 11V8A3 3 0 0 0 13 8V11A3 3 0 0 0 16 14M15 8A1 1 0 0 1 17 8V11A1 1 0 0 1 15 11M19 20V18H13V16H19V14L22 17M5 13V16H4L3 13A1 1 0 0 1 5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma.svg
new file mode 100644
index 00000000..f51cbabc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-comma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal-comma" viewBox="0 0 24 24"><path d="M10 7A3 3 0 0 1 13 10V13A3 3 0 0 1 7 13V10A3 3 0 0 1 10 7M10 9A1 1 0 0 0 9 10V13A1 1 0 0 0 11 13V10A1 1 0 0 0 10 9M17 7A3 3 0 0 1 20 10V13A3 3 0 0 1 14 13V10A3 3 0 0 1 17 7M17 9A1 1 0 0 0 16 10V13A1 1 0 0 0 18 13V10A1 1 0 0 0 17 9M5 14A1 1 0 0 0 4 15L5 18H6V15A1 1 0 0 0 5 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-decrease.svg
new file mode 100644
index 00000000..d1ebb6f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal-decrease" viewBox="0 0 24 24"><path d="M12,17L15,20V18H21V16H15V14L12,17M9,5A3,3 0 0,1 12,8V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V8A3,3 0 0,1 9,5M9,7A1,1 0 0,0 8,8V11A1,1 0 0,0 9,12A1,1 0 0,0 10,11V8A1,1 0 0,0 9,7M4,12A1,1 0 0,1 5,13A1,1 0 0,1 4,14A1,1 0 0,1 3,13A1,1 0 0,1 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-increase.svg
new file mode 100644
index 00000000..44725cb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal-increase" viewBox="0 0 24 24"><path d="M22,17L19,20V18H13V16H19V14L22,17M9,5A3,3 0 0,1 12,8V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V8A3,3 0 0,1 9,5M9,7A1,1 0 0,0 8,8V11A1,1 0 0,0 9,12A1,1 0 0,0 10,11V8A1,1 0 0,0 9,7M16,5A3,3 0 0,1 19,8V11A3,3 0 0,1 16,14A3,3 0 0,1 13,11V8A3,3 0 0,1 16,5M16,7A1,1 0 0,0 15,8V11A1,1 0 0,0 16,12A1,1 0 0,0 17,11V8A1,1 0 0,0 16,7M4,12A1,1 0 0,1 5,13A1,1 0 0,1 4,14A1,1 0 0,1 3,13A1,1 0 0,1 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/decimal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/decimal.svg
new file mode 100644
index 00000000..2bd24784
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/decimal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-decimal" viewBox="0 0 24 24"><path d="M10 7A3 3 0 0 0 7 10V13A3 3 0 0 0 13 13V10A3 3 0 0 0 10 7M11 13A1 1 0 0 1 9 13V10A1 1 0 0 1 11 10M17 7A3 3 0 0 0 14 10V13A3 3 0 0 0 20 13V10A3 3 0 0 0 17 7M18 13A1 1 0 0 1 16 13V10A1 1 0 0 1 18 10M6 15A1 1 0 1 1 5 14A1 1 0 0 1 6 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert-outline.svg
new file mode 100644
index 00000000..23af0612
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-alert-outline" viewBox="0 0 24 24"><path d="M4 19V7H16V19C16 20.1 15.1 21 14 21H6C4.9 21 4 20.1 4 19M6 9V19H14V9H6M13.5 4H17V6H3V4H6.5L7.5 3H12.5L13.5 4M19 17V15H21V17H19M19 13V7H21V13H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert.svg
new file mode 100644
index 00000000..1fdfc9d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-alert" viewBox="0 0 24 24"><path d="M17 4V6H3V4H6.5L7.5 3H12.5L13.5 4H17M4 19V7H16V19C16 20.1 15.1 21 14 21H6C4.9 21 4 20.1 4 19M19 15H21V17H19V15M19 7H21V13H19V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle-outline.svg
new file mode 100644
index 00000000..88fc2922
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M16,10V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V10H16M13.5,6L14.5,7H17V9H7V7H9.5L10.5,6H13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle.svg
new file mode 100644
index 00000000..3e4605cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-circle" viewBox="0 0 24 24"><path d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M17,7H14.5L13.5,6H10.5L9.5,7H7V9H17V7M9,18H15A1,1 0 0,0 16,17V10H8V17A1,1 0 0,0 9,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock-outline.svg
new file mode 100644
index 00000000..f33aae9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-clock-outline" viewBox="0 0 24 24"><path d="M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13M23 16C23 19.87 19.87 23 16 23C14.09 23 12.36 22.24 11.1 21H8C6.9 21 6 20.1 6 19V7H18V9.29C20.89 10.15 23 12.83 23 16M9 16C9 12.13 12.13 9 16 9H8V19H9.67C9.24 18.09 9 17.07 9 16M16 11C13.24 11 11 13.24 11 16C11 18.76 13.24 21 16 21C18.76 21 21 18.76 21 16C21 13.24 18.76 11 16 11M15.5 4H19V6H5V4H8.5L9.5 3H14.5L15.5 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock.svg
new file mode 100644
index 00000000..a00349b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-clock" viewBox="0 0 24 24"><path d="M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13M23 16C23 19.87 19.87 23 16 23C14.09 23 12.36 22.24 11.1 21H8C6.9 21 6 20.1 6 19V7H18V9.29C20.89 10.15 23 12.83 23 16M16 11C13.24 11 11 13.24 11 16C11 18.76 13.24 21 16 21C18.76 21 21 18.76 21 16C21 13.24 18.76 11 16 11M19 4V6H5V4H8.5L9.5 3H14.5L15.5 4H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty-outline.svg
new file mode 100644
index 00000000..ed1c6f42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-empty-outline" viewBox="0 0 24 24"><path d="M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2 0 0,1 16,21H8A2,2 0 0,1 6,19M8,19H16V12.2L10.46,9H8V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty.svg
new file mode 100644
index 00000000..fac75481
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-empty" viewBox="0 0 24 24"><path d="M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2 0 0,1 16,21H8A2,2 0 0,1 6,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever-outline.svg
new file mode 100644
index 00000000..4d69df8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-forever-outline" viewBox="0 0 24 24"><path d="M14.12,10.47L12,12.59L9.87,10.47L8.46,11.88L10.59,14L8.47,16.12L9.88,17.53L12,15.41L14.12,17.53L15.53,16.12L13.41,14L15.53,11.88L14.12,10.47M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8,9H16V19H8V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever.svg
new file mode 100644
index 00000000..79998f2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-forever.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-forever" viewBox="0 0 24 24"><path d="M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8.46,11.88L9.87,10.47L12,12.59L14.12,10.47L15.53,11.88L13.41,14L15.53,16.12L14.12,17.53L12,15.41L9.88,17.53L8.47,16.12L10.59,14L8.46,11.88M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-off-outline.svg
new file mode 100644
index 00000000..03a6b9cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-off-outline" viewBox="0 0 24 24"><path d="M2 5.27L3.28 4L5 5.72L5.28 6L6.28 7L8.28 9L16 16.72L18 18.72L20 20.72L18.73 22L17.27 20.54C16.93 20.83 16.5 21 16 21H8C6.9 21 6 20.1 6 19V9.27L2 5.27M8 19H15.73L8 11.27V19M18 7V16.18L16 14.18V9H10.82L8.82 7H18M15.5 4H19V6H7.82L5.82 4H8.5L9.5 3H14.5L15.5 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-off.svg
new file mode 100644
index 00000000..b72b7d8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-off" viewBox="0 0 24 24"><path d="M2 5.27L3.28 4L5 5.72L5.28 6L6.28 7L18 18.72L20 20.72L18.73 22L17.27 20.54C16.93 20.83 16.5 21 16 21H8C6.9 21 6 20.1 6 19V9.27L2 5.27M19 4V6H7.82L5.82 4H8.5L9.5 3H14.5L15.5 4H19M18 7V16.18L8.82 7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-outline.svg
new file mode 100644
index 00000000..7645d7ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-outline" viewBox="0 0 24 24"><path d="M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19M8,9H16V19H8V9M15.5,4L14.5,3H9.5L8.5,4H5V6H19V4H15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-restore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-restore.svg
new file mode 100644
index 00000000..87a7d012
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-restore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-restore" viewBox="0 0 24 24"><path d="M14,14H16L12,10L8,14H10V18H14V14M6,7H18V19C18,19.5 17.8,20 17.39,20.39C17,20.8 16.5,21 16,21H8C7.5,21 7,20.8 6.61,20.39C6.2,20 6,19.5 6,19V7M19,4V6H5V4H8.5L9.5,3H14.5L15.5,4H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep-outline.svg
new file mode 100644
index 00000000..b962965c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-sweep-outline" viewBox="0 0 24 24"><path d="M15,16H19V18H15V16M15,8H22V10H15V8M15,12H21V14H15V12M11,10V18H5V10H11M13,8H3V18A2,2 0 0,0 5,20H11A2,2 0 0,0 13,18V8M14,5H11L10,4H6L5,5H2V7H14V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep.svg
new file mode 100644
index 00000000..2ea466dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-sweep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-sweep" viewBox="0 0 24 24"><path d="M15,16H19V18H15V16M15,8H22V10H15V8M15,12H21V14H15V12M3,18A2,2 0 0,0 5,20H11A2,2 0 0,0 13,18V8H3V18M14,5H11L10,4H6L5,5H2V7H14V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete-variant.svg
new file mode 100644
index 00000000..23353aea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete-variant" viewBox="0 0 24 24"><path d="M21.03,3L18,20.31C17.83,21.27 17,22 16,22H8C7,22 6.17,21.27 6,20.31L2.97,3H21.03M5.36,5L8,20H16L18.64,5H5.36M9,18V14H13V18H9M13,13.18L9.82,10L13,6.82L16.18,10L13,13.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delete.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delete.svg
new file mode 100644
index 00000000..a7db71d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delete" viewBox="0 0 24 24"><path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/delta.svg b/apps/phoenix_webcomponent/priv/mdi/svg/delta.svg
new file mode 100644
index 00000000..e4fcbae3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/delta.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-delta" viewBox="0 0 24 24"><path d="M12,7.77L18.39,18H5.61L12,7.77M12,4L2,20H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-off.svg
new file mode 100644
index 00000000..cb0fabcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desk-lamp-off" viewBox="0 0 24 24"><path d="M9 10.87L8.8 11.13C8.93 11.4 9 11.7 9 12C9 12.47 8.83 12.92 8.53 13.28L13 20H17V22H7V20H10.62L6.58 13.95C5.66 13.75 5 12.94 5 12C5 10.9 5.9 10 7 10H7.14L7.53 9.42L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73L9 10.87M18.33 7L16.67 9.5C17.35 9.95 18.29 9.77 18.75 9.08S19 7.46 18.33 7M9.57 6.37L11 7.82L12 6.37C11.78 8.05 12.75 9.89 14.45 11L18.89 4.37C17.2 3.24 15.12 3.04 13.65 3.87L10.85 2L9.18 4.5L10.32 5.25L9.57 6.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-on.svg
new file mode 100644
index 00000000..568b8acb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desk-lamp-on" viewBox="0 0 24 24"><path d="M10.85 2L9.18 4.5L10.32 5.25L7.14 10H7C5.9 10 5 10.9 5 12C5 12.94 5.66 13.75 6.58 13.95L10.62 20H7V22H17V20H13L8.53 13.28C8.83 12.92 9 12.47 9 12C9 11.7 8.93 11.4 8.8 11.13L12 6.37C11.78 8.05 12.75 9.89 14.45 11L18.89 4.37C17.2 3.24 15.12 3.04 13.65 3.87L10.85 2M18.33 7L16.67 9.5C17.35 9.95 18.29 9.77 18.75 9.08C19.21 8.39 19 7.46 18.33 7M21.7 12.58L19.58 10.45L20.28 9.75L22.4 11.87L21.7 12.58M23 7H20V6H23V7M16 14V11H17V14H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp.svg
new file mode 100644
index 00000000..4953dd3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desk-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desk-lamp" viewBox="0 0 24 24"><path d="M10.85,2L9.18,4.5L10.32,5.25L7.14,10C7.1,10 7.05,10 7,10A2,2 0 0,0 5,12C5,12.94 5.66,13.75 6.58,13.95L10.62,20H7V22H17V20H13L8.53,13.28C8.83,12.92 9,12.47 9,12C9,11.7 8.93,11.4 8.8,11.13L12,6.37C11.78,8.05 12.75,9.89 14.45,11L18.89,4.37C17.2,3.24 15.12,3.04 13.65,3.87L10.85,2M18.33,7L16.67,9.5C17.35,9.95 18.29,9.77 18.75,9.08C19.21,8.39 19,7.46 18.33,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desk.svg
new file mode 100644
index 00000000..bcd38e90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desk" viewBox="0 0 24 24"><path d="M3 6H21C21.55 6 22 6.45 22 7C22 7.55 21.55 8 21 8V19H19V17H15V19H13V8H5V19H3V8C2.45 8 2 7.55 2 7C2 6.45 2.45 6 3 6M16 10.5V11H18V10.5C18 10.22 17.78 10 17.5 10H16.5C16.22 10 16 10.22 16 10.5M16 14.5V15H18V14.5C18 14.22 17.78 14 17.5 14H16.5C16.22 14 16 14.22 16 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/deskphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/deskphone.svg
new file mode 100644
index 00000000..57abb293
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/deskphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-deskphone" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,5V19H19V5H15M5,5V9H13V5H5M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M5,14V16H7V14H5M8,14V16H10V14H8M11,14V16H13V14H11M11,17V19H13V17H11M8,17V19H10V17H8M5,17V19H7V17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desktop-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-classic.svg
new file mode 100644
index 00000000..0b4f7f69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desktop-classic" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V12C4,13.11 4.89,14 6,14H18C19.11,14 20,13.11 20,12V4C20,2.89 19.11,2 18,2H6M6,4H18V12H6V4M4,15C2.89,15 2,15.89 2,17V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V17C22,15.89 21.11,15 20,15H4M8,17H20V20H8V17M9,17.75V19.25H13V17.75H9M15,17.75V19.25H19V17.75H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower-monitor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower-monitor.svg
new file mode 100644
index 00000000..23a0f3cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower-monitor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desktop-tower-monitor" viewBox="0 0 24 24"><path d="M22,18H17A1,1 0 0,1 16,17V7A1,1 0 0,1 17,6H22A1,1 0 0,1 23,7V17A1,1 0 0,1 22,18M22,8H17V9H22V8M22,10H17V11H22V10M9,15V17H10V18H5V17H6V15H2A1,1 0 0,1 1,14V7A1,1 0 0,1 2,6H13A1,1 0 0,1 14,7V14A1,1 0 0,1 13,15H9M12,8H3V13H12V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower.svg
new file mode 100644
index 00000000..324d86e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/desktop-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-desktop-tower" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,4V6H16V4H8M16,8H8V10H16V8M16,18H14V20H16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/details.svg b/apps/phoenix_webcomponent/priv/mdi/svg/details.svg
new file mode 100644
index 00000000..7a2ad93c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/details.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-details" viewBox="0 0 24 24"><path d="M6.38,6H17.63L12,16L6.38,6M3,4L12,20L21,4H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dev-to.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dev-to.svg
new file mode 100644
index 00000000..d8de690f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dev-to.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dev-to" viewBox="0 0 24 24"><path d="M7.73 11.93C7.73 13.65 7.71 13.76 7.5 14C7.31 14.17 7.12 14.23 6.74 14.23L6.23 14.24L6.2 11.97L6.18 9.7H6.7C7.05 9.7 7.3 9.77 7.47 9.91C7.71 10.12 7.73 10.16 7.73 11.93M22 7.5V16.5C22 17.61 21.11 18.5 20 18.5H4C2.89 18.5 2 17.61 2 16.5V7.5C2 6.39 2.89 5.5 4 5.5H20C21.11 5.5 22 6.39 22 7.5M8.93 11.73C8.9 9.89 8.88 9.74 8.64 9.34C8.24 8.66 7.79 8.5 6.28 8.5H5V15.5H6.21C7.54 15.5 8.1 15.33 8.5 14.79C8.91 14.26 9 13.81 8.93 11.73M13.12 8.5H11.64C10.15 8.5 10.14 8.5 9.93 8.78S9.7 9.21 9.7 12V14.96L9.97 15.23C10.22 15.5 10.28 15.5 11.68 15.5H13.12V14.31L12.03 14.27L10.93 14.24V12.6L11.61 12.57L12.27 12.53V11.34H10.88V9.7H13.12V8.5M19 8.56C19 8.5 18.7 8.5 18.34 8.5L17.66 8.56L17.07 10.91C16.69 12.39 16.45 13.18 16.4 13.04C16.32 12.77 15.26 8.6 15.26 8.55C15.26 8.5 14.95 8.5 14.58 8.5H13.89L14.3 10.05C14.5 10.92 14.89 12.33 15.11 13.2C15.45 14.55 15.57 14.85 15.86 15.14C16.06 15.36 16.31 15.5 16.47 15.5C16.8 15.5 17.23 15.16 17.37 14.77C17.5 14.5 19 8.69 19 8.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/developer-board.svg b/apps/phoenix_webcomponent/priv/mdi/svg/developer-board.svg
new file mode 100644
index 00000000..42085810
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/developer-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-developer-board" viewBox="0 0 24 24"><path d="M22,9V7H20V5A2,2 0 0,0 18,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H18A2,2 0 0,0 20,19V17H22V15H20V13H22V11H20V9H22M18,19H4V5H18V19M6,13H11V17H6V13M12,7H16V10H12V7M6,7H11V12H6V7M12,11H16V17H12V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/deviantart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/deviantart.svg
new file mode 100644
index 00000000..cb517a29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/deviantart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-deviantart" viewBox="0 0 24 24"><path d="M6,6H12L14,2H18V6L14.5,13H18V18H12L10,22H6V18L9.5,11H6V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/devices.svg b/apps/phoenix_webcomponent/priv/mdi/svg/devices.svg
new file mode 100644
index 00000000..6b3fd126
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/devices.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-devices" viewBox="0 0 24 24"><path d="M3 6H21V4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H7V18H3V6M13 12H9V13.78C8.39 14.33 8 15.11 8 16C8 16.89 8.39 17.67 9 18.22V20H13V18.22C13.61 17.67 14 16.88 14 16S13.61 14.33 13 13.78V12M11 17.5C10.17 17.5 9.5 16.83 9.5 16S10.17 14.5 11 14.5 12.5 15.17 12.5 16 11.83 17.5 11 17.5M22 8H16C15.5 8 15 8.5 15 9V19C15 19.5 15.5 20 16 20H22C22.5 20 23 19.5 23 19V9C23 8.5 22.5 8 22 8M21 18H17V10H21V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dharmachakra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dharmachakra.svg
new file mode 100644
index 00000000..960a6868
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dharmachakra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dharmachakra" viewBox="0 0 24 24"><path d="M11,2V3C9.27,3.2 7.69,3.9 6.4,4.94L5.64,4.18L4.22,5.6L5,6.35C3.9,7.68 3.21,9.3 3,11H2V13H3C3.21,14.68 3.9,16.26 5,17.56L4.22,18.32L5.64,19.74L6.39,19C7.71,20.07 9.3,20.77 11,21V22H13V21C14.69,20.77 16.29,20.07 17.6,19L18.36,19.74L19.78,18.32L19,17.57C20.1,16.27 20.79,14.68 21,13H22V11H21C20.79,9.3 20.1,7.69 19,6.36L19.78,5.6L18.36,4.18L17.61,4.94C16.29,3.87 14.69,3.2 13,3V2H11M11,5V8L10,8.5L7.81,6.35C8.72,5.67 9.81,5.17 11,5M13,5C14.16,5.18 15.26,5.64 16.2,6.35L14,8.5L13,8V5M6.4,7.76L8.5,10L8,11H5C5.16,9.84 5.7,8.7 6.39,7.75L6.4,7.76M17.6,7.76C18.33,8.71 18.81,9.82 19,11H16L15.5,10L17.61,7.76H17.6M12,10C13.12,10 14,10.88 14,12C14,13.12 13.12,14 12,14C10.88,14 10,13.12 10,12C10,10.88 10.88,10 12,10M5,13H8L8.57,14L6.39,16.15C5.67,15.24 5.19,14.16 5,13V13M16,13H19C18.81,14.15 18.33,15.24 17.61,16.16L15.5,14L16,13M10,15.5L11,16V19C9.83,18.8 8.73,18.31 7.8,17.57L10,15.5M14,15.5L16.19,17.57C15.28,18.25 14.19,18.83 13,19V16L14,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diabetes.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diabetes.svg
new file mode 100644
index 00000000..01fb74d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diabetes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diabetes" viewBox="0 0 24 24"><path d="M14.73 2.29A1 1 0 0 1 16.14 3.7L13 6.79L13.76 7.74L15.7 12.74A1.46 1.46 0 0 1 15.36 14.29L12.27 17.38A1.55 1.55 0 0 1 10.15 17.38L5.55 12.78A1.37 1.37 0 0 1 5.15 11.78L4.65 5.34H5.72A1 1 0 0 1 6.47 5.64L6.61 5.81L7.66 9.29M7.66 22L2 16.36L4.12 14.24L9.78 19.9M19.5 4.5S17 7.26 17 9A2.5 2.5 0 1 0 22 9C22 7.26 19.5 4.5 19.5 4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dialpad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dialpad.svg
new file mode 100644
index 00000000..6518871c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dialpad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dialpad" viewBox="0 0 24 24"><path d="M12,19A2,2 0 0,0 10,21A2,2 0 0,0 12,23A2,2 0 0,0 14,21A2,2 0 0,0 12,19M6,1A2,2 0 0,0 4,3A2,2 0 0,0 6,5A2,2 0 0,0 8,3A2,2 0 0,0 6,1M6,7A2,2 0 0,0 4,9A2,2 0 0,0 6,11A2,2 0 0,0 8,9A2,2 0 0,0 6,7M6,13A2,2 0 0,0 4,15A2,2 0 0,0 6,17A2,2 0 0,0 8,15A2,2 0 0,0 6,13M18,5A2,2 0 0,0 20,3A2,2 0 0,0 18,1A2,2 0 0,0 16,3A2,2 0 0,0 18,5M12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13M18,13A2,2 0 0,0 16,15A2,2 0 0,0 18,17A2,2 0 0,0 20,15A2,2 0 0,0 18,13M18,7A2,2 0 0,0 16,9A2,2 0 0,0 18,11A2,2 0 0,0 20,9A2,2 0 0,0 18,7M12,7A2,2 0 0,0 10,9A2,2 0 0,0 12,11A2,2 0 0,0 14,9A2,2 0 0,0 12,7M12,1A2,2 0 0,0 10,3A2,2 0 0,0 12,5A2,2 0 0,0 14,3A2,2 0 0,0 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diameter-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diameter-outline.svg
new file mode 100644
index 00000000..1f7a2377
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diameter-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diameter-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16,15V13H8V15L5,12L8,9V11H16V9L19,12L16,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diameter-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diameter-variant.svg
new file mode 100644
index 00000000..0e773e07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diameter-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diameter-variant" viewBox="0 0 24 24"><path d="M4.15,21.46L5.47,19.58C3.35,17.74 2,15.03 2,12A10,10 0 0,1 12,2C13.78,2 15.44,2.46 16.89,3.27L18.21,1.39L19.85,2.54L18.53,4.42C20.65,6.26 22,8.97 22,12A10,10 0 0,1 12,22C10.22,22 8.56,21.54 7.11,20.73L5.79,22.61L4.15,21.46M12,4A8,8 0 0,0 4,12C4,14.35 5,16.46 6.63,17.93L15.73,4.92C14.62,4.33 13.35,4 12,4M12,20A8,8 0 0,0 20,12C20,9.65 19,7.54 17.37,6.07L8.27,19.08C9.38,19.67 10.65,20 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diameter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diameter.svg
new file mode 100644
index 00000000..6a9ab20e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diameter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diameter" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,15V13H7V15L4,12L7,9V11H17V9L20,12L17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diamond-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diamond-outline.svg
new file mode 100644
index 00000000..1a2e4721
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diamond-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diamond-outline" viewBox="0 0 24 24"><path d="M18,2H6L2,8L12,22L22,8L18,2M4.43,8L7.07,4H16.93L19.57,8L12,18.56L4.43,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diamond-stone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diamond-stone.svg
new file mode 100644
index 00000000..ce232583
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diamond-stone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diamond-stone" viewBox="0 0 24 24"><path d="M16,9H19L14,16M10,9H14L12,17M5,9H8L10,16M15,4H17L19,7H16M11,4H13L14,7H10M7,4H9L8,7H5M6,2L2,8L12,22L22,8L18,2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diamond.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diamond.svg
new file mode 100644
index 00000000..87c3caa3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diamond" viewBox="0 0 24 24"><path d="M6,2L2,8L12,22L22,8L18,2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-1-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-1-outline.svg
new file mode 100644
index 00000000..d6f61065
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-1-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-1-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M12 10.5C11.17 10.5 10.5 11.17 10.5 12S11.17 13.5 12 13.5 13.5 12.83 13.5 12 12.83 10.5 12 10.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-1.svg
new file mode 100644
index 00000000..055c3ea8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-1" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-2-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-2-outline.svg
new file mode 100644
index 00000000..42714c7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-2-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-2-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M7.5 6C6.67 6 6 6.67 6 7.5S6.67 9 7.5 9 9 8.33 9 7.5 8.33 6 7.5 6M16.5 15C15.67 15 15 15.67 15 16.5C15 17.33 15.67 18 16.5 18C17.33 18 18 17.33 18 16.5C18 15.67 17.33 15 16.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-2.svg
new file mode 100644
index 00000000..55173e70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-2" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-3-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-3-outline.svg
new file mode 100644
index 00000000..8acd5afe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-3-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-3-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M12 10.5C11.2 10.5 10.5 11.2 10.5 12S11.2 13.5 12 13.5 13.5 12.8 13.5 12 12.8 10.5 12 10.5M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M16.5 15C15.7 15 15 15.7 15 16.5C15 17.3 15.7 18 16.5 18C17.3 18 18 17.3 18 16.5C18 15.7 17.3 15 16.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-3.svg
new file mode 100644
index 00000000..4aa4d61f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-3" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-4-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-4-outline.svg
new file mode 100644
index 00000000..803935b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-4-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-4-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M7.5 6C6.67 6 6 6.67 6 7.5S6.67 9 7.5 9 9 8.33 9 7.5 8.33 6 7.5 6M16.5 15C15.67 15 15 15.67 15 16.5C15 17.33 15.67 18 16.5 18C17.33 18 18 17.33 18 16.5C18 15.67 17.33 15 16.5 15M16.5 6C15.67 6 15 6.67 15 7.5S15.67 9 16.5 9C17.33 9 18 8.33 18 7.5S17.33 6 16.5 6M7.5 15C6.67 15 6 15.67 6 16.5C6 17.33 6.67 18 7.5 18S9 17.33 9 16.5C9 15.67 8.33 15 7.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-4.svg
new file mode 100644
index 00000000..72965695
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-4" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-5-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-5-outline.svg
new file mode 100644
index 00000000..3da623a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-5-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-5-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M16.5 15C15.7 15 15 15.7 15 16.5C15 17.3 15.7 18 16.5 18C17.3 18 18 17.3 18 16.5C18 15.7 17.3 15 16.5 15M16.5 6C15.7 6 15 6.7 15 7.5S15.7 9 16.5 9C17.3 9 18 8.3 18 7.5S17.3 6 16.5 6M12 10.5C11.2 10.5 10.5 11.2 10.5 12S11.2 13.5 12 13.5 13.5 12.8 13.5 12 12.8 10.5 12 10.5M7.5 15C6.7 15 6 15.7 6 16.5C6 17.3 6.7 18 7.5 18S9 17.3 9 16.5C9 15.7 8.3 15 7.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-5.svg
new file mode 100644
index 00000000..db440937
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-5" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-6-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-6-outline.svg
new file mode 100644
index 00000000..c1d7ff2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-6-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-6-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M16.5 15C15.7 15 15 15.7 15 16.5C15 17.3 15.7 18 16.5 18C17.3 18 18 17.3 18 16.5C18 15.7 17.3 15 16.5 15M16.5 10.5C15.7 10.5 15 11.2 15 12S15.7 13.5 16.5 13.5C17.3 13.5 18 12.8 18 12S17.3 10.5 16.5 10.5M16.5 6C15.7 6 15 6.7 15 7.5S15.7 9 16.5 9C17.3 9 18 8.3 18 7.5S17.3 6 16.5 6M7.5 10.5C6.7 10.5 6 11.2 6 12S6.7 13.5 7.5 13.5 9 12.8 9 12 8.3 10.5 7.5 10.5M7.5 15C6.7 15 6 15.7 6 16.5C6 17.3 6.7 18 7.5 18S9 17.3 9 16.5C9 15.7 8.3 15 7.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-6.svg
new file mode 100644
index 00000000..63a04ef1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-6" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15M17,10A2,2 0 0,0 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10M17,5A2,2 0 0,0 15,7A2,2 0 0,0 17,9A2,2 0 0,0 19,7A2,2 0 0,0 17,5M7,10A2,2 0 0,0 5,12A2,2 0 0,0 7,14A2,2 0 0,0 9,12A2,2 0 0,0 7,10M7,15A2,2 0 0,0 5,17A2,2 0 0,0 7,19A2,2 0 0,0 9,17A2,2 0 0,0 7,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10-outline.svg
new file mode 100644
index 00000000..49251b93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d10-outline" viewBox="0 0 24 24"><path d="M10.5 16H9V10.21L7.22 10.76V9.53L10.36 8.41H10.5V16M14.07 8.21C15.5 8.21 16.64 9.36 16.64 10.78V13.42C16.64 14.84 15.5 16 14.07 16C12.64 16 11.5 14.84 11.5 13.42V10.78C11.5 9.36 12.65 8.21 14.07 8.21M14.06 9.65C13.47 9.65 13 10.13 13 10.71V13.5C13 14.07 13.47 14.54 14.06 14.54C14.64 14.54 15.14 14.06 15.14 13.5V10.71C15.14 10.12 14.64 9.65 14.06 9.65M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L20 12L12 20L4 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10.svg
new file mode 100644
index 00000000..a26f3ad7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d10" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M14.07 8.21C15.5 8.21 16.64 9.36 16.64 10.78V13.42C16.64 14.84 15.5 16 14.07 16C12.64 16 11.5 14.84 11.5 13.42V10.78C11.5 9.36 12.65 8.21 14.07 8.21M10.36 8.41H10.5V16H9V10.21L7.22 10.76V9.53L10.36 8.41M14.06 9.65C13.47 9.65 13 10.13 13 10.71V13.5C13 14.07 13.47 14.54 14.06 14.54C14.64 14.54 15.14 14.06 15.14 13.5V10.71C15.14 10.12 14.64 9.65 14.06 9.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12-outline.svg
new file mode 100644
index 00000000..4d49706f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d12-outline" viewBox="0 0 24 24"><path d="M12,2L1.5,9.64L5.5,22H18.5L22.5,9.64L12,2M17,20H7L3.85,10.4L12,4.47L20.15,10.4L17,20M17,15.75V17H11.66V15.91C11.66,15.91 15.23,12.45 15.23,11.4C15.23,10.12 14.18,10.25 14.18,10.25C13.5,10.3 13,10.87 13,11.55H11.44C11.5,10.09 12.72,8.94 14.27,9C16.74,9 16.77,10.85 16.77,11.3C16.77,13.07 13.58,15.77 13.58,15.77L17,15.75M10.5,17H8.89V10.89L7,11.47V10.19L10.31,9H10.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12.svg
new file mode 100644
index 00000000..988aec9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d12.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d12" viewBox="0 0 24 24"><path d="M12 2L1.5 9.64L5.5 22H18.5L22.5 9.64L12 2M10.5 17H8.89V10.89L7 11.47V10.19L10.31 9H10.5V17M17 17H11.66V15.91C11.66 15.91 15.23 12.45 15.23 11.4C15.23 10.12 14.18 10.25 14.18 10.25C13.5 10.3 13 10.87 13 11.55H11.44C11.5 10.09 12.72 8.94 14.27 9C16.74 9 16.77 10.85 16.77 11.3C16.77 13.07 13.58 15.77 13.58 15.77L17 15.75V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20-outline.svg
new file mode 100644
index 00000000..525ae98b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d20-outline" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15M14.93,8.27A2.57,2.57 0 0,1 17.5,10.84V13.5C17.5,14.9 16.35,16.05 14.93,16.05C13.5,16.05 12.36,14.9 12.36,13.5V10.84A2.57,2.57 0 0,1 14.93,8.27M14.92,9.71C14.34,9.71 13.86,10.18 13.86,10.77V13.53C13.86,14.12 14.34,14.6 14.92,14.6C15.5,14.6 16,14.12 16,13.53V10.77C16,10.18 15.5,9.71 14.92,9.71M11.45,14.76V15.96L6.31,15.93V14.91C6.31,14.91 9.74,11.58 9.75,10.57C9.75,9.33 8.73,9.46 8.73,9.46C8.73,9.46 7.75,9.5 7.64,10.71L6.14,10.76C6.14,10.76 6.18,8.26 8.83,8.26C11.2,8.26 11.23,10.04 11.23,10.5C11.23,12.18 8.15,14.77 8.15,14.77L11.45,14.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20.svg
new file mode 100644
index 00000000..cd582220
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d20" viewBox="0 0 24 24"><path d="M20.47 6.62L12.57 2.18C12.41 2.06 12.21 2 12 2S11.59 2.06 11.43 2.18L3.53 6.62C3.21 6.79 3 7.12 3 7.5V16.5C3 16.88 3.21 17.21 3.53 17.38L11.43 21.82C11.59 21.94 11.79 22 12 22S12.41 21.94 12.57 21.82L20.47 17.38C20.79 17.21 21 16.88 21 16.5V7.5C21 7.12 20.79 6.79 20.47 6.62M11.45 15.96L6.31 15.93V14.91C6.31 14.91 9.74 11.58 9.75 10.57C9.75 9.33 8.73 9.46 8.73 9.46S7.75 9.5 7.64 10.71L6.14 10.76C6.14 10.76 6.18 8.26 8.83 8.26C11.2 8.26 11.23 10.04 11.23 10.5C11.23 12.18 8.15 14.77 8.15 14.77L11.45 14.76V15.96M17.5 13.5C17.5 14.9 16.35 16.05 14.93 16.05C13.5 16.05 12.36 14.9 12.36 13.5V10.84C12.36 9.42 13.5 8.27 14.93 8.27S17.5 9.42 17.5 10.84V13.5M16 10.77V13.53C16 14.12 15.5 14.6 14.92 14.6C14.34 14.6 13.86 14.12 13.86 13.53V10.77C13.86 10.18 14.34 9.71 14.92 9.71C15.5 9.71 16 10.18 16 10.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4-outline.svg
new file mode 100644
index 00000000..6e0e2d60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d4-outline" viewBox="0 0 24 24"><path d="M13.43,15.15H14.29V16.36H13.43V18H11.92V16.36H8.82L8.75,15.41L11.91,10.42H13.43V15.15M10.25,15.15H11.92V12.47L10.25,15.15M22,21H2C1.64,21 1.31,20.81 1.13,20.5C0.95,20.18 0.96,19.79 1.15,19.5L11.15,3C11.5,2.38 12.5,2.38 12.86,3L22.86,19.5C23.04,19.79 23.05,20.18 22.87,20.5C22.69,20.81 22.36,21 22,21M3.78,19H20.23L12,5.43L3.78,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4.svg
new file mode 100644
index 00000000..51631705
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d4" viewBox="0 0 24 24"><path d="M10.25 15.15L11.92 12.47V15.15H10.25M21.92 21H2.08C1.24 21 .72 20.08 1.16 19.36L11.08 3.13C11.5 2.44 12.5 2.44 12.92 3.13L22.84 19.36C23.28 20.08 22.76 21 21.92 21M14.29 15.15H13.43V10.42H11.91L8.75 15.41L8.82 16.36H11.92V18H13.43V16.36H14.29V15.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6-outline.svg
new file mode 100644
index 00000000..0124f0b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d6-outline" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5M13.39,9.53C10.89,9.5 10.86,11.53 10.86,11.53C10.86,11.53 11.41,10.87 12.53,10.87C13.19,10.87 14.5,11.45 14.55,13.41C14.61,15.47 12.77,16 12.77,16C12.77,16 9.27,16.86 9.3,12.66C9.33,7.94 13.39,8.33 13.39,8.33V9.53M11.95,12.1C11.21,12 10.83,12.78 10.83,12.78L10.85,13.5C10.85,14.27 11.39,14.83 12,14.83C12.61,14.83 13.05,14.27 13.05,13.5C13.05,12.73 12.56,12.1 11.95,12.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6.svg
new file mode 100644
index 00000000..43b10f40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d6" viewBox="0 0 24 24"><path d="M13.05 13.5C13.05 14.27 12.61 14.83 12 14.83S10.85 14.27 10.85 13.5L10.83 12.78C10.83 12.78 11.21 12 11.95 12.1C12.56 12.1 13.05 12.73 13.05 13.5M21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5M14.55 13.41C14.5 11.45 13.19 10.87 12.53 10.87C11.41 10.87 10.86 11.53 10.86 11.53S10.89 9.5 13.39 9.53V8.33C13.39 8.33 9.33 7.94 9.3 12.66C9.27 16.86 12.77 16 12.77 16S14.61 15.47 14.55 13.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8-outline.svg
new file mode 100644
index 00000000..2277142d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d8-outline" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L20 12L12 20L4 12M12 8.25C13.31 8.25 14.38 9.2 14.38 10.38C14.38 11.07 14 11.68 13.44 12.07C14.14 12.46 14.6 13.13 14.6 13.9C14.6 15.12 13.44 16.1 12 16.1C10.56 16.1 9.4 15.12 9.4 13.9C9.4 13.13 9.86 12.46 10.56 12.07C10 11.68 9.63 11.07 9.63 10.38C9.63 9.2 10.69 8.25 12 8.25M12 12.65C11.39 12.65 10.9 13.14 10.9 13.75C10.9 14.36 11.39 14.85 12 14.85C12.61 14.85 13.1 14.36 13.1 13.75C13.1 13.14 12.61 12.65 12 12.65M12 9.5C11.5 9.5 11.1 9.95 11.1 10.5C11.1 11.05 11.5 11.5 12 11.5C12.5 11.5 12.9 11.05 12.9 10.5C12.9 9.95 12.5 9.5 12 9.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8.svg
new file mode 100644
index 00000000..26e8b34d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-d8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-d8" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 8.25C13.31 8.25 14.38 9.2 14.38 10.38C14.38 11.07 14 11.68 13.44 12.07C14.14 12.46 14.6 13.13 14.6 13.9C14.6 15.12 13.44 16.1 12 16.1C10.56 16.1 9.4 15.12 9.4 13.9C9.4 13.13 9.86 12.46 10.56 12.07C10 11.68 9.63 11.07 9.63 10.38C9.63 9.2 10.69 8.25 12 8.25M12 9.5C11.5 9.5 11.1 9.95 11.1 10.5C11.1 11.05 11.5 11.5 12 11.5C12.5 11.5 12.9 11.05 12.9 10.5C12.9 9.95 12.5 9.5 12 9.5M12 12.65C11.39 12.65 10.9 13.14 10.9 13.75C10.9 14.36 11.39 14.85 12 14.85C12.61 14.85 13.1 14.36 13.1 13.75C13.1 13.14 12.61 12.65 12 12.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple-outline.svg
new file mode 100644
index 00000000..0e82bc53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-multiple-outline" viewBox="0 0 24 24"><path d="M14 8C13.45 8 13 7.55 13 7S13.45 6 14 6C14.55 6 15 6.45 15 7C15 7.55 14.55 8 14 8M12 12V19H5V12H12M12.78 10H4.22C3.55 10 3 10.55 3 11.22V19.78C3 20.45 3.55 21 4.22 21H12.78C13.45 21 14 20.45 14 19.78V11.22C14 10.55 13.45 10 12.78 10M19.78 3H11.22C10.55 3 10 3.55 10 4.22V8H12V5H19V12H16V14H19.78C20.45 14 21 13.45 21 12.78V4.22C21 3.55 20.45 3 19.78 3M17 8C16.45 8 16 7.55 16 7S16.45 6 17 6C17.55 6 18 6.45 18 7C18 7.55 17.55 8 17 8M17 11C16.45 11 16 10.55 16 10S16.45 9 17 9C17.55 9 18 9.45 18 10C18 10.55 17.55 11 17 11M7 15C6.45 15 6 14.55 6 14S6.45 13 7 13C7.55 13 8 13.45 8 14C8 14.55 7.55 15 7 15M10 18C9.45 18 9 17.55 9 17S9.45 16 10 16C10.55 16 11 16.45 11 17C11 17.55 10.55 18 10 18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple.svg
new file mode 100644
index 00000000..f6271ce9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dice-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dice-multiple" viewBox="0 0 24 24"><path d="M19.78,3H11.22C10.55,3 10,3.55 10,4.22V8H16V14H19.78C20.45,14 21,13.45 21,12.78V4.22C21,3.55 20.45,3 19.78,3M12.44,6.67C11.76,6.67 11.21,6.12 11.21,5.44C11.21,4.76 11.76,4.21 12.44,4.21A1.23,1.23 0 0,1 13.67,5.44C13.67,6.12 13.12,6.67 12.44,6.67M18.56,12.78C17.88,12.79 17.33,12.24 17.32,11.56C17.31,10.88 17.86,10.33 18.54,10.32C19.22,10.31 19.77,10.86 19.78,11.56C19.77,12.23 19.23,12.77 18.56,12.78M18.56,6.67C17.88,6.68 17.33,6.13 17.32,5.45C17.31,4.77 17.86,4.22 18.54,4.21C19.22,4.2 19.77,4.75 19.78,5.44C19.78,6.12 19.24,6.66 18.56,6.67M4.22,10H12.78A1.22,1.22 0 0,1 14,11.22V19.78C14,20.45 13.45,21 12.78,21H4.22C3.55,21 3,20.45 3,19.78V11.22C3,10.55 3.55,10 4.22,10M8.5,14.28C7.83,14.28 7.28,14.83 7.28,15.5C7.28,16.17 7.83,16.72 8.5,16.72C9.17,16.72 9.72,16.17 9.72,15.5A1.22,1.22 0 0,0 8.5,14.28M5.44,11.22C4.77,11.22 4.22,11.77 4.22,12.44A1.22,1.22 0 0,0 5.44,13.66C6.11,13.66 6.66,13.11 6.66,12.44V12.44C6.66,11.77 6.11,11.22 5.44,11.22M11.55,17.33C10.88,17.33 10.33,17.88 10.33,18.55C10.33,19.22 10.88,19.77 11.55,19.77A1.22,1.22 0 0,0 12.77,18.55H12.77C12.77,17.88 12.23,17.34 11.56,17.33H11.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/digital-ocean.svg b/apps/phoenix_webcomponent/priv/mdi/svg/digital-ocean.svg
new file mode 100644
index 00000000..27fa734d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/digital-ocean.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-digital-ocean" viewBox="0 0 24 24"><path d="M6 12H2C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22V18H8V14H12V18C15.32 18 18 15.31 18 12C18 8.69 15.31 6 12 6C8.69 6 6 8.69 6 12M8 18V21H5V18H8M3 16H5V18H3V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dip-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dip-switch.svg
new file mode 100644
index 00000000..0def1d46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dip-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dip-switch" viewBox="0 0 24 24"><path d="M3,4H7A1,1 0 0,1 8,5V19A1,1 0 0,1 7,20H3A1,1 0 0,1 2,19V5A1,1 0 0,1 3,4M10,4H14A1,1 0 0,1 15,5V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V5A1,1 0 0,1 10,4M17,4H21A1,1 0 0,1 22,5V19A1,1 0 0,1 21,20H17A1,1 0 0,1 16,19V5A1,1 0 0,1 17,4M4,18H6V13H4V18M11,11H13V6H11V11M18,18H20V13H18V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/directions-fork.svg b/apps/phoenix_webcomponent/priv/mdi/svg/directions-fork.svg
new file mode 100644
index 00000000..0fc37ff5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/directions-fork.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-directions-fork" viewBox="0 0 24 24"><path d="M3,4V12.5L6,9.5L9,13C10,14 10,15 10,15V21H14V14C14,14 14,13 13.47,12C12.94,11 12,10 12,10L9,6.58L11.5,4M18,4L13.54,8.47L14,9C14,9 14.93,10 15.47,11C15.68,11.4 15.8,11.79 15.87,12.13L21,7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/directions.svg b/apps/phoenix_webcomponent/priv/mdi/svg/directions.svg
new file mode 100644
index 00000000..af4fe4ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/directions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-directions" viewBox="0 0 24 24"><path d="M14,14.5V12H10V15H8V11A1,1 0 0,1 9,10H14V7.5L17.5,11M21.71,11.29L12.71,2.29H12.7C12.31,1.9 11.68,1.9 11.29,2.29L2.29,11.29C1.9,11.68 1.9,12.32 2.29,12.71L11.29,21.71C11.68,22.09 12.31,22.1 12.71,21.71L21.71,12.71C22.1,12.32 22.1,11.68 21.71,11.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/disc-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/disc-alert.svg
new file mode 100644
index 00000000..be74d84c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/disc-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-disc-alert" viewBox="0 0 24 24"><path d="M10 14C8.9 14 8 13.1 8 12C8 10.9 8.9 10 10 10C11.1 10 12 10.9 12 12S11.1 14 10 14M10 4C5.6 4 2 7.6 2 12S5.6 20 10 20 18 16.4 18 12 14.4 4 10 4M20 13H22V7H20M20 17H22V15H20V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/disc-player.svg b/apps/phoenix_webcomponent/priv/mdi/svg/disc-player.svg
new file mode 100644
index 00000000..a6cfd622
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/disc-player.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-disc-player" viewBox="0 0 24 24"><path d="M14.5,10.37C15.54,10.37 16.38,9.53 16.38,8.5C16.38,7.46 15.54,6.63 14.5,6.63C13.46,6.63 12.63,7.46 12.63,8.5A1.87,1.87 0 0,0 14.5,10.37M14.5,1A7.5,7.5 0 0,1 22,8.5C22,10.67 21.08,12.63 19.6,14H9.4C7.93,12.63 7,10.67 7,8.5C7,4.35 10.36,1 14.5,1M6,21V22H4V21H2V15H22V21H20V22H18V21H6M4,18V19H13V18H4M15,17V19H17V17H15M19,17A1,1 0 0,0 18,18A1,1 0 0,0 19,19A1,1 0 0,0 20,18A1,1 0 0,0 19,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/disc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/disc.svg
new file mode 100644
index 00000000..ada104c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/disc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-disc" viewBox="0 0 24 24"><path d="M12,14C10.89,14 10,13.1 10,12C10,10.89 10.89,10 12,10C13.11,10 14,10.89 14,12A2,2 0 0,1 12,14M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-alert.svg
new file mode 100644
index 00000000..4950d25f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dishwasher-alert" viewBox="0 0 24 24"><path d="M16 2H4C2.9 2 2 2.9 2 4V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V4C18 2.9 17.11 2 16 2M8 4C8.55 4 9 4.45 9 5S8.55 6 8 6 7 5.55 7 5 7.45 4 8 4M5 4C5.55 4 6 4.45 6 5S5.55 6 5 6 4 5.55 4 5 4.45 4 5 4M16 20H4V8H16V20M12.67 15.33C12.69 16.03 12.41 16.71 11.91 17.21C10.86 18.26 9.15 18.27 8.09 17.21C7.59 16.71 7.31 16.03 7.33 15.33C7.4 14.62 7.63 13.94 8 13.33C8.37 12.5 8.81 11.73 9.33 11L10 10C11.79 12.59 12.67 14.36 12.67 15.33M20 15H22V17H20V15M20 7H22V13H20V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-off.svg
new file mode 100644
index 00000000..2bf30fbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dishwasher-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4 5.89V20C4 21.11 4.89 22 6 22H18C18.58 22 19.1 21.75 19.46 21.35L20.84 22.73L22.11 21.46M18 20H6V8H6.11L10.5 12.37C10.31 12.69 10.15 13 10 13.33C9.63 13.94 9.4 14.62 9.33 15.33C9.31 16.03 9.59 16.71 10.09 17.21C11.15 18.27 12.86 18.26 13.91 17.21C14.16 16.97 14.35 16.68 14.5 16.36L18 19.89V20M11.2 8H18V14.8L20 16.8V4C20 2.9 19.11 2 18 2H6C5.76 2 5.54 2.05 5.33 2.13L11.2 8M10 4C10.55 4 11 4.45 11 5S10.55 6 10 6 9 5.55 9 5 9.45 4 10 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher.svg
new file mode 100644
index 00000000..15f88f33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dishwasher.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dishwasher" viewBox="0 0 24 24"><path d="M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2M10,4A1,1 0 0,1 11,5A1,1 0 0,1 10,6A1,1 0 0,1 9,5A1,1 0 0,1 10,4M7,4A1,1 0 0,1 8,5A1,1 0 0,1 7,6A1,1 0 0,1 6,5A1,1 0 0,1 7,4M18,20H6V8H18V20M14.67,15.33C14.69,16.03 14.41,16.71 13.91,17.21C12.86,18.26 11.15,18.27 10.09,17.21C9.59,16.71 9.31,16.03 9.33,15.33C9.4,14.62 9.63,13.94 10,13.33C10.37,12.5 10.81,11.73 11.33,11L12,10C13.79,12.59 14.67,14.36 14.67,15.33" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/disqus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/disqus.svg
new file mode 100644
index 00000000..ccf9bbd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/disqus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-disqus" viewBox="0 0 24 24"><path d="M12.08,22C9.63,22 7.39,21.11 5.66,19.63L1.41,20.21L3.05,16.15C2.5,14.88 2.16,13.5 2.16,12C2.16,6.5 6.6,2 12.08,2C17.56,2 22,6.5 22,12C22,17.5 17.56,22 12.08,22M17.5,11.97V11.94C17.5,9.06 15.46,7 11.95,7H8.16V17H11.9C15.43,17 17.5,14.86 17.5,11.97M12,14.54H10.89V9.46H12C13.62,9.46 14.7,10.39 14.7,12V12C14.7,13.63 13.62,14.54 12,14.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-center.svg
new file mode 100644
index 00000000..8612b5f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-horizontal-center" viewBox="0 0 24 24"><path d="M8 2V5H10V19H8V22H6V19H4V5H6V2H8M16 2V7H14V17H16V22H18V17H20V7H18V2H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-left.svg
new file mode 100644
index 00000000..ff5515ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-horizontal-left" viewBox="0 0 24 24"><path d="M21 7V17H16V22H14V2H16V7H21M5 2H3V22H5V19H10V5H5V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-right.svg
new file mode 100644
index 00000000..572f35a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-horizontal-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-horizontal-right" viewBox="0 0 24 24"><path d="M3 17V7H8V2H10V22H8V17H3M19 22H21V2H19V5H14V19H19V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-bottom.svg
new file mode 100644
index 00000000..a74af5b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-vertical-bottom" viewBox="0 0 24 24"><path d="M7 3H17V8H22V10H2V8H7V3M2 19V21H22V19H19V14H5V19H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-center.svg
new file mode 100644
index 00000000..9799c497
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-vertical-center" viewBox="0 0 24 24"><path d="M2 16H5V14H19V16H22V18H19V20H5V18H2V16M2 8H7V10H17V8H22V6H17V4H7V6H2V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-top.svg
new file mode 100644
index 00000000..a3dd7f06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/distribute-vertical-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-distribute-vertical-top" viewBox="0 0 24 24"><path d="M17 21H7V16H2V14H22V16H17V21M22 5V3H2V5H5V10H19V5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diversify.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diversify.svg
new file mode 100644
index 00000000..155f8444
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diversify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diversify" viewBox="0 0 24 24"><path d="M19 2V4H12C10.9 4 10 4.89 10 6V9H12V6H19V8L22 5L19 2M19 9V11H14V13H19V15L22 12L19 9M11.05 10C9.94 10 9.04 10.87 9.03 12S9.9 14 11 14C12.11 14 13 13.11 13 12C13 10.91 12.13 10.03 11.05 10M2 11V13H8V11H2M10 15V18C10 19.11 10.9 20 12 20H19V22L22 19L19 16V18H12V15H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-flippers.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-flippers.svg
new file mode 100644
index 00000000..0fcb56df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-flippers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-flippers" viewBox="0 0 24 24"><path d="M20.28,3.66C19.28,3.44 18.54,2.25 17.57,2.04C16.6,1.83 15.4,2.59 14.42,2.37C13.38,2 12.22,2.13 11.28,2.71L11.21,17L11,18C10.64,19.62 11.67,21.22 13.29,21.58C14.9,21.93 16.5,20.91 16.86,19.29L17.07,18.29L23,5.28C22.39,4.35 21.39,3.76 20.28,3.66M14.91,18.86C14.79,19.41 14.25,19.76 13.7,19.65C13.14,19.53 12.79,19 12.91,18.43L13.77,14.5C13.86,13.97 14.37,13.6 14.92,13.69C15.46,13.78 15.83,14.3 15.74,14.84C15.74,14.88 15.73,14.91 15.72,14.95L14.91,18.86M9.72,21.34C9.33,20.73 9.08,20.05 9,19.34L8.24,16C8.1,15.47 8.41,14.92 9,14.76C9.07,14.75 9.15,14.75 9.22,14.76V3.43C8.31,3.43 7.22,2.86 6.38,3.06C5.54,3.26 4.69,4.44 3.72,4.66C2.61,4.76 1.61,5.35 1,6.28L6.93,19.28L7.14,20.28C7.5,21.9 9.09,22.92 10.71,22.57H10.81C10.38,22.22 10,21.81 9.72,21.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-helmet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-helmet.svg
new file mode 100644
index 00000000..72d9f2eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-helmet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-helmet" viewBox="0 0 24 24"><path d="M16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12M19.45,7.89L18.07,8.58L18.32,9H20V15H18.33C17.84,16.03 17.11,16.92 16.21,17.6C17.85,18.11 19.1,18.91 19.67,19.86C18.69,21.1 15.62,22 12,22C8.38,22 5.31,21.1 4.33,19.86C4.9,18.91 6.15,18.11 7.79,17.6C6.89,16.92 6.16,16.03 5.67,15H4V9H5.68C6.37,7.54 7.54,6.37 9,5.68V4H15V5.68C15.68,6 16.29,6.46 16.82,7L18.55,6.14C19.93,5.42 20,4.1 20,2H22C22,4.06 22,6.62 19.45,7.89M17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-flag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-flag.svg
new file mode 100644
index 00000000..374c0d6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-scuba-flag" viewBox="0 0 24 24"><path d="M2,6L19,20H2V6M5,4L22,18V4H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-mask.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-mask.svg
new file mode 100644
index 00000000..e62fa734
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-mask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-scuba-mask" viewBox="0 0 24 24"><path d="M12,15C13.31,15 14.42,15.83 14.83,17H18A4,4 0 0,1 22,21V22H20V21A2,2 0 0,0 18,19H14.83C14.42,20.17 13.31,21 12,21A3,3 0 0,1 9,18A3,3 0 0,1 12,15M12,17A1,1 0 0,0 11,18A1,1 0 0,0 12,19A1,1 0 0,0 13,18A1,1 0 0,0 12,17M18,3A2,2 0 0,1 20,5V10A2,2 0 0,1 18,12H14.85C14.43,12 14.05,12.24 13.9,12.63C13.7,13.23 13.23,13.71 12.62,13.91C11.58,14.25 10.44,13.68 10.1,12.63C9.95,12.24 9.57,12 9.15,12H6A2,2 0 0,1 4,10V5A2,2 0 0,1 6,3H18M18,10V5H6V10H10.65C10.9,9.46 11.41,9.09 12,9C12.59,9.09 13.1,9.46 13.35,10H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank-multiple.svg
new file mode 100644
index 00000000..0b8beb4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-scuba-tank-multiple" viewBox="0 0 24 24"><path d="M22,18.5A2.5,2.5 0 0,1 19.5,21A2.5,2.5 0 0,1 17,18.5C17,17.47 17.62,16.59 18.5,16.21V6H14V7.35C15.22,7.93 16,9.15 16,10.5V22H2V10.5C2,9.15 2.78,7.93 4,7.35V6H2V4H4V3.5A1.5,1.5 0 0,1 5.5,2A1.5,1.5 0 0,1 7,3.5V4H11V3.5A1.5,1.5 0 0,1 12.5,2A1.5,1.5 0 0,1 14,3.5V4H18.5A2,2 0 0,1 20.5,6V16.21C21.38,16.59 22,17.47 22,18.5M11,7.35V6H7V7.35C8.22,7.93 9,9.15 9,10.5C9,9.15 9.78,7.93 11,7.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank.svg
new file mode 100644
index 00000000..160709e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba-tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-scuba-tank" viewBox="0 0 24 24"><path d="M19,18.5A2.5,2.5 0 0,1 16.5,21A2.5,2.5 0 0,1 14,18.5C14,17.47 14.62,16.59 15.5,16.21V6H11V7.35C12.22,7.93 13,9.15 13,10.5V22H6V10.5C6,9.15 6.78,7.93 8,7.35V6H6V4H8V3.5A1.5,1.5 0 0,1 9.5,2A1.5,1.5 0 0,1 11,3.5V4H15.5A2,2 0 0,1 17.5,6V16.21C18.38,16.59 19,17.47 19,18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba.svg
new file mode 100644
index 00000000..a3bee3b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-scuba.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-scuba" viewBox="0 0 24 24"><path d="M1 13C1 11.9 1.9 11 3 11S5 11.9 5 13 4.1 15 3 15 1 14.1 1 13M8.89 10.11L13.42 8.9L12.64 6L8.11 7.21C7.31 7.42 6.83 8.25 7.05 9.05C7.27 9.85 8.09 10.33 8.89 10.11M20.5 5.9L23 3L22 2L19 5L17 9L7.5 11.87C6.7 12.07 6.13 12.76 6 13.55L5.24 18L2.4 21.8L4 23L7 19L8.14 15.86L14 14L19 10.5L20.5 5.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving-snorkel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving-snorkel.svg
new file mode 100644
index 00000000..82a9891e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving-snorkel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving-snorkel" viewBox="0 0 24 24"><path d="M16,3H4A2,2 0 0,0 2,5V10A2,2 0 0,0 4,12H7.15C7.57,12 7.95,12.24 8.1,12.63C8.44,13.68 9.58,14.25 10.62,13.91C11.23,13.71 11.7,13.23 11.9,12.63C12.05,12.24 12.43,12 12.85,12H16A2,2 0 0,0 18,10V5A2,2 0 0,0 16,3M16,10H11.35C11.1,9.46 10.59,9.09 10,9C9.41,9.09 8.9,9.46 8.65,10H4V5H16V10M22,2V15.5A6.5,6.5 0 0,1 15.5,22C13.79,22 12.15,21.32 10.93,20.12C8.95,20.58 6.88,19.79 5.71,18.12L7.62,17.29C8.5,18.22 9.84,18.5 11,18C11.2,17.91 11.39,17.8 11.56,17.67C12.4,17.05 12.87,16.04 12.78,15L14.69,14.17C15.1,16.04 14.41,18 12.9,19.17C13.66,19.71 14.57,20 15.5,20C18,20 20,18 20,15.5V2H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/diving.svg b/apps/phoenix_webcomponent/priv/mdi/svg/diving.svg
new file mode 100644
index 00000000..c7733194
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/diving.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-diving" viewBox="0 0 24 24"><path d="M13.26 5.2L13.3 5.18C13.72 4.82 14.35 4.88 14.71 5.3L16.97 8H20C20.55 8 21 8.45 21 9S20.55 10 20 10H16.5C16.15 10 15.85 9.82 15.67 9.56L14.17 7.77L11.64 10.13L14.57 12.18C14.83 12.36 15 12.66 15 13V17C15 17.55 14.55 18 14 18S13 17.55 13 17V13.5L9.77 11.26C8.82 10.6 8.74 9.23 9.6 8.46L13.26 5.2M16.5 5C17.34 5 18 4.33 18 3.5S17.34 2 16.5 2 15 2.67 15 3.5 15.68 5 16.5 5M6 19H5C3.34 19 2 20.34 2 22H6V20.5H15V19H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/division-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/division-box.svg
new file mode 100644
index 00000000..296e49bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/division-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-division-box" viewBox="0 0 24 24"><path d="M17,13V11H7V13H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7M12,15A1,1 0 0,0 11,16A1,1 0 0,0 12,17A1,1 0 0,0 13,16A1,1 0 0,0 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/division.svg b/apps/phoenix_webcomponent/priv/mdi/svg/division.svg
new file mode 100644
index 00000000..4e9fb7da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/division.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-division" viewBox="0 0 24 24"><path d="M19,13H5V11H19V13M12,5A2,2 0 0,1 14,7A2,2 0 0,1 12,9A2,2 0 0,1 10,7A2,2 0 0,1 12,5M12,15A2,2 0 0,1 14,17A2,2 0 0,1 12,19A2,2 0 0,1 10,17A2,2 0 0,1 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dlna.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dlna.svg
new file mode 100644
index 00000000..73ac7631
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dlna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dlna" viewBox="0 0 24 24"><path d="M21.38,12.56H12.85C11.97,12.56 11.1,12.96 10.61,13.61V13.6C10.12,14.28 9.32,14.72 8.41,14.72C6.92,14.72 5.71,13.5 5.71,12C5.71,10.5 6.92,9.31 8.41,9.31C9.32,9.31 10.12,9.75 10.61,10.43V10.42C11.1,11.07 11.97,11.5 12.85,11.5H21.29C21.45,11.5 22,11.4 22,10.67C21.26,6.43 17.1,3.18 12.06,3.18C8.96,3.18 6.19,4.41 4.34,6.35C4.05,6.79 4.35,6.92 4.63,6.96H10.14C11,6.96 11.89,6.54 12.38,5.89V5.91C12.88,5.23 13.67,4.78 14.58,4.78C16.07,4.78 17.28,6 17.28,7.5C17.28,9 16.07,10.2 14.58,10.2C13.67,10.2 12.88,9.75 12.38,9.07V9.08C11.89,8.44 11,8.03 10.14,8.03H4.13L4.15,8.03C4.15,8.03 3.26,8 2.72,8.75C2.3,9.42 2,10.85 2,12C2,13.16 2.17,14.21 2.72,15.27C3.19,16.03 4.15,16 4.15,16H4.11L10.14,16C11,16 11.89,15.58 12.38,14.93V14.94C12.88,14.26 13.67,13.81 14.58,13.81C16.07,13.81 17.28,15.03 17.28,16.5C17.28,18 16.07,19.23 14.58,19.23C13.67,19.23 12.88,18.78 12.38,18.1V18.12C11.89,17.47 11,17.05 10.14,17.05H4.64C4.36,17.09 4.06,17.22 4.32,17.64C6.17,19.58 8.95,20.82 12.06,20.82C17.11,20.82 21.28,17.57 22,13.31C22,12.72 21.59,12.58 21.38,12.56" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dna.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dna.svg
new file mode 100644
index 00000000..6834a8a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dna" viewBox="0 0 24 24"><path d="M4,2H6V4C6,5.44 6.68,6.61 7.88,7.78C8.74,8.61 9.89,9.41 11.09,10.2L9.26,11.39C8.27,10.72 7.31,10 6.5,9.21C5.07,7.82 4,6.1 4,4V2M18,2H20V4C20,6.1 18.93,7.82 17.5,9.21C16.09,10.59 14.29,11.73 12.54,12.84C10.79,13.96 9.09,15.05 7.88,16.22C6.68,17.39 6,18.56 6,20V22H4V20C4,17.9 5.07,16.18 6.5,14.79C7.91,13.41 9.71,12.27 11.46,11.16C13.21,10.04 14.91,8.95 16.12,7.78C17.32,6.61 18,5.44 18,4V2M14.74,12.61C15.73,13.28 16.69,14 17.5,14.79C18.93,16.18 20,17.9 20,20V22H18V20C18,18.56 17.32,17.39 16.12,16.22C15.26,15.39 14.11,14.59 12.91,13.8L14.74,12.61M7,3H17V4L16.94,4.5H7.06L7,4V3M7.68,6H16.32C16.08,6.34 15.8,6.69 15.42,7.06L14.91,7.5H9.07L8.58,7.06C8.2,6.69 7.92,6.34 7.68,6M9.09,16.5H14.93L15.42,16.94C15.8,17.31 16.08,17.66 16.32,18H7.68C7.92,17.66 8.2,17.31 8.58,16.94L9.09,16.5M7.06,19.5H16.94L17,20V21H7V20L7.06,19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dns-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dns-outline.svg
new file mode 100644
index 00000000..6d50b176
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dns-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dns-outline" viewBox="0 0 24 24"><path d="M19,15V19H5V15H19M20,13H4A1,1 0 0,0 3,14V20A1,1 0 0,0 4,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13M7,18.5A1.5,1.5 0 0,1 5.5,17A1.5,1.5 0 0,1 7,15.5A1.5,1.5 0 0,1 8.5,17A1.5,1.5 0 0,1 7,18.5M19,5V9H5V5H19M20,3H4A1,1 0 0,0 3,4V10A1,1 0 0,0 4,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M7,8.5A1.5,1.5 0 0,1 5.5,7A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 8.5,7A1.5,1.5 0 0,1 7,8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dns.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dns.svg
new file mode 100644
index 00000000..4aaef6c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dns.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dns" viewBox="0 0 24 24"><path d="M7,9A2,2 0 0,1 5,7A2,2 0 0,1 7,5A2,2 0 0,1 9,7A2,2 0 0,1 7,9M20,3H4A1,1 0 0,0 3,4V10A1,1 0 0,0 4,11H20A1,1 0 0,0 21,10V4A1,1 0 0,0 20,3M7,19A2,2 0 0,1 5,17A2,2 0 0,1 7,15A2,2 0 0,1 9,17A2,2 0 0,1 7,19M20,13H4A1,1 0 0,0 3,14V20A1,1 0 0,0 4,21H20A1,1 0 0,0 21,20V14A1,1 0 0,0 20,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dock-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dock-bottom.svg
new file mode 100644
index 00000000..9362be2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dock-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dock-bottom" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M20 13H4V6H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dock-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dock-left.svg
new file mode 100644
index 00000000..a4ea0160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dock-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dock-left" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M20 18H9V6H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dock-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dock-right.svg
new file mode 100644
index 00000000..f45a59ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dock-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dock-right" viewBox="0 0 24 24"><path d="M20 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V6A2 2 0 0 0 20 4M15 18H4V6H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dock-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dock-top.svg
new file mode 100644
index 00000000..29679ea7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dock-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dock-top" viewBox="0 0 24 24"><path d="M4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20M4 11H20V18H4V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dock-window.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dock-window.svg
new file mode 100644
index 00000000..3b4a9f13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dock-window.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dock-window" viewBox="0 0 24 24"><path d="M18 18V20H4A2 2 0 0 1 2 18V8H4V18M22 6V14A2 2 0 0 1 20 16H8A2 2 0 0 1 6 14V6A2 2 0 0 1 8 4H20A2 2 0 0 1 22 6M20 6H8V14H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/docker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/docker.svg
new file mode 100644
index 00000000..7648cf9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/docker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-docker" viewBox="0 0 24 24"><path d="M21.81 10.25C21.75 10.21 21.25 9.82 20.17 9.82C19.89 9.82 19.61 9.85 19.33 9.9C19.12 8.5 17.95 7.79 17.9 7.76L17.61 7.59L17.43 7.86C17.19 8.22 17 8.63 16.92 9.05C16.72 9.85 16.84 10.61 17.25 11.26C16.76 11.54 15.96 11.61 15.79 11.61H2.62C2.28 11.61 2 11.89 2 12.24C2 13.39 2.18 14.54 2.58 15.62C3.03 16.81 3.71 17.69 4.58 18.23C5.56 18.83 7.17 19.17 9 19.17C9.79 19.17 10.61 19.1 11.42 18.95C12.54 18.75 13.62 18.36 14.61 17.79C15.43 17.32 16.16 16.72 16.78 16C17.83 14.83 18.45 13.5 18.9 12.35H19.09C20.23 12.35 20.94 11.89 21.33 11.5C21.59 11.26 21.78 10.97 21.92 10.63L22 10.39L21.81 10.25M3.85 11.24H5.61C5.69 11.24 5.77 11.17 5.77 11.08V9.5C5.77 9.42 5.7 9.34 5.61 9.34H3.85C3.76 9.34 3.69 9.41 3.69 9.5V11.08C3.7 11.17 3.76 11.24 3.85 11.24M6.28 11.24H8.04C8.12 11.24 8.2 11.17 8.2 11.08V9.5C8.2 9.42 8.13 9.34 8.04 9.34H6.28C6.19 9.34 6.12 9.41 6.12 9.5V11.08C6.13 11.17 6.19 11.24 6.28 11.24M8.75 11.24H10.5C10.6 11.24 10.67 11.17 10.67 11.08V9.5C10.67 9.42 10.61 9.34 10.5 9.34H8.75C8.67 9.34 8.6 9.41 8.6 9.5V11.08C8.6 11.17 8.66 11.24 8.75 11.24M11.19 11.24H12.96C13.04 11.24 13.11 11.17 13.11 11.08V9.5C13.11 9.42 13.05 9.34 12.96 9.34H11.19C11.11 9.34 11.04 9.41 11.04 9.5V11.08C11.04 11.17 11.11 11.24 11.19 11.24M6.28 9H8.04C8.12 9 8.2 8.91 8.2 8.82V7.25C8.2 7.16 8.13 7.09 8.04 7.09H6.28C6.19 7.09 6.12 7.15 6.12 7.25V8.82C6.13 8.91 6.19 9 6.28 9M8.75 9H10.5C10.6 9 10.67 8.91 10.67 8.82V7.25C10.67 7.16 10.61 7.09 10.5 7.09H8.75C8.67 7.09 8.6 7.15 8.6 7.25V8.82C8.6 8.91 8.66 9 8.75 9M11.19 9H12.96C13.04 9 13.11 8.91 13.11 8.82V7.25C13.11 7.16 13.04 7.09 12.96 7.09H11.19C11.11 7.09 11.04 7.15 11.04 7.25V8.82C11.04 8.91 11.11 9 11.19 9M11.19 6.72H12.96C13.04 6.72 13.11 6.65 13.11 6.56V5C13.11 4.9 13.04 4.83 12.96 4.83H11.19C11.11 4.83 11.04 4.89 11.04 5V6.56C11.04 6.64 11.11 6.72 11.19 6.72M13.65 11.24H15.41C15.5 11.24 15.57 11.17 15.57 11.08V9.5C15.57 9.42 15.5 9.34 15.41 9.34H13.65C13.57 9.34 13.5 9.41 13.5 9.5V11.08C13.5 11.17 13.57 11.24 13.65 11.24" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/doctor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/doctor.svg
new file mode 100644
index 00000000..b55e6f09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/doctor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-doctor" viewBox="0 0 24 24"><path d="M14.84,16.26C17.86,16.83 20,18.29 20,20V22H4V20C4,18.29 6.14,16.83 9.16,16.26L12,21L14.84,16.26M8,8H16V10A4,4 0 0,1 12,14A4,4 0 0,1 8,10V8M8,7L8.41,2.9C8.46,2.39 8.89,2 9.41,2H14.6C15.11,2 15.54,2.39 15.59,2.9L16,7H8M12,3H11V4H10V5H11V6H12V5H13V4H12V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dog-service.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dog-service.svg
new file mode 100644
index 00000000..8d00aa47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dog-service.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dog-service" viewBox="0 0 24 24"><path d="M14,8L17,11V21H15V15H8L6,18V21H4V15L5,14V11L2,8L3,7L5,9H7V12A1,1 0 0,0 8,13H12A1,1 0 0,0 13,12V9L14,8M19,5V3L15,7L18,10L19,9L20,10L22,8L19,5M11.5,9.5L4.5,2.5C4.23,2.22 3.79,2.22 3.5,2.5V2.5C3.22,2.77 3.22,3.21 3.5,3.5L10.5,10.5C10.77,10.78 11.21,10.78 11.5,10.5V10.5C11.78,10.23 11.78,9.79 11.5,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dog-side-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dog-side-off.svg
new file mode 100644
index 00000000..95130d5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dog-side-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dog-side-off" viewBox="0 0 24 24"><path d="M18 10L15 7L19 3V5L22 8L20 10L19 9L18 10M17 11L14 8L13 9H12.2L17 13.8V11M2.39 1.73L1.11 3L7.11 9H5L3 7L2 8L5 11V14L4 15V21H6V18L8 15H13.11L15 16.89V21H17V18.89L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dog-side.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dog-side.svg
new file mode 100644
index 00000000..f101c6e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dog-side.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dog-side" viewBox="0 0 24 24"><path d="M19,3L15,7L18,10L19,9L20,10L22,8L19,5V3M3,7L2,8L5,11V14L4,15V21H6V18L8,15H15V21H17V11L14,8L13,9H5L3,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dog.svg
new file mode 100644
index 00000000..038ccd1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dog" viewBox="0 0 24 24"><path d="M18,4C16.29,4 15.25,4.33 14.65,4.61C13.88,4.23 13,4 12,4C11,4 10.12,4.23 9.35,4.61C8.75,4.33 7.71,4 6,4C3,4 1,12 1,14C1,14.83 2.32,15.59 4.14,15.9C4.78,18.14 7.8,19.85 11.5,20V15.72C10.91,15.35 10,14.68 10,14C10,13 12,13 12,13C12,13 14,13 14,14C14,14.68 13.09,15.35 12.5,15.72V20C16.2,19.85 19.22,18.14 19.86,15.9C21.68,15.59 23,14.83 23,14C23,12 21,4 18,4M4.15,13.87C3.65,13.75 3.26,13.61 3,13.5C3.25,10.73 5.2,6.4 6.05,6C6.59,6 7,6.06 7.37,6.11C5.27,8.42 4.44,12.04 4.15,13.87M9,12A1,1 0 0,1 8,11C8,10.46 8.45,10 9,10A1,1 0 0,1 10,11C10,11.56 9.55,12 9,12M15,12A1,1 0 0,1 14,11C14,10.46 14.45,10 15,10A1,1 0 0,1 16,11C16,11.56 15.55,12 15,12M19.85,13.87C19.56,12.04 18.73,8.42 16.63,6.11C17,6.06 17.41,6 17.95,6C18.8,6.4 20.75,10.73 21,13.5C20.75,13.61 20.36,13.75 19.85,13.87Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dolby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dolby.svg
new file mode 100644
index 00000000..39916526
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dolby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dolby" viewBox="0 0 24 24"><path d="M2,5V19H22V5H2M6,17H4V7H6C8.86,7.09 11.1,9.33 11,12C11.1,14.67 8.86,16.91 6,17M20,17H18C15.14,16.91 12.9,14.67 13,12C12.9,9.33 15.14,7.09 18,7H20V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dolly.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dolly.svg
new file mode 100644
index 00000000..dcbc3fc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dolly.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dolly" viewBox="0 0 24 24"><path d="M11.97,19.88C10.93,20.26 9.78,19.72 9.4,18.69C9,17.65 9.55,16.5 10.59,16.13C11.63,15.75 12.78,16.28 13.16,17.31C13.54,18.35 13,19.5 11.97,19.88M9.9,14.25C7.83,15 6.76,17.3 7.5,19.38C8.28,21.45 10.58,22.5 12.66,21.75C14.73,21 15.79,18.7 15.04,16.63C14.28,14.55 11.97,13.5 9.9,14.25M15.94,4.58L9.37,7L10.75,10.74L17.32,8.33M20.32,13.62L15.54,15.37C15.71,15.66 15.85,15.96 15.97,16.28C16.09,16.6 16.17,16.93 16.22,17.25L21,15.5M19.54,8.58L11.09,11.68L11.58,13C12.83,13.09 14,13.64 14.89,14.55L20.92,12.34M2,2V4H5.09L8.66,13.75C8.94,13.57 9.24,13.43 9.56,13.31C9.88,13.19 10.21,13.11 10.53,13.06L6.5,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dolphin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dolphin.svg
new file mode 100644
index 00000000..1b5af21a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dolphin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dolphin" viewBox="0 0 24 24"><path d="M20 7C20 7 20 3 15 3C13.47 3 12.15 3.19 11 3.5C10.5 3.06 7.26 .309 4 3.57L6.56 6.13C2.5 10.53 4 18 4 18S1 18 1 22C1 22 5 21 5 21C5 21 9 22 9 22C9 18 6 18 6 18S6.85 12.24 13 11.18V14C15 14 15.68 12.19 15.89 11H18C22 11 23 10 23 9S21 7 20 7M18 8C17.45 8 17 7.55 17 7S17.45 6 18 6 19 6.45 19 7 18.55 8 18 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/domain-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/domain-off.svg
new file mode 100644
index 00000000..552e1dae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/domain-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-domain-off" viewBox="0 0 24 24"><path d="M12,19H16L14,17H12V19M10,15V13H8V15H10M10,19V17H8V19H10M6,11V9H4V11H6M6,15V13H4V15H6M6,19V17H4V19H6M1.31,1.78L22.31,22.69L21,24L18,21H2V5L0.09,3.09L1.31,1.78M16,11H18V13H16V11M8,5V5.91L5.11,3H12V7H22V19.92L20,17.91V9H12V9.89L9.09,7H10V5H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/domain-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/domain-plus.svg
new file mode 100644
index 00000000..fb74d8d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/domain-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-domain-plus" viewBox="0 0 24 24"><path d="M12 7V3H2V21H13.35A5.8 5.8 0 0 1 13 19H12V17H13.35A5 5 0 0 1 14 15.69V15H12V13H14V11H12V9H20V13.09A5.58 5.58 0 0 1 22 13.81V7M6 19H4V17H6M6 15H4V13H6M6 11H4V9H6M6 7H4V5H6M10 19H8V17H10M10 15H8V13H10M10 11H8V9H10M10 7H8V5H10M16 13H18V11H16M16 11V13H18V11M16 11V13H18V11M20 15V18H23V20H20V23H18V20H15V18H18V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/domain-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/domain-remove.svg
new file mode 100644
index 00000000..6d7cd62d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/domain-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-domain-remove" viewBox="0 0 24 24"><path d="M12 7V3H2V21H13.35A5.8 5.8 0 0 1 13 19H12V17H13.35A5 5 0 0 1 14 15.69V15H12V13H14V11H12V9H20V13.09A5.58 5.58 0 0 1 22 13.81V7M6 19H4V17H6M6 15H4V13H6M6 11H4V9H6M6 7H4V5H6M10 19H8V17H10M10 15H8V13H10M10 11H8V9H10M10 7H8V5H10M16 13H18V11H16M16 11V13H18V11M16 11V13H18V11M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.46 16.88L16.88 15.46L19 17.59L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/domain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/domain.svg
new file mode 100644
index 00000000..a573ba3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/domain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-domain" viewBox="0 0 24 24"><path d="M18,15H16V17H18M18,11H16V13H18M20,19H12V17H14V15H12V13H14V11H12V9H20M10,7H8V5H10M10,11H8V9H10M10,15H8V13H10M10,19H8V17H10M6,7H4V5H6M6,11H4V9H6M6,15H4V13H6M6,19H4V17H6M12,7V3H2V21H22V7H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dome-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dome-light.svg
new file mode 100644
index 00000000..87ca61cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dome-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dome-light" viewBox="0 0 24 24"><path d="M21 10C21 14.97 16.97 19 12 19C7.03 19 3 14.97 3 10V9.03C3 8.76 3.11 8.5 3.3 8.3C3.5 8.11 3.76 8 4.03 8H20C20.25 8 20.5 8.11 20.7 8.3C20.89 8.5 21 8.75 21 9V10M5 10C5 13.86 8.14 17 12 17C15.86 17 19 13.86 19 10H5M20 6V7H4V6C4 5.73 4.1 5.5 4.29 5.29C4.5 5.1 4.73 5 5 5H10V3H14V5H19C19.25 5 19.5 5.11 19.7 5.3C19.89 5.5 20 5.75 20 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/domino-mask.svg b/apps/phoenix_webcomponent/priv/mdi/svg/domino-mask.svg
new file mode 100644
index 00000000..f148c4b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/domino-mask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-domino-mask" viewBox="0 0 24 24"><path d="M15.83 9.81C14.7 9.7 13.69 10.38 13.46 11.5C13.46 11.84 14.81 12.29 16.05 12.29C17.29 12.29 18.41 11.5 18.41 11.28C18.41 11.05 17.63 9.93 15.83 9.81M8.18 9.81C6.38 9.93 5.59 10.94 5.59 11.27C5.59 11.5 6.82 12.29 7.95 12.29S10.54 11.84 10.54 11.5C10.31 10.38 9.19 9.7 8.18 9.81M16.95 16C15.04 16 13.8 13.75 12 13.75S8.85 16 7.05 16C4.69 16 3 13.86 3 10.04C3 7.68 3.68 7 6.71 7S10.54 8.24 12 8.24 14.36 7 17.29 7 21 7.79 21 10.04C21 13.86 19.31 16 16.95 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/donkey.svg b/apps/phoenix_webcomponent/priv/mdi/svg/donkey.svg
new file mode 100644
index 00000000..1cff807a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/donkey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-donkey" viewBox="0 0 24 24"><path d="M21.34,10.35L21.27,10.28L21.18,10.19L18,7V6A0.5,0.5 0 0,0 17.5,5.5C17.36,5.5 17.22,5.56 17.13,5.66L13.46,9H7C6.32,9 5.69,9.35 5.32,9.92L2.62,12.59C2.29,13.04 2.39,13.66 2.84,14C3.18,14.24 3.65,14.25 4,14L5,13.07V19H8V15H13V19H16V13.83C16,13.3 16.21,12.79 16.59,12.42L18,11L20,12V12C20.15,12.08 20.32,12.13 20.5,12.13C21.1,12.11 21.59,11.61 21.58,11C21.57,10.76 21.5,10.53 21.34,10.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-closed-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-closed-lock.svg
new file mode 100644
index 00000000..ea16d939
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-closed-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-closed-lock" viewBox="0 0 24 24"><path d="M16 11H18V13H16V11M12 3H19A2 2 0 0 1 21 5V19H22V21H2V19H10V5A2 2 0 0 1 12 3M12 5V19H19V5M6.2 5H2.8V4.5A1.7 1.7 0 0 1 6.2 4.5M7 5V4.5A2.5 2.5 0 0 0 2 4.5V5A1 1 0 0 0 1 6V10A1 1 0 0 0 2 11H7A1 1 0 0 0 8 10V6A1 1 0 0 0 7 5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-closed.svg
new file mode 100644
index 00000000..7c2aa10b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-closed" viewBox="0 0 24 24"><path d="M16,11H18V13H16V11M12,3H19C20.11,3 21,3.89 21,5V19H22V21H2V19H10V5C10,3.89 10.89,3 12,3M12,5V19H19V5H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-open.svg
new file mode 100644
index 00000000..efaa3200
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-open" viewBox="0 0 24 24"><path d="M12,3C10.89,3 10,3.89 10,5H3V19H2V21H22V19H21V5C21,3.89 20.11,3 19,3H12M12,5H19V19H12V5M5,11H7V13H5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-lock.svg
new file mode 100644
index 00000000..8e0eae68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-sliding-lock" viewBox="0 0 24 24"><path d="M21.8 17V15.5C21.8 14.1 20.4 13 19 13S16.2 14.1 16.2 15.5V17C15.6 17 15 17.6 15 18.2V21.7C15 22.4 15.6 23 16.2 23H21.7C22.4 23 23 22.4 23 21.8V18.3C23 17.6 22.4 17 21.8 17M20.5 17H17.5V15.5C17.5 14.7 18.2 14.2 19 14.2S20.5 14.7 20.5 15.5V17M13 11H15V13H13V11M9 13H7V11H9V13M13 19H12V5H17V11.44C17.61 11.17 18.29 11 19 11V5C19 3.9 18.1 3 17 3H5C3.9 3 3 3.9 3 5V19H2V21H13V19M10 19H5V5H10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-open.svg
new file mode 100644
index 00000000..91630daf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-sliding-open" viewBox="0 0 24 24"><path d="M6 11V13H4V11H6M22 5H17V19H22V5M7 5H2L2 19H7V5M22 3C23.11 3 24 3.89 24 5V21H0V5C0 3.89 .894 3 2 3H9V19H15V3H22M20 11H18V13H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding.svg
new file mode 100644
index 00000000..dec21380
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door-sliding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door-sliding" viewBox="0 0 24 24"><path d="M10 13H8V11H10V13M16 11H14V13H16V11M21 19V21H3V19H4V5C4 3.9 4.9 3 6 3H18C19.1 3 20 3.9 20 5V19H21M11 5H6V19H11V5M18 5H13V19H18V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/door.svg b/apps/phoenix_webcomponent/priv/mdi/svg/door.svg
new file mode 100644
index 00000000..81781e0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/door.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-door" viewBox="0 0 24 24"><path d="M8,3C6.89,3 6,3.89 6,5V21H18V5C18,3.89 17.11,3 16,3H8M8,5H16V19H8V5M13,11V13H15V11H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/doorbell-video.svg b/apps/phoenix_webcomponent/priv/mdi/svg/doorbell-video.svg
new file mode 100644
index 00000000..d78145cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/doorbell-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-doorbell-video" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17S10 16.11 10 15 10.9 13 12 13 14 13.9 14 15M18 4V20C18 21.1 17.11 22 16 22H8C6.9 22 6 21.11 6 20V4C6 2.9 6.9 2 8 2H16C17.11 2 18 2.9 18 4M10.5 7C10.5 7.83 11.17 8.5 12 8.5S13.5 7.83 13.5 7 12.83 5.5 12 5.5 10.5 6.17 10.5 7M16 10H8V20H16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/doorbell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/doorbell.svg
new file mode 100644
index 00000000..661717ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/doorbell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-doorbell" viewBox="0 0 24 24"><path d="M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M16 2H8C6.9 2 6 2.9 6 4V20C6 21.1 6.9 22 8 22H16C17.1 22 18 21.1 18 20V4C18 2.9 17.1 2 16 2M16 20H8V4H16V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dot-net.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dot-net.svg
new file mode 100644
index 00000000..d32b55e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dot-net.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dot-net" viewBox="0 0 24 24"><path d="M2,15A1,1 0 0,1 3,16A1,1 0 0,1 2,17A1,1 0 0,1 1,16A1,1 0 0,1 2,15M21,17H19V9H17V7H23V9H21V17M16,7V9H14V11H16V13H14V15H16V17H12V7H16M11,7V17H9L6,11V17H4V7H6L9,13V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-circle.svg
new file mode 100644
index 00000000..233f82ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-circle" viewBox="0 0 24 24"><path d="M12 19C13.1 19 14 19.9 14 21S13.1 23 12 23 10 22.1 10 21 10.9 19 12 19M12 1C13.1 1 14 1.9 14 3S13.1 5 12 5 10 4.1 10 3 10.9 1 12 1M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M3 10C4.1 10 5 10.9 5 12S4.1 14 3 14 1 13.1 1 12 1.9 10 3 10M6 4C7.1 4 8 4.9 8 6S7.1 8 6 8 4 7.1 4 6 4.9 4 6 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16M21 10C22.1 10 23 10.9 23 12S22.1 14 21 14 19 13.1 19 12 19.9 10 21 10M18 4C19.1 4 20 4.9 20 6S19.1 8 18 8 16 7.1 16 6 16.9 4 18 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-grid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-grid.svg
new file mode 100644
index 00000000..f9d41a36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-grid" viewBox="0 0 24 24"><path d="M12 16C13.1 16 14 16.9 14 18S13.1 20 12 20 10 19.1 10 18 10.9 16 12 16M12 10C13.1 10 14 10.9 14 12S13.1 14 12 14 10 13.1 10 12 10.9 10 12 10M12 4C13.1 4 14 4.9 14 6S13.1 8 12 8 10 7.1 10 6 10.9 4 12 4M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M6 10C7.1 10 8 10.9 8 12S7.1 14 6 14 4 13.1 4 12 4.9 10 6 10M6 4C7.1 4 8 4.9 8 6S7.1 8 6 8 4 7.1 4 6 4.9 4 6 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16M18 10C19.1 10 20 10.9 20 12S19.1 14 18 14 16 13.1 16 12 16.9 10 18 10M18 4C19.1 4 20 4.9 20 6S19.1 8 18 8 16 7.1 16 6 16.9 4 18 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-hexagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-hexagon.svg
new file mode 100644
index 00000000..7b1deba4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-hexagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-hexagon" viewBox="0 0 24 24"><path d="M16 12C16 10.9 16.9 10 18 10S20 10.9 20 12 19.1 14 18 14 16 13.1 16 12M10 12C10 10.9 10.9 10 12 10S14 10.9 14 12 13.1 14 12 14 10 13.1 10 12M4 12C4 10.9 4.9 10 6 10S8 10.9 8 12 7.1 14 6 14 4 13.1 4 12M13 18C13 16.9 13.9 16 15 16S17 16.9 17 18 16.1 20 15 20 13 19.1 13 18M7 18C7 16.9 7.9 16 9 16S11 16.9 11 18 10.1 20 9 20 7 19.1 7 18M13 6C13 4.9 13.9 4 15 4S17 4.9 17 6 16.1 8 15 8 13 7.1 13 6M7 6C7 4.9 7.9 4 9 4S11 4.9 11 6 10.1 8 9 8 7 7.1 7 6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle-outline.svg
new file mode 100644
index 00000000..67df4c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-horizontal-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 12,10.5M7.5,10.5A1.5,1.5 0 0,1 9,12A1.5,1.5 0 0,1 7.5,13.5A1.5,1.5 0 0,1 6,12A1.5,1.5 0 0,1 7.5,10.5M16.5,10.5A1.5,1.5 0 0,1 18,12A1.5,1.5 0 0,1 16.5,13.5A1.5,1.5 0 0,1 15,12A1.5,1.5 0 0,1 16.5,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle.svg
new file mode 100644
index 00000000..bb83dfb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-horizontal-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5M6.5,10.5A1.5,1.5 0 0,0 5,12A1.5,1.5 0 0,0 6.5,13.5A1.5,1.5 0 0,0 8,12A1.5,1.5 0 0,0 6.5,10.5M17.5,10.5A1.5,1.5 0 0,0 16,12A1.5,1.5 0 0,0 17.5,13.5A1.5,1.5 0 0,0 19,12A1.5,1.5 0 0,0 17.5,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal.svg
new file mode 100644
index 00000000..823377cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-horizontal" viewBox="0 0 24 24"><path d="M16,12A2,2 0 0,1 18,10A2,2 0 0,1 20,12A2,2 0 0,1 18,14A2,2 0 0,1 16,12M10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12M4,12A2,2 0 0,1 6,10A2,2 0 0,1 8,12A2,2 0 0,1 6,14A2,2 0 0,1 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-square.svg
new file mode 100644
index 00000000..1b8b03d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-square" viewBox="0 0 24 24"><path d="M12 16C13.1 16 14 16.9 14 18S13.1 20 12 20 10 19.1 10 18 10.9 16 12 16M12 4C13.1 4 14 4.9 14 6S13.1 8 12 8 10 7.1 10 6 10.9 4 12 4M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M6 10C7.1 10 8 10.9 8 12S7.1 14 6 14 4 13.1 4 12 4.9 10 6 10M6 4C7.1 4 8 4.9 8 6S7.1 8 6 8 4 7.1 4 6 4.9 4 6 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16M18 10C19.1 10 20 10.9 20 12S19.1 14 18 14 16 13.1 16 12 16.9 10 18 10M18 4C19.1 4 20 4.9 20 6S19.1 8 18 8 16 7.1 16 6 16.9 4 18 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-triangle.svg
new file mode 100644
index 00000000..9eaf3ddd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-triangle" viewBox="0 0 24 24"><path d="M12 16C13.1 16 14 16.9 14 18S13.1 20 12 20 10 19.1 10 18 10.9 16 12 16M15 10C16.1 10 17 10.9 17 12S16.1 14 15 14 13 13.1 13 12 13.9 10 15 10M6 16C7.1 16 8 16.9 8 18S7.1 20 6 20 4 19.1 4 18 4.9 16 6 16M9 10C10.1 10 11 10.9 11 12S10.1 14 9 14 7 13.1 7 12 7.9 10 9 10M12 4C13.1 4 14 4.9 14 6S13.1 8 12 8 10 7.1 10 6 10.9 4 12 4M18 16C19.1 16 20 16.9 20 18S19.1 20 18 20 16 19.1 16 18 16.9 16 18 16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle-outline.svg
new file mode 100644
index 00000000..ebfa402d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-vertical-circle-outline" viewBox="0 0 24 24"><path d="M10.5,12A1.5,1.5 0 0,1 12,10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,12M10.5,16.5A1.5,1.5 0 0,1 12,15A1.5,1.5 0 0,1 13.5,16.5A1.5,1.5 0 0,1 12,18A1.5,1.5 0 0,1 10.5,16.5M10.5,7.5A1.5,1.5 0 0,1 12,6A1.5,1.5 0 0,1 13.5,7.5A1.5,1.5 0 0,1 12,9A1.5,1.5 0 0,1 10.5,7.5M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle.svg
new file mode 100644
index 00000000..335c6c38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-vertical-circle" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12M10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5A1.5,1.5 0 0,0 10.5,12M10.5,17.5A1.5,1.5 0 0,0 12,19A1.5,1.5 0 0,0 13.5,17.5A1.5,1.5 0 0,0 12,16A1.5,1.5 0 0,0 10.5,17.5M10.5,6.5A1.5,1.5 0 0,0 12,8A1.5,1.5 0 0,0 13.5,6.5A1.5,1.5 0 0,0 12,5A1.5,1.5 0 0,0 10.5,6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical.svg
new file mode 100644
index 00000000..9a12f93a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dots-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dots-vertical" viewBox="0 0 24 24"><path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-box-outline.svg
new file mode 100644
index 00000000..3d954ca8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-box-outline" viewBox="0 0 24 24"><path d="M8 17V15H16V17H8M16 10L12 14L8 10H10.5V7H13.5V10H16M5 3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3M5 5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-box.svg
new file mode 100644
index 00000000..99d0d589
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-box" viewBox="0 0 24 24"><path d="M5 3H19C20.11 3 21 3.9 21 5V19C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3M8 17H16V15H8V17M16 10H13.5V7H10.5V10H8L12 14L16 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-circle-outline.svg
new file mode 100644
index 00000000..1bb593d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-circle-outline" viewBox="0 0 24 24"><path d="M8 17V15H16V17H8M16 10L12 14L8 10H10.5V6H13.5V10H16M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-circle.svg
new file mode 100644
index 00000000..b82b9b9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-circle" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M8 17H16V15H8V17M16 10H13.5V6H10.5V10H8L12 14L16 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-lock-outline.svg
new file mode 100644
index 00000000..8593502a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-lock-outline" viewBox="0 0 24 24"><path d="M22 16A1.08 1.08 0 0 1 23 17V21A1.08 1.08 0 0 1 22 22H17A1.08 1.08 0 0 1 16 21V17A1.08 1.08 0 0 1 17 16V14.5A2.5 2.5 0 0 1 22 14.5V16M21 16V14.5A1.5 1.5 0 0 0 18 14.5V16H21M13 5V11H14.17L12 13.17L9.83 11H11V5H13M15 3H9V9H5L12 16L19 9H15V3M14 18H5V20H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-lock.svg
new file mode 100644
index 00000000..e9b9b5b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-lock" viewBox="0 0 24 24"><path d="M5 20H14V18H5M19 9H15V3H9V9H5L12 16M22 16A1.08 1.08 0 0 1 23 17V21A1.08 1.08 0 0 1 22 22H17A1.08 1.08 0 0 1 16 21V17A1.08 1.08 0 0 1 17 16V14.5A2.5 2.5 0 0 1 22 14.5V16M21 16V14.5A1.5 1.5 0 0 0 18 14.5V16H21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-multiple.svg
new file mode 100644
index 00000000..774af260
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-multiple" viewBox="0 0 24 24"><path d="M9,1V7H5L12,14L19,7H15V1H9M5,16V18H19V16H5M5,20V22H19V20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-network-outline.svg
new file mode 100644
index 00000000..577ccd48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M12,14L16,10H13V6H11V10H8L12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-network.svg
new file mode 100644
index 00000000..d9acdccb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12,14.5L16.5,10H13V6H11V10H7.5L12,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-off-outline.svg
new file mode 100644
index 00000000..8317ee05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L7.11 9H5L12 16L13.06 14.95L16.11 18H5V20H18.11L20.84 22.73L22.11 21.46M11 5H13V9.8L15.6 12.4L19 9H15V3H9V5.8L11 7.8V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-off.svg
new file mode 100644
index 00000000..51a90c65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.11 20H5V18H16.11L13.06 14.95L12 16L5 9H7.11L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M19 9H15V3H9V5.8L15.6 12.4L19 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download-outline.svg
new file mode 100644
index 00000000..6b2e1927
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download-outline" viewBox="0 0 24 24"><path d="M13,5V11H14.17L12,13.17L9.83,11H11V5H13M15,3H9V9H5L12,16L19,9H15V3M19,18H5V20H19V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/download.svg
new file mode 100644
index 00000000..f7598aa3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-download" viewBox="0 0 24 24"><path d="M5,20H19V18H5M19,9H15V3H9V9H5L12,16L19,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal-variant.svg
new file mode 100644
index 00000000..5b4a2131
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag-horizontal-variant" viewBox="0 0 24 24"><path d="M21 11H3V9H21V11M21 13H3V15H21V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal.svg
new file mode 100644
index 00000000..a4fd6656
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag-horizontal" viewBox="0 0 24 24"><path d="M3,15V13H5V15H3M3,11V9H5V11H3M7,15V13H9V15H7M7,11V9H9V11H7M11,15V13H13V15H11M11,11V9H13V11H11M15,15V13H17V15H15M15,11V9H17V11H15M19,15V13H21V15H19M19,11V9H21V11H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag-variant.svg
new file mode 100644
index 00000000..a159519a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag-variant" viewBox="0 0 24 24"><path d="M22.67,12L18.18,16.5L15.67,14L17.65,12L15.67,10.04L18.18,7.53L22.67,12M12,1.33L16.47,5.82L13.96,8.33L12,6.35L10,8.33L7.5,5.82L12,1.33M12,22.67L7.53,18.18L10.04,15.67L12,17.65L14,15.67L16.5,18.18L12,22.67M1.33,12L5.82,7.5L8.33,10L6.35,12L8.33,13.96L5.82,16.47L1.33,12M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical-variant.svg
new file mode 100644
index 00000000..35259c45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag-vertical-variant" viewBox="0 0 24 24"><path d="M11 21H9V3H11V21M15 3H13V21H15V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical.svg
new file mode 100644
index 00000000..7d93f744
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag-vertical" viewBox="0 0 24 24"><path d="M9,3H11V5H9V3M13,3H15V5H13V3M9,7H11V9H9V7M13,7H15V9H13V7M9,11H11V13H9V11M13,11H15V13H13V11M9,15H11V17H9V15M13,15H15V17H13V15M9,19H11V21H9V19M13,19H15V21H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drag.svg
new file mode 100644
index 00000000..f4fe97aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drag" viewBox="0 0 24 24"><path d="M7,19V17H9V19H7M11,19V17H13V19H11M15,19V17H17V19H15M7,15V13H9V15H7M11,15V13H13V15H11M15,15V13H17V15H15M7,11V9H9V11H7M11,11V9H13V11H11M15,11V9H17V11H15M7,7V5H9V7H7M11,7V5H13V7H11M15,7V5H17V7H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drama-masks.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drama-masks.svg
new file mode 100644
index 00000000..0ee2e45f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drama-masks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drama-masks" viewBox="0 0 24 24"><path d="M8.11,19.45C5.94,18.65 4.22,16.78 3.71,14.35L2.05,6.54C1.81,5.46 2.5,4.4 3.58,4.17L13.35,2.1L13.38,2.09C14.45,1.88 15.5,2.57 15.72,3.63L16.07,5.3L20.42,6.23H20.45C21.5,6.47 22.18,7.53 21.96,8.59L20.3,16.41C19.5,20.18 15.78,22.6 12,21.79C10.42,21.46 9.08,20.61 8.11,19.45V19.45M20,8.18L10.23,6.1L8.57,13.92V13.95C8,16.63 9.73,19.27 12.42,19.84C15.11,20.41 17.77,18.69 18.34,16L20,8.18M16,16.5C15.37,17.57 14.11,18.16 12.83,17.89C11.56,17.62 10.65,16.57 10.5,15.34L16,16.5M8.47,5.17L4,6.13L5.66,13.94L5.67,13.97C5.82,14.68 6.12,15.32 6.53,15.87C6.43,15.1 6.45,14.3 6.62,13.5L7.05,11.5C6.6,11.42 6.21,11.17 6,10.81C6.06,10.2 6.56,9.66 7.25,9.5C7.33,9.5 7.4,9.5 7.5,9.5L8.28,5.69C8.32,5.5 8.38,5.33 8.47,5.17M15.03,12.23C15.35,11.7 16.03,11.42 16.72,11.57C17.41,11.71 17.91,12.24 18,12.86C17.67,13.38 17,13.66 16.3,13.5C15.61,13.37 15.11,12.84 15.03,12.23M10.15,11.19C10.47,10.66 11.14,10.38 11.83,10.53C12.5,10.67 13.03,11.21 13.11,11.82C12.78,12.34 12.11,12.63 11.42,12.5C10.73,12.33 10.23,11.8 10.15,11.19M11.97,4.43L13.93,4.85L13.77,4.05L11.97,4.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/draw-pen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/draw-pen.svg
new file mode 100644
index 00000000..b3d336b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/draw-pen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-draw-pen" viewBox="0 0 24 24"><path d="M9.75 20.85C11.53 20.15 11.14 18.22 10.24 17C9.35 15.75 8.12 14.89 6.88 14.06C6 13.5 5.19 12.8 4.54 12C4.26 11.67 3.69 11.06 4.27 10.94C4.86 10.82 5.88 11.4 6.4 11.62C7.31 12 8.21 12.44 9.05 12.96L10.06 11.26C8.5 10.23 6.5 9.32 4.64 9.05C3.58 8.89 2.46 9.11 2.1 10.26C1.78 11.25 2.29 12.25 2.87 13.03C4.24 14.86 6.37 15.74 7.96 17.32C8.3 17.65 8.71 18.04 8.91 18.5C9.12 18.94 9.07 18.97 8.6 18.97C7.36 18.97 5.81 18 4.8 17.36L3.79 19.06C5.32 20 7.88 21.47 9.75 20.85M18.96 7.33L13.29 13H11V10.71L16.67 5.03L18.96 7.33M22.36 6.55C22.35 6.85 22.04 7.16 21.72 7.47L19.2 10L18.33 9.13L20.93 6.54L20.34 5.95L19.67 6.62L17.38 4.33L19.53 2.18C19.77 1.94 20.16 1.94 20.39 2.18L21.82 3.61C22.06 3.83 22.06 4.23 21.82 4.47C21.61 4.68 21.41 4.88 21.41 5.08C21.39 5.28 21.59 5.5 21.79 5.67C22.08 5.97 22.37 6.25 22.36 6.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/draw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/draw.svg
new file mode 100644
index 00000000..a1b37a32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/draw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-draw" viewBox="0 0 24 24"><path d="M9.75 20.85C11.53 20.15 11.14 18.22 10.24 17C9.35 15.75 8.12 14.89 6.88 14.06C6 13.5 5.19 12.8 4.54 12C4.26 11.67 3.69 11.06 4.27 10.94C4.86 10.82 5.88 11.4 6.4 11.62C7.31 12 8.21 12.44 9.05 12.96L10.06 11.26C8.5 10.23 6.5 9.32 4.64 9.05C3.58 8.89 2.46 9.11 2.1 10.26C1.78 11.25 2.29 12.25 2.87 13.03C4.24 14.86 6.37 15.74 7.96 17.32C8.3 17.65 8.71 18.04 8.91 18.5C9.12 18.94 9.07 18.97 8.6 18.97C7.36 18.97 5.81 18 4.8 17.36L3.79 19.06C5.32 20 7.88 21.47 9.75 20.85M20.84 5.25C21.06 5.03 21.06 4.67 20.84 4.46L19.54 3.16C19.33 2.95 18.97 2.95 18.76 3.16L17.74 4.18L19.82 6.26M11 10.92V13H13.08L19.23 6.85L17.15 4.77L11 10.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drawing-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drawing-box.svg
new file mode 100644
index 00000000..ef35cf91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drawing-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drawing-box" viewBox="0 0 24 24"><path d="M18,18H12V12.21C11.34,12.82 10.47,13.2 9.5,13.2C7.46,13.2 5.8,11.54 5.8,9.5A3.7,3.7 0 0,1 9.5,5.8C11.54,5.8 13.2,7.46 13.2,9.5C13.2,10.47 12.82,11.34 12.21,12H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drawing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drawing.svg
new file mode 100644
index 00000000..48599af7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drawing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drawing" viewBox="0 0 24 24"><path d="M8.5,3A5.5,5.5 0 0,1 14,8.5C14,9.83 13.53,11.05 12.74,12H21V21H12V12.74C11.05,13.53 9.83,14 8.5,14A5.5,5.5 0 0,1 3,8.5A5.5,5.5 0 0,1 8.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dresser-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dresser-outline.svg
new file mode 100644
index 00000000..b874a164
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dresser-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dresser-outline" viewBox="0 0 24 24"><path d="M4 3C2.9 3 2 3.9 2 5V18C2 19.11 2.9 20 4 20V21H6V20H18V21H20V20C21.11 20 22 19.11 22 18V5C22 3.9 21.11 3 20 3H4M4 5H20V8H4V5M10 6V7H14V6H10M4 10H20V13H4V10M10 11V12H14V11H10M4 15H20V18H4V15M10 16V17H14V16H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dresser.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dresser.svg
new file mode 100644
index 00000000..01552711
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dresser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dresser" viewBox="0 0 24 24"><path d="M4 3C2.9 3 2 3.9 2 5V8H22V5C22 3.9 21.11 3 20 3H4M10 5H14V6H10V5M2 9V14H22V9H2M10 11H14V12H10V11M2 15V18C2 19.11 2.9 20 4 20V21H6V20H18V21H20V20C21.11 20 22 19.11 22 18V15H2M10 17H14V18H10V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drone.svg
new file mode 100644
index 00000000..85b3848e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drone" viewBox="0 0 24 24"><path d="M22,11H21L20,9H13.75L16,12.5H14L10.75,9H4C3.45,9 2,8.55 2,8C2,7.45 3.5,5.5 5.5,5.5C7.5,5.5 7.67,6.5 9,7H21A1,1 0 0,1 22,8V9L22,11M10.75,6.5L14,3H16L13.75,6.5H10.75M18,11V9.5H19.75L19,11H18M3,19A1,1 0 0,1 2,18A1,1 0 0,1 3,17A4,4 0 0,1 7,21A1,1 0 0,1 6,22A1,1 0 0,1 5,21A2,2 0 0,0 3,19M11,21A1,1 0 0,1 10,22A1,1 0 0,1 9,21A6,6 0 0,0 3,15A1,1 0 0,1 2,14A1,1 0 0,1 3,13A8,8 0 0,1 11,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dropbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dropbox.svg
new file mode 100644
index 00000000..60254853
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dropbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dropbox" viewBox="0 0 24 24"><path d="M3 6.2L8 9.39L13 6.2L8 3L3 6.2M13 6.2L18 9.39L23 6.2L18 3L13 6.2M3 12.55L8 15.74L13 12.55L8 9.35L3 12.55M18 9.35L13 12.55L18 15.74L23 12.55L18 9.35M8.03 16.8L13.04 20L18.04 16.8L13.04 13.61L8.03 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/drupal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/drupal.svg
new file mode 100644
index 00000000..55795abc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/drupal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-drupal" viewBox="0 0 24 24"><path d="M20.47,14.65C20.47,15.29 20.25,16.36 19.83,17.1C19.4,17.85 19.08,18.06 18.44,18.06C17.7,17.95 16.31,15.82 15.36,15.72C14.18,15.72 11.73,18.17 9.71,18.17C8.54,18.17 8.11,17.95 7.79,17.74C7.15,17.31 6.94,16.67 6.94,15.82C6.94,14.22 8.43,12.84 10.24,12.84C12.59,12.84 14.18,15.18 15.36,15.08C16.31,15.08 18.23,13.16 19.19,13.16C20.15,12.95 20.47,14 20.47,14.65M16.63,5.28C15.57,4.64 14.61,4.32 13.54,3.68C12.91,3.25 12.05,2.3 11.31,1.44C11,2.83 10.78,3.36 10.24,3.79C9.18,4.53 8.64,4.85 7.69,5.28C6.94,5.7 3,8.05 3,13.16C3,18.27 7.37,22 12.05,22C16.85,22 21,18.5 21,13.27C21.21,8.05 17.27,5.7 16.63,5.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/duck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/duck.svg
new file mode 100644
index 00000000..6522193d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/duck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-duck" viewBox="0 0 24 24"><path d="M8.5,5A1.5,1.5 0 0,0 7,6.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 10,6.5A1.5,1.5 0 0,0 8.5,5M10,2A5,5 0 0,1 15,7C15,8.7 14.15,10.2 12.86,11.1C14.44,11.25 16.22,11.61 18,12.5C21,14 22,12 22,12C22,12 21,21 15,21H9C9,21 4,21 4,16C4,13 7,12 6,10C2,10 2,6.5 2,6.5C3,7 4.24,7 5,6.65C5.19,4.05 7.36,2 10,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dumbbell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dumbbell.svg
new file mode 100644
index 00000000..3092fd02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dumbbell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dumbbell" viewBox="0 0 24 24"><path d="M20.57,14.86L22,13.43L20.57,12L17,15.57L8.43,7L12,3.43L10.57,2L9.14,3.43L7.71,2L5.57,4.14L4.14,2.71L2.71,4.14L4.14,5.57L2,7.71L3.43,9.14L2,10.57L3.43,12L7,8.43L15.57,17L12,20.57L13.43,22L14.86,20.57L16.29,22L18.43,19.86L19.86,21.29L21.29,19.86L19.86,18.43L22,16.29L20.57,14.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/dump-truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/dump-truck.svg
new file mode 100644
index 00000000..b5ef6123
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/dump-truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-dump-truck" viewBox="0 0 24 24"><path d="M20,8H19L17,8H15V14H2V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M17,12V9.5H19.5L21.46,12H17M18,7H14V13H3L1.57,8H1V6H13L14,5H18V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-loop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-loop.svg
new file mode 100644
index 00000000..e1401045
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-loop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ear-hearing-loop" viewBox="0 0 24 24"><path d="M12 6.5C10.62 6.5 9.5 7.62 9.5 9S10.62 11.5 12 11.5 14.5 10.38 14.5 9 13.38 6.5 12 6.5M16 17V19H18V23H20V19H22V17H16M11.69 13.47L3.67 22L2.4 20.73L9.75 12.87C10.33 13.21 11 13.42 11.69 13.47M19 9C19 10.26 18.62 11.65 17.93 12.9C17 14.55 15.95 15.38 15.08 16.05C14.27 16.67 13.69 17.12 13.37 18.1C12.77 19.92 12 20.94 10.64 21.65C10.13 21.88 9.57 22 9 22C7.81 22 6.75 21.47 6 20.65L7.43 19.22C7.79 19.69 8.36 20 9 20C9.29 20 9.56 19.94 9.76 19.85C10.47 19.5 10.97 18.97 11.47 17.47C12 15.91 12.94 15.18 13.86 14.47C14.65 13.86 15.47 13.23 16.18 11.94C16.71 11 17 9.93 17 9C17 6.2 14.8 4 12 4S7 6.2 7 9H5C5 5.07 8.07 2 12 2S19 5.07 19 9M18.37 4.12L20.72 1.73L22 3L19.32 5.72C19.06 5.15 18.74 4.61 18.37 4.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-off.svg
new file mode 100644
index 00000000..0ba86bd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ear-hearing-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L12.91,16.18C12.19,16.74 11.67,17.19 11.37,18.1C10.77,19.92 10,20.94 8.64,21.65C8.13,21.88 7.57,22 7,22A4,4 0 0,1 3,18H5A2,2 0 0,0 7,20C7.29,20 7.56,19.94 7.76,19.85C8.47,19.5 8.97,18.97 9.47,17.47C9.91,16.12 10.69,15.39 11.5,14.76L5.04,8.31C5,8.54 5,8.77 5,9H3C3,8.17 3.14,7.39 3.39,6.66L1,4.27M14.18,11.94C14.71,11 15,9.93 15,9C15,6.2 12.8,4 10,4C8.81,4 7.74,4.39 6.89,5.06L5.46,3.63C6.67,2.61 8.25,2 10,2C13.93,2 17,5.07 17,9C17,10.26 16.62,11.65 15.93,12.9L15.47,13.65L14.03,12.2L14.18,11.94M16.36,2.64L17.78,1.22C19.77,3.21 21,5.96 21,9C21,11.83 19.93,14.41 18.18,16.36L16.77,14.94C18.15,13.36 19,11.28 19,9C19,6.5 18,4.26 16.36,2.64M12.5,9C12.5,9.5 12.36,9.93 12.13,10.31L8.69,6.87C9.07,6.64 9.5,6.5 10,6.5A2.5,2.5 0 0,1 12.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing.svg
new file mode 100644
index 00000000..69a4a247
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ear-hearing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ear-hearing" viewBox="0 0 24 24"><path d="M17,20C16.71,20 16.44,19.94 16.24,19.85C15.53,19.5 15.03,18.97 14.53,17.47C14,15.91 13.06,15.18 12.14,14.47C11.35,13.86 10.53,13.23 9.82,11.94C9.29,11 9,9.93 9,9C9,6.2 11.2,4 14,4C16.8,4 19,6.2 19,9H21C21,5.07 17.93,2 14,2C10.07,2 7,5.07 7,9C7,10.26 7.38,11.65 8.07,12.9C9,14.55 10.05,15.38 10.92,16.05C11.73,16.67 12.31,17.12 12.63,18.1C13.23,19.92 14,20.94 15.36,21.65C15.87,21.88 16.43,22 17,22A4,4 0 0,0 21,18H19A2,2 0 0,1 17,20M7.64,2.64L6.22,1.22C4.23,3.21 3,5.96 3,9C3,12.04 4.23,14.79 6.22,16.78L7.63,15.37C6,13.74 5,11.5 5,9C5,6.5 6,4.26 7.64,2.64M11.5,9A2.5,2.5 0 0,0 14,11.5A2.5,2.5 0 0,0 16.5,9A2.5,2.5 0 0,0 14,6.5A2.5,2.5 0 0,0 11.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off-outline.svg
new file mode 100644
index 00000000..1fb2b588
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earbuds-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L18.5 17.85V17.84L15.58 14.93L15.58 14.93L14.09 13.44L14.1 13.44L11.56 10.9L11.56 10.9L10 9.34V9.34L7 6.34L7 6.34L6.66 6L6.67 6L6.1 5.44L2.39 1.73L1.11 3L2.55 4.43C2.19 5 2 5.58 2 6V11C2 12 3 14 5 14C5.61 14 6.32 13.72 7 13.27V20C7 20.55 7.45 21 8 21H9C9.55 21 10 20.55 10 20V11.89L14.5 16.39V20C14.5 20.55 14.95 21 15.5 21H17.5C17.94 21 18.3 20.72 18.43 20.32L20.84 22.73L22.11 21.46M8 10.23L5.91 11.6C5.4 11.93 5.08 12 5 12C4.3 12 4 11.08 4 11L4 6.03C4 6 4 5.97 4.03 5.92L8 9.89V10.23M13.53 10.33L11.04 7.84C11.37 5.12 13.69 3 16.5 3C19.54 3 22 5.46 22 8.5C22 11.32 19.89 13.63 17.16 13.96L14.67 11.47C15.2 11.8 15.83 12 16.5 12C18.43 12 20 10.43 20 8.5S18.43 5 16.5 5 13 6.57 13 8.5C13 9.17 13.2 9.8 13.53 10.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off.svg
new file mode 100644
index 00000000..fc24d5d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earbuds-off" viewBox="0 0 24 24"><path d="M10 9.34V9.34L11.56 10.91L11.56 10.9L14.1 13.45L14.09 13.44L15.58 14.93L15.59 14.93L18.5 17.84V17.85L22.11 21.46L20.84 22.73L18.43 20.33C18.3 20.72 17.94 21 17.5 21H15.5C14.95 21 14.5 20.55 14.5 20V16.39L10 11.89V20C10 20.55 9.55 21 9 21H8C7.45 21 7 20.55 7 20V13.27C6.32 13.72 5.61 14 5 14C3 14 2 12 2 11V6C2 5.58 2.19 5 2.55 4.43L1.11 3L2.39 1.73L6.1 5.44M22 8.5C22 5.46 19.54 3 16.5 3C13.69 3 11.37 5.12 11.04 7.84L17.16 13.96C19.89 13.63 22 11.32 22 8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-outline.svg
new file mode 100644
index 00000000..33b8f6dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earbuds-outline" viewBox="0 0 24 24"><path d="M5 3C3 3 2 5 2 6V11C2 12 3 14 5 14C5.61 14 6.32 13.72 7 13.27V20C7 20.55 7.45 21 8 21H9C9.55 21 10 20.55 10 20V8C10 6 7 3 5 3M8 10.23L5.91 11.6C5.4 11.93 5.08 12 5 12C4.3 12 4 11.08 4 11L4 6.03C4 5.92 4.3 5 5 5C5.9 5 8 7.1 8 8V10.23M16.5 15C17.2 15 17.87 14.89 18.5 14.68V20C18.5 20.55 18.05 21 17.5 21H15.5C14.95 21 14.5 20.55 14.5 20V14.68C15.13 14.89 15.8 15 16.5 15M16.5 3C13.46 3 11 5.46 11 8.5S13.46 14 16.5 14 22 11.54 22 8.5 19.54 3 16.5 3M16.5 12C14.57 12 13 10.43 13 8.5S14.57 5 16.5 5 20 6.57 20 8.5 18.43 12 16.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earbuds.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds.svg
new file mode 100644
index 00000000..4208391c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earbuds.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earbuds" viewBox="0 0 24 24"><path d="M10 8V20C10 20.55 9.55 21 9 21H8C7.45 21 7 20.55 7 20V13.27C6.32 13.72 5.61 14 5 14C3 14 2 12 2 11V6C2 5 3 3 5 3S10 6 10 8M16.5 3C13.46 3 11 5.46 11 8.5S13.46 14 16.5 14 22 11.54 22 8.5 19.54 3 16.5 3M14.5 14.68V20C14.5 20.55 14.95 21 15.5 21H17.5C18.05 21 18.5 20.55 18.5 20V14.68C17.87 14.89 17.2 15 16.5 15S15.13 14.89 14.5 14.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-arrow-right.svg
new file mode 100644
index 00000000..8a235d51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-arrow-right" viewBox="0 0 24 24"><path d="M19 21V19H15V17H19V15L22 18L19 21M12 18C12 15.8 13.2 13.9 15 12.8C14.9 12.3 14.5 12 14 12H8V10H10C10.6 10 11 9.6 11 9V7H13C14.1 7 15 6.1 15 5V4.6C17.9 5.8 20 8.6 20 12V12.3C20.7 12.5 21.3 12.9 21.9 13.4C22 13 22 12.5 22 12C22 6.5 17.5 2 12 2S2 6.5 2 12 6.5 22 12 22C12.5 22 13 22 13.4 21.9C12.5 20.8 12 19.5 12 18M11 19.9C7 19.4 4 16.1 4 12C4 11.4 4.1 10.8 4.2 10.2L9 15V16C9 17.1 9.9 18 11 18V19.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-minus.svg
new file mode 100644
index 00000000..f30ed802
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-box-minus" viewBox="0 0 24 24"><path d="M22 17V19H14V17H22M5 3H19C20.1 3 21 3.89 21 5V12.8C20.39 12.45 19.72 12.2 19 12.08V5H15.78C15.67 6 14.83 6.79 13.8 6.79H11.8V8.79C11.8 9.35 11.35 9.79 10.8 9.79H8.8V11.79H14.8C15.23 11.79 15.6 12.06 15.74 12.44C13.6 13.31 12.07 15.39 12 17.83C10.7 17.79 9.8 16.9 9.8 15.79V14.79L5 10.29V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-off.svg
new file mode 100644
index 00000000..cff79060
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-box-off" viewBox="0 0 24 24"><path d="M23,4.27L21,6.27V19A2,2 0 0,1 19,21H6.27L4.27,23L3,21.72L21.72,3L23,4.27M5,3H19.18L17.18,5H15.78C15.67,6 14.83,6.79 13.8,6.79H11.8V8.79C11.8,9.35 11.35,9.79 10.8,9.79H8.8V11.79H10.38L8.55,13.62L5,10.29V17.18L3,19.18V5C3,3.89 3.89,3 5,3M11.8,19V17.79C11.17,17.79 10.6,17.5 10.23,17.04L8.27,19H11.8M15.8,12.79V15.79H16.8C17.69,15.79 18.74,16.38 19,17.18V8.27L15.33,11.94C15.61,12.12 15.8,12.43 15.8,12.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-plus.svg
new file mode 100644
index 00000000..1f6f849b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-box-plus" viewBox="0 0 24 24"><path d="M17 14H19V17H22V19H19V22H17V19H14V17H17V14M5 3H19C20.1 3 21 3.89 21 5V12.8C20.39 12.45 19.72 12.2 19 12.08V5H15.78C15.67 6 14.83 6.79 13.8 6.79H11.8V8.79C11.8 9.35 11.35 9.79 10.8 9.79H8.8V11.79H14.8C15.23 11.79 15.6 12.06 15.74 12.44C13.6 13.31 12.07 15.39 12 17.83C10.7 17.79 9.8 16.9 9.8 15.79V14.79L5 10.29V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-remove.svg
new file mode 100644
index 00000000..27ed0caf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-box-remove" viewBox="0 0 24 24"><path d="M14.46 15.88L15.88 14.46L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.46 20.12L16.59 18L14.47 15.88M5 3H19C20.1 3 21 3.89 21 5V12.8C20.39 12.45 19.72 12.2 19 12.08V5H15.78C15.67 6 14.83 6.79 13.8 6.79H11.8V8.79C11.8 9.35 11.35 9.79 10.8 9.79H8.8V11.79H14.8C15.23 11.79 15.6 12.06 15.74 12.44C13.6 13.31 12.07 15.39 12 17.83C10.7 17.79 9.8 16.9 9.8 15.79V14.79L5 10.29V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C3.9 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box.svg
new file mode 100644
index 00000000..d9f6c8a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M15.78,5H19V17.18C18.74,16.38 17.69,15.79 16.8,15.79H15.8V12.79A1,1 0 0,0 14.8,11.79H8.8V9.79H10.8A1,1 0 0,0 11.8,8.79V6.79H13.8C14.83,6.79 15.67,6 15.78,5M5,10.29L9.8,14.79V15.79C9.8,16.9 10.7,17.79 11.8,17.79V19H5V10.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-minus.svg
new file mode 100644
index 00000000..b7306fff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-minus" viewBox="0 0 24 24"><path d="M14 17H22V19H14V17M20 12C20 8.64 17.93 5.77 15 4.59V5C15 6.1 14.1 7 13 7H11V9C11 9.55 10.55 10 10 10H8V12H14C14.5 12 14.9 12.35 15 12.81C13.2 13.85 12 15.79 12 18C12 19.5 12.54 20.85 13.44 21.9L12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12L21.9 13.44C21.34 12.96 20.7 12.59 20 12.34L20 12M11 19.93V18C9.9 18 9 17.1 9 16V15L4.21 10.21C4.08 10.78 4 11.38 4 12C4 16.08 7.06 19.44 11 19.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-off.svg
new file mode 100644
index 00000000..5e681c8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-off" viewBox="0 0 24 24"><path d="M22,5.27L20.5,6.75C21.46,8.28 22,10.07 22,12A10,10 0 0,1 12,22C10.08,22 8.28,21.46 6.75,20.5L5.27,22L4,20.72L20.72,4L22,5.27M17.9,17.39C19.2,15.97 20,14.08 20,12C20,10.63 19.66,9.34 19.05,8.22L14.83,12.44C14.94,12.6 15,12.79 15,13V16H16C16.89,16 17.64,16.59 17.9,17.39M11,19.93V18C10.5,18 10.07,17.83 9.73,17.54L8.22,19.05C9.07,19.5 10,19.8 11,19.93M15,4.59V5A2,2 0 0,1 13,7H11V9A1,1 0 0,1 10,10H8V12H10.18L8.09,14.09L4.21,10.21C4.08,10.78 4,11.38 4,12C4,13.74 4.56,15.36 5.5,16.67L4.08,18.1C2.77,16.41 2,14.3 2,12A10,10 0 0,1 12,2C14.3,2 16.41,2.77 18.1,4.08L16.67,5.5C16.16,5.14 15.6,4.83 15,4.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-plus.svg
new file mode 100644
index 00000000..e464bc60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-plus" viewBox="0 0 24 24"><path d="M17 14H19V17H22V19H19V22H17V19H14V17H17V14M20 12C20 8.64 17.93 5.77 15 4.59V5C15 6.1 14.1 7 13 7H11V9C11 9.55 10.55 10 10 10H8V12H14C14.5 12 14.9 12.35 15 12.81C13.2 13.85 12 15.79 12 18C12 19.5 12.54 20.85 13.44 21.9L12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12L21.9 13.44C21.34 12.96 20.7 12.59 20 12.34L20 12M11 19.93V18C9.9 18 9 17.1 9 16V15L4.21 10.21C4.08 10.78 4 11.38 4 12C4 16.08 7.06 19.44 11 19.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth-remove.svg
new file mode 100644
index 00000000..3406b792
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth-remove" viewBox="0 0 24 24"><path d="M14.46 15.88L15.88 14.46L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.46 20.12L16.59 18L14.47 15.88M20 12C20 8.64 17.93 5.77 15 4.59V5C15 6.1 14.1 7 13 7H11V9C11 9.55 10.55 10 10 10H8V12H14C14.5 12 14.9 12.35 15 12.81C13.2 13.85 12 15.79 12 18C12 19.5 12.54 20.85 13.44 21.9L12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12L21.9 13.44C21.34 12.96 20.7 12.59 20 12.34L20 12M11 19.93V18C9.9 18 9 17.1 9 16V15L4.21 10.21C4.08 10.78 4 11.38 4 12C4 16.08 7.06 19.44 11 19.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/earth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/earth.svg
new file mode 100644
index 00000000..ce4671f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/earth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-earth" viewBox="0 0 24 24"><path d="M17.9,17.39C17.64,16.59 16.89,16 16,16H15V13A1,1 0 0,0 14,12H8V10H10A1,1 0 0,0 11,9V7H13A2,2 0 0,0 15,5V4.59C17.93,5.77 20,8.64 20,12C20,14.08 19.2,15.97 17.9,17.39M11,19.93C7.05,19.44 4,16.08 4,12C4,11.38 4.08,10.78 4.21,10.21L9,15V16A2,2 0 0,0 11,18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg-easter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg-easter.svg
new file mode 100644
index 00000000..392541b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg-easter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg-easter" viewBox="0 0 24 24"><path d="M6.89,6.36C8.23,3.91 10,2 12,2C14,2 15.77,3.91 17.11,6.36C16.26,6.57 15.5,7.07 15,7.77C13.79,6.11 11.46,5.75 9.8,6.97C9.5,7.19 9.22,7.46 9,7.77C8.5,7.07 7.74,6.57 6.89,6.36M15,18.06L12,15.06L9,18.06L6,15.06L4.73,16.33C5.75,20.35 9.83,22.77 13.84,21.76C16.5,21.08 18.59,19 19.27,16.33L18,15.06L15,18.06M9,15.94L12,12.94L15,15.94L18,12.94L19.5,14.44C19.37,12.13 18.8,9.86 17.81,7.76C16.65,7.86 15.75,8.83 15.75,10H14.25A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10H8.25C8.25,8.83 7.35,7.86 6.19,7.76C5.2,9.86 4.63,12.13 4.5,14.44L6,12.94L9,15.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg-fried.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg-fried.svg
new file mode 100644
index 00000000..c9b533d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg-fried.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg-fried" viewBox="0 0 24 24"><path d="M12 4.5C14.17 4.5 14.58 5.07 15.5 6.32C15.88 6.85 16.32 7.44 16.94 8.06C17.43 8.55 17.86 8.93 18.21 9.24C19.3 10.19 19.5 10.36 19.5 12C19.5 14.93 19.5 15.38 17.94 16.94C16 18.86 15.38 19.5 13 19.5C11.88 19.5 11.5 19.18 10.89 18.69C10.27 18.19 9.43 17.5 8 17.5C4.96 17.5 4.5 14.05 4.5 12C4.5 10.65 5 8.91 6.47 8.42C8.25 7.83 9.2 6.71 9.96 5.81C10.75 4.88 11.11 4.5 12 4.5M12 3C9 3 9 6 6 7C3.88 7.71 3 10 3 12C3 15 4 19 8 19C10 19 10 21 13 21S17 20 19 18 21 15 21 12 20 9 18 7 16 3 12 3M12 8C9.79 8 8 9.79 8 12S9.79 16 12 16 16 14.21 16 12 14.21 8 12 8M12 10C10.9 10 10 10.9 10 12H9C9 10.35 10.35 9 12 9V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg-off-outline.svg
new file mode 100644
index 00000000..dd6a6745
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.1 8C5.1 10.28 4.5 12.76 4.5 14.5C4.5 18.64 7.86 22 12 22C14.23 22 16.22 21 17.59 19.5L20.84 22.73L22.11 21.46M12 20C8.97 20 6.5 17.53 6.5 14.5C6.5 13.08 6.95 11.25 7.63 9.5L16.17 18.06C15.16 19.24 13.67 20 12 20M9.36 6.16L7.92 4.72C9.1 3.11 10.5 2 12 2C16.14 2 19.5 10.36 19.5 14.5C19.5 15.06 19.43 15.6 19.32 16.12L17.5 14.29C17.38 10.46 14.28 4 12 4C11.17 4 10.22 4.87 9.36 6.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg-off.svg
new file mode 100644
index 00000000..a85c18a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L6.1 8C5.1 10.3 4.5 12.8 4.5 14.5C4.5 18.6 7.9 22 12 22C14.2 22 16.2 21 17.6 19.5L20.8 22.7L22.1 21.5M19.5 14.5C19.5 10.4 16.1 2 12 2C10.5 2 9.1 3.1 7.9 4.7L19.3 16.1C19.4 15.6 19.5 15.1 19.5 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg-outline.svg
new file mode 100644
index 00000000..6c87a5b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg-outline" viewBox="0 0 24 24"><path d="M12 4C14.32 4 17.5 10.7 17.5 14.5C17.5 17.53 15.03 20 12 20S6.5 17.53 6.5 14.5C6.5 10.7 9.68 4 12 4M12 2C7.86 2 4.5 10.36 4.5 14.5C4.5 18.64 7.86 22 12 22S19.5 18.64 19.5 14.5C19.5 10.36 16.14 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/egg.svg b/apps/phoenix_webcomponent/priv/mdi/svg/egg.svg
new file mode 100644
index 00000000..d9b1b953
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/egg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-egg" viewBox="0 0 24 24"><path d="M19.5,14.5A7.5,7.5 0 0,1 12,22A7.5,7.5 0 0,1 4.5,14.5C4.5,10.36 7.86,2 12,2C16.14,2 19.5,10.36 19.5,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eiffel-tower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eiffel-tower.svg
new file mode 100644
index 00000000..9a03d309
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eiffel-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eiffel-tower" viewBox="0 0 24 24"><path d="M8.21 17C8.65 16.15 9.06 15.16 9.44 14H9V12H10C10.61 9.4 11 6.13 11 2H13C13 6.13 13.4 9.4 14 12H15V14H14.56C14.94 15.16 15.35 16.15 15.79 17H17L17 19L19 22H16.58C15.81 20.24 14.05 19 12 19C9.95 19 8.19 20.24 7.42 22H5L7 19L6.97 17H8.21M12.59 14H11.41C11.07 15.13 10.69 16.13 10.28 17H13.72C13.32 16.13 12.93 15.13 12.59 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eight-track.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eight-track.svg
new file mode 100644
index 00000000..e76922d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eight-track.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eight-track" viewBox="0 0 24 24"><path d="M7,2L5,5V16L6,20C6.27,21.07 6.9,22 8,22H16A2,2 0 0,0 18,20L19,16V5L17,2H15V3H13V2H7M7,6H17V16H7V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle-outline.svg
new file mode 100644
index 00000000..5abac6c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eject-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M16.5 12L12 6L7.5 12H16.5M16.5 16H7.5V14H16.5V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle.svg
new file mode 100644
index 00000000..20bd56e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eject-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eject-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M16.5 16H7.5V14H16.5V16M7.5 12L12 6L16.5 12H7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eject-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eject-outline.svg
new file mode 100644
index 00000000..0add6911
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eject-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eject-outline" viewBox="0 0 24 24"><path d="M5,17H19V19H5V17M12,5L5.33,15H18.67L12,5M12,8.6L14.93,13H9.07L12,8.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eject.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eject.svg
new file mode 100644
index 00000000..62e0b9dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eject.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eject" viewBox="0 0 24 24"><path d="M12,5L5.33,15H18.67M5,17H19V19H5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch-closed.svg
new file mode 100644
index 00000000..b64ae369
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-electric-switch-closed" viewBox="0 0 24 24"><path d="M20.83 11A3 3 0 0 0 15.18 11H8.82A3 3 0 0 0 3.17 11H1V13H3.17A3 3 0 0 0 8.82 13H15.18A3 3 0 0 0 20.83 13H23V11M6 13A1 1 0 1 1 7 12A1 1 0 0 1 6 13M18 13A1 1 0 1 1 19 12A1 1 0 0 1 18 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch.svg
new file mode 100644
index 00000000..7eaebed8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/electric-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-electric-switch" viewBox="0 0 24 24"><path d="M1,11H3.17C3.58,9.83 4.69,9 6,9C6.65,9 7.25,9.21 7.74,9.56L14.44,4.87L15.58,6.5L8.89,11.2C8.96,11.45 9,11.72 9,12A3,3 0 0,1 6,15C4.69,15 3.58,14.17 3.17,13H1V11M23,11V13H20.83C20.42,14.17 19.31,15 18,15A3,3 0 0,1 15,12A3,3 0 0,1 18,9C19.31,9 20.42,9.83 20.83,11H23M6,11A1,1 0 0,0 5,12A1,1 0 0,0 6,13A1,1 0 0,0 7,12A1,1 0 0,0 6,11M18,11A1,1 0 0,0 17,12A1,1 0 0,0 18,13A1,1 0 0,0 19,12A1,1 0 0,0 18,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/electron-framework.svg b/apps/phoenix_webcomponent/priv/mdi/svg/electron-framework.svg
new file mode 100644
index 00000000..2cdcc8ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/electron-framework.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-electron-framework" viewBox="0 0 24 24"><path d="M12 22C10.33 22 8.84 20.5 7.9 17.93C7.83 17.73 7.93 17.5 8.14 17.44C8.34 17.36 8.56 17.47 8.63 17.67C9.44 19.9 10.7 21.23 12 21.23C12.94 21.23 13.87 20.55 14.62 19.31C14.73 19.13 14.96 19.07 15.15 19.18C15.33 19.29 15.39 19.53 15.28 19.71C14.38 21.19 13.22 22 12 22M15.91 17.72C15.87 17.72 15.83 17.71 15.8 17.7C15.59 17.63 15.5 17.42 15.54 17.21C16 15.81 16.22 14.18 16.22 12.5C16.22 8.65 14.97 5.24 13.19 4.14C12.94 4.5 12.5 4.78 12 4.78C11.24 4.78 10.61 4.16 10.61 3.39C10.61 2.62 11.24 2 12 2C12.77 2 13.4 2.61 13.41 3.37C15.53 4.5 17 8.21 17 12.5C17 14.25 16.75 15.96 16.28 17.45C16.23 17.61 16.08 17.72 15.91 17.72M12 2.77C11.66 2.77 11.38 3.05 11.38 3.39C11.38 3.73 11.67 4 12 4C12.35 4 12.64 3.73 12.64 3.39C12.64 3.05 12.35 2.77 12 2.77M4.08 18.54C3.31 18.54 2.68 17.91 2.68 17.15C2.68 16.66 2.94 16.22 3.33 15.97C3.19 13.56 5.68 10.41 9.5 8.22C11.09 7.32 12.75 6.67 14.32 6.34C14.5 6.29 14.73 6.42 14.77 6.63C14.82 6.84 14.69 7.05 14.5 7.09C13 7.41 11.41 8.03 9.9 8.89C6.46 10.86 4.1 13.68 4.1 15.76C4.86 15.77 5.5 16.39 5.5 17.15C5.5 17.92 4.85 18.54 4.08 18.54M4.08 16.53C3.74 16.53 3.46 16.81 3.46 17.15C3.46 17.5 3.74 17.77 4.08 17.77S4.71 17.5 4.71 17.15C4.71 16.81 4.42 16.53 4.08 16.53M18.5 13.44C18.43 13.44 18.34 13.41 18.27 13.35C18.11 13.21 18.09 12.97 18.23 12.8C19.77 11 20.3 9.26 19.64 8.14C19.17 7.33 18.1 6.88 16.63 6.86C16.41 6.86 16.24 6.68 16.25 6.47C16.25 6.26 16.43 6.1 16.64 6.09C18.39 6.11 19.7 6.7 20.31 7.75C21.15 9.19 20.6 11.21 18.82 13.3C18.74 13.39 18.63 13.44 18.5 13.44M16.5 18.9C14.5 18.9 11.94 18.16 9.5 16.77C7.95 15.88 6.57 14.79 5.5 13.63C5.35 13.47 5.36 13.23 5.5 13.08C5.68 12.94 5.92 12.95 6.07 13.11C7.08 14.21 8.4 15.25 9.89 16.1C13.2 18 16.77 18.63 18.65 17.72C18.57 17.55 18.5 17.35 18.5 17.15C18.5 16.38 19.15 15.76 19.92 15.76C20.69 15.76 21.32 16.38 21.32 17.15C21.32 17.92 20.69 18.54 19.92 18.54C19.64 18.54 19.39 18.46 19.17 18.32C18.47 18.71 17.56 18.9 16.5 18.9M19.5 17.63C19.63 17.71 19.77 17.77 19.92 17.77C20.27 17.77 20.55 17.5 20.55 17.15C20.55 16.81 20.27 16.53 19.92 16.53S19.3 16.81 19.3 17.15C19.3 17.29 19.35 17.42 19.43 17.53C19.47 17.55 19.5 17.59 19.5 17.63M4.46 12C4.33 12 4.2 11.92 4.13 11.8C3.23 10.25 3.08 8.81 3.7 7.74C4.54 6.3 6.58 5.76 9.31 6.25C9.5 6.29 9.66 6.5 9.62 6.7C9.59 6.91 9.39 7.05 9.18 7C6.82 6.59 5 7 4.37 8.13C3.89 8.95 4.04 10.11 4.8 11.41C4.9 11.6 4.84 11.83 4.65 11.94C4.59 11.97 4.53 12 4.46 12M12.21 13.4C11.71 13.5 11.21 13.19 11.11 12.69C11 12.2 11.32 11.71 11.81 11.6C12.31 11.5 12.81 11.81 12.91 12.31C13 12.8 12.7 13.29 12.21 13.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elephant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elephant.svg
new file mode 100644
index 00000000..a6fe2d50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elephant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elephant" viewBox="0 0 24 24"><path d="M19.5,15.5A0.5,0.5 0 0,1 19,16A0.5,0.5 0 0,1 18.5,15.5V8.5C18.5,6.57 16.43,5 14.5,5H6A4,4 0 0,0 2,9V19H6V15H11V19H15V14.5A0.5,0.5 0 0,1 15.5,14A0.5,0.5 0 0,1 16,14.5V16A3,3 0 0,0 19,19A3,3 0 0,0 22,16V14H19.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevation-decline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevation-decline.svg
new file mode 100644
index 00000000..f17ff92a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevation-decline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevation-decline" viewBox="0 0 24 24"><path d="M21,21H3V11.25L9.45,15L13.22,12.8L21,17.29V21M3,8.94V6.75L9.45,10.5L13.22,8.3L21,12.79V15L13.22,10.5L9.45,12.67L3,8.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevation-rise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevation-rise.svg
new file mode 100644
index 00000000..b3e0f319
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevation-rise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevation-rise" viewBox="0 0 24 24"><path d="M3,21V17.29L10.78,12.8L14.55,15L21,11.25V21H3M21,8.94L14.55,12.67L10.78,10.5L3,15V12.79L10.78,8.3L14.55,10.5L21,6.75V8.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-down.svg
new file mode 100644
index 00000000..5bf8b991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-down" viewBox="0 0 24 24"><path d="M7 10L11 6H8V2H6V6H3L7 10M17 10L13 6H16V2H18V6H21L17 10M7 12H17C18.11 12 19 12.9 19 14V20C19 21.11 18.11 22 17 22H7C5.9 22 5 21.11 5 20V14C5 12.9 5.9 12 7 12M7 14V20H17V14H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off-outline.svg
new file mode 100644
index 00000000..468755ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-passenger-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3 4.9C3 4.94 3 4.97 3 5V19C3 20.1 3.9 21 5 21H19C19.03 21 19.06 21 19.1 21L20.84 22.73L22.11 21.46M5 19V6.89L7.65 9.54C6.71 9.71 6 10.5 6 11.5V14H7V18H10V14H11V12.89L17.11 19H5M8.2 5L6.2 3H19C20.1 3 21 3.9 21 5V17.8L19 15.8V5H8.2M18 11H14.2L13.46 10.26L15.5 7L18 11M17.31 14.11L16.2 13H18L17.31 14.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off.svg
new file mode 100644
index 00000000..3de20fcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-passenger-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.7 20.05L20.7 20.04L2.39 1.73L1.11 3L3 4.9C3 4.94 3 4.97 3 5V19C3 20.1 3.9 21 5 21H19C19.03 21 19.06 21 19.1 21L20.84 22.73L22.11 21.46M11 14H10V18H7V14H6V11.5C6 10.5 6.71 9.71 7.65 9.54L11 12.89V14M13.46 10.26L6.2 3H19C20.1 3 21 3.9 21 5V17.8L17.31 14.11L18 13H16.2L14.2 11H18L15.5 7L13.46 10.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-outline.svg
new file mode 100644
index 00000000..22886d7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-passenger-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M10 18V14H11V11.5C11 10.4 10.1 9.5 9 9.5H8C6.9 9.5 6 10.4 6 11.5V14H7V18H10M8.5 8.5C9.19 8.5 9.75 7.94 9.75 7.25S9.19 6 8.5 6 7.25 6.56 7.25 7.25 7.81 8.5 8.5 8.5M18 11L15.5 7L13 11H18M13 13L15.5 17L18 13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger.svg
new file mode 100644
index 00000000..944e6e6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-passenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-passenger" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M8.5 6C9.19 6 9.75 6.56 9.75 7.25S9.19 8.5 8.5 8.5 7.25 7.94 7.25 7.25 7.81 6 8.5 6M11 14H10V18H7V14H6V11.5C6 10.4 6.9 9.5 8 9.5H9C10.1 9.5 11 10.4 11 11.5V14M15.5 17L13 13H18L15.5 17M13 11L15.5 7L18 11H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-up.svg
new file mode 100644
index 00000000..8d6ece4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator-up" viewBox="0 0 24 24"><path d="M7 2L11 6H8V10H6V6H3L7 2M17 2L13 6H16V10H18V6H21L17 2M7 12H17C18.11 12 19 12.9 19 14V20C19 21.11 18.11 22 17 22H7C5.9 22 5 21.11 5 20V14C5 12.9 5.9 12 7 12M7 14V20H17V14H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/elevator.svg b/apps/phoenix_webcomponent/priv/mdi/svg/elevator.svg
new file mode 100644
index 00000000..0d5fc7d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/elevator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-elevator" viewBox="0 0 24 24"><path d="M7,2L11,6H8V10H6V6H3L7,2M17,10L13,6H16V2H18V6H21L17,10M7,12H17A2,2 0 0,1 19,14V20A2,2 0 0,1 17,22H7A2,2 0 0,1 5,20V14A2,2 0 0,1 7,12M7,14V20H17V14H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ellipse-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ellipse-outline.svg
new file mode 100644
index 00000000..2d9d2f9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ellipse-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ellipse-outline" viewBox="0 0 24 24"><path d="M12,6C16.41,6 20,8.69 20,12C20,15.31 16.41,18 12,18C7.59,18 4,15.31 4,12C4,8.69 7.59,6 12,6M12,4C6.5,4 2,7.58 2,12C2,16.42 6.5,20 12,20C17.5,20 22,16.42 22,12C22,7.58 17.5,4 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ellipse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ellipse.svg
new file mode 100644
index 00000000..27695f11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ellipse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ellipse" viewBox="0 0 24 24"><path d="M12,4C6.5,4 2,7.58 2,12C2,16.42 6.5,20 12,20C17.5,20 22,16.42 22,12C22,7.58 17.5,4 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-alert-outline.svg
new file mode 100644
index 00000000..745fcd5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-alert-outline" viewBox="0 0 24 24"><path d="M24 7H22V13H24V7M24 15H22V17H24V15M20 6C20 4.9 19.1 4 18 4H2C.9 4 0 4.9 0 6V18C0 19.1 .9 20 2 20H18C19.1 20 20 19.1 20 18V6M18 6L10 11L2 6H18M18 18H2V8L10 13L18 8V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-alert.svg
new file mode 100644
index 00000000..f76105f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-alert" viewBox="0 0 24 24"><path d="M18 8L10 13L2 8V6L10 11L18 6M18 4H2C.9 4 0 4.9 0 6V18C0 19.1 .9 20 2 20H18C19.1 20 20 19.1 20 18V6C20 4.9 19.1 4 18 4M24 7H22V13H24V7M24 15H22V17H24V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left-outline.svg
new file mode 100644
index 00000000..71852689
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-arrow-left-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M20 6L12 11L4 6H20M18 16V18H22V20H18V22L15 19L18 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left.svg
new file mode 100644
index 00000000..92a0616b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-arrow-left" viewBox="0 0 24 24"><path d="M13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M4 8V6L12 11L20 6V8L12 13L4 8M18 16V18H22V20H18V22L15 19L18 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right-outline.svg
new file mode 100644
index 00000000..d9ab2fe0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-arrow-right-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M20 6L12 11L4 6H20M20 22V20H16V18H20V16L23 19L20 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right.svg
new file mode 100644
index 00000000..f5d24494
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-arrow-right" viewBox="0 0 24 24"><path d="M13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M4 8V6L12 11L20 6V8L12 13L4 8M20 22V20H16V18H20V16L23 19L20 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-box.svg
new file mode 100644
index 00000000..8aad1c52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-box" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M6.4,6.5H17.6C18.37,6.5 19,7.12 19,7.9V16.1A1.4,1.4 0 0,1 17.6,17.5H6.4C5.63,17.5 5,16.87 5,16.1V7.9C5,7.12 5.62,6.5 6.4,6.5M6,8V10L12,14L18,10V8L12,12L6,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-check-outline.svg
new file mode 100644
index 00000000..be3245c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-check-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M20 6L12 11L4 6H20M17.75 22.16L15 19.16L16.16 18L17.75 19.59L21.34 16L22.5 17.41L17.75 22.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-check.svg
new file mode 100644
index 00000000..4e328089
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-check" viewBox="0 0 24 24"><path d="M13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M4 8V6L12 11L20 6V8L12 13L4 8M17.75 22.16L15 19.16L16.16 18L17.75 19.59L21.34 16L22.5 17.41L17.75 22.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-edit-outline.svg
new file mode 100644
index 00000000..f2650c76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-edit-outline" viewBox="0 0 24 24"><path d="M19.07 13.88L13 19.94V22H15.06L21.12 15.93M22.7 13.58L21.42 12.3C21.32 12.19 21.18 12.13 21.04 12.13C20.89 12.14 20.75 12.19 20.65 12.3L19.65 13.3L21.7 15.3L22.7 14.3C22.89 14.1 22.89 13.78 22.7 13.58M11 18H4V8L12 13L20 8V10H22V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H11V18M20 6L12 11L4 6H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-edit.svg
new file mode 100644
index 00000000..9dc1e4dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-edit" viewBox="0 0 24 24"><path d="M21,12.13C20.85,12.14 20.71,12.19 20.61,12.3L19.61,13.3L21.66,15.3L22.66,14.3C22.88,14.09 22.88,13.74 22.66,13.53L21.42,12.3C21.32,12.19 21.18,12.14 21.04,12.13M19.04,13.88L13,19.94V22H15.06L21.12,15.93M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H11V19.11L19.24,10.89C19.71,10.4 20.36,10.13 21.04,10.13C21.38,10.13 21.72,10.19 22.04,10.32V6C22.04,4.88 21.12,4 20,4M20,8L12,13L4,8V6L12,11L20,6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-fast-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-fast-outline.svg
new file mode 100644
index 00000000..3c872b58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-fast-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-fast-outline" viewBox="0 0 24 24"><path d="M22 5.5H9C7.9 5.5 7 6.4 7 7.5V16.5C7 17.61 7.9 18.5 9 18.5H22C23.11 18.5 24 17.61 24 16.5V7.5C24 6.4 23.11 5.5 22 5.5M22 16.5H9V9.17L15.5 12.5L22 9.17V16.5M15.5 10.81L9 7.5H22L15.5 10.81M5 16.5C5 16.67 5.03 16.83 5.05 17H1C.448 17 0 16.55 0 16S.448 15 1 15H5V16.5M3 7H5.05C5.03 7.17 5 7.33 5 7.5V9H3C2.45 9 2 8.55 2 8S2.45 7 3 7M1 12C1 11.45 1.45 11 2 11H5V13H2C1.45 13 1 12.55 1 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-fast.svg
new file mode 100644
index 00000000..cd5fe09e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-fast" viewBox="0 0 24 24"><path d="M22 5.5H9C7.9 5.5 7 6.4 7 7.5V16.5C7 17.61 7.9 18.5 9 18.5H22C23.11 18.5 24 17.61 24 16.5V7.5C24 6.4 23.11 5.5 22 5.5M22 9.17L15.5 12.5L9 9.17V7.5L15.5 10.81L22 7.5V9.17M5 16.5C5 16.67 5.03 16.83 5.05 17H1C.448 17 0 16.55 0 16S.448 15 1 15H5V16.5M3 7H5.05C5.03 7.17 5 7.33 5 7.5V9H3C2.45 9 2 8.55 2 8S2.45 7 3 7M1 12C1 11.45 1.45 11 2 11H5V13H2C1.45 13 1 12.55 1 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-lock-outline.svg
new file mode 100644
index 00000000..d37d8d63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-lock-outline" viewBox="0 0 24 24"><path d="M12 18.2C12 18.13 12 18.07 12 18H4V8L12 13L20 8V11.44C20.81 11.8 21.5 12.36 22 13.06V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H12V18.2M20 6L12 11L4 6H20M20.8 17V15.5C20.8 14.1 19.4 13 18 13S15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2S19.5 14.7 19.5 15.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-lock.svg
new file mode 100644
index 00000000..80bd60b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-lock" viewBox="0 0 24 24"><path d="M12 18.2C12 17.24 12.5 16.34 13.2 15.74V15.5C13.2 13.06 15.4 11 18 11C19.65 11 21.13 11.83 22 13.06V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H12V18.2M4 6L12 11L20 6V8L12 13L4 8V6M20.8 17V15.5C20.8 14.1 19.4 13 18 13S15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2S19.5 14.7 19.5 15.5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-mark-as-unread.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-mark-as-unread.svg
new file mode 100644
index 00000000..c7f939b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-mark-as-unread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-mark-as-unread" viewBox="0 0 24 24"><path d="M18.84,7H16.22L10.5,4L4,7.41V17A2,2 0 0,1 2,15V7.17C2,6.5 2.28,6.06 2.81,5.81L10.5,2L18.05,5.81C18.5,6.09 18.78,6.5 18.84,7M7,8H20A2,2 0 0,1 22,10V19A2,2 0 0,1 20,21H7A2,2 0 0,1 5,19V10A2,2 0 0,1 7,8M20,11.67V10L13.5,13.31L7,10V11.67L13.5,15L20,11.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-minus-outline.svg
new file mode 100644
index 00000000..349e6944
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-minus-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M20 6L12 11L4 6H20M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-minus.svg
new file mode 100644
index 00000000..2486305b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-minus" viewBox="0 0 24 24"><path d="M13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M4 8V6L12 11L20 6V8L12 13L4 8M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple-outline.svg
new file mode 100644
index 00000000..4c16c4ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-multiple-outline" viewBox="0 0 24 24"><path d="M2 6V20H20V22H2C.895 22 0 21.11 0 20V6H2M24 4C24 2.9 23.1 2 22 2H6C4.9 2 4 2.9 4 4V16C4 17.1 4.9 18 6 18H22C23.1 18 24 17.1 24 16V4M22 4L14 9L6 4H22M22 16H6V6L14 11L22 6V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple.svg
new file mode 100644
index 00000000..23cff977
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-multiple" viewBox="0 0 24 24"><path d="M22,6V4L14,9L6,4V6L14,11L22,6M22,2A2,2 0 0,1 24,4V16A2,2 0 0,1 22,18H6C4.89,18 4,17.1 4,16V4C4,2.89 4.89,2 6,2H22M2,6V20H20V22H2A2,2 0 0,1 0,20V6H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-newsletter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-newsletter.svg
new file mode 100644
index 00000000..326fbbeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-newsletter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-newsletter" viewBox="0 0 24 24"><path d="M12 .64L8.23 3H5V5L2.97 6.29C2.39 6.64 2 7.27 2 8V18C2 19.11 2.9 20 4 20H20C21.11 20 22 19.11 22 18V8C22 7.27 21.61 6.64 21.03 6.29L19 5V3H15.77M7 5H17V9.88L12 13L7 9.88M8 6V7.5H16V6M5 7.38V8.63L4 8M19 7.38L20 8L19 8.63M8 8.5V10H16V8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-off-outline.svg
new file mode 100644
index 00000000..e5f1cad7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L2.6 4.5C2.3 4.9 2 5.4 2 6V18C2 19.1 2.9 20 4 20H18.1L20.8 22.7L22.1 21.5M4 18V8L9.6 11.5L16.1 18H4M9.2 6L7.2 4H20C21.1 4 22 4.9 22 6V18C22 18.2 22 18.5 21.9 18.7L20 16.8V8L14.6 11.4L13.4 10.2L20 6H9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-off.svg
new file mode 100644
index 00000000..0fb5d480
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L2.6 4.5C2.2 4.9 2 5.4 2 6V18C2 19.1 2.9 20 4 20H18.1L20.8 22.7L22.1 21.5M4 8V6L4.3 6.2L9.6 11.5L4 8M13.4 10.2L7.2 4H20C21.1 4 22 4.9 22 6V18C22 18.2 22 18.5 21.9 18.7L14.6 11.4L20 8V6L13.4 10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple-outline.svg
new file mode 100644
index 00000000..994bee5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-open-multiple-outline" viewBox="0 0 24 24"><path d="M2 8V22H20V24H2C.895 24 0 23.11 0 22V8H2M23.03 6.29L14 .64L4.97 6.29C4.39 6.64 4 7.27 4 8V18C4 19.1 4.9 20 6 20H22C23.1 20 24 19.1 24 18V8C24 7.27 23.61 6.64 23.03 6.29M22 18H6V10L14 15L22 10V18M14 13L6 8L14 3L22 8L14 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple.svg
new file mode 100644
index 00000000..71dba765
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-open-multiple" viewBox="0 0 24 24"><path d="M6,8L14,13L22,8V8L14,3L6,8V8M24,8V18A2,2 0 0,1 22,20H6A2,2 0 0,1 4,18V8C4,7.27 4.39,6.64 4.97,6.29L14,0.64L23.03,6.29C23.61,6.64 24,7.27 24,8M2,8V22H20V24H2A2,2 0 0,1 0,22V8H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-outline.svg
new file mode 100644
index 00000000..444ad254
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-open-outline" viewBox="0 0 24 24"><path d="M21.03 6.29L12 .64L2.97 6.29C2.39 6.64 2 7.27 2 8V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 7.27 21.61 6.64 21.03 6.29M20 18H4V10L12 15L20 10V18M12 13L4 8L12 3L20 8L12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-open.svg
new file mode 100644
index 00000000..65b90bb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-open" viewBox="0 0 24 24"><path d="M4,8L12,13L20,8V8L12,3L4,8V8M22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V8C2,7.27 2.39,6.64 2.97,6.29L12,0.64L21.03,6.29C21.61,6.64 22,7.27 22,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-outline.svg
new file mode 100644
index 00000000..239ea6d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-outline" viewBox="0 0 24 24"><path d="M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-plus-outline.svg
new file mode 100644
index 00000000..df56bb32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-plus-outline" viewBox="0 0 24 24"><path d="M13 19C13 18.66 13.04 18.33 13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M20 6L12 11L4 6H20M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-plus.svg
new file mode 100644
index 00000000..35e83f59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-plus" viewBox="0 0 24 24"><path d="M13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V6C22 4.89 21.1 4 20 4H4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19M4 8V6L12 11L20 6V8L12 13L4 8M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-remove-outline.svg
new file mode 100644
index 00000000..e60e1fbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-remove-outline" viewBox="0 0 24 24"><path d="M13.09 18H4V8L12 13L20 8V13.09C20.72 13.21 21.39 13.46 22 13.81V6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H13.09C13.04 19.67 13 19.34 13 19C13 18.66 13.04 18.33 13.09 18M20 6L12 11L4 6H20M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-remove.svg
new file mode 100644
index 00000000..b43decf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-remove" viewBox="0 0 24 24"><path d="M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H20C21.1 4 22 4.89 22 6V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M20 8V6L12 11L4 6V8L12 13L20 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-seal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-seal-outline.svg
new file mode 100644
index 00000000..6fc3f4aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-seal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-seal-outline" viewBox="0 0 24 24"><path d="M12.5 13.3C12.3 12.8 12.3 12.4 12.4 12H3V4.5L9 8.5L15 4.5V6.2C15.6 5.9 16.1 5.9 16.4 5.9C16.5 5.8 16.7 5.7 16.9 5.6V2.6C17 1.7 16.3 1 15.4 1H2.6C1.7 1 1 1.7 1 2.6V12.4C1 13.3 1.7 14 2.6 14H12.9C12.7 13.8 12.6 13.6 12.5 13.3M15 3L9 7L3 3H15M22.6 9.9C22.4 9.3 21.9 9.2 21.6 8.9C21.4 8.6 21.4 8 20.9 7.7C20.4 7.3 19.9 7.5 19.5 7.4C19.1 7.3 18.8 6.8 18.2 6.8S17.3 7.2 16.9 7.4C16.5 7.5 16 7.3 15.5 7.7C15 8 15.1 8.5 14.8 8.9C14.5 9.2 14 9.4 13.8 9.9C13.6 10.5 14 10.9 14 11.3C14 11.7 13.6 12.1 13.8 12.7C14 13.3 14.5 13.4 14.8 13.7C15 14 15 14.6 15.5 14.9C16 15.3 16.5 15.1 16.9 15.2C17.3 15.3 17.6 15.8 18.2 15.8S19.1 15.4 19.5 15.2C19.9 15.1 20.4 15.3 20.9 14.9C21.4 14.5 21.4 14 21.6 13.7C21.9 13.4 22.4 13.2 22.6 12.7C22.8 12.1 22.4 11.7 22.4 11.3C22.4 10.9 22.8 10.5 22.6 9.9M18.2 14.4C16.5 14.4 15.2 13 15.2 11.4S16.6 8.4 18.2 8.4 21.2 9.8 21.2 11.4 19.9 14.4 18.2 14.4M19.7 11.3C19.7 12.1 19 12.8 18.2 12.8S16.7 12.1 16.7 11.3C16.7 10.5 17.4 9.8 18.2 9.8S19.7 10.5 19.7 11.3M19.5 17.1L19 19.8L18.4 22.9L16.4 21L14 22.1L15 16.4C15.4 16.6 15.9 16.7 16.4 16.7C16.7 16.9 17.1 17.1 17.4 17.2C17.6 17.3 17.9 17.3 18.2 17.3C18.7 17.4 19.1 17.3 19.5 17.1M22.7 19.5L20.7 18.8L21.1 16.6L21.7 16.3L21.8 16.2L22.7 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-seal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-seal.svg
new file mode 100644
index 00000000..30691570
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-seal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-seal" viewBox="0 0 24 24"><path d="M12.5 13.3C12.2 12.4 12.4 11.7 12.5 11.3C12.4 10.9 12.2 10.3 12.4 9.4C12.7 8.6 13.2 8.2 13.5 7.9C13.6 7.5 13.8 6.9 14.6 6.3C15.3 5.8 16 5.8 16.4 5.8C16.5 5.7 16.7 5.6 16.9 5.5V2.6C17 1.7 16.3 1 15.4 1H2.6C1.7 1 1 1.7 1 2.6V12.4C1 13.3 1.7 14 2.6 14H12.9C12.7 13.8 12.6 13.6 12.5 13.3M3 5V3L9 6L15 3V5L9 8L3 5M22.6 9.9C22.4 9.3 21.9 9.2 21.6 8.9C21.4 8.6 21.4 8 20.9 7.7C20.4 7.3 19.9 7.5 19.5 7.4C19.1 7.3 18.8 6.8 18.2 6.8S17.3 7.2 16.9 7.4C16.5 7.5 16 7.3 15.5 7.7C15 8 15.1 8.5 14.8 8.9C14.5 9.2 14 9.4 13.8 9.9C13.6 10.5 14 10.9 14 11.3C14 11.7 13.6 12.1 13.8 12.7C14 13.3 14.5 13.4 14.8 13.7C15 14 15 14.6 15.5 14.9C16 15.3 16.5 15.1 16.9 15.2C17.3 15.3 17.6 15.8 18.2 15.8S19.1 15.4 19.5 15.2C19.9 15.1 20.4 15.3 20.9 14.9C21.4 14.5 21.4 14 21.6 13.7C21.9 13.4 22.4 13.2 22.6 12.7C22.8 12.1 22.4 11.7 22.4 11.3C22.4 10.9 22.8 10.5 22.6 9.9M18.2 14.4C16.5 14.4 15.2 13 15.2 11.4S16.6 8.4 18.2 8.4 21.2 9.8 21.2 11.4 19.9 14.4 18.2 14.4M19.7 11.3C19.7 12.1 19 12.8 18.2 12.8S16.7 12.1 16.7 11.3C16.7 10.5 17.4 9.8 18.2 9.8S19.7 10.5 19.7 11.3M19.5 17.1L19 19.8L18.4 22.9L16.4 21L14 22.1L15 16.4C15.4 16.6 15.9 16.7 16.4 16.7C16.7 16.9 17.1 17.1 17.4 17.2C17.6 17.3 17.9 17.3 18.2 17.3C18.7 17.4 19.1 17.3 19.5 17.1M22.7 19.5L20.7 18.8L21.1 16.6L21.7 16.3L21.8 16.2L22.7 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-search-outline.svg
new file mode 100644
index 00000000..47443970
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-search-outline" viewBox="0 0 24 24"><path d="M16.5 11C19 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11M16.5 13C15.12 13 14 14.12 14 15.5S15.12 18 16.5 18 19 16.88 19 15.5 17.88 13 16.5 13M10.5 18H3V8L10.62 12.76C11.65 10.54 13.9 9 16.5 9C16.77 9 17.04 9 17.31 9.06L19 8V9.5C19.75 9.81 20.42 10.27 21 10.82V6C21 4.9 20.1 4 19 4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H11.82C11.27 19.42 10.82 18.75 10.5 18M19 6L11 11L3 6H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-search.svg
new file mode 100644
index 00000000..9ad274b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-search" viewBox="0 0 24 24"><path d="M3,4H19A2,2 0 0,1 21,6V10.82C20,9.85 18.7,9.23 17.31,9.06L19,8V6L11,11L3,6V8L10.62,12.76C10.21,13.62 10,14.55 10,15.5C10,17.18 10.65,18.79 11.81,20H3A2,2 0 0,1 1,18V6C1,4.89 1.89,4 3,4M16.5,11C19,11 21,13 21,15.5C21,16.38 20.75,17.21 20.31,17.9L23.39,21L22,22.39L18.88,19.32C18.19,19.75 17.37,20 16.5,20C14,20 12,18 12,15.5C12,13 14,11 16.5,11M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-sync-outline.svg
new file mode 100644
index 00000000..510b1e8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-sync-outline" viewBox="0 0 24 24"><path d="M3 4C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H13.5A6.5 6.5 0 0 1 13 18H3V8L11 13L19 8V11A6.5 6.5 0 0 1 19.5 11A6.5 6.5 0 0 1 21 11.18V6C21 4.9 20.1 4 19 4H3M3 6H19L11 11L3 6M19 12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5V12M15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-sync.svg
new file mode 100644
index 00000000..1b01ded1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-sync" viewBox="0 0 24 24"><path d="M3 4C1.89 4 1 4.89 1 6V18C1 19.11 1.9 20 3 20H13.5A6.5 6.5 0 0 1 13 17.5A6.5 6.5 0 0 1 19.5 11A6.5 6.5 0 0 1 21 11.18V6C21 4.89 20.1 4 19 4H3M3 6L11 11L19 6V8L11 13L3 8V6M19 12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5V12M15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email-variant.svg
new file mode 100644
index 00000000..7589744e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email-variant" viewBox="0 0 24 24"><path d="M12,13L2,6.76V6C2,4.89 2.89,4 4,4H20A2,2 0 0,1 22,6V6.75L12,13M22,18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V9.11L4,10.36V18H20V10.36L22,9.11V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/email.svg b/apps/phoenix_webcomponent/priv/mdi/svg/email.svg
new file mode 100644
index 00000000..00227bb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/email.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-email" viewBox="0 0 24 24"><path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ember.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ember.svg
new file mode 100644
index 00000000..a943a95f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ember.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ember" viewBox="0 0 24 24"><path d="M22,14.22C22,14.22 17.61,17.35 14.72,17.39C11.84,17.44 12.13,15.56 12.13,15.56C12.13,15.56 22.71,11.94 19.83,4.79C18.53,2.95 17,2.37 14.89,2.42C12.76,2.46 10.17,3.76 8.46,7.6C7.64,9.44 7.41,11.18 7.24,12.5V12.5C7.24,12.5 5.32,12.88 4.32,12.04C3.32,11.2 2.77,12.04 2.77,12.04C2.77,12.04 1.03,14.2 2.75,14.87C4.46,15.54 7.12,15.82 7.12,15.82V15.82C7.36,17 8.08,19 10.17,20.6C13.3,23 19.32,20.4 19.32,20.4M11.63,12.33C11.76,7.36 15,5.18 16.15,6.27C17.27,7.36 16.86,9.7 14.72,11.16C12.59,12.63 11.63,12.33 11.63,12.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emby.svg
new file mode 100644
index 00000000..71161d54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emby" viewBox="0 0 24 24"><path d="M11,2L6,7L7,8L2,13L7,18L8,17L13,22L18,17L17,16L22,11L17,6L16,7L11,2M10,8.5L16,12L10,15.5V8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry-outline.svg
new file mode 100644
index 00000000..a3327fdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-angry-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5V8L10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5L17,8V9.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry.svg
new file mode 100644
index 00000000..8e61bad7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-angry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-angry" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5V8L10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5L17,8V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused-outline.svg
new file mode 100644
index 00000000..29ec8e4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-confused-outline" viewBox="0 0 24 24"><path d="M20 12A8 8 0 1 0 12 20A8 8 0 0 0 20 12M22 12A10 10 0 1 1 12 2A10 10 0 0 1 22 12M15.5 8A1.5 1.5 0 1 1 14 9.5A1.54 1.54 0 0 1 15.5 8M10 9.5A1.5 1.5 0 1 1 8.5 8A1.54 1.54 0 0 1 10 9.5M17 15H13A4 4 0 0 0 9.53 17L7.8 16A6 6 0 0 1 13 13H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused.svg
new file mode 100644
index 00000000..124e0643
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-confused.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-confused" viewBox="0 0 24 24"><path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2M8.5 8A1.5 1.5 0 1 1 7 9.5A1.54 1.54 0 0 1 8.5 8M17 16H13A4 4 0 0 0 9.53 18L7.8 17A6 6 0 0 1 13 14H17M15.5 11A1.5 1.5 0 1 1 17 9.5A1.54 1.54 0 0 1 15.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool-outline.svg
new file mode 100644
index 00000000..074c3240
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-cool-outline" viewBox="0 0 24 24"><path d="M19,10C19,11.38 16.88,12.5 15.5,12.5C14.12,12.5 12.75,11.38 12.75,10H11.25C11.25,11.38 9.88,12.5 8.5,12.5C7.12,12.5 5,11.38 5,10H4.25C4.09,10.64 4,11.31 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,11.31 19.91,10.64 19.75,10H19M12,4C9.04,4 6.45,5.61 5.07,8H18.93C17.55,5.61 14.96,4 12,4M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool.svg
new file mode 100644
index 00000000..b036b0b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cool.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-cool" viewBox="0 0 24 24"><path d="M3.22,7.22C4.91,4.11 8.21,2 12,2C15.79,2 19.09,4.11 20.78,7.22L20,8H4L3.22,7.22M21.4,8.6C21.78,9.67 22,10.81 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,10.81 2.22,9.67 2.6,8.6L4,10H5C5,11.38 7.12,12.5 8.5,12.5C9.88,12.5 11.25,11.38 11.25,10H12.75C12.75,11.38 14.12,12.5 15.5,12.5C16.88,12.5 19,11.38 19,10H20L21.4,8.6M16.19,15.42L14.77,14C14.32,14.72 13.25,15.23 12,15.23C10.75,15.23 9.68,14.72 9.23,14L7.81,15.42C8.71,16.5 10.25,17.23 12,17.23C13.75,17.23 15.29,16.5 16.19,15.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry-outline.svg
new file mode 100644
index 00000000..2430d88e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-cry-outline" viewBox="0 0 24 24"><path d="M7.57,20C6.23,20 5.14,18.91 5.14,17.57C5.14,16.5 6.32,14.5 7.57,12.81C8.82,14.5 10,16.5 10,17.57A2.43,2.43 0 0,1 7.57,20M12,2A10,10 0 0,0 2,12C2,13.75 2.45,15.38 3.24,16.81C3.4,16 3.81,15.07 4.31,14.17C4.11,13.5 4,12.75 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20C11.76,20 11.53,20 11.29,19.96C10.82,20.7 10.14,21.28 9.34,21.63C10.19,21.87 11.08,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,14C11.59,14 11.19,14.04 10.81,14.12C11.16,14.75 11.47,15.4 11.69,16C11.79,16 11.89,16 12,16C13.25,16 14.32,16.5 14.77,17.23L16.19,15.81C15.29,14.72 13.75,14 12,14M15.5,8C14.7,8 14,8.7 14,9.5C14,10.3 14.7,11 15.5,11C16.3,11 17,10.3 17,9.5C17,8.7 16.3,8 15.5,8M10,9.5C10,8.7 9.3,8 8.5,8C7.7,8 7,8.7 7,9.5C7,10.3 7.7,11 8.5,11C9.3,11 10,10.3 10,9.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry.svg
new file mode 100644
index 00000000..420b5084
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-cry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-cry" viewBox="0 0 24 24"><path d="M5.14,17.57C5.14,16.5 6.32,14.5 7.57,12.81C8.82,14.5 10,16.5 10,17.57A2.43,2.43 0 0,1 7.57,20C6.23,20 5.14,18.91 5.14,17.57M22,12A10,10 0 0,1 12,22C11.08,22 10.18,21.86 9.33,21.63C10.9,20.95 12,19.39 12,17.57C12,17.12 11.89,16.6 11.69,16C11.79,16 11.89,16 12,16C13.25,16 14.32,16.5 14.77,17.23L16.19,15.81C15.29,14.72 13.75,14 12,14C11.59,14 11.19,14.04 10.81,14.12C10.38,13.36 9.85,12.53 9.19,11.63L8.71,11C9.42,10.87 10,10.23 10,9.5C10,8.7 9.3,8 8.5,8C7.7,8 7,8.7 7,9.5C7,9.69 7.04,9.87 7.11,10.04L5.96,11.63C4.4,13.75 3.5,15.5 3.23,16.81C2.45,15.38 2,13.74 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M17,9.5C17,8.7 16.3,8 15.5,8C14.7,8 14,8.7 14,9.5C14,10.3 14.7,11 15.5,11C16.3,11 17,10.3 17,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead-outline.svg
new file mode 100644
index 00000000..c54d6a9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-dead-outline" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16.18,7.76L15.12,8.82L14.06,7.76L13,8.82L14.06,9.88L13,10.94L14.06,12L15.12,10.94L16.18,12L17.24,10.94L16.18,9.88L17.24,8.82L16.18,7.76M7.82,12L8.88,10.94L9.94,12L11,10.94L9.94,9.88L11,8.82L9.94,7.76L8.88,8.82L7.82,7.76L6.76,8.82L7.82,9.88L6.76,10.94L7.82,12M12,14C9.67,14 7.69,15.46 6.89,17.5H17.11C16.31,15.46 14.33,14 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead.svg
new file mode 100644
index 00000000..aa6dee7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-dead.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-dead" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M6.76,8.82L7.82,7.76L8.88,8.82L9.94,7.76L11,8.82L9.94,9.88L11,10.94L9.94,12L8.88,10.94L7.82,12L6.76,10.94L7.82,9.88L6.76,8.82M6.89,17.5C7.69,15.46 9.67,14 12,14C14.33,14 16.31,15.46 17.11,17.5H6.89M17.24,10.94L16.18,12L15.12,10.94L14.06,12L13,10.94L14.06,9.88L13,8.82L14.06,7.76L15.12,8.82L16.18,7.76L17.24,8.82L16.18,9.88L17.24,10.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil-outline.svg
new file mode 100644
index 00000000..c90ebf75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-devil-outline" viewBox="0 0 24 24"><path d="M1.5,2.09C2.4,3 3.87,3.73 5.69,4.25C7.41,2.84 9.61,2 12,2C14.39,2 16.59,2.84 18.31,4.25C20.13,3.73 21.6,3 22.5,2.09C22.47,3.72 21.65,5.21 20.28,6.4C21.37,8 22,9.92 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,9.92 2.63,8 3.72,6.4C2.35,5.21 1.53,3.72 1.5,2.09M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M10.5,10C10.5,10.8 9.8,11.5 9,11.5C8.2,11.5 7.5,10.8 7.5,10V8.5L10.5,10M16.5,10C16.5,10.8 15.8,11.5 15,11.5C14.2,11.5 13.5,10.8 13.5,10L16.5,8.5V10M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil.svg
new file mode 100644
index 00000000..e3bf5f54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-devil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-devil" viewBox="0 0 24 24"><path d="M22.5,2.09C21.6,3 20.13,3.73 18.31,4.25C16.59,2.84 14.39,2 12,2C9.61,2 7.41,2.84 5.69,4.25C3.87,3.73 2.4,3 1.5,2.09C1.53,3.72 2.35,5.21 3.72,6.4C2.63,8 2,9.92 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,9.92 21.37,8 20.28,6.4C21.65,5.21 22.47,3.72 22.5,2.09M7.5,8.5L10.5,10C10.5,10.8 9.8,11.5 9,11.5C8.2,11.5 7.5,10.8 7.5,10V8.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M16.5,10C16.5,10.8 15.8,11.5 15,11.5C14.2,11.5 13.5,10.8 13.5,10L16.5,8.5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited-outline.svg
new file mode 100644
index 00000000..a757c05d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-excited-outline" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,9.94L14.06,11L15.12,9.94L16.18,11L17.24,9.94L15.12,7.82L13,9.94M8.88,9.94L9.94,11L11,9.94L8.88,7.82L6.76,9.94L7.82,11L8.88,9.94M12,17.5C14.33,17.5 16.31,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited.svg
new file mode 100644
index 00000000..3acfe467
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-excited.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-excited" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2M8.88,7.82L11,9.94L9.94,11L8.88,9.94L7.82,11L6.76,9.94L8.88,7.82M12,17.5C9.67,17.5 7.69,16.04 6.89,14H17.11C16.31,16.04 14.33,17.5 12,17.5M16.18,11L15.12,9.94L14.06,11L13,9.94L15.12,7.82L17.24,9.94L16.18,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown-outline.svg
new file mode 100644
index 00000000..841515fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-frown-outline" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.5 2 12S6.47 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M12 20C7.58 20 4 16.42 4 12S7.58 4 12 4 20 7.58 20 12 16.42 20 12 20M15.5 11C16.33 11 17 10.33 17 9.5S16.33 8 15.5 8 14 8.67 14 9.5 14.67 11 15.5 11M8.5 11C9.33 11 10 10.33 10 9.5S9.33 8 8.5 8 7 8.67 7 9.5 7.67 11 8.5 11M12 13.5C9.67 13.5 7.69 14.96 6.89 17H17.11C16.31 14.96 14.33 13.5 12 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown.svg
new file mode 100644
index 00000000..fdbc4d0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-frown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-frown" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.5 2 12S6.47 22 12 22C17.5 22 22 17.5 22 12S17.5 2 12 2M15.5 8C16.33 8 17 8.67 17 9.5S16.33 11 15.5 11 14 10.33 14 9.5 14.67 8 15.5 8M8.5 8C9.33 8 10 8.67 10 9.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8M6.89 17C7.69 14.96 9.67 13.5 12 13.5S16.31 14.96 17.11 17H6.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy-outline.svg
new file mode 100644
index 00000000..d78e39b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-happy-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy.svg
new file mode 100644
index 00000000..00e0914c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-happy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-happy" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss-outline.svg
new file mode 100644
index 00000000..06e8a44a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-kiss-outline" viewBox="0 0 24 24"><path d="M9,9.5C9,10.3 8.3,11 7.5,11C6.7,11 6,10.3 6,9.5C6,8.7 6.7,8 7.5,8C8.3,8 9,8.7 9,9.5M16,9.5C16,10.3 15.3,11 14.5,11C13.7,11 13,10.3 13,9.5C13,8.7 13.7,8 14.5,8C15.3,8 16,8.7 16,9.5M14,14.12L11.88,12L10.82,13.06L11.88,14.12L10.82,15.18L11.88,16.24L10.82,17.3L11.88,18.36L14,16.24L12.94,15.18L14,14.12M16.85,13A2.05,2.05 0 0,0 14.8,15.05C14.8,15.62 15.03,16.12 15.4,16.5L18.9,20L22.4,16.5C22.77,16.13 23,15.61 23,15.05A2.05,2.05 0 0,0 20.95,13C20.4,13 19.87,13.23 19.5,13.6L18.9,14.2L18.3,13.61C17.93,13.23 17.4,13 16.85,13M15,18.92C13.82,19.6 12.46,20 11,20A8,8 0 0,1 3,12A8,8 0 0,1 11,4C15.26,4 18.73,7.33 19,11.5C19.58,11.19 20.26,11 20.95,11C20.45,5.95 16.18,2 11,2A10,10 0 0,0 1,12A10,10 0 0,0 11,22C13,22 14.88,21.4 16.45,20.38L15,18.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss.svg
new file mode 100644
index 00000000..3438c3ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-kiss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-kiss" viewBox="0 0 24 24"><path d="M18.9,18.94L15.94,16C15.76,15.79 15.55,15.5 15.55,15.05A1.3,1.3 0 0,1 16.85,13.75C17.19,13.75 17.53,13.89 17.77,14.15L18.91,15.26L20.03,14.13C20.27,13.89 20.61,13.75 20.95,13.75A1.3,1.3 0 0,1 22.25,15.05C22.25,15.39 22.11,15.73 21.87,15.97L18.9,18.94M17.46,19.62C15.72,21.1 13.47,22 11,22A10,10 0 0,1 1,12A10,10 0 0,1 11,2A10,10 0 0,1 21,12C21,12.09 21,12.17 20.95,12.25C20.21,12.25 19.5,12.55 18.97,13.07L18.9,13.14L18.84,13.09C18.32,12.55 17.6,12.25 16.85,12.25A2.8,2.8 0 0,0 14.05,15.05C14.05,15.78 14.34,16.5 14.87,17.03L17.46,19.62M13,9.5C13,10.3 13.7,11 14.5,11C15.3,11 16,10.3 16,9.5C16,8.7 15.3,8 14.5,8C13.7,8 13,8.7 13,9.5M9,9.5C9,8.7 8.3,8 7.5,8C6.7,8 6,8.7 6,9.5C6,10.3 6.7,11 7.5,11C8.3,11 9,10.3 9,9.5M12.94,15.18L14,14.12L11.88,12L10.82,13.06L11.88,14.12L10.82,15.18L11.88,16.24L10.82,17.3L11.88,18.36L14,16.24L12.94,15.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol-outline.svg
new file mode 100644
index 00000000..ea0512ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-lol-outline" viewBox="0 0 24 24"><path d="M6 11V12.5H7.5V14H9V11M12.5 6H11V9H14V7.5H12.5M9.8 17A5.5 5.5 0 0 0 17 9.8M6.34 6.34A8 8 0 0 1 15.08 4.62A4.11 4.11 0 0 1 15.73 2.72A10 10 0 0 0 2.73 15.72A4.11 4.11 0 0 1 4.63 15.07A8 8 0 0 1 6.34 6.34M17.66 17.66A8 8 0 0 1 8.92 19.38A4.11 4.11 0 0 1 8.27 21.28A10 10 0 0 0 21.27 8.28A4.11 4.11 0 0 1 19.37 8.93A8 8 0 0 1 17.66 17.66M6 11V12.5H7.5V14H9V11M9.8 17A5.5 5.5 0 0 0 17 9.8M12.5 6H11V9H14V7.5H12.5M6 11V12.5H7.5V14H9V11M12.5 6H11V9H14V7.5H12.5M9.8 17A5.5 5.5 0 0 0 17 9.8M4.93 21A2 2 0 0 1 2.93 19A2 2 0 0 1 4.93 17H6.93V19A2 2 0 0 1 4.93 21.07M19.07 2.93A2 2 0 0 1 21.07 4.93A2 2 0 0 1 19.07 6.93H17.07V4.93A2 2 0 0 1 19.07 2.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol.svg
new file mode 100644
index 00000000..a6983d67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-lol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-lol" viewBox="0 0 24 24"><path d="M15.07 8.93V4.93A4.06 4.06 0 0 1 15.73 2.72A10 10 0 0 0 2.73 15.72A4.06 4.06 0 0 1 4.94 15.06H8.94V19.06A4.06 4.06 0 0 1 8.28 21.27A10 10 0 0 0 21.28 8.27A4.06 4.06 0 0 1 19.07 8.93M11 6H12.5V7.5H14V9H11M7.5 14V12.5H6V11H9V14M15.89 15.9A5.5 5.5 0 0 1 9.8 17L17 9.8A5.5 5.5 0 0 1 15.89 15.89M4.89 21.08A2 2 0 0 1 2.89 19.08A2 2 0 0 1 4.89 17.08H6.89V19.08A2 2 0 0 1 4.93 21.07M19.07 2.93A2 2 0 0 1 21.07 4.93A2 2 0 0 1 19.07 6.93H17.07V4.93A2 2 0 0 1 19.07 2.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral-outline.svg
new file mode 100644
index 00000000..94798d63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-neutral-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M8.5,11A1.5,1.5 0 0,1 7,9.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11M17,9.5A1.5,1.5 0 0,1 15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8A1.5,1.5 0 0,1 17,9.5M16,14V16H8V14H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral.svg
new file mode 100644
index 00000000..76a58507
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-neutral.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-neutral" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11A1.5,1.5 0 0,1 7,9.5M16,16H8V14H16V16M15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8A1.5,1.5 0 0,1 17,9.5A1.5,1.5 0 0,1 15.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-outline.svg
new file mode 100644
index 00000000..41fe7a17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-outline" viewBox="0 0 24 24"><path d="M12,17.5C14.33,17.5 16.3,16.04 17.11,14H6.89C7.69,16.04 9.67,17.5 12,17.5M8.5,11A1.5,1.5 0 0,0 10,9.5A1.5,1.5 0 0,0 8.5,8A1.5,1.5 0 0,0 7,9.5A1.5,1.5 0 0,0 8.5,11M15.5,11A1.5,1.5 0 0,0 17,9.5A1.5,1.5 0 0,0 15.5,8A1.5,1.5 0 0,0 14,9.5A1.5,1.5 0 0,0 15.5,11M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop-outline.svg
new file mode 100644
index 00000000..b033d5b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-poop-outline" viewBox="0 0 24 24"><path d="M21.42,13.87C21.2,13.41 20.84,12.94 20.25,12.64C19.85,12.39 19.5,12.26 19.24,12.2C19.5,11.25 19.13,10.5 18.62,9.94C17.85,9.12 17.06,9 17.06,9C17.32,8.5 17.42,7.9 17.28,7.32C17.12,6.61 16.73,6.16 16.22,5.86C15.7,5.55 15.06,5.4 14.4,5.28C14.08,5.22 12.75,5.03 12.2,4.27C11.75,3.65 11.74,2.53 11.62,2.2C11.57,2.07 11.5,2 11.36,2C11.15,2 10.87,2.12 10.57,2.32C10,2.7 8.85,3.9 8.4,5.1C8.06,6 8.05,6.82 8.19,7.43C7.63,7.53 7.22,7.71 7.06,7.78C6.55,8 5.47,8.96 5.37,10.45C5.34,10.89 5.41,11.34 5.5,11.78C5.5,11.86 5.5,11.94 5.5,12.03C4.88,12.22 4.53,12.43 4.5,12.44C4.18,12.56 3.65,12.93 3.5,13.13C3.15,13.53 2.92,14 2.79,14.5C2.5,15.59 2.6,16.83 3.13,17.83C3.42,18.39 3.82,19 4.26,19.43C5.7,20.91 8.18,21.47 10.14,21.79C10.96,21.93 11.8,22 12.63,22C14.22,22 15.8,21.73 17.26,21.13C20.61,19.74 21.5,17.5 21.64,16.89C21.93,15.5 21.57,14.19 21.42,13.87M16.05,11.33C16.61,11.36 17.04,11.84 17,12.4C16.96,12.95 16.5,13.38 15.91,13.34C15.35,13.31 14.92,12.83 14.96,12.28C15,11.75 15.42,11.35 15.94,11.33C16,11.33 16,11.33 16.05,11.33M20.18,16.55C20.17,16.57 19.7,18.5 16.69,19.74C15.47,20.25 14.1,20.5 12.63,20.5C11.9,20.5 11.14,20.44 10.38,20.31C8.76,20.05 6.5,19.56 5.31,18.36C5.04,18.09 4.72,17.63 4.46,17.13C4.12,16.5 4.04,15.65 4.24,14.88C4.32,14.58 4.45,14.32 4.63,14.12L4.65,14.09C4.74,14 4.95,13.88 5.03,13.84V13.84L5.14,13.8L5.26,13.74C5.32,13.7 5.46,13.63 5.67,13.55C6.13,14.81 7.28,15.7 8.59,15.7C8.67,15.7 8.74,15.69 8.82,15.69C9.65,15.63 10.41,15.22 10.94,14.55C11.47,13.89 11.73,13.04 11.66,12.17C11.54,10.5 10.22,9.16 8.64,9.11H8.62C8.5,9.11 8.4,9.11 8.31,9.12C8,9.15 7.73,9.23 7.46,9.34C7.55,9.24 7.63,9.17 7.66,9.15C7.79,9.1 8.07,9 8.45,8.91L10,8.63L9.65,7.09C9.61,6.9 9.53,6.35 9.81,5.63C9.96,5.2 10.27,4.76 10.58,4.38C10.68,4.65 10.81,4.91 11,5.15C11.77,6.23 13.12,6.58 14.06,6.74L14.13,6.76C14.6,6.84 15.13,6.95 15.46,7.15C15.67,7.28 15.76,7.41 15.82,7.67C15.87,7.87 15.84,8.1 15.73,8.31L15.21,9.2C13.95,9.5 12.95,10.64 12.79,12.06C12.59,13.87 13.78,15.46 15.5,15.68C15.62,15.69 15.74,15.7 15.85,15.7C16.56,15.7 17.25,15.44 17.82,14.95C18.23,14.59 18.54,14.13 18.74,13.62L18.9,13.66C19,13.68 19.17,13.74 19.45,13.91L19.5,13.95L19.57,14C19.78,14.08 19.94,14.26 20.05,14.5C20.13,14.67 20.38,15.6 20.18,16.55M7.64,12.45C7.57,11.9 7.97,11.39 8.53,11.32C8.57,11.31 8.6,11.31 8.64,11.31C9.15,11.3 9.61,11.67 9.67,12.19C9.73,12.74 9.33,13.25 8.77,13.32C8.21,13.39 7.7,13 7.64,12.45M8.71,16.15C9,16.14 9.26,16.23 9.5,16.28C10.68,16.5 11.7,16.53 12.19,16.53C12.68,16.53 13.69,16.5 14.86,16.28C15.27,16.2 15.74,16.03 16.11,16.28C16.59,16.6 16.24,17.75 15.5,18.53C15.04,19 13.97,19.91 12.19,19.91C10.41,19.91 9.33,19 8.88,18.53C8.14,17.75 7.79,16.6 8.26,16.28C8.4,16.19 8.55,16.15 8.71,16.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop.svg
new file mode 100644
index 00000000..e80bba21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-poop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-poop" viewBox="0 0 24 24"><path d="M11.36,2C11.15,2 10.87,2.12 10.57,2.32C10,2.7 8.85,3.9 8.4,5.1C8.06,6 8.05,6.82 8.19,7.43C7.63,7.53 7.22,7.71 7.06,7.78C6.55,8 5.47,8.96 5.37,10.45C5.34,10.97 5.41,11.5 5.57,12C4.91,12.19 4.53,12.43 4.5,12.44C4.18,12.56 3.65,12.93 3.5,13.13C3.15,13.53 2.92,14 2.79,14.5C2.5,15.59 2.6,16.83 3.13,17.83C3.42,18.39 3.82,19 4.26,19.43C5.7,20.91 8.18,21.47 10.14,21.79C12.53,22.19 15.03,22.05 17.26,21.13C20.61,19.74 21.5,17.5 21.64,16.89C21.93,15.5 21.57,14.19 21.42,13.87C21.2,13.41 20.84,12.94 20.25,12.64C19.85,12.39 19.5,12.26 19.24,12.2C19.5,11.25 19.13,10.5 18.62,9.94C17.85,9.12 17.06,9 17.06,9V9C17.32,8.5 17.42,7.9 17.28,7.32C17.12,6.61 16.73,6.16 16.22,5.86C15.7,5.55 15.06,5.4 14.4,5.28C14.08,5.22 12.75,5.03 12.2,4.27C11.75,3.65 11.74,2.53 11.62,2.2C11.57,2.07 11.5,2 11.36,2M16,9.61C16.07,9.61 16.13,9.62 16.19,9.62C17.62,9.78 18.64,11.16 18.47,12.69C18.3,14.22 17,15.34 15.57,15.18V15.18C14.14,15 13.12,13.65 13.29,12.11C13.45,10.66 14.64,9.56 16,9.61M8.62,9.61C9.95,9.65 11.06,10.78 11.16,12.21C11.28,13.75 10.21,15.08 8.78,15.19H8.77C7.34,15.3 6.08,14.14 5.96,12.6V12.6C5.85,11.06 6.92,9.73 8.35,9.62V9.62C8.44,9.61 8.53,9.61 8.62,9.61M8.64,11.31C8.6,11.31 8.57,11.31 8.53,11.32C7.97,11.39 7.57,11.9 7.64,12.45C7.7,13 8.21,13.39 8.77,13.32C9.33,13.25 9.73,12.74 9.67,12.19C9.61,11.67 9.15,11.3 8.64,11.31M15.94,11.33C15.42,11.35 15,11.75 14.96,12.28C14.92,12.83 15.35,13.31 15.91,13.34C16.5,13.38 16.96,12.95 17,12.4C17.04,11.84 16.61,11.36 16.05,11.33C16,11.33 16,11.33 15.94,11.33M8.71,16.15C9,16.14 9.26,16.23 9.5,16.28C10.68,16.5 11.7,16.53 12.19,16.53C12.68,16.53 13.69,16.5 14.86,16.28C15.27,16.2 15.74,16.03 16.11,16.28C16.59,16.6 16.24,17.75 15.5,18.53C15.04,19 13.97,19.91 12.19,19.91C10.41,19.91 9.33,19 8.88,18.53C8.14,17.75 7.79,16.6 8.26,16.28C8.4,16.19 8.55,16.15 8.71,16.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad-outline.svg
new file mode 100644
index 00000000..85c4e4c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-sad-outline" viewBox="0 0 24 24"><path d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad.svg
new file mode 100644
index 00000000..7e5501e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-sad" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,17.23L7.81,15.81C8.71,14.72 10.25,14 12,14C13.75,14 15.29,14.72 16.19,15.81L14.77,17.23M15.5,11C14.7,11 14,10.3 14,9.5C14,8.7 14.7,8 15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick-outline.svg
new file mode 100644
index 00000000..cb8d57ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-sick-outline" viewBox="0 0 24 24"><path d="M7.32 10.56L8.38 9.5L7.32 8.44L8.38 7.38L10.5 9.5L8.38 11.62L7.32 10.56M4.5 9C4.53 9 4.55 9 4.58 9C5.77 6.07 8.64 4 12 4C14.19 4 16.16 4.88 17.61 6.3C17.76 5.7 18.06 5 18.42 4.34C16.68 2.88 14.44 2 12 2C7.11 2 3.05 5.5 2.18 10.14C2.74 9.44 3.59 9 4.5 9M21 10.5C20.58 10.5 20.18 10.41 19.81 10.28C19.93 10.83 20 11.41 20 12C20 16.42 16.42 20 12 20C8.64 20 5.77 17.93 4.58 15C4.55 15 4.53 15 4.5 15C4 15 3.46 14.86 3 14.6C2.68 14.42 2.41 14.18 2.18 13.9C3.07 18.5 7.11 22 12 22C17.5 22 22 17.5 22 12C22 11.45 21.94 10.91 21.86 10.38C21.58 10.45 21.3 10.5 21 10.5M21 3C21 3 19 5.9 19 7S19.9 9 21 9 23 8.1 23 7 21 3 21 3M15.62 7.38L13.5 9.5L15.62 11.62L16.68 10.56L15.62 9.5L16.68 8.44L15.62 7.38M8.56 17C9.25 15.81 10.53 15 12 15S14.75 15.81 15.44 17H17.12C16.32 14.95 14.33 13.5 12 13.5C11.13 13.5 10.3 13.7 9.57 14.07L6 12C6 11.5 5.73 11 5.25 10.71C4.53 10.3 3.62 10.54 3.2 11.26C2.79 12 3.03 12.89 3.75 13.31C4.23 13.59 4.8 13.56 5.24 13.31L8.21 15.03C7.64 15.56 7.18 16.24 6.88 17H8.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick.svg
new file mode 100644
index 00000000..17cb7b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-sick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-sick" viewBox="0 0 24 24"><path d="M21 9C19.9 9 19 8.1 19 7S21 3 21 3 23 5.9 23 7 22.1 9 21 9M17.5 7C17.5 6.27 17.91 5.29 18.42 4.34C16.68 2.88 14.44 2 12 2C6.47 2 2 6.5 2 12S6.47 22 12 22C17.5 22 22 17.5 22 12C22 11.45 21.94 10.91 21.86 10.38C21.58 10.45 21.3 10.5 21 10.5C19.07 10.5 17.5 8.93 17.5 7M15.62 7.38L16.68 8.44L15.62 9.5L16.68 10.56L15.62 11.62L13.5 9.5L15.62 7.38M7.32 8.44L8.38 7.38L10.5 9.5L8.38 11.62L7.32 10.56L8.38 9.5L7.32 8.44M15.44 17C14.75 15.81 13.47 15 12 15S9.25 15.81 8.56 17H6.88C7.18 16.24 7.64 15.57 8.22 15L5.24 13.3C4.79 13.56 4.23 13.58 3.75 13.3C3.03 12.89 2.79 11.97 3.2 11.25S4.53 10.29 5.25 10.7C5.73 11 6 11.5 6 12L9.57 14.06C10.3 13.7 11.12 13.5 12 13.5C14.33 13.5 16.32 14.95 17.12 17H15.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue-outline.svg
new file mode 100644
index 00000000..61e4907b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-tongue-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M9,10C8.26,10 7.61,10.4 7.27,11C7.1,10.71 7,10.36 7,10A2,2 0 0,1 9,8C10.11,8 11,8.9 11,10C11,10.36 10.9,10.71 10.73,11C10.39,10.4 9.74,10 9,10M17,10C17,10.36 16.9,10.71 16.73,11C16.39,10.4 15.74,10 15,10C14.26,10 13.61,10.4 13.27,11C13.1,10.71 13,10.36 13,10A2,2 0 0,1 15,8C16.11,8 17,8.9 17,10M16,13V15H15C15,17 14.1,18 13,18C11.9,18 11,17 11,15H8V13H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue.svg
new file mode 100644
index 00000000..1925fd02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-tongue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-tongue" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.27,11C7.1,10.71 7,10.36 7,10C7,8.89 7.89,8 9,8A2,2 0 0,1 11,10C11,10.36 10.9,10.71 10.73,11C10.39,10.4 9.74,10 9,10C8.26,10 7.61,10.4 7.27,11M16,15H15C15,17 14.1,18 13,18C11.9,18 11,17 11,15H8V13H16V15M16.73,11C16.39,10.4 15.74,10 15,10C14.26,10 13.61,10.4 13.27,11C13.1,10.71 13,10.36 13,10C13,8.89 13.89,8 15,8A2,2 0 0,1 17,10C17,10.36 16.9,10.71 16.73,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink-outline.svg
new file mode 100644
index 00000000..eedbbf8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-wink-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M17,10H13V9H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink.svg
new file mode 100644
index 00000000..7e056306
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon-wink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon-wink" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,9.5C7,8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5M12,17.23C10.25,17.23 8.71,16.5 7.81,15.42L9.23,14C9.68,14.72 10.75,15.23 12,15.23C13.25,15.23 14.32,14.72 14.77,14L16.19,15.42C15.29,16.5 13.75,17.23 12,17.23M17,10H13V9H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/emoticon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon.svg
new file mode 100644
index 00000000..fd08fa1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/emoticon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-emoticon" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M15.5,8A1.5,1.5 0 0,1 17,9.5A1.5,1.5 0 0,1 15.5,11A1.5,1.5 0 0,1 14,9.5A1.5,1.5 0 0,1 15.5,8M8.5,8A1.5,1.5 0 0,1 10,9.5A1.5,1.5 0 0,1 8.5,11A1.5,1.5 0 0,1 7,9.5A1.5,1.5 0 0,1 8.5,8M12,17.5C9.67,17.5 7.69,16.04 6.89,14H17.11C16.3,16.04 14.33,17.5 12,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/engine-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/engine-off-outline.svg
new file mode 100644
index 00000000..0b84721a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/engine-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-engine-off-outline" viewBox="0 0 24 24"><path d="M2.5,3.77L6.87,8.14L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V19.27L21.23,22.5L22.5,21.22L3.78,2.5L2.5,3.77M16,18H11L9,16H7V11L8,10H8.73L16,17.27V18M23,9V19H22.82L16,12.18V10H13.82L7.82,4H15V6H12V8H18V12H20V9H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/engine-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/engine-off.svg
new file mode 100644
index 00000000..310f9465
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/engine-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-engine-off" viewBox="0 0 24 24"><path d="M3.78,2.5L21.5,20.22L20.23,21.5L18,19.27V20H10L8,18H5V15H3V18H1V10H3V13H5V10L6.87,8.14L2.5,3.77L3.78,2.5M20,9V12H18V8H12V6H15V4H7.82L22.82,19H23V9H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/engine-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/engine-outline.svg
new file mode 100644
index 00000000..ffd26c37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/engine-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-engine-outline" viewBox="0 0 24 24"><path d="M8,10H16V18H11L9,16H7V11M7,4V6H10V8H7L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V16H20V19H23V9H20V12H18V8H12V6H15V4H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/engine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/engine.svg
new file mode 100644
index 00000000..35a9bace
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/engine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-engine" viewBox="0 0 24 24"><path d="M7,4V6H10V8H7L5,10V13H3V10H1V18H3V15H5V18H8L10,20H18V16H20V19H23V9H20V12H18V8H12V6H15V4H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/epsilon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/epsilon.svg
new file mode 100644
index 00000000..20ded481
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/epsilon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-epsilon" viewBox="0 0 24 24"><path d="M15.05 7.78L16.15 6.18C16.15 6.18 14.91 5 12.77 5C10.04 5 8.35 6.84 8.35 8.76C8.35 10.68 10.08 11.69 10.08 11.69C10.08 11.69 8 12.38 8 15C8 17.63 10.14 19 12.44 19C15.38 19 17 17.04 17 17.04L15.6 15.5C15.6 15.5 14.14 16.87 12.59 16.87C10.66 16.87 10.21 15.69 10.21 14.92C10.21 13.87 10.54 12.65 13.83 12.65L13.82 10.77C13.82 10.77 10.44 11.11 10.44 8.78C10.44 7.21 11.9 6.92 12.64 6.92C14.28 6.92 15.05 7.78 15.05 7.78" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/equal-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/equal-box.svg
new file mode 100644
index 00000000..6eb97e28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/equal-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-equal-box" viewBox="0 0 24 24"><path d="M17,16V14H7V16H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M17,10V8H7V10H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/equal.svg
new file mode 100644
index 00000000..ea3acd2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-equal" viewBox="0 0 24 24"><path d="M19,10H5V8H19V10M19,16H5V14H19V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/equalizer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/equalizer-outline.svg
new file mode 100644
index 00000000..8da3e070
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/equalizer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-equalizer-outline" viewBox="0 0 24 24"><path d="M15,21H9V3H15V21M11,19H13V5H11V19M8,21H2V11H8V21M4,19H6V13H4V19M22,21H16V8H22V21M18,19H20V10H18V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/equalizer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/equalizer.svg
new file mode 100644
index 00000000..d7d8ea24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/equalizer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-equalizer" viewBox="0 0 24 24"><path d="M10,20H14V4H10V20M4,20H8V12H4V20M16,9V20H20V9H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eraser-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eraser-variant.svg
new file mode 100644
index 00000000..33465424
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eraser-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eraser-variant" viewBox="0 0 24 24"><path d="M15.14,3C14.63,3 14.12,3.2 13.73,3.59L2.59,14.73C1.81,15.5 1.81,16.77 2.59,17.56L5.03,20H12.69L21.41,11.27C22.2,10.5 22.2,9.23 21.41,8.44L16.56,3.59C16.17,3.2 15.65,3 15.14,3M17,18L15,20H22V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eraser.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eraser.svg
new file mode 100644
index 00000000..91835b1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eraser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eraser" viewBox="0 0 24 24"><path d="M16.24,3.56L21.19,8.5C21.97,9.29 21.97,10.55 21.19,11.34L12,20.53C10.44,22.09 7.91,22.09 6.34,20.53L2.81,17C2.03,16.21 2.03,14.95 2.81,14.16L13.41,3.56C14.2,2.78 15.46,2.78 16.24,3.56M4.22,15.58L7.76,19.11C8.54,19.9 9.8,19.9 10.59,19.11L14.12,15.58L9.17,10.63L4.22,15.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/escalator-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-box.svg
new file mode 100644
index 00000000..356156a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-escalator-box" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5M14.34 6H17.05C18.16 6 19.05 6.9 19.05 8C19.05 9.11 18.16 10 17.05 10H16L10 18H7.05C5.95 18 5.05 17.11 5.05 16C5.05 14.9 5.95 14 7.05 14H8.34L14.34 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/escalator-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-down.svg
new file mode 100644
index 00000000..b90a410e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-escalator-down" viewBox="0 0 24 24"><path d="M20 8H18.95L6.95 20H4C2.9 20 2 19.11 2 18C2 16.9 2.9 16 4 16H5.29L7 14.29V10C7 9.45 7.45 9 8 9H9C9.55 9 10 9.45 10 10V11.29L17.29 4H20C21.11 4 22 4.89 22 6C22 7.11 21.11 8 20 8M8.5 5C9.33 5 10 5.67 10 6.5C10 7.33 9.33 8 8.5 8C7.67 8 7 7.33 7 6.5C7 5.67 7.67 5 8.5 5M14.83 17.34L20.34 11.83L22.17 13.66L16.66 19.17L18.5 21H13V15.5L14.83 17.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/escalator-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-up.svg
new file mode 100644
index 00000000..3ed24cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/escalator-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-escalator-up" viewBox="0 0 24 24"><path d="M20 8H18.95L6.95 20H4C2.9 20 2 19.11 2 18C2 16.9 2.9 16 4 16H5.29L7 14.29V10C7 9.45 7.45 9 8 9H9C9.55 9 10 9.45 10 10V11.29L17.29 4H20C21.11 4 22 4.89 22 6C22 7.11 21.11 8 20 8M8.5 5C9.33 5 10 5.67 10 6.5C10 7.33 9.33 8 8.5 8C7.67 8 7 7.33 7 6.5C7 5.67 7.67 5 8.5 5M20.17 15.66L14.66 21.17L12.83 19.34L18.34 13.83L16.5 12H22V17.5L20.17 15.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/escalator.svg b/apps/phoenix_webcomponent/priv/mdi/svg/escalator.svg
new file mode 100644
index 00000000..98636ab0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/escalator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-escalator" viewBox="0 0 24 24"><path d="M20,8H18.95L6.95,20H4A2,2 0 0,1 2,18A2,2 0 0,1 4,16H5.29L7,14.29V10A1,1 0 0,1 8,9H9A1,1 0 0,1 10,10V11.29L17.29,4H20A2,2 0 0,1 22,6A2,2 0 0,1 20,8M8.5,5A1.5,1.5 0 0,1 10,6.5A1.5,1.5 0 0,1 8.5,8A1.5,1.5 0 0,1 7,6.5A1.5,1.5 0 0,1 8.5,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eslint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eslint.svg
new file mode 100644
index 00000000..9c41a8d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eslint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eslint" viewBox="0 0 24 24"><path d="M7.95,9.55L11.84,7.3C11.94,7.25 12.06,7.25 12.16,7.3L16.05,9.55C16.15,9.61 16.21,9.71 16.21,9.82V14.32C16.21,14.43 16.15,14.53 16.05,14.59L12.16,16.84C12.06,16.89 11.94,16.89 11.84,16.84L7.95,14.59C7.85,14.53 7.79,14.43 7.79,14.32V9.82C7.79,9.71 7.85,9.61 7.95,9.55M22.12,11.6C22.29,11.89 22.29,12.23 22.12,12.53L17.47,20.56C17.3,20.86 17,21 16.65,21H7.35C7,21 6.7,20.85 6.53,20.56L1.88,12.53C1.71,12.24 1.71,11.87 1.88,11.58L6.53,3.5C6.7,3.22 7,3 7.35,3H16.65C17,3 17.3,3.22 17.47,3.5L22.12,11.6M18.27,15.5V8.65C18.27,8.53 18.2,8.42 18.09,8.36L12.16,4.95C12.06,4.89 11.93,4.89 11.83,4.95L5.91,8.36C5.8,8.42 5.73,8.53 5.73,8.65V15.5C5.73,15.61 5.8,15.72 5.91,15.78L11.84,19.19C11.94,19.25 12.07,19.25 12.17,19.19L18.09,15.78C18.2,15.72 18.27,15.61 18.27,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/et.svg b/apps/phoenix_webcomponent/priv/mdi/svg/et.svg
new file mode 100644
index 00000000..1f76d79c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/et.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-et" viewBox="0 0 24 24"><path d="M23,8.78L21.71,7.22C21.45,7.42 20.53,8 19.77,8C19.26,8 18.3,7.75 17.45,7.53C16.39,7.26 15.39,7 14.6,7C14,7 13.43,7.15 12.93,7.35C12.62,5.45 11,4 9,4C4.58,4 2,7.58 2,12C2,16.42 5.58,19 10,19C12.06,19 13.93,18.43 15.34,17.39L15,21.29L17,21.47L18,9.74C18.66,9.89 19.27,10 19.77,10C21.38,10 22.84,8.91 23,8.78M9,6A2,2 0 0,1 11,8A2,2 0 0,1 9,10H4.23C4.8,7.67 6.39,6 9,6M10,17C6.69,17 4,15.31 4,12H9C10.6,12 11.83,11.17 12.5,9.91V9.91C12.76,9.71 13.85,9 14.6,9C14.94,9 15.5,9.11 16.05,9.25L15.65,13.89C14.82,15.95 12.6,17 10,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ethereum.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ethereum.svg
new file mode 100644
index 00000000..995622f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ethereum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ethereum" viewBox="0 0 24 24"><path d="M12,1.75L5.75,12.25L12,16L18.25,12.25L12,1.75M5.75,13.5L12,22.25L18.25,13.5L12,17.25L5.75,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable-off.svg
new file mode 100644
index 00000000..adeb6368
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ethernet-cable-off" viewBox="0 0 24 24"><path d="M11,3H13V7H11V3M8,4H10V8H14V4H16V11H12.82L8,6.18V4M20,20.72L18.73,22L14,17.27V22H10V13.27L2,5.27L3.28,4L20,20.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable.svg
new file mode 100644
index 00000000..b0ec9c07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet-cable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ethernet-cable" viewBox="0 0 24 24"><path d="M11,3V7H13V3H11M8,4V11H16V4H14V8H10V4H8M10,12V22H14V12H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ethernet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet.svg
new file mode 100644
index 00000000..7dac4fb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ethernet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ethernet" viewBox="0 0 24 24"><path d="M7,15H9V18H11V15H13V18H15V15H17V18H19V9H15V6H9V9H5V18H7V15M4.38,3H19.63C20.94,3 22,4.06 22,5.38V19.63A2.37,2.37 0 0,1 19.63,22H4.38C3.06,22 2,20.94 2,19.63V5.38C2,4.06 3.06,3 4.38,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs1.svg
new file mode 100644
index 00000000..e3478e4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-ccs1" viewBox="0 0 24 24"><path d="M7.5 20C7.5 20.8 6.8 21.5 6 21.5S4.5 20.8 4.5 20 5.2 18.5 6 18.5 7.5 19.2 7.5 20M18 18.5C17.2 18.5 16.5 19.2 16.5 20S17.2 21.5 18 21.5 19.5 20.8 19.5 20 18.8 18.5 18 18.5M22 20C22 22.2 20.2 24 18 24H6C3.8 24 2 22.2 2 20S3.8 16 6 16H6.3C4.3 14.4 3 11.8 3 9C3 4 7 0 12 0S21 4 21 9C21 11.8 19.7 14.4 17.7 16H18C20.2 16 22 17.8 22 20M12 16C15.9 16 19 12.9 19 9S15.9 2 12 2 5 5.1 5 9 8.1 16 12 16M20 20C20 18.9 19.1 18 18 18H6C4.9 18 4 18.9 4 20S4.9 22 6 22H18C19.1 22 20 21.1 20 20M12.9 6.3C12.9 5.3 13.7 4.5 14.7 4.5S16.5 5.3 16.5 6.3 15.7 8.1 14.7 8.1 12.9 7.3 12.9 6.3M7.5 6.3C7.5 5.3 8.3 4.5 9.3 4.5S11.1 5.3 11.1 6.3 10.3 8.1 9.3 8.1 7.5 7.3 7.5 6.3M9.3 10.2C9.3 10.8 8.8 11.3 8.2 11.3C7.6 11.3 7.1 10.8 7.1 10.2S7.5 9 8.1 9C8.8 9 9.3 9.6 9.3 10.2M13.8 12.7C13.8 13.7 13 14.5 12 14.5S10.2 13.7 10.2 12.7 11 10.9 12 10.9 13.8 11.7 13.8 12.7M17 10.2C17 10.8 16.5 11.3 15.9 11.3C15.3 11.3 14.8 10.8 14.8 10.2S15.2 9 15.9 9C16.5 9 17 9.6 17 10.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs2.svg
new file mode 100644
index 00000000..95d187f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-ccs2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-ccs2" viewBox="0 0 24 24"><path d="M7.5 19C7.5 19.8 6.8 20.5 6 20.5S4.5 19.8 4.5 19 5.2 17.5 6 17.5 7.5 18.2 7.5 19M18 17.5C17.2 17.5 16.5 18.2 16.5 19S17.2 20.5 18 20.5 19.5 19.8 19.5 19 18.8 17.5 18 17.5M18 15H17.7C19.7 13.4 21 10.8 21 8S19.7 2.6 17.7 1H6.3C4.3 2.6 3 5.2 3 8S4.3 13.4 6.3 15H6C3.8 15 2 16.8 2 19S3.8 23 6 23H18C20.2 23 22 21.2 22 19S20.2 15 18 15M5 8C5 6.1 5.8 4.3 7.1 3H16.9C18.2 4.3 19 6.1 19 8C19 11.9 15.9 15 12 15S5 11.9 5 8M18 21H6C4.9 21 4 20.1 4 19S4.9 17 6 17H18C19.1 17 20 17.9 20 19S19.1 21 18 21M12.9 5.3C12.9 6 13.5 6.6 14.2 6.6C14.9 6.6 15.5 6 15.5 5.3S14.9 4 14.1 4C13.4 4 12.9 4.6 12.9 5.3M8.6 5.3C8.6 6 9.2 6.6 9.9 6.6C10.6 6.6 11.2 6 11.2 5.3S10.6 4 9.9 4C9.1 4 8.6 4.6 8.6 5.3M7.7 10C8.7 10 9.4 9.2 9.4 8.3C9.4 7.4 8.6 6.6 7.7 6.6S6 7.3 6 8.3C6 9.2 6.8 10 7.7 10M11.6 11.7C11.6 10.8 10.8 10 9.9 10C8.9 10 8.2 10.8 8.2 11.7C8.2 12.7 9 13.4 9.9 13.4C10.8 13.4 11.6 12.7 11.6 11.7M12 10C13 10 13.7 9.2 13.7 8.3C13.7 7.4 12.9 6.6 12 6.6S10.3 7.4 10.3 8.3C10.3 9.2 11.1 10 12 10M15.9 11.7C15.9 10.8 15.1 10 14.2 10C13.2 10 12.5 10.8 12.5 11.7C12.5 12.7 13.3 13.4 14.2 13.4C15.1 13.4 15.9 12.7 15.9 11.7M18 8.3C18 7.4 17.2 6.6 16.3 6.6C15.3 6.6 14.6 7.4 14.6 8.3C14.6 9.3 15.4 10 16.3 10C17.2 10 18 9.2 18 8.3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-chademo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-chademo.svg
new file mode 100644
index 00000000..96472ffe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-chademo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-chademo" viewBox="0 0 24 24"><path d="M7.5 9.5C6.1 9.5 5 10.6 5 12S6.1 14.5 7.5 14.5 10 13.4 10 12 8.9 9.5 7.5 9.5M16.5 9.5C15.1 9.5 14 10.6 14 12S15.1 14.5 16.5 14.5 19 13.4 19 12 17.9 9.5 16.5 9.5M12 4C16.4 4 20 7.6 20 12S16.4 20 12 20 4 16.4 4 12 7.6 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 5C10.6 5 9.5 6.1 9.5 7.5S10.6 10 12 10 14.5 8.9 14.5 7.5 13.4 5 12 5M13.5 7.5C13.5 7.7 13.4 7.9 13.3 8.1L12.7 7.5L13.3 6.9C13.4 7.1 13.5 7.3 13.5 7.5M12.6 6.2L12 6.8L11.4 6.2C11.6 6.1 11.8 6 12 6S12.4 6.1 12.6 6.2M10.7 8.1C10.6 7.9 10.5 7.7 10.5 7.5S10.6 7.1 10.7 6.9L11.3 7.5L10.7 8.1M11.4 8.8L12 8.2L12.6 8.8C12.4 8.9 12.2 9 12 9S11.6 8.9 11.4 8.8M12 14C10.6 14 9.5 15.1 9.5 16.5S10.6 19 12 19 14.5 17.9 14.5 16.5 13.4 14 12 14M13.5 16.5C13.5 16.7 13.4 16.9 13.3 17.1L12.7 16.5L13.3 15.9C13.4 16.1 13.5 16.3 13.5 16.5M12.6 15.2L12 15.8L11.4 15.2C11.6 15.1 11.8 15 12 15S12.4 15.1 12.6 15.2M10.7 17.1C10.6 16.9 10.5 16.7 10.5 16.5S10.6 16.1 10.7 15.9L11.3 16.5L10.7 17.1M11.4 17.8L12 17.2L12.6 17.8C12.4 17.9 12.2 18 12 18S11.6 17.9 11.4 17.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-tesla.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-tesla.svg
new file mode 100644
index 00000000..c726a63f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-tesla.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-tesla" viewBox="0 0 24 24"><path d="M6 9C6 8.45 6.45 8 7 8S8 8.45 8 9 7.55 10 7 10 6 9.55 6 9M17 10C17.55 10 18 9.55 18 9S17.55 8 17 8 16 8.45 16 9 16.45 10 17 10M22 9.93V11C22 15.97 17.97 20 13 20H11C6.03 20 2 16 2 11V9.93C2 6.65 4.65 4 7.93 4H16.07C19.35 4 22 6.65 22 9.93M14.5 9C14.5 10.38 15.62 11.5 17 11.5S19.5 10.38 19.5 9 18.38 6.5 17 6.5 14.5 7.62 14.5 9M4.5 9C4.5 10.38 5.62 11.5 7 11.5S9.5 10.38 9.5 9 8.38 6.5 7 6.5 4.5 7.62 4.5 9M9 17C9 16.45 8.55 16 8 16S7 16.45 7 17 7.45 18 8 18 9 17.55 9 17M13.5 17C13.5 16.17 12.83 15.5 12 15.5S10.5 16.17 10.5 17 11.17 18.5 12 18.5 13.5 17.83 13.5 17M17 17C17 16.45 16.55 16 16 16S15 16.45 15 17 15.45 18 16 18 17 17.55 17 17M19.97 11.66C19.23 12.5 18.18 13 17 13C14.79 13 13 11.21 13 9C13 7.8 13.54 6.73 14.38 6H9.62C10.46 6.73 11 7.8 11 9C11 11.21 9.21 13 7 13C5.82 13 4.76 12.5 4.03 11.66C4.19 13.32 4.93 14.82 6.04 15.94C7.71 14.73 9.76 14 12 14C14.24 14 16.29 14.73 17.96 15.94C19.07 14.82 19.81 13.32 19.97 11.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type1.svg
new file mode 100644
index 00000000..eb92d1f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-type1" viewBox="0 0 24 24"><path d="M13 9C13 10.1 13.9 11 15 11S17 10.1 17 9 16.1 7 15 7 13 7.9 13 9M7 9C7 10.1 7.9 11 9 11S11 10.1 11 9 10.1 7 9 7 7 7.9 7 9M9 13.2C9 12.6 8.4 12 7.8 12S6.6 12.6 6.6 13.2 7.2 14.4 7.8 14.4 9 13.9 9 13.2M14 16C14 14.9 13.1 14 12 14S10 14.9 10 16 10.9 18 12 18 14 17.1 14 16M12 4C16.4 4 20 7.6 20 12S16.4 20 12 20 4 16.4 4 12 7.6 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M17.5 13.2C17.5 12.5 16.9 12 16.3 12C15.6 12 15.1 12.6 15.1 13.2S15.7 14.4 16.3 14.4C16.9 14.5 17.5 13.9 17.5 13.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type2.svg
new file mode 100644
index 00000000..951469cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-plug-type2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-plug-type2" viewBox="0 0 24 24"><path d="M17.3 5C19 6.5 20 8.6 20 11C20 15.4 16.4 19 12 19S4 15.4 4 11C4 8.6 5.1 6.5 6.7 5H17.3M18 3H6L5.4 3.5C3.2 5.4 2 8.1 2 11C2 16.5 6.5 21 12 21S22 16.5 22 11C22 8.1 20.8 5.4 18.6 3.5L18 3M13 7.5C13 8.3 13.7 9 14.5 9S16 8.3 16 7.5 15.3 6 14.5 6 13 6.7 13 7.5M8 7.5C8 8.3 8.7 9 9.5 9S11 8.3 11 7.5 10.3 6 9.5 6 8 6.7 8 7.5M7 13C8.1 13 9 12.1 9 11C9 9.9 8.1 9 7 9S5 9.9 5 11C5 12.1 5.9 13 7 13M11.5 15C11.5 13.9 10.6 13 9.5 13S7.5 13.9 7.5 15C7.5 16.1 8.4 17 9.5 17S11.5 16.1 11.5 15M12 13C13.1 13 14 12.1 14 11C14 9.9 13.1 9 12 9S10 9.9 10 11C10 12.1 10.9 13 12 13M16.5 15C16.5 13.9 15.6 13 14.5 13S12.5 13.9 12.5 15C12.5 16.1 13.4 17 14.5 17S16.5 16.1 16.5 15M19 11C19 9.9 18.1 9 17 9S15 9.9 15 11C15 12.1 15.9 13 17 13S19 12.1 19 11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ev-station.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ev-station.svg
new file mode 100644
index 00000000..f2231d9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ev-station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ev-station" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M8,18V13.5H6L10,6V11H12L8,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/evernote.svg b/apps/phoenix_webcomponent/priv/mdi/svg/evernote.svg
new file mode 100644
index 00000000..769c00f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/evernote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-evernote" viewBox="0 0 24 24"><path d="M15.09,11.63C15.09,11.63 15.28,10.35 16,10.35C16.76,10.35 17.78,12.06 17.78,12.06C17.78,12.06 15.46,11.63 15.09,11.63M19,4.69C18.64,4.09 16.83,3.41 15.89,3.41C14.96,3.41 13.5,3.41 13.5,3.41C13.5,3.41 12.7,2 10.88,2C9.05,2 9.17,2.81 9.17,3.5V6.32L8.34,7.19H4.5C4.5,7.19 3.44,7.91 3.44,9.44C3.44,11 3.92,16.35 7.13,16.85C10.93,17.43 11.58,15.67 11.58,15.46C11.58,14.56 11.6,13.21 11.6,13.21C11.6,13.21 12.71,15.33 14.39,15.33C16.07,15.33 17.04,16.3 17.04,17.29C17.04,18.28 17.04,19.13 17.04,19.13C17.04,19.13 17,20.28 16,20.28C15,20.28 13.89,20.28 13.89,20.28C13.89,20.28 13.2,19.74 13.2,19C13.2,18.25 13.53,18.05 13.93,18.05C14.32,18.05 14.65,18.09 14.65,18.09V16.53C14.65,16.53 11.47,16.5 11.47,18.94C11.47,21.37 13.13,22 14.46,22C15.8,22 16.63,22 16.63,22C16.63,22 20.56,21.5 20.56,13.75C20.56,6 19.33,5.28 19,4.69M7.5,6.31H4.26L8.32,2.22V5.5L7.5,6.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/excavator.svg b/apps/phoenix_webcomponent/priv/mdi/svg/excavator.svg
new file mode 100644
index 00000000..01c1c557
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/excavator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-excavator" viewBox="0 0 24 24"><path d="M18.5 18.5C19.04 18.5 19.5 18.96 19.5 19.5S19.04 20.5 18.5 20.5H6.5C5.96 20.5 5.5 20.04 5.5 19.5S5.96 18.5 6.5 18.5H18.5M18.5 17H6.5C5.13 17 4 18.13 4 19.5S5.13 22 6.5 22H18.5C19.88 22 21 20.88 21 19.5S19.88 17 18.5 17M21 11H18V7H13L10 11V16H22L21 11M11.54 11L13.5 8.5H16V11H11.54M9.76 3.41L4.76 2L2 11.83C1.66 13.11 2.41 14.44 3.7 14.8L4.86 15.12L8.15 12.29L4.27 11.21L6.15 4.46L8.94 5.24C9.5 5.53 10.71 6.34 11.47 7.37L12.5 6H12.94C11.68 4.41 9.85 3.46 9.76 3.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exclamation-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exclamation-thick.svg
new file mode 100644
index 00000000..0579a92d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exclamation-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exclamation-thick" viewBox="0 0 24 24"><path d="M10 3H14V14H10V3M10 21V17H14V21H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exclamation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exclamation.svg
new file mode 100644
index 00000000..455ed30d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exclamation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exclamation" viewBox="0 0 24 24"><path d="M 11,4L 13,4L 13,15L 11,15L 11,4 Z M 13,18L 13,20L 11,20L 11,18L 13,18 Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exit-run.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exit-run.svg
new file mode 100644
index 00000000..6c54fc9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exit-run.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exit-run" viewBox="0 0 24 24"><path d="M13.34,8.17C12.41,8.17 11.65,7.4 11.65,6.47A1.69,1.69 0 0,1 13.34,4.78C14.28,4.78 15.04,5.54 15.04,6.47C15.04,7.4 14.28,8.17 13.34,8.17M10.3,19.93L4.37,18.75L4.71,17.05L8.86,17.9L10.21,11.04L8.69,11.64V14.5H7V10.54L11.4,8.67L12.07,8.59C12.67,8.59 13.17,8.93 13.5,9.44L14.36,10.79C15.04,12 16.39,12.82 18,12.82V14.5C16.14,14.5 14.44,13.67 13.34,12.4L12.84,14.94L14.61,16.63V23H12.92V17.9L11.14,16.21L10.3,19.93M21,23H19V3H6V16.11L4,15.69V1H21V23M6,23H4V19.78L6,20.2V23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exit-to-app.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exit-to-app.svg
new file mode 100644
index 00000000..73873754
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exit-to-app.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exit-to-app" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/expand-all-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/expand-all-outline.svg
new file mode 100644
index 00000000..8f8ad39a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/expand-all-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-expand-all-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V14H4V4H14V2H4M8,6A2,2 0 0,0 6,8V18H8V8H18V6H8M20,12V20H12V12H20M20,10H12A2,2 0 0,0 10,12V20A2,2 0 0,0 12,22H20A2,2 0 0,0 22,20V12A2,2 0 0,0 20,10M19,17H17V19H15V17H13V15H15V13H17V15H19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/expand-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/expand-all.svg
new file mode 100644
index 00000000..75fb0bd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/expand-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-expand-all" viewBox="0 0 24 24"><path d="M18,8H8V18H6V8A2,2 0 0,1 8,6H18V8M14,2H4A2,2 0 0,0 2,4V14H4V4H14V2M22,12V20A2,2 0 0,1 20,22H12A2,2 0 0,1 10,20V12A2,2 0 0,1 12,10H20A2,2 0 0,1 22,12M20,15H17V12H15V15H12V17H15V20H17V17H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card-variant.svg
new file mode 100644
index 00000000..b5d3836a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-expansion-card-variant" viewBox="0 0 24 24"><path d="M2 7H4.5V17H3V8.5H2M22 7V16H14V17H7V16H6V7M10 9H8V12H10M13 9H11V12H13M20 9H15V14H20V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card.svg
new file mode 100644
index 00000000..13e37ccd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/expansion-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-expansion-card" viewBox="0 0 24 24"><path d="M2,7V8.5H3V17H4.5V7C3.7,7 2.8,7 2,7M6,7V7L6,16H7V17H14V16H22V7H6M17.5,9A2.5,2.5 0 0,1 20,11.5A2.5,2.5 0 0,1 17.5,14A2.5,2.5 0 0,1 15,11.5A2.5,2.5 0 0,1 17.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exponent-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exponent-box.svg
new file mode 100644
index 00000000..a9130d28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exponent-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exponent-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M13.76,6H15.39L16.5,8.6L17.59,6H19.24C19.24,6 17.5,10.57 16.46,12.32C16.08,12.89 15.35,13.27 14.5,13.25V11.75C14.96,11.76 15.25,11.5 15.5,11.13C15.61,11 15.68,10.8 15.74,10.64L13.76,6M6.41,9.59L9.21,12.38L12,9.59L13.41,11L10.62,13.79L13.41,16.59L12,18L9.21,15.21L6.41,18L5,16.59L7.79,13.79L5,11L6.41,9.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/exponent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/exponent.svg
new file mode 100644
index 00000000..62c466e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/exponent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-exponent" viewBox="0 0 24 24"><path d="M15.38,3L17.77,8.75C17.55,9.68 17.27,10.32 17,10.7C16.67,11.18 16.44,11.25 16.19,11.25V12.75C16.94,12.75 17.74,12.35 18.24,11.56C19.87,8.94 22,3 22,3H20.38L18.69,7.05L17,3H15.38M3.42,8.59L2,10L6.79,14.79L2,19.59L3.41,21L8.21,16.21L13,21L14.41,19.59L9.62,14.79L14.41,10L13,8.59L8.21,13.38L3.41,8.59H3.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/export-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/export-variant.svg
new file mode 100644
index 00000000..09b69651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/export-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-export-variant" viewBox="0 0 24 24"><path d="M12,1L8,5H11V14H13V5H16M18,23H6C4.89,23 4,22.1 4,21V9A2,2 0 0,1 6,7H9V9H6V21H18V9H15V7H18A2,2 0 0,1 20,9V21A2,2 0 0,1 18,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/export.svg
new file mode 100644
index 00000000..384fa52a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-export" viewBox="0 0 24 24"><path d="M23,12L19,8V11H10V13H19V16M1,18V6C1,4.89 1.9,4 3,4H15A2,2 0 0,1 17,6V9H15V6H3V18H15V15H17V18A2,2 0 0,1 15,20H3A2,2 0 0,1 1,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left-outline.svg
new file mode 100644
index 00000000..3393fa71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-arrow-left-outline" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C12.36 19.5 12.72 19.5 13.08 19.45C13.03 19.13 13 18.82 13 18.5C13 18.14 13.04 17.78 13.1 17.42C12.74 17.46 12.37 17.5 12 17.5C8.24 17.5 4.83 15.36 3.18 12C4.83 8.64 8.24 6.5 12 6.5S19.17 8.64 20.82 12C20.7 12.24 20.56 12.45 20.43 12.68C21.09 12.84 21.72 13.11 22.29 13.5C22.56 13 22.8 12.5 23 12C21.27 7.61 17 4.5 12 4.5M12 9C10.34 9 9 10.34 9 12S10.34 15 12 15 15 13.66 15 12 13.66 9 12 9M18 15V17H22V19H18V21L15 18L18 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left.svg
new file mode 100644
index 00000000..b2115c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-arrow-left" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C12.36 19.5 12.72 19.5 13.08 19.45C13.03 19.13 13 18.82 13 18.5C13 17.94 13.08 17.38 13.24 16.84C12.83 16.94 12.42 17 12 17C9.24 17 7 14.76 7 12S9.24 7 12 7 17 9.24 17 12C17 12.29 16.97 12.59 16.92 12.88C17.58 12.63 18.29 12.5 19 12.5C20.17 12.5 21.31 12.84 22.29 13.5C22.56 13 22.8 12.5 23 12C21.27 7.61 17 4.5 12 4.5M12 9C10.34 9 9 10.34 9 12S10.34 15 12 15 15 13.66 15 12 13.66 9 12 9M18 15V17H22V19H18V21L15 18L18 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right-outline.svg
new file mode 100644
index 00000000..51771da2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-arrow-right-outline" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.7 7.6 1 12C2.7 16.4 7 19.5 12 19.5H13.1C13 19.2 13 18.9 13 18.5C13 18.1 13 17.8 13.1 17.4C12.7 17.4 12.4 17.5 12 17.5C8.2 17.5 4.8 15.4 3.2 12C4.8 8.6 8.2 6.5 12 6.5S19.2 8.6 20.8 12C20.7 12.2 20.5 12.4 20.4 12.7C21.1 12.9 21.7 13.1 22.3 13.5C22.6 13 22.8 12.5 23 12C21.3 7.6 17 4.5 12 4.5M12 9C10.3 9 9 10.3 9 12S10.3 15 12 15 15 13.7 15 12 13.7 9 12 9M19 21V19H15V17H19V15L22 18L19 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right.svg
new file mode 100644
index 00000000..b11239f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-arrow-right" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.7 7.6 1 12C2.7 16.4 7 19.5 12 19.5H13.1C13 19.2 13 18.9 13 18.5C13 17.9 13.1 17.4 13.2 16.8C12.8 16.9 12.4 17 12 17C9.2 17 7 14.8 7 12S9.2 7 12 7 17 9.2 17 12C17 12.3 17 12.6 16.9 12.9C17.6 12.7 18.3 12.5 19 12.5C20.2 12.5 21.3 12.8 22.3 13.5C22.6 13 22.8 12.5 23 12C21.3 7.6 17 4.5 12 4.5M12 9C10.3 9 9 10.3 9 12S10.3 15 12 15 15 13.7 15 12 13.7 9 12 9M19 21V19H15V17H19V15L22 18L19 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-check-outline.svg
new file mode 100644
index 00000000..37336dbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-check-outline" viewBox="0 0 24 24"><path d="M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.75,12.65 22.44,13.26 22.08,13.85C21.5,13.5 20.86,13.25 20.18,13.12L20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12C4.83,15.36 8.24,17.5 12,17.5L13.21,17.43C13.07,17.93 13,18.46 13,19V19.46L12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-check.svg
new file mode 100644
index 00000000..c91d6e31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-check" viewBox="0 0 24 24"><path d="M23.5,17L18.5,22L15,18.5L16.5,17L18.5,19L22,15.5L23.5,17M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,17C12.5,17 12.97,16.93 13.42,16.79C13.15,17.5 13,18.22 13,19V19.45L12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5C17,4.5 21.27,7.61 23,12C22.75,12.64 22.44,13.26 22.08,13.85C21.18,13.31 20.12,13 19,13C18.22,13 17.5,13.15 16.79,13.42C16.93,12.97 17,12.5 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle-outline.svg
new file mode 100644
index 00000000..1a329efe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-circle-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11M12,8C14.63,8 17,9.57 18,12C16.62,15.31 12.81,16.88 9.5,15.5C7.92,14.84 6.66,13.58 6,12C7,9.57 9.37,8 12,8M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle.svg
new file mode 100644
index 00000000..dc8543f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-circle" viewBox="0 0 24 24"><path d="M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,16C9.37,16 7,14.43 6,12C7.38,8.69 11.19,7.12 14.5,8.5C16.08,9.16 17.34,10.42 18,12C17,14.43 14.63,16 12,16M12,9.5A2.5,2.5 0 0,0 9.5,12A2.5,2.5 0 0,0 12,14.5A2.5,2.5 0 0,0 14.5,12A2.5,2.5 0 0,0 12,9.5M12,13A1,1 0 0,1 11,12A1,1 0 0,1 12,11A1,1 0 0,1 13,12A1,1 0 0,1 12,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open-outline.svg
new file mode 100644
index 00000000..ea50c92f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-lock-open-outline" viewBox="0 0 24 24"><path d="M12 19.5C7 19.5 2.7 16.4 1 12C2.7 7.6 7 4.5 12 4.5S21.3 7.6 23 12C22.9 12.4 22.7 12.7 22.5 13.1C22 11.9 21 10.9 19.7 10.4C17.9 8 15.1 6.5 12 6.5C8.2 6.5 4.8 8.6 3.2 12C4.9 15.4 8.3 17.5 12 17.5H12.1C12 17.7 12 18 12 18.2V19.5M12 9C10.3 9 9 10.3 9 12S10.3 15 12 15C12.4 15 12.8 14.9 13.2 14.7V14.5C13.2 13.2 13.9 12 14.9 11.1C14.5 9.9 13.4 9 12 9M20.8 17H16.5V14.5C16.5 13.7 17.2 13.2 18 13.2S19.5 13.7 19.5 14.5V15H20.8V14.5C20.8 13.1 19.4 12 18 12S15.2 13.1 15.2 14.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open.svg
new file mode 100644
index 00000000..4810398b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-lock-open" viewBox="0 0 24 24"><path d="M14.9 11.1C13.9 11.9 13.2 13.1 13.2 14.5V14.7C12.8 14.9 12.4 15 12 15C10.3 15 9 13.7 9 12S10.3 9 12 9C13.4 9 14.5 9.9 14.9 11.1M12 18.2C12 17.8 12.1 17.4 12.3 17H12C9.2 17 7 14.8 7 12S9.2 7 12 7C14.1 7 15.9 8.3 16.7 10.2C17.1 10.1 17.6 10 18 10C20.1 10 21.9 11.3 22.5 13.1C22.7 12.8 22.8 12.4 23 12C21.3 7.6 17 4.5 12 4.5S2.7 7.6 1 12C2.7 16.4 7 19.5 12 19.5V18.2M20.8 17H16.5V14.5C16.5 13.7 17.2 13.2 18 13.2S19.5 13.7 19.5 14.5V15H20.8V14.5C20.8 13.1 19.4 12 18 12S15.2 13.1 15.2 14.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-outline.svg
new file mode 100644
index 00000000..ad4921c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-lock-outline" viewBox="0 0 24 24"><path d="M20.8 17V15.5C20.8 14.1 19.4 13 18 13S15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2S19.5 14.7 19.5 15.5V17M15 12C14.1 12.7 13.5 13.6 13.3 14.7C12.9 14.9 12.5 15 12 15C10.3 15 9 13.7 9 12S10.3 9 12 9 15 10.3 15 12M12 19.5C7 19.5 2.7 16.4 1 12C2.7 7.6 7 4.5 12 4.5S21.3 7.6 23 12C22.8 12.5 22.5 13 22.3 13.5C21.9 12.8 21.4 12.2 20.7 11.8C19 8.5 15.7 6.5 12 6.5C8.2 6.5 4.8 8.6 3.2 12C4.9 15.4 8.3 17.5 12 17.5H12.1C12 17.7 12 18 12 18.2V19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock.svg
new file mode 100644
index 00000000..01669b9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-lock" viewBox="0 0 24 24"><path d="M20.8 17V15.5C20.8 14.1 19.4 13 18 13S15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17M19.5 17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2S19.5 14.7 19.5 15.5V17M15 12C14.1 12.7 13.5 13.6 13.3 14.7C12.9 14.9 12.5 15 12 15C10.3 15 9 13.7 9 12S10.3 9 12 9 15 10.3 15 12M12 19.5C7 19.5 2.7 16.4 1 12C2.7 7.6 7 4.5 12 4.5S21.3 7.6 23 12C22.8 12.5 22.5 13 22.3 13.5C21.5 12 19.8 11 18 11C17.6 11 17.3 11.1 16.9 11.1C16.5 8.8 14.5 7 12 7C9.2 7 7 9.2 7 12S9.2 17 12 17H12.3C12.1 17.4 12 17.8 12 18.2V19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus-outline.svg
new file mode 100644
index 00000000..e6a30594
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-minus-outline" viewBox="0 0 24 24"><path d="M12 4.5A11.8 11.8 0 0 0 1 12A11.8 11.8 0 0 0 12 19.5H13.1A3.8 3.8 0 0 1 13 18.5A4.1 4.1 0 0 1 13.1 17.4H12A9.6 9.6 0 0 1 3.2 12A9.6 9.6 0 0 1 12 6.5A9.6 9.6 0 0 1 20.8 12L20.4 12.7A4.6 4.6 0 0 1 22.3 13.5A10.1 10.1 0 0 0 23 12A11.8 11.8 0 0 0 12 4.5M12 9A3 3 0 1 0 15 12A2.9 2.9 0 0 0 12 9M15 17.5V19.5H23V17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus.svg
new file mode 100644
index 00000000..b5540269
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-minus" viewBox="0 0 24 24"><path d="M12 4.5A11.8 11.8 0 0 0 1 12A11.8 11.8 0 0 0 12 19.5H13.1A3.8 3.8 0 0 1 13 18.5A9.9 9.9 0 0 1 13.2 16.8L12 17A5 5 0 1 1 17 12A2.8 2.8 0 0 1 16.9 12.9A5.2 5.2 0 0 1 19 12.5A5.6 5.6 0 0 1 22.3 13.5A10.1 10.1 0 0 0 23 12A11.8 11.8 0 0 0 12 4.5M12 9A3 3 0 1 0 15 12A2.9 2.9 0 0 0 12 9M15 17.5V19.5H23V17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-off-outline.svg
new file mode 100644
index 00000000..dc98378a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-off-outline" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.65,18.92C14.5,19.3 13.28,19.5 12,19.5C7,19.5 2.73,16.39 1,12C1.69,10.24 2.79,8.69 4.19,7.46L2,5.27M12,9A3,3 0 0,1 15,12C15,12.35 14.94,12.69 14.83,13L11,9.17C11.31,9.06 11.65,9 12,9M12,4.5C17,4.5 21.27,7.61 23,12C22.18,14.08 20.79,15.88 19,17.19L17.58,15.76C18.94,14.82 20.06,13.54 20.82,12C19.17,8.64 15.76,6.5 12,6.5C10.91,6.5 9.84,6.68 8.84,7L7.3,5.47C8.74,4.85 10.33,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C12.69,17.5 13.37,17.43 14,17.29L11.72,15C10.29,14.85 9.15,13.71 9,12.28L5.6,8.87C4.61,9.72 3.78,10.78 3.18,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-off.svg
new file mode 100644
index 00000000..25536563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-off" viewBox="0 0 24 24"><path d="M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-outline.svg
new file mode 100644
index 00000000..99f9b16f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-outline" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C17,4.5 21.27,7.61 23,12C21.27,16.39 17,19.5 12,19.5C7,19.5 2.73,16.39 1,12C2.73,7.61 7,4.5 12,4.5M3.18,12C4.83,15.36 8.24,17.5 12,17.5C15.76,17.5 19.17,15.36 20.82,12C19.17,8.64 15.76,6.5 12,6.5C8.24,6.5 4.83,8.64 3.18,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus-outline.svg
new file mode 100644
index 00000000..9c947804
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-plus-outline" viewBox="0 0 24 24"><path d="M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C12.36,19.5 12.72,19.5 13.08,19.45C13.03,19.13 13,18.82 13,18.5C13,18.14 13.04,17.78 13.1,17.42C12.74,17.46 12.37,17.5 12,17.5C8.24,17.5 4.83,15.36 3.18,12C4.83,8.64 8.24,6.5 12,6.5C15.76,6.5 19.17,8.64 20.82,12C20.7,12.24 20.56,12.45 20.43,12.68C21.09,12.84 21.72,13.11 22.29,13.5C22.56,13 22.8,12.5 23,12C21.27,7.61 17,4.5 12,4.5M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M18,14.5V17.5H15V19.5H18V22.5H20V19.5H23V17.5H20V14.5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus.svg
new file mode 100644
index 00000000..9893dd69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-plus" viewBox="0 0 24 24"><path d="M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C12.36,19.5 12.72,19.5 13.08,19.45C13.03,19.13 13,18.82 13,18.5C13,17.94 13.08,17.38 13.24,16.84C12.83,16.94 12.42,17 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12C17,12.29 16.97,12.59 16.92,12.88C17.58,12.63 18.29,12.5 19,12.5C20.17,12.5 21.31,12.84 22.29,13.5C22.56,13 22.8,12.5 23,12C21.27,7.61 17,4.5 12,4.5M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M18,14.5V17.5H15V19.5H18V22.5H20V19.5H23V17.5H20V14.5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh-outline.svg
new file mode 100644
index 00000000..8bfae982
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-refresh-outline" viewBox="0 0 24 24"><path d="M12 9C13.7 9 15 10.3 15 12S13.7 15 12 15 9 13.7 9 12 10.3 9 12 9M18 18.5L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18M12 18.5C12 18.2 12 17.8 12.1 17.5H12C8.2 17.5 4.8 15.4 3.2 12C4.8 8.6 8.2 6.5 12 6.5S19.2 8.6 20.8 12C20.7 12.1 20.7 12.2 20.6 12.4C21.2 12.6 21.8 12.9 22.4 13.3C22.6 12.9 22.8 12.4 23 12C21.3 7.6 17 4.5 12 4.5S2.7 7.6 1 12C2.7 16.4 7 19.5 12 19.5H12.1C12 19.2 12 18.8 12 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh.svg
new file mode 100644
index 00000000..5c49a8d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-refresh" viewBox="0 0 24 24"><path d="M12 9C10.3 9 9 10.3 9 12S10.3 15 12 15 15 13.7 15 12 13.7 9 12 9M18 18.5L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18M12.1 19.5C12.1 19.5 12 19.5 12.1 19.5C7 19.5 2.7 16.4 1 12C2.7 7.6 7 4.5 12 4.5S21.3 7.6 23 12C22.8 12.4 22.6 12.9 22.4 13.3C21.3 12.5 20 12 18.5 12C18 12 17.5 12.1 17 12.2V12C17 9.2 14.8 7 12 7S7 9.2 7 12 9.2 17 12 17H12.2C12.1 17.5 12 18 12 18.5C12 18.8 12 19.2 12.1 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove-outline.svg
new file mode 100644
index 00000000..eb5b175a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-remove-outline" viewBox="0 0 24 24"><path d="M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88M12 9C10.34 9 9 10.34 9 12S10.34 15 12 15 15 13.66 15 12 13.66 9 12 9M12 17.5C8.24 17.5 4.83 15.36 3.18 12C4.83 8.64 8.24 6.5 12 6.5S19.17 8.64 20.82 12C20.63 12.39 20.41 12.77 20.17 13.13C20.85 13.26 21.5 13.5 22.07 13.85C22.43 13.27 22.74 12.65 23 12C21.27 7.61 17 4.5 12 4.5S2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C12.35 19.5 12.69 19.5 13.03 19.45C13 19.3 13 19.15 13 19C13 18.45 13.08 17.92 13.22 17.41C12.82 17.46 12.41 17.5 12 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove.svg
new file mode 100644
index 00000000..7aeb6b1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-remove" viewBox="0 0 24 24"><path d="M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88M12 9C10.34 9 9 10.34 9 12S10.34 15 12 15 15 13.66 15 12 13.66 9 12 9M12 17C9.24 17 7 14.76 7 12S9.24 7 12 7 17 9.24 17 12C17 12.5 16.9 13 16.77 13.43C17.46 13.16 18.21 13 19 13C20.12 13 21.17 13.32 22.07 13.85C22.43 13.27 22.74 12.65 23 12C21.27 7.61 17 4.5 12 4.5S2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C12.35 19.5 12.69 19.5 13.03 19.45C13 19.3 13 19.15 13 19C13 18.21 13.16 17.46 13.43 16.77C13 16.9 12.5 17 12 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings-outline.svg
new file mode 100644
index 00000000..c946d7da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-settings-outline" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M12,4.5C16.86,4.5 21.22,7.5 23,12C20.61,18.08 13.75,21.06 7.67,18.67C4.62,17.47 2.2,15.06 1,12C2.78,7.5 7.14,4.5 12,4.5M3.18,12C5.56,16.87 11.45,18.89 16.32,16.5C18.28,15.54 19.86,13.96 20.82,12C18.44,7.13 12.55,5.11 7.68,7.5C5.72,8.46 4.14,10.04 3.18,12M9,22H7V24H9V22M13,22H11V24H13V22M17,22H15V24H17V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings.svg
new file mode 100644
index 00000000..310fe52b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye-settings" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7.14,4.5 2.78,7.5 1,12C3.39,18.08 10.25,21.06 16.33,18.67C19.38,17.47 21.8,15.06 23,12C21.22,7.5 16.86,4.5 12,4.5M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eye.svg
new file mode 100644
index 00000000..915c953c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eye" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-minus.svg
new file mode 100644
index 00000000..b625990c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper-minus" viewBox="0 0 24 24"><path d="M19.35 11.72L17.22 13.85L15.81 12.43L8.1 20.14L3.5 22L2 20.5L3.86 15.9L11.57 8.19L10.15 6.78L12.28 4.65L19.35 11.72M16.76 3C17.93 1.83 19.83 1.83 21 3S22.17 6.07 21 7.24L19.08 9.16L14.84 4.92L16.76 3M5.56 17.03L4.5 19.5L6.97 18.44L14.4 11L13 9.6L5.56 17.03M9 4V6H1V4H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-off.svg
new file mode 100644
index 00000000..a0219ff5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper-off" viewBox="0 0 24 24"><path d="M21 7.24L19.08 9.16L14.84 4.92L16.76 3C17.93 1.83 19.83 1.83 21 3S22.17 6.07 21 7.24M10.94 8.82L12.36 10.24L13 9.6L14.4 11L13.76 11.64L15.18 13.06L15.81 12.43L17.22 13.85L19.35 11.72L12.28 4.65L10.15 6.78L11.57 8.19L10.94 8.82M19.86 20.29L18.58 21.57L12.63 15.61L8.1 20.14L3.5 22L2 20.5L3.86 15.9L8.39 11.37L1.86 4.85L3.14 3.57L19.86 20.29M11.21 14.2L9.81 12.79L5.56 17.03L4.5 19.5L6.97 18.44L11.21 14.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-plus.svg
new file mode 100644
index 00000000..d2ea385a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper-plus" viewBox="0 0 24 24"><path d="M19.35 11.72L17.22 13.85L15.81 12.43L8.1 20.14L3.5 22L2 20.5L3.86 15.9L11.57 8.19L10.15 6.78L12.28 4.65L19.35 11.72M16.76 3C17.93 1.83 19.83 1.83 21 3S22.17 6.07 21 7.24L19.08 9.16L14.84 4.92L16.76 3M5.56 17.03L4.5 19.5L6.97 18.44L14.4 11L13 9.6L5.56 17.03M6 1V4H9V6H6V9H4V6H1V4H4V1H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-remove.svg
new file mode 100644
index 00000000..b0bc6719
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper-remove" viewBox="0 0 24 24"><path d="M19.35 11.72L17.22 13.85L15.81 12.43L8.1 20.14L3.5 22L2 20.5L3.86 15.9L11.57 8.19L10.15 6.78L12.28 4.65L19.35 11.72M16.76 3C17.93 1.83 19.83 1.83 21 3S22.17 6.07 21 7.24L19.08 9.16L14.84 4.92L16.76 3M5.56 17.03L4.5 19.5L6.97 18.44L14.4 11L13 9.6L5.56 17.03M8.54 2.88L6.41 5L8.54 7.12L7.12 8.54L5 6.41L2.88 8.54L1.46 7.12L3.59 5L1.46 2.88L2.88 1.47L5 3.59L7.12 1.47L8.54 2.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-variant.svg
new file mode 100644
index 00000000..2fcbcc45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper-variant" viewBox="0 0 24 24"><path d="M6.92,19L5,17.08L13.06,9L15,10.94M20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L13.84,6.41L11.91,4.5L10.5,5.91L11.92,7.33L3,16.25V21H7.75L16.67,12.08L18.09,13.5L19.5,12.09L17.58,10.17L20.7,7.05C21.1,6.65 21.1,6 20.71,5.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper.svg
new file mode 100644
index 00000000..0e2cd06d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/eyedropper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-eyedropper" viewBox="0 0 24 24"><path d="M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-agent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-agent.svg
new file mode 100644
index 00000000..ef1704c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-agent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-agent" viewBox="0 0 24 24"><path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-man-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-outline.svg
new file mode 100644
index 00000000..86d2b3be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-man-outline" viewBox="0 0 24 24"><path d="M10.25,13A1.25,1.25 0 0,1 9,14.25A1.25,1.25 0 0,1 7.75,13A1.25,1.25 0 0,1 9,11.75A1.25,1.25 0 0,1 10.25,13M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M10.66,4.12C12.06,6.44 14.6,8 17.5,8C17.96,8 18.41,7.95 18.84,7.88C17.44,5.56 14.9,4 12,4C11.54,4 11.09,4.05 10.66,4.12M4.42,9.47C6.13,8.5 7.45,6.92 8.08,5.03C6.37,6 5.05,7.58 4.42,9.47M20,12C20,11.22 19.88,10.47 19.67,9.76C18.97,9.91 18.25,10 17.5,10C14.37,10 11.58,8.56 9.74,6.31C8.69,8.87 6.6,10.88 4,11.86C4,11.9 4,11.95 4,12C4,16.41 7.59,20 12,20C16.41,20 20,16.41 20,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-man-profile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-profile.svg
new file mode 100644
index 00000000..9ceeaf19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-profile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-man-profile" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,8.39C13.57,9.4 15.42,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20C9,20 6.39,18.34 5,15.89L6.75,14V13A1.25,1.25 0 0,1 8,11.75A1.25,1.25 0 0,1 9.25,13V14H12M16,11.75A1.25,1.25 0 0,0 14.75,13A1.25,1.25 0 0,0 16,14.25A1.25,1.25 0 0,0 17.25,13A1.25,1.25 0 0,0 16,11.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer-outline.svg
new file mode 100644
index 00000000..c4592bea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-man-shimmer-outline" viewBox="0 0 24 24"><path d="M19.5 1L18.41 3.41L16 4.5L18.41 5.59L19.5 8L20.6 5.59L23 4.5L20.6 3.41L19.5 1M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 10.53 21.67 9.13 21.1 7.87L19.86 10.57C19.95 11.04 20 11.5 20 12C20 16.43 16.43 20 12 20C7.57 20 4 16.43 4 12C4 11.95 4 11.91 4 11.86A10 10 0 0 0 9.74 6.31C11.61 8.61 14.44 10 17.5 10C17.94 10 18.39 9.97 18.83 9.91L17.96 8C17.81 8 17.65 8 17.5 8C14.68 8 12.1 6.5 10.66 4.12C11.1 4.05 11.54 4 12 4C12.5 4 12.96 4.05 13.42 4.13L16.13 2.91C14.87 2.33 13.47 2 12 2M8.09 5A8 8 0 0 1 4.41 9.5C5.04 7.57 6.37 6 8.09 5M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer.svg
new file mode 100644
index 00000000..1840043a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-man-shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-man-shimmer" viewBox="0 0 24 24"><path d="M18.41 3.41L16 4.5L18.41 5.59L19.5 8L20.6 5.59L23 4.5L20.6 3.41L19.5 1M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 10.53 21.67 9.13 21.1 7.87L19.86 10.59C19.94 11.05 20 11.5 20 12C20 16.43 16.43 20 12 20C7.57 20 4 16.43 4 12C4 11.96 4 11.91 4 11.87A10 10 0 0 0 9.74 6.31A10 10 0 0 0 17.5 10A10 10 0 0 0 18.83 9.91L17.35 6.65L12.6 4.5L16.13 2.9C14.87 2.33 13.47 2 12 2M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-man.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-man.svg
new file mode 100644
index 00000000..f0cd3eda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-man.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-man" viewBox="0 0 24 24"><path d="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,11.71 4,11.42 4.05,11.14C6.41,10.09 8.28,8.16 9.26,5.77C11.07,8.33 14.05,10 17.42,10C18.2,10 18.95,9.91 19.67,9.74C19.88,10.45 20,11.21 20,12C20,16.41 16.41,20 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-mask-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-mask-outline.svg
new file mode 100644
index 00000000..a34524e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-mask-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-mask-outline" viewBox="0 0 24 24"><path d="M15 12L12.4 11.3C12.1 11.2 11.8 11.2 11.6 11.3L9 12V11L11.3 10.3C11.7 10.2 12.2 10.2 12.7 10.3L15 11V12M20.25 6C18.79 6 17.61 7.14 17.5 8.58L12.55 7.16C12.37 7.11 12.19 7.08 12 7.08C11.82 7.08 11.63 7.11 11.45 7.16L6.5 8.58C6.39 7.14 5.21 6 3.75 6C2.23 6 1 7.23 1 8.75V12.25C1 13.77 2.23 15 3.75 15H5.68C6.81 17.36 9.21 19 12 19S17.19 17.36 18.32 15H20.25C21.77 15 23 13.77 23 12.25V8.75C23 7.23 21.77 6 20.25 6M5 13.5H3.75C3.06 13.5 2.5 12.94 2.5 12.25V8.75C2.5 8.06 3.06 7.5 3.75 7.5S5 8.06 5 8.75V13.5M17 12C17 14.76 14.76 17 12 17S7 14.76 7 12L7 10.5L12 9.08H12L17 10.5V12M21.5 12.25C21.5 12.94 20.94 13.5 20.25 13.5H19V8.75C19 8.06 19.56 7.5 20.25 7.5S21.5 8.06 21.5 8.75V12.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-mask.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-mask.svg
new file mode 100644
index 00000000..ec0f90f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-mask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-mask" viewBox="0 0 24 24"><path d="M20.25 6C18.79 6 17.61 7.14 17.5 8.58L12.55 7.16C12.19 7.05 11.81 7.05 11.45 7.16L6.5 8.58C6.39 7.14 5.21 6 3.75 6C2.23 6 1 7.23 1 8.75V12.25C1 13.77 2.23 15 3.75 15H5.68C6.81 17.36 9.21 19 12 19S17.19 17.36 18.32 15H20.25C21.77 15 23 13.77 23 12.25V8.75C23 7.23 21.77 6 20.25 6M5 13.5H3.75C3.06 13.5 2.5 12.94 2.5 12.25V8.75C2.5 8.06 3.06 7.5 3.75 7.5S5 8.06 5 8.75V13.5M15 12L12.4 11.3C12.1 11.2 11.8 11.2 11.6 11.3L9 12V11L11.3 10.3C11.7 10.2 12.2 10.2 12.7 10.3L15 11V12M21.5 12.25C21.5 12.94 20.94 13.5 20.25 13.5H19V8.75C19 8.06 19.56 7.5 20.25 7.5S21.5 8.06 21.5 8.75V12.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-recognition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-recognition.svg
new file mode 100644
index 00000000..78cb1281
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-recognition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-recognition" viewBox="0 0 24 24"><path d="M9,11.75A1.25,1.25 0 0,0 7.75,13A1.25,1.25 0 0,0 9,14.25A1.25,1.25 0 0,0 10.25,13A1.25,1.25 0 0,0 9,11.75M15,11.75A1.25,1.25 0 0,0 13.75,13A1.25,1.25 0 0,0 15,14.25A1.25,1.25 0 0,0 16.25,13A1.25,1.25 0 0,0 15,11.75M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12C3.97,11.71 3.97,11.43 4,11.14C6.38,10.1 8.27,8.17 9.26,5.77C11.13,8.42 14.17,10 17.42,10C18.18,10 18.93,9.91 19.67,9.74C20.92,14 18.5,18.43 14.26,19.67C13.5,19.89 12.76,20 12,20M0,2A2,2 0 0,1 2,0H6V2H2V6H0V2M24,22A2,2 0 0,1 22,24H18V22H22V18H24V22M2,24A2,2 0 0,1 0,22V18H2V22H6V24H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-outline.svg
new file mode 100644
index 00000000..9f9afee9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-woman-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12V22H22V12C22 6.5 17.5 2 12 2M12 4C14.9 4 17.44 5.56 18.84 7.88C18.41 7.95 17.96 8 17.5 8C14.6 8 12.06 6.44 10.66 4.12C11.09 4.05 11.54 4 12 4M8.08 5.03C7.45 6.92 6.13 8.5 4.42 9.47C5.05 7.58 6.37 6 8.08 5.03M4 11.86C6.6 10.88 8.69 8.87 9.74 6.31C11.58 8.56 14.37 10 17.5 10C18.25 10 18.97 9.91 19.67 9.76C19.88 10.47 20 11.22 20 12C20 16.41 16.41 20 12 20S4 16.41 4 12V11.86M4 20V18C4.57 18.75 5.25 19.43 6 20H4M20 20H18C18.75 19.43 19.43 18.75 20 18V20M13.75 13C13.75 12.31 14.31 11.75 15 11.75S16.25 12.31 16.25 13 15.69 14.25 15 14.25 13.75 13.69 13.75 13M7.75 13C7.75 12.31 8.31 11.75 9 11.75S10.25 12.31 10.25 13 9.69 14.25 9 14.25 7.75 13.69 7.75 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-profile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-profile.svg
new file mode 100644
index 00000000..49e0e9d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-profile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-woman-profile" viewBox="0 0 24 24"><path d="M17.25 13C17.25 13.69 16.69 14.25 16 14.25S14.75 13.69 14.75 13 15.31 11.75 16 11.75 17.25 12.31 17.25 13M22 12C22 17.5 17.5 22 12 22H2V12C2 6.5 6.5 2 12 2S22 6.5 22 12M7 18C8.41 19.23 10 20 12 20C16.41 20 20 16.41 20 12C20 11.21 19.88 10.45 19.67 9.74C18.95 9.91 18.2 10 17.42 10C15.42 10 13.57 9.4 12 8.39C12 8.39 10.54 13.76 8.03 13C7.37 12.8 7 13.31 7 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer-outline.svg
new file mode 100644
index 00000000..9bb4a370
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-woman-shimmer-outline" viewBox="0 0 24 24"><path d="M19.5 1L18.41 3.41L16 4.5L18.41 5.59L19.5 8L20.6 5.59L23 4.5L20.6 3.41M12 2C6.5 2 2 6.5 2 12V22H22V12C22 10.53 21.67 9.13 21.1 7.87L19.86 10.57C19.95 11.04 20 11.5 20 12C20 16.43 16.43 20 12 20C7.57 20 4 16.43 4 12C4 11.95 4 11.91 4 11.86C6.61 10.89 8.69 8.88 9.74 6.31C11.61 8.61 14.44 10 17.5 10C17.94 10 18.39 9.97 18.83 9.91L17.96 8C17.81 8 17.65 8 17.5 8C14.68 8 12.1 6.5 10.66 4.12C11.1 4.05 11.54 4 12 4C12.5 4 12.96 4.05 13.42 4.13L16.13 2.91C14.87 2.33 13.47 2 12 2M8.09 5C7.46 6.91 6.15 8.5 4.41 9.5C5.04 7.57 6.37 6 8.09 5M9 11.75C8.31 11.75 7.75 12.31 7.75 13C7.75 13.69 8.31 14.25 9 14.25C9.69 14.25 10.25 13.69 10.25 13C10.25 12.31 9.69 11.75 9 11.75M15 11.75C14.31 11.75 13.75 12.31 13.75 13C13.75 13.69 14.31 14.25 15 14.25C15.69 14.25 16.25 13.69 16.25 13C16.25 12.31 15.69 11.75 15 11.75M4 17.97C4.58 18.74 5.26 19.42 6.03 20H4M20 17.97V20H17.97C18.74 19.42 19.42 18.74 20 17.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer.svg
new file mode 100644
index 00000000..4d4e9cef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman-shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-woman-shimmer" viewBox="0 0 24 24"><path d="M19.5 1L18.41 3.41L16 4.5L18.41 5.59L19.5 8L20.6 5.59L23 4.5L20.6 3.41L19.5 1M12 2C6.5 2 2 6.5 2 12V22H22V12C22 10.53 21.67 9.13 21.1 7.87L19.86 10.59C19.94 11.05 20 11.5 20 12C20 16.43 16.43 20 12 20C7.57 20 4 16.43 4 12C4 11.96 4 11.91 4 11.87A10 10 0 0 0 9.74 6.31A10 10 0 0 0 17.5 10A10 10 0 0 0 18.83 9.91L17.35 6.65L12.6 4.5L16.13 2.9C14.87 2.33 13.47 2 12 2M9 11.75A1.25 1.25 0 0 0 7.75 13A1.25 1.25 0 0 0 9 14.25A1.25 1.25 0 0 0 10.25 13A1.25 1.25 0 0 0 9 11.75M15 11.75A1.25 1.25 0 0 0 13.75 13A1.25 1.25 0 0 0 15 14.25A1.25 1.25 0 0 0 16.25 13A1.25 1.25 0 0 0 15 11.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/face-woman.svg b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman.svg
new file mode 100644
index 00000000..83ac16ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/face-woman.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-face-woman" viewBox="0 0 24 24"><path d="M13.75 13C13.75 12.31 14.31 11.75 15 11.75S16.25 12.31 16.25 13 15.69 14.25 15 14.25 13.75 13.69 13.75 13M22 12V22H2V12C2 6.5 6.5 2 12 2S22 6.5 22 12M4 12C4 16.41 7.59 20 12 20S20 16.41 20 12C20 11.21 19.88 10.45 19.67 9.74C18.95 9.91 18.2 10 17.42 10C14.05 10 11.07 8.33 9.26 5.77C8.28 8.16 6.41 10.09 4.05 11.14C4 11.42 4 11.71 4 12M9 14.25C9.69 14.25 10.25 13.69 10.25 13S9.69 11.75 9 11.75 7.75 12.31 7.75 13 8.31 14.25 9 14.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/facebook-gaming.svg b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-gaming.svg
new file mode 100644
index 00000000..2fa69afe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-gaming.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-facebook-gaming" viewBox="0 0 24 24"><path d="M9.5 14.5V9.5H21V21H15.5V14.5H9.5M3 3H21L21 8.5H8.5V15.5H14.5V21H3V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/facebook-messenger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-messenger.svg
new file mode 100644
index 00000000..d7359fc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-messenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-facebook-messenger" viewBox="0 0 24 24"><path d="M12,2C6.36,2 2,6.13 2,11.7C2,14.61 3.19,17.14 5.14,18.87C5.3,19 5.4,19.22 5.41,19.44L5.46,21.22C5.5,21.79 6.07,22.16 6.59,21.93L8.57,21.06C8.74,21 8.93,20.97 9.1,21C10,21.27 11,21.4 12,21.4C17.64,21.4 22,17.27 22,11.7C22,6.13 17.64,2 12,2M18,9.46L15.07,14.13C14.6,14.86 13.6,15.05 12.9,14.5L10.56,12.77C10.35,12.61 10.05,12.61 9.84,12.77L6.68,15.17C6.26,15.5 5.71,15 6,14.54L8.93,9.87C9.4,9.14 10.4,8.95 11.1,9.47L13.44,11.23C13.66,11.39 13.95,11.39 14.16,11.23L17.32,8.83C17.74,8.5 18.29,9 18,9.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/facebook-workplace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-workplace.svg
new file mode 100644
index 00000000..7a494663
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/facebook-workplace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-facebook-workplace" viewBox="0 0 24 24"><path d="M19.69,16.12C19.42,16.43 18.95,16.92 18.19,16.92C17.13,16.92 16.78,16.15 16.46,15.34L14.86,11.41L13.26,15.34C13,16 12.7,16.92 11.53,16.92C10.36,16.92 10.07,16 9.79,15.34L7.11,8.72H9.37L11.53,14.17L13.14,10.2C13.39,9.57 13.69,8.62 14.86,8.62C16,8.62 16.32,9.57 16.58,10.2L18.33,14.5C19.22,13.14 19.6,11.5 19.38,9.89C19.16,8.28 18.37,6.8 17.14,5.73C15.92,4.66 14.34,4.06 12.72,4.06C11.03,4.05 9.39,4.58 8,5.56C6.66,6.55 5.64,7.94 5.12,9.54C4.6,11.14 4.6,12.87 5.12,14.47C5.64,16.07 6.66,17.46 8.03,18.44C9.4,19.43 11.04,19.95 12.72,19.94C13.45,19.94 14.17,19.84 14.87,19.64V21.75C14.16,21.91 13.44,22 12.72,22C10.61,22 8.54,21.34 6.82,20.1C5.1,18.86 3.82,17.11 3.17,15.1C2.5,13.09 2.5,10.92 3.16,8.9C3.82,6.89 5.1,5.14 6.82,3.9C8.53,2.66 10.6,2 12.72,2C17.56,2 21.5,5.94 21.5,10.79C21.5,12.71 20.86,14.59 19.69,16.12V16.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/facebook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/facebook.svg
new file mode 100644
index 00000000..b78449f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-facebook" viewBox="0 0 24 24"><path d="M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/factory.svg b/apps/phoenix_webcomponent/priv/mdi/svg/factory.svg
new file mode 100644
index 00000000..d0da0041
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/factory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-factory" viewBox="0 0 24 24"><path d="M4,18V20H8V18H4M4,14V16H14V14H4M10,18V20H14V18H10M16,14V16H20V14H16M16,18V20H20V18H16M2,22V8L7,12V8L12,12V8L17,12L18,2H21L22,12V22H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/family-tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/family-tree.svg
new file mode 100644
index 00000000..3b66e479
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/family-tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-family-tree" viewBox="0 0 24 24"><path d="M12 1A2.5 2.5 0 0 0 9.5 3.5A2.5 2.5 0 0 0 11 5.79V7H7A2 2 0 0 0 5 9V9.71A2.5 2.5 0 0 0 3.5 12A2.5 2.5 0 0 0 5 14.29V15H4A2 2 0 0 0 2 17V18.21A2.5 2.5 0 0 0 .5 20.5A2.5 2.5 0 0 0 3 23A2.5 2.5 0 0 0 5.5 20.5A2.5 2.5 0 0 0 4 18.21V17H8V18.21A2.5 2.5 0 0 0 6.5 20.5A2.5 2.5 0 0 0 9 23A2.5 2.5 0 0 0 11.5 20.5A2.5 2.5 0 0 0 10 18.21V17A2 2 0 0 0 8 15H7V14.29A2.5 2.5 0 0 0 8.5 12A2.5 2.5 0 0 0 7 9.71V9H17V9.71A2.5 2.5 0 0 0 15.5 12A2.5 2.5 0 0 0 17 14.29V15H16A2 2 0 0 0 14 17V18.21A2.5 2.5 0 0 0 12.5 20.5A2.5 2.5 0 0 0 15 23A2.5 2.5 0 0 0 17.5 20.5A2.5 2.5 0 0 0 16 18.21V17H20V18.21A2.5 2.5 0 0 0 18.5 20.5A2.5 2.5 0 0 0 21 23A2.5 2.5 0 0 0 23.5 20.5A2.5 2.5 0 0 0 22 18.21V17A2 2 0 0 0 20 15H19V14.29A2.5 2.5 0 0 0 20.5 12A2.5 2.5 0 0 0 19 9.71V9A2 2 0 0 0 17 7H13V5.79A2.5 2.5 0 0 0 14.5 3.5A2.5 2.5 0 0 0 12 1M12 2.5A1 1 0 0 1 13 3.5A1 1 0 0 1 12 4.5A1 1 0 0 1 11 3.5A1 1 0 0 1 12 2.5M6 11A1 1 0 0 1 7 12A1 1 0 0 1 6 13A1 1 0 0 1 5 12A1 1 0 0 1 6 11M18 11A1 1 0 0 1 19 12A1 1 0 0 1 18 13A1 1 0 0 1 17 12A1 1 0 0 1 18 11M3 19.5A1 1 0 0 1 4 20.5A1 1 0 0 1 3 21.5A1 1 0 0 1 2 20.5A1 1 0 0 1 3 19.5M9 19.5A1 1 0 0 1 10 20.5A1 1 0 0 1 9 21.5A1 1 0 0 1 8 20.5A1 1 0 0 1 9 19.5M15 19.5A1 1 0 0 1 16 20.5A1 1 0 0 1 15 21.5A1 1 0 0 1 14 20.5A1 1 0 0 1 15 19.5M21 19.5A1 1 0 0 1 22 20.5A1 1 0 0 1 21 21.5A1 1 0 0 1 20 20.5A1 1 0 0 1 21 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-alert.svg
new file mode 100644
index 00000000..9d7ea6c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-alert" viewBox="0 0 24 24"><path d="M10 11C9.43 11 9 11.45 9 12S9.43 13 10 13C10.54 13 11 12.55 11 12S10.54 11 10 11M10.5 2C15 2 15.09 5.57 12.73 6.75C11.74 7.24 11.3 8.29 11.11 9.22C11.59 9.42 12 9.73 12.33 10.13C16.03 8.13 20 8.92 20 12.5C20 17 16.43 17.1 15.26 14.73C14.76 13.74 13.7 13.3 12.77 13.11C12.57 13.59 12.26 14 11.86 14.34C13.85 18.03 13.06 22 9.5 22C5 22 4.9 18.42 7.26 17.24C8.24 16.75 8.68 15.71 8.88 14.79C8.39 14.59 7.96 14.27 7.64 13.87C3.95 15.85 0 15.07 0 11.5C0 7 3.56 6.89 4.73 9.26C5.23 10.25 6.28 10.68 7.21 10.87C7.4 10.39 7.72 9.97 8.13 9.65C6.14 5.96 6.93 2 10.5 2M22 13V7H24V13H22M22 17V15H24V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-auto.svg
new file mode 100644
index 00000000..5696c95e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-auto" viewBox="0 0 24 24"><path d="M12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2M12 11C12.54 11 13 11.45 13 12C13 12.55 12.54 13 12 13C11.43 13 11 12.55 11 12C11 11.45 11.43 11 12 11M18 15C16.89 15 16 15.9 16 17V23H18V21H20V23H22V17C22 15.9 21.1 15 20 15M18 17H20V19H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-down.svg
new file mode 100644
index 00000000..d7d2f4fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-chevron-down" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M19 19.17L22.17 16L23.59 17.41L19 22L14.41 17.41L15.83 16L19 19.17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-up.svg
new file mode 100644
index 00000000..d7e08467
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-chevron-up" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M19 17.83L15.83 21L14.41 19.59L19 15L23.59 19.59L22.17 21L19 17.83" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-clock.svg
new file mode 100644
index 00000000..0b712111
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-clock" viewBox="0 0 24 24"><path d="M16 14H17.5V16.8L19.9 18.2L19.1 19.5L16 17.7V14M21 11.3C20.8 7.9 17 7.2 13.3 9.2C13 8.8 12.6 8.5 12.1 8.3C12.3 7.4 12.7 6.3 13.7 5.8C16.1 4.6 16 1 11.5 1C7.9 1 7.2 5 9.1 8.7C8.7 9 8.4 9.4 8.2 9.9C7.3 9.7 6.2 9.3 5.7 8.3C4.6 5.9 1 6 1 10.5C1 14.1 5 14.8 8.7 12.9C9 13.3 9.5 13.6 9.9 13.8C9.7 14.7 9.3 15.8 8.3 16.3C5.9 17.4 6 21 10.5 21C10.8 21 11 21 11.2 20.9C12.5 22.8 14.6 24 17 24C20.9 24 24 20.9 24 17C24 14.6 22.8 12.5 21 11.3M11 10C11.6 10 12 10.4 12 11S11.6 12 11 12 10 11.6 10 11 10.4 10 11 10M17 22C14.2 22 12 19.8 12 17S14.2 12 17 12 22 14.2 22 17 19.8 22 17 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-minus.svg
new file mode 100644
index 00000000..5873eab1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-minus" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-off.svg
new file mode 100644
index 00000000..67745ae6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-off" viewBox="0 0 24 24"><path d="M12.5,2C9.64,2 8.57,4.55 9.29,7.47L15,13.16C15.87,13.37 16.81,13.81 17.28,14.73C18.46,17.1 22.03,17 22.03,12.5C22.03,8.92 18.05,8.13 14.35,10.13C14.03,9.73 13.61,9.42 13.13,9.22C13.32,8.29 13.76,7.24 14.75,6.75C17.11,5.57 17,2 12.5,2M3.28,4L2,5.27L4.47,7.73C3.22,7.74 2,8.87 2,11.5C2,15.07 5.96,15.85 9.65,13.87C9.97,14.27 10.4,14.59 10.89,14.79C10.69,15.71 10.25,16.75 9.27,17.24C6.91,18.42 7,22 11.5,22C13.8,22 14.94,20.36 14.94,18.21L18.73,22L20,20.72L3.28,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-plus.svg
new file mode 100644
index 00000000..38fadad3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-plus" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-remove.svg
new file mode 100644
index 00000000..80283b55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-remove" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-1.svg
new file mode 100644
index 00000000..d090cf23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-speed-1" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M17 15V17H18V23H20V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-2.svg
new file mode 100644
index 00000000..e9860919
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-speed-2" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M16 15V17H19V18H18C16.9 18 16 18.9 16 20V23H21V21H18V20H19C20.11 20 21 19.11 21 18V17C21 15.9 20.11 15 19 15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-3.svg
new file mode 100644
index 00000000..6c58cb70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan-speed-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan-speed-3" viewBox="0 0 24 24"><path d="M13 19C13 17.59 13.5 16.3 14.3 15.28C14.17 14.97 14.03 14.65 13.86 14.34C14.26 14 14.57 13.59 14.77 13.11C15.26 13.21 15.78 13.39 16.25 13.67C17.07 13.25 18 13 19 13C20.05 13 21.03 13.27 21.89 13.74C21.95 13.37 22 12.96 22 12.5C22 8.92 18.03 8.13 14.33 10.13C14 9.73 13.59 9.42 13.11 9.22C13.3 8.29 13.74 7.24 14.73 6.75C17.09 5.57 17 2 12.5 2C8.93 2 8.14 5.96 10.13 9.65C9.72 9.97 9.4 10.39 9.21 10.87C8.28 10.68 7.23 10.25 6.73 9.26C5.56 6.89 2 7 2 11.5C2 15.07 5.95 15.85 9.64 13.87C9.96 14.27 10.39 14.59 10.88 14.79C10.68 15.71 10.24 16.75 9.26 17.24C6.9 18.42 7 22 11.5 22C12.31 22 13 21.78 13.5 21.41C13.19 20.67 13 19.86 13 19M12 13C11.43 13 11 12.55 11 12S11.43 11 12 11C12.54 11 13 11.45 13 12S12.54 13 12 13M21 21V20.5C21 19.67 20.33 19 19.5 19C20.33 19 21 18.33 21 17.5V17C21 15.89 20.1 15 19 15H16V17H19V18H17V20H19V21H16V23H19C20.11 23 21 22.11 21 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fan.svg
new file mode 100644
index 00000000..31adbadc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fan" viewBox="0 0 24 24"><path d="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12.5,2C17,2 17.11,5.57 14.75,6.75C13.76,7.24 13.32,8.29 13.13,9.22C13.61,9.42 14.03,9.73 14.35,10.13C18.05,8.13 22.03,8.92 22.03,12.5C22.03,17 18.46,17.1 17.28,14.73C16.78,13.74 15.72,13.3 14.79,13.11C14.59,13.59 14.28,14 13.88,14.34C15.87,18.03 15.08,22 11.5,22C7,22 6.91,18.42 9.27,17.24C10.25,16.75 10.69,15.71 10.89,14.79C10.4,14.59 9.97,14.27 9.65,13.87C5.96,15.85 2,15.07 2,11.5C2,7 5.56,6.89 6.74,9.26C7.24,10.25 8.29,10.68 9.22,10.87C9.41,10.39 9.73,9.97 10.14,9.65C8.15,5.96 8.94,2 12.5,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-10.svg
new file mode 100644
index 00000000..a76539fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-10" viewBox="0 0 24 24"><path d="M10,12V22H8V14H6V12H10M18,14V20C18,21.11 17.11,22 16,22H14A2,2 0 0,1 12,20V14A2,2 0 0,1 14,12H16C17.11,12 18,12.9 18,14M14,14V20H16V14H14M11.5,3C14.15,3 16.55,4 18.4,5.6L21,3V10H14L16.62,7.38C15.23,6.22 13.46,5.5 11.5,5.5C7.96,5.5 4.95,7.81 3.9,11L1.53,10.22C2.92,6.03 6.85,3 11.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-15.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-15.svg
new file mode 100644
index 00000000..0b8899dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-15.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-15" viewBox="0 0 24 24"><path d="M11.5 3C14.15 3 16.55 4 18.4 5.6L21 3V10H14L16.62 7.38C15.23 6.22 13.46 5.5 11.5 5.5C7.96 5.5 4.95 7.81 3.9 11L1.53 10.22C2.92 6.03 6.85 3 11.5 3M10 12V22H8V14H6V12H10M12 12H18V14H14V16H16C17.11 16 18 16.9 18 18V20C18 21.11 17.11 22 16 22H12V20H16V18H12V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-30.svg
new file mode 100644
index 00000000..961a23ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-30" viewBox="0 0 24 24"><path d="M11.5,3C6.85,3 2.92,6.03 1.53,10.22L3.9,11C4.95,7.81 7.96,5.5 11.5,5.5C13.46,5.5 15.23,6.22 16.62,7.38L14,10H21V3L18.4,5.6C16.55,4 14.15,3 11.5,3M19,14V20C19,21.11 18.11,22 17,22H15A2,2 0 0,1 13,20V14A2,2 0 0,1 15,12H17C18.11,12 19,12.9 19,14M15,14V20H17V14H15M11,20C11,21.11 10.1,22 9,22H5V20H9V18H7V16H9V14H5V12H9A2,2 0 0,1 11,14V15.5A1.5,1.5 0 0,1 9.5,17A1.5,1.5 0 0,1 11,18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-45.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-45.svg
new file mode 100644
index 00000000..19b49f8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-45.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-45" viewBox="0 0 24 24"><path d="M11.5 3C14.1 3 16.5 4 18.4 5.6L21 3V10H14L16.6 7.4C15.2 6.2 13.4 5.5 11.5 5.5C8 5.5 4.9 7.8 3.9 11L1.5 10.2C2.9 6 6.8 3 11.5 3M13 12H19V14H15V16H17C18.1 16 19 16.9 19 18V20C19 21.1 18.1 22 17 22H13V20H17V18H13V12M5 12V18H9V22H11V12H9V16H7V12H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-5.svg
new file mode 100644
index 00000000..17c8124d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-5" viewBox="0 0 24 24"><path d="M11.5 3C14.15 3 16.55 4 18.4 5.6L21 3V10H14L16.62 7.38C15.23 6.22 13.46 5.5 11.5 5.5C7.96 5.5 4.95 7.81 3.9 11L1.53 10.22C2.92 6.03 6.85 3 11.5 3M9 12H15V14H11V16H13C14.11 16 15 16.9 15 18V20C15 21.11 14.11 22 13 22H9V20H13V18H9V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-60.svg
new file mode 100644
index 00000000..e79e7f6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-60" viewBox="0 0 24 24"><path d="M11.5 3C6.8 3 2.9 6 1.5 10.2L3.9 11C4.9 7.8 8 5.5 11.5 5.5C13.5 5.5 15.2 6.2 16.6 7.4L14 10H21V3L18.4 5.6C16.5 4 14.1 3 11.5 3M19 14V20C19 21.1 18.1 22 17 22H15C13.9 22 13 21.1 13 20V14C13 12.9 13.9 12 15 12H17C18.1 12 19 12.9 19 14M15 14V20H17V14H15M7 12C5.9 12 5 12.9 5 14V20C5 21.1 5.9 22 7 22H9C10.1 22 11 21.1 11 20V18C11 16.9 10.1 16 9 16H7V14H11V12H7M7 18H9V20H7V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-outline.svg
new file mode 100644
index 00000000..02f56157
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward-outline" viewBox="0 0 24 24"><path d="M15,9.9L18,12L15,14.1V9.9M6,9.9L9,12L6,14.1V9.9M13,6V18L21.5,12L13,6M4,6V18L12.5,12L4,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward.svg
new file mode 100644
index 00000000..8b81853a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fast-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fast-forward" viewBox="0 0 24 24"><path d="M13,6V18L21.5,12M4,18L12.5,12L4,6V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/faucet-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/faucet-variant.svg
new file mode 100644
index 00000000..9f6dd3ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/faucet-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-faucet-variant" viewBox="0 0 24 24"><path d="M21 21H3C3 19.9 3.9 19 5 19H19C20.11 19 21 19.89 21 21M19 7C19 5.39 17.93 3 15 3S11 5.39 11 7V18H13V7C13 6.54 13.17 5 15 5S17 6.54 17 7H16.5V9H19.5V7H19M7 12C6.45 12 6 12.45 6 13V14H3V15H6V18H8V13C8 12.45 7.55 12 7 12M21 14H18V13C18 12.45 17.55 12 17 12S16 12.45 16 13V18H18V15H21V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/faucet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/faucet.svg
new file mode 100644
index 00000000..05f0e315
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/faucet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-faucet" viewBox="0 0 24 24"><path d="M19 14V16H16V14.28L19 14M19 13C19 11.9 18 11 16.8 11H10V10H5V21H10V13.91L19 13M5 9H10V7L15.36 5.21C15.74 5.09 16 4.73 16 4.33C16 3.68 15.36 3.23 14.75 3.45L5 7V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fax.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fax.svg
new file mode 100644
index 00000000..a731b3b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fax.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fax" viewBox="0 0 24 24"><path d="M19 9H18V4H8V20H22V12C22 10.34 20.66 9 19 9M10 6H16V9H10V6M14 17H10V12H14V17M16 17C15.45 17 15 16.55 15 16C15 15.45 15.45 15 16 15C16.55 15 17 15.45 17 16C17 16.55 16.55 17 16 17M16 14C15.45 14 15 13.55 15 13S15.45 12 16 12C16.55 12 17 12.45 17 13S16.55 14 16 14M19 17C18.45 17 18 16.55 18 16C18 15.45 18.45 15 19 15S20 15.45 20 16C20 16.55 19.55 17 19 17M19 14C18.45 14 18 13.55 18 13S18.45 12 19 12 20 12.45 20 13 19.55 14 19 14M4.5 8C3.12 8 2 9.12 2 10.5V18.5C2 19.88 3.12 21 4.5 21S7 19.88 7 18.5V10.5C7 9.12 5.88 8 4.5 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/feather.svg b/apps/phoenix_webcomponent/priv/mdi/svg/feather.svg
new file mode 100644
index 00000000..62ee700f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/feather.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-feather" viewBox="0 0 24 24"><path d="M22,2C22,2 14.36,1.63 8.34,9.88C3.72,16.21 2,22 2,22L3.94,21C5.38,18.5 6.13,17.47 7.54,16C10.07,16.74 12.71,16.65 15,14C13,13.44 11.4,13.57 9.04,13.81C11.69,12 13.5,11.6 16,12L17,10C15.2,9.66 14,9.63 12.22,10.04C14.19,8.65 15.56,7.87 18,8L19.21,6.07C17.65,5.96 16.71,6.13 14.92,6.57C16.53,5.11 18,4.45 20.14,4.32C20.14,4.32 21.19,2.43 22,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/feature-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/feature-search-outline.svg
new file mode 100644
index 00000000..8c227f4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/feature-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-feature-search-outline" viewBox="0 0 24 24"><path d="M15.5,2C13,2 11,4 11,6.5C11,9 13,11 15.5,11C16.4,11 17.2,10.7 17.9,10.3L21,13.4L22.4,12L19.3,8.9C19.7,8.2 20,7.4 20,6.5C20,4 18,2 15.5,2M4,4A2,2 0 0,0 2,6V20A2,2 0 0,0 4,22H18A2,2 0 0,0 20,20V15L18,13V20H4V6H9.03C9.09,5.3 9.26,4.65 9.5,4H4M15.5,4C16.9,4 18,5.1 18,6.5C18,7.9 16.9,9 15.5,9C14.1,9 13,7.9 13,6.5C13,5.1 14.1,4 15.5,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/feature-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/feature-search.svg
new file mode 100644
index 00000000..bcd7b425
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/feature-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-feature-search" viewBox="0 0 24 24"><path d="M20,20A2,2 0 0,1 18,22H4A2,2 0 0,1 2,20V6A2,2 0 0,1 4,4H9.5C9.2,4.8 9,5.6 9,6.5C9,10.1 11.9,13 15.5,13C16.3,13 17,12.9 17.6,12.6L20,15V20M19.3,8.9C19.7,8.2 20,7.4 20,6.5C20,4 18,2 15.5,2C13,2 11,4 11,6.5C11,9 13,11 15.5,11C16.4,11 17.2,10.7 17.9,10.3L21,13.4L22.4,12L19.3,8.9M15.5,9C14.1,9 13,7.9 13,6.5C13,5.1 14.1,4 15.5,4C16.9,4 18,5.1 18,6.5C18,7.9 16.9,9 15.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fedora.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fedora.svg
new file mode 100644
index 00000000..0164e716
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fedora.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fedora" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.47 2 12H2V19.73H2C2 21 3 22 4.27 22H12C17.53 22 22 17.5 22 12C22 6.5 17.5 2 12 2M14.03 6.12C15.71 6.12 17.29 7.4 17.29 9.18C17.29 9.34 17.29 9.5 17.27 9.69C17.22 10.16 16.79 10.5 16.32 10.44C15.85 10.37 15.53 9.92 15.62 9.46C15.62 9.4 15.63 9.32 15.63 9.18C15.63 8.17 14.81 7.78 14.03 7.78C13.25 7.78 12.55 8.44 12.55 9.18C12.56 10.03 12.55 10.88 12.55 11.74L14 11.72C15.12 11.7 15.13 13.4 14 13.39L12.55 13.4L12.54 15.79C12.36 17.67 10.77 19.16 8.85 19.16C6.82 19.16 5.14 17.5 5.14 15.46C5.2 13.37 6.88 11.72 9 11.74L10.15 11.73V13.4L9 13.41H8.97C7.81 13.44 6.82 14.23 6.81 15.47C6.81 16.59 7.72 17.5 8.85 17.5C10 17.5 10.88 16.67 10.88 15.47C10.9 13.46 10.87 11.25 10.88 9.17C10.88 9.05 10.89 8.96 10.9 8.83C11.09 7.29 12.47 6.12 14.03 6.12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fence-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fence-electric.svg
new file mode 100644
index 00000000..62c9a960
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fence-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fence-electric" viewBox="0 0 24 24"><path d="M9 9V11H7V9H5V11H3V9H1V21H3V19H5V21H7V19H9V21H11V19H13V21H15V19H17V21H19V19H21V21H23V9H21V11H19V9H17V11H15V9H13V11H11V9H9M3 13H5V17H3V13M7 13H9V17H7V13M11 13H13V17H11V13M15 13H17V17H15V13M19 13H21V17H19V13M7 4H11V2L17 5H13V7L7 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fence.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fence.svg
new file mode 100644
index 00000000..f4d556a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fence.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fence" viewBox="0 0 24 24"><path d="M9 9V11H7V9H5V11H3V9H1V21H3V19H5V21H7V19H9V21H11V19H13V21H15V19H17V21H19V19H21V21H23V9H21V11H19V9H17V11H15V9H13V11H11V9H9M3 13H5V17H3V13M7 13H9V17H7V13M11 13H13V17H11V13M15 13H17V17H15V13M19 13H21V17H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fencing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fencing.svg
new file mode 100644
index 00000000..2035b6a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fencing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fencing" viewBox="0 0 24 24"><path d="M4.5 17.42L5.58 18.5L3.28 20.78C3 21.07 2.5 21.07 2.22 20.78S1.93 20 2.22 19.72L4.5 17.42M18.29 5.42L18.29 4L12 10.29L5.71 4L5.71 5.42L11.29 11L7.5 14.81C6.32 13.97 4.68 14.07 3.63 15.12L7.88 19.37C8.93 18.32 9.03 16.68 8.2 15.5L18.29 5.42M21.78 19.72L19.5 17.42L18.42 18.5L20.72 20.78C21 21.07 21.5 21.07 21.78 20.78S22.07 20 21.78 19.72M16.5 14.81L13.42 11.71L12.71 12.42L15.81 15.5C14.97 16.68 15.07 18.32 16.12 19.37L20.37 15.12C19.32 14.07 17.68 13.97 16.5 14.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ferris-wheel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ferris-wheel.svg
new file mode 100644
index 00000000..32ed0f6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ferris-wheel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ferris-wheel" viewBox="0 0 24 24"><path d="M12,19C12.86,19 13.59,19.54 13.87,20.29C14.42,20.17 14.95,20 15.46,19.77L13.7,15.62C13.18,15.87 12.61,16 12,16C11.39,16 10.82,15.87 10.3,15.62L8.54,19.77C9.05,20 9.58,20.17 10.13,20.29C10.41,19.54 11.14,19 12,19M18.25,17.76C18,17.42 17.81,17 17.81,16.5C17.81,15.41 18.71,14.5 19.81,14.5L20.12,14.53C20.37,13.73 20.5,12.88 20.5,12C20.5,11.12 20.37,10.27 20.12,9.5H19.81C18.7,9.5 17.81,8.61 17.81,7.5C17.81,7 17.97,6.59 18.25,6.24C17.1,5 15.59,4.09 13.87,3.71C13.59,4.46 12.86,5 12,5C11.14,5 10.41,4.46 10.13,3.71C8.41,4.09 6.9,5 5.75,6.24C6.03,6.59 6.2,7.03 6.2,7.5C6.2,8.61 5.3,9.5 4.2,9.5H3.88C3.63,10.28 3.5,11.12 3.5,12C3.5,12.89 3.64,13.74 3.89,14.55L4.2,14.5C5.31,14.5 6.2,15.42 6.2,16.5C6.2,17 6.04,17.43 5.76,17.77C6.08,18.12 6.44,18.44 6.81,18.73L8.71,14.27C8.26,13.62 8,12.84 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12C16,12.84 15.74,13.62 15.29,14.27L17.19,18.73C17.57,18.44 17.92,18.11 18.25,17.76M12,23C11,23 10.16,22.26 10,21.29C9.37,21.16 8.75,20.95 8.15,20.69L7.17,23H5L6.41,19.68C5.88,19.3 5.39,18.86 4.96,18.37C4.72,18.47 4.47,18.5 4.2,18.5A2,2 0 0,1 2.2,16.5C2.2,15.88 2.5,15.32 2.97,14.95C2.66,14 2.5,13.03 2.5,12C2.5,11 2.66,10 2.96,9.08C2.5,8.71 2.2,8.15 2.2,7.5C2.2,6.41 3.09,5.5 4.2,5.5C4.46,5.5 4.71,5.56 4.93,5.65C6.25,4.18 8,3.13 10,2.71C10.16,1.74 11,1 12,1C13,1 13.84,1.74 14,2.71C16,3.13 17.74,4.18 19.06,5.64C19.29,5.55 19.54,5.5 19.81,5.5A2,2 0 0,1 21.81,7.5C21.81,8.14 21.5,8.71 21.04,9.07C21.34,10 21.5,11 21.5,12C21.5,13 21.34,14 21.04,14.93C21.5,15.3 21.81,15.87 21.81,16.5C21.81,17.62 20.92,18.5 19.81,18.5C19.54,18.5 19.29,18.46 19.05,18.36C18.61,18.85 18.12,19.29 17.59,19.68L19,23H16.83L15.85,20.69C15.25,20.95 14.63,21.16 14,21.29C13.84,22.26 13,23 12,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ferry.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ferry.svg
new file mode 100644
index 00000000..030b2cf5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ferry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ferry" viewBox="0 0 24 24"><path d="M6,6H18V9.96L12,8L6,9.96M3.94,19H4C5.6,19 7,18.12 8,17C9,18.12 10.4,19 12,19C13.6,19 15,18.12 16,17C17,18.12 18.4,19 20,19H20.05L21.95,12.31C22.03,12.06 22,11.78 21.89,11.54C21.76,11.3 21.55,11.12 21.29,11.04L20,10.62V6C20,4.89 19.1,4 18,4H15V1H9V4H6A2,2 0 0,0 4,6V10.62L2.71,11.04C2.45,11.12 2.24,11.3 2.11,11.54C2,11.78 1.97,12.06 2.05,12.31M20,21C18.61,21 17.22,20.53 16,19.67C13.56,21.38 10.44,21.38 8,19.67C6.78,20.53 5.39,21 4,21H2V23H4C5.37,23 6.74,22.65 8,22C10.5,23.3 13.5,23.3 16,22C17.26,22.65 18.62,23 20,23H22V21H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-account-outline.svg
new file mode 100644
index 00000000..2c5923db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-account-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M13 13C13 14.1 12.1 15 11 15S9 14.1 9 13 9.9 11 11 11 13 11.9 13 13M15 18V19H7V18C7 16.67 9.67 16 11 16S15 16.67 15 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-account.svg
new file mode 100644
index 00000000..796802be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-account" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M14,20V19C14,17.67 11.33,17 10,17C8.67,17 6,17.67 6,19V20H14M10,12A2,2 0 0,0 8,14A2,2 0 0,0 10,16A2,2 0 0,0 12,14A2,2 0 0,0 10,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-alert-outline.svg
new file mode 100644
index 00000000..0fa33252
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-alert-outline" viewBox="0 0 24 24"><path d="M20 17H22V15H20V17M20 7V13H22V7M4 2C2.89 2 2 2.89 2 4V20C2 21.11 2.89 22 4 22H16C17.11 22 18 21.11 18 20V8L12 2M4 4H11V9H16V20H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-alert.svg
new file mode 100644
index 00000000..b9afdbdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-alert" viewBox="0 0 24 24"><path d="M20 17H22V15H20V17M20 7V13H22V7M4 2C2.89 2 2 2.89 2 4V20C2 21.11 2.89 22 4 22H16C17.11 22 18 21.11 18 20V8L12 2M11 3.5L16.5 9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right-outline.svg
new file mode 100644
index 00000000..83e0f5ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-arrow-left-right-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V9H13V4H6V20H13.09M23 17L20 14.5V16H16V18H20V19.5L23 17M18 18.5L15 21L18 23.5V22H22V20H18V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right.svg
new file mode 100644
index 00000000..9c66cf92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-arrow-left-right" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M13 3.5L18.5 9H13V3.5M20 19.5V18H16V16H20V14.5L23 17L20 19.5M18 20H22V22H18V23.5L15 21L18 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down-outline.svg
new file mode 100644
index 00000000..a43fab8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-arrow-up-down-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V9H13V4H6V20H13.09M17 15L14.5 18H16V22H18V18H19.5L17 15M22 20V16H20V20H18.5L21 23L23.5 20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down.svg
new file mode 100644
index 00000000..d4220f6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-arrow-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-arrow-up-down" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M13 3.5L18.5 9H13V3.5M23.5 20L21 23L18.5 20H20V16H22V20H23.5M19.5 18H18V22H16V18H14.5L17 15L19.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cabinet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cabinet.svg
new file mode 100644
index 00000000..15f5d635
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cabinet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cabinet" viewBox="0 0 24 24"><path d="M14,8H10V6H14V8M20,4V20C20,21.11 19.11,22 18,22H6C4.89,22 4,21.11 4,20V4A2,2 0 0,1 6,2H18C19.11,2 20,2.9 20,4M18,13H6V20H18V13M18,4H6V11H18V4M14,15H10V17H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cad-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cad-box.svg
new file mode 100644
index 00000000..fa4018bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cad-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cad-box" viewBox="0 0 24 24"><path d="M5 3C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M11.25 5.25H12.75V6.38C13.58 6.38 14.25 7.05 14.25 7.88V10.37L14.11 10.5L15.18 12.36C15.55 11.76 15.75 11.07 15.75 10.36H17.25C17.26 11.61 16.81 12.82 16 13.77L18 17.25V18.75L16.7 18L14.84 14.78C13.12 15.91 10.89 15.91 9.16 14.78L7.3 18L6 18.75V17.25L9.89 10.5L9.75 10.37V7.88C9.75 7.05 10.42 6.38 11.25 6.38M12 7.88C11.16 7.88 10.74 8.9 11.34 9.5C11.94 10.08 12.95 9.65 12.94 8.81C12.94 8.29 12.5 7.88 12 7.88M11 11.6L9.91 13.5C11.17 14.36 12.83 14.36 14.09 13.5L13 11.6C12.43 12.11 11.57 12.11 11 11.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cad.svg
new file mode 100644
index 00000000..b060e4d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cad" viewBox="0 0 24 24"><path d="M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M13 3.5L18.5 9H13M9.88 9.25H11.12V10.19C11.81 10.18 12.38 10.75 12.38 11.44V13.5L12.26 13.63L13.15 15.17C13.47 14.67 13.63 14.09 13.62 13.5H14.88C14.88 14.54 14.5 15.55 13.83 16.35L15.5 19.25V20.5L14.42 19.88L12.87 17.19C12.17 17.65 11.34 17.89 10.5 17.89C9.66 17.89 8.84 17.65 8.13 17.19L6.58 19.88L5.5 20.5V19.25L8.74 13.63L8.62 13.5V11.44C8.62 10.75 9.19 10.18 9.88 10.19M10.5 11.44C9.81 11.44 9.46 12.28 9.95 12.77C10.44 13.26 11.28 12.92 11.28 12.22C11.28 11.79 10.93 11.44 10.5 11.44M9.66 14.54L8.76 16.11C9.81 16.82 11.19 16.82 12.24 16.11L11.34 14.54C10.87 15 10.13 15 9.66 14.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel-outline.svg
new file mode 100644
index 00000000..31b261f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cancel-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M11.5,10C14,10 16,12 16,14.5C16,17 14,19 11.5,19C9,19 7,17 7,14.5C7,12 9,10 11.5,10M11.5,11.5C10.94,11.5 10.42,11.65 10,11.92L14.08,16C14.35,15.58 14.5,15.06 14.5,14.5A3,3 0 0,0 11.5,11.5M8.5,14.5A3,3 0 0,0 11.5,17.5C12.06,17.5 12.58,17.35 13,17.08L8.92,13C8.65,13.42 8.5,13.94 8.5,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel.svg
new file mode 100644
index 00000000..45eaf2f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cancel" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M10.5,11C8,11 6,13 6,15.5C6,18 8,20 10.5,20C13,20 15,18 15,15.5C15,13 13,11 10.5,11M10.5,12.5A3,3 0 0,1 13.5,15.5C13.5,16.06 13.35,16.58 13.08,17L9,12.92C9.42,12.65 9.94,12.5 10.5,12.5M7.5,15.5C7.5,14.94 7.65,14.42 7.92,14L12,18.08C11.58,18.35 11.06,18.5 10.5,18.5A3,3 0 0,1 7.5,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate-outline.svg
new file mode 100644
index 00000000..fac4533b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-certificate-outline" viewBox="0 0 24 24"><path d="M14 13V11L12 12L10 11V13L8 14L10 15V17L12 16L14 17V15L16 14M14 2H7A2 2 0 0 0 5 4V18A2 2 0 0 0 7 20H8V18H7V4H13V8H17V18H16V20H17A2 2 0 0 0 19 18V7M14 13V11L12 12L10 11V13L8 14L10 15V17L12 16L14 17V15L16 14M10 23L12 22L14 23V18H10M14 13V11L12 12L10 11V13L8 14L10 15V17L12 16L14 17V15L16 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate.svg
new file mode 100644
index 00000000..c0c9fb4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-certificate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-certificate" viewBox="0 0 24 24"><path d="M14 2H7A2 2 0 0 0 5 4V18A2 2 0 0 0 7 20H10V23L12 22L14 23V20H17A2 2 0 0 0 19 18V7M14 15V17L12 16L10 17V15L8 14L10 13V11L12 12L14 11V13L16 14M13 8V3.5L17.5 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check-outline.svg
new file mode 100644
index 00000000..82f033cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-chart-check-outline" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H13.8C13.4 21.4 13.2 20.7 13.1 20H6V4H13V9H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V8L14 2H6M11 11V19H13V11H11M7 13V19H9V13H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check.svg
new file mode 100644
index 00000000..07b4086c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-chart-check" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H13.8C13.3 21.1 13 20.1 13 19V20H11V12H13V19C13 15.7 15.7 13 19 13C19.3 13 19.7 13 20 13.1V8L14 2H6M13 3.5L18.5 9H13V3.5M7 14H9V20H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-outline.svg
new file mode 100644
index 00000000..857a01d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-chart-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20M9 13V19H7V13H9M15 15V19H17V15H15M11 11V19H13V11H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-chart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart.svg
new file mode 100644
index 00000000..c6ab5388
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-chart" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M7,20H9V14H7V20M11,20H13V12H11V20M15,20H17V16H15V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-check-outline.svg
new file mode 100644
index 00000000..6670487a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-check-outline" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M13.09 20H6V4H13V9H18V13.09C18.33 13.04 18.66 13 19 13S19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-check.svg
new file mode 100644
index 00000000..26e99f9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-check" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M6 2C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 15.69 15.69 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-clock-outline.svg
new file mode 100644
index 00000000..596979d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-clock-outline" viewBox="0 0 24 24"><path d="M4 2A2 2 0 0 0 2 4V20A2 2 0 0 0 4 22H12.41A7 7 0 0 0 16 23A7 7 0 0 0 23 16A7 7 0 0 0 18 9.3V8L12 2H4M4 4H11V9H16A7 7 0 0 0 9 16A7 7 0 0 0 10.26 20H4V4M16 11A5 5 0 0 1 21 16A5 5 0 0 1 16 21A5 5 0 0 1 11 16A5 5 0 0 1 16 11M15 12V17L18.61 19.16L19.36 17.94L16.5 16.25V12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-clock.svg
new file mode 100644
index 00000000..bb82036f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-clock" viewBox="0 0 24 24"><path d="M4 2C2.89 2 2 2.89 2 4V20A2 2 0 0 0 4 22H12.41A7 7 0 0 0 16 23A7 7 0 0 0 23 16A7 7 0 0 0 18 9.3V8L12 2H4M11 3.5L16.5 9H11V3.5M16 11A5 5 0 0 1 21 16A5 5 0 0 1 16 21A5 5 0 0 1 11 16A5 5 0 0 1 16 11M15 12V17L18.61 19.16L19.36 17.94L16.5 16.25V12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud-outline.svg
new file mode 100644
index 00000000..1a105b6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cloud-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M17 16.92C17 18.07 16.07 19 14.92 19H9.5C8.12 19 7 17.88 7 16.5C7 15.21 8 14.15 9.23 14C9.75 13 10.79 12.33 12 12.33C13.5 12.33 14.78 13.42 15.07 14.83C16.14 14.93 17 15.82 17 16.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud.svg
new file mode 100644
index 00000000..8cbf93ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cloud" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15.68,15C15.34,13.3 13.82,12 12,12C10.55,12 9.3,12.82 8.68,14C7.17,14.18 6,15.45 6,17A3,3 0 0,0 9,20H15.5A2.5,2.5 0 0,0 18,17.5C18,16.18 16.97,15.11 15.68,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-code-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-code-outline.svg
new file mode 100644
index 00000000..ea69a5c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-code-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-code-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M9.54 15.65L11.63 17.74L10.35 19L7 15.65L10.35 12.3L11.63 13.56L9.54 15.65M17 15.65L13.65 19L12.38 17.74L14.47 15.65L12.38 13.56L13.65 12.3L17 15.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-code.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-code.svg
new file mode 100644
index 00000000..d782e1fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-code" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cog-outline.svg
new file mode 100644
index 00000000..f44ac292
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cog-outline" viewBox="0 0 24 24"><path d="M6 2C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H12V20H6V4H13V9H18V12H20V8L14 2M18 14C17.87 14 17.76 14.09 17.74 14.21L17.55 15.53C17.25 15.66 16.96 15.82 16.7 16L15.46 15.5C15.35 15.5 15.22 15.5 15.15 15.63L14.15 17.36C14.09 17.47 14.11 17.6 14.21 17.68L15.27 18.5C15.25 18.67 15.24 18.83 15.24 19C15.24 19.17 15.25 19.33 15.27 19.5L14.21 20.32C14.12 20.4 14.09 20.53 14.15 20.64L15.15 22.37C15.21 22.5 15.34 22.5 15.46 22.5L16.7 22C16.96 22.18 17.24 22.35 17.55 22.47L17.74 23.79C17.76 23.91 17.86 24 18 24H20C20.11 24 20.22 23.91 20.24 23.79L20.43 22.47C20.73 22.34 21 22.18 21.27 22L22.5 22.5C22.63 22.5 22.76 22.5 22.83 22.37L23.83 20.64C23.89 20.53 23.86 20.4 23.77 20.32L22.7 19.5C22.72 19.33 22.74 19.17 22.74 19C22.74 18.83 22.73 18.67 22.7 18.5L23.76 17.68C23.85 17.6 23.88 17.47 23.82 17.36L22.82 15.63C22.76 15.5 22.63 15.5 22.5 15.5L21.27 16C21 15.82 20.73 15.65 20.42 15.53L20.23 14.21C20.22 14.09 20.11 14 20 14M19 17.5C19.83 17.5 20.5 18.17 20.5 19C20.5 19.83 19.83 20.5 19 20.5C18.16 20.5 17.5 19.83 17.5 19C17.5 18.17 18.17 17.5 19 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-cog.svg
new file mode 100644
index 00000000..92eee75d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-cog" viewBox="0 0 24 24"><path d="M6 2C4.89 2 4 2.89 4 4V20A2 2 0 0 0 6 22H12.68A7 7 0 0 1 12 19A7 7 0 0 1 19 12A7 7 0 0 1 20 12.08V8L14 2H6M13 3.5L18.5 9H13V3.5M18 14C17.87 14 17.76 14.09 17.74 14.21L17.55 15.53C17.25 15.66 16.96 15.82 16.7 16L15.46 15.5C15.35 15.5 15.22 15.5 15.15 15.63L14.15 17.36C14.09 17.47 14.11 17.6 14.21 17.68L15.27 18.5C15.25 18.67 15.24 18.83 15.24 19C15.24 19.17 15.25 19.33 15.27 19.5L14.21 20.32C14.12 20.4 14.09 20.53 14.15 20.64L15.15 22.37C15.21 22.5 15.34 22.5 15.46 22.5L16.7 22C16.96 22.18 17.24 22.35 17.55 22.47L17.74 23.79C17.76 23.91 17.86 24 18 24H20C20.11 24 20.22 23.91 20.24 23.79L20.43 22.47C20.73 22.34 21 22.18 21.27 22L22.5 22.5C22.63 22.5 22.76 22.5 22.83 22.37L23.83 20.64C23.89 20.53 23.86 20.4 23.77 20.32L22.7 19.5C22.72 19.33 22.74 19.17 22.74 19C22.74 18.83 22.73 18.67 22.7 18.5L23.76 17.68C23.85 17.6 23.88 17.47 23.82 17.36L22.82 15.63C22.76 15.5 22.63 15.5 22.5 15.5L21.27 16C21 15.82 20.73 15.65 20.42 15.53L20.23 14.21C20.22 14.09 20.11 14 20 14H18M19 17.5C19.83 17.5 20.5 18.17 20.5 19C20.5 19.83 19.83 20.5 19 20.5C18.16 20.5 17.5 19.83 17.5 19C17.5 18.17 18.17 17.5 19 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-compare.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-compare.svg
new file mode 100644
index 00000000..08d6aebb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-compare.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-compare" viewBox="0 0 24 24"><path d="M10,18H6V16H10V18M10,14H6V12H10V14M10,1V2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V23H12V1H10M20,8V20C20,21.11 19.11,22 18,22H14V20H18V11H14V9H18.5L14,4.5V2L20,8M16,14H14V12H16V14M16,18H14V16H16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited-outline.svg
new file mode 100644
index 00000000..f61fe06d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-delimited-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20M10 19L12 15H9V10H15V15L13 19H10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited.svg
new file mode 100644
index 00000000..a6cdccdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-delimited.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-delimited" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M15 16L13 20H10L12 16H9V11H15V16M13 9V3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert-outline.svg
new file mode 100644
index 00000000..56f3b1c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-alert-outline" viewBox="0 0 24 24"><path d="M20 17H22V15H20V17M20 7V13H22V7M6 16H11V18H6M6 12H14V14H6M4 2C2.89 2 2 2.89 2 4V20C2 21.11 2.89 22 4 22H16C17.11 22 18 21.11 18 20V8L12 2M4 4H11V9H16V20H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert.svg
new file mode 100644
index 00000000..573799d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-alert" viewBox="0 0 24 24"><path d="M20 17H22V15H20V17M20 7V13H22V7H20M11 9H16.5L11 3.5V9M4 2H12L18 8V20C18 21.11 17.11 22 16 22H4C2.89 22 2 21.1 2 20V4C2 2.89 2.89 2 4 2M13 18V16H4V18H13M16 14V12H4V14H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right-outline.svg
new file mode 100644
index 00000000..c73ba206
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-arrow-right-outline" viewBox="0 0 24 24"><path d="M23 19L20 16V18H16V20H20V22L23 19M13.8 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H14L20 8V13.1C19.7 13 19.3 13 19 13S18.3 13 18 13.1V9H13V4H6V20H13.1C13.2 20.7 13.5 21.4 13.8 22M8 12H16V13.8C15.9 13.9 15.8 13.9 15.7 14H8V12M8 16H13V18H8V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right.svg
new file mode 100644
index 00000000..82ee2ab7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-arrow-right" viewBox="0 0 24 24"><path d="M23 19L20 16V18H16V20H20V22L23 19M13 19C13 18.7 13 18.3 13.1 18H6V16H13.8C14.3 15.2 14.9 14.5 15.7 14H6V12H18V13.1C18.3 13 18.7 13 19 13S19.7 13 20 13.1V8L14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H13.8C13.3 21.1 13 20.1 13 19M13 3.5L18.5 9H13V3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check-outline.svg
new file mode 100644
index 00000000..6e7ab349
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-check-outline" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M6 2C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.45 21.38 13.2 20.7 13.08 20H6V4H13V9H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M8 12V14H16V12M8 16V18H13V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check.svg
new file mode 100644
index 00000000..a9a7385d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-check" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M6 2C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 18.67 13.03 18.33 13.08 18H6V16H13.81C14.27 15.2 14.91 14.5 15.68 14H6V12H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit-outline.svg
new file mode 100644
index 00000000..a6e85fa0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-edit-outline" viewBox="0 0 24 24"><path d="M8,12H16V14H8V12M10,20H6V4H13V9H18V12.1L20,10.1V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H10V20M8,18H12.1L13,17.1V16H8V18M20.2,13C20.3,13 20.5,13.1 20.6,13.2L21.9,14.5C22.1,14.7 22.1,15.1 21.9,15.3L20.9,16.3L18.8,14.2L19.8,13.2C19.9,13.1 20,13 20.2,13M20.2,16.9L14.1,23H12V20.9L18.1,14.8L20.2,16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit.svg
new file mode 100644
index 00000000..26a80cce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-edit" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10V20.09L12.09,18H6V16H14.09L16.09,14H6V12H18.09L20,10.09V8L14,2H6M13,3.5L18.5,9H13V3.5M20.15,13C20,13 19.86,13.05 19.75,13.16L18.73,14.18L20.82,16.26L21.84,15.25C22.05,15.03 22.05,14.67 21.84,14.46L20.54,13.16C20.43,13.05 20.29,13 20.15,13M18.14,14.77L12,20.92V23H14.08L20.23,16.85L18.14,14.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus-outline.svg
new file mode 100644
index 00000000..6efd61ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-minus-outline" viewBox="0 0 24 24"><path d="M23 18H15V20H23M6 2C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.45 21.38 13.2 20.7 13.08 20H6V4H13V9H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M8 12V14H16V12M8 16V18H13V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus.svg
new file mode 100644
index 00000000..af84101e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-minus" viewBox="0 0 24 24"><path d="M15 18H23V20H15M6 2C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 18.67 13.03 18.33 13.08 18H6V16H13.81C14.27 15.2 14.91 14.5 15.68 14H6V12H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple-outline.svg
new file mode 100644
index 00000000..358928b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-multiple-outline" viewBox="0 0 24 24"><path d="M16 0H8C6.9 0 6 .9 6 2V18C6 19.1 6.9 20 8 20H20C21.1 20 22 19.1 22 18V6L16 0M20 18H8V2H15V7H20V18M4 4V22H20V24H4C2.9 24 2 23.1 2 22V4H4M10 10V12H18V10H10M10 14V16H15V14H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple.svg
new file mode 100644
index 00000000..0c8546bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-multiple" viewBox="0 0 24 24"><path d="M4 4V22H20V24H4C2.9 24 2 23.1 2 22V4H4M15 7H20.5L15 1.5V7M8 0H16L22 6V18C22 19.11 21.11 20 20 20H8C6.89 20 6 19.1 6 18V2C6 .89 6.89 0 8 0M17 16V14H8V16H17M20 12V10H8V12H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-outline.svg
new file mode 100644
index 00000000..4f94724d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-outline" viewBox="0 0 24 24"><path d="M6,2A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M6,4H13V9H18V20H6V4M8,12V14H16V12H8M8,16V18H13V16H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus-outline.svg
new file mode 100644
index 00000000..ecd49aa5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-plus-outline" viewBox="0 0 24 24"><path d="M23 18H20V15H18V18H15V20H18V23H20V20H23M6 2C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.45 21.38 13.2 20.7 13.08 20H6V4H13V9H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M8 12V14H16V12M8 16V18H13V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus.svg
new file mode 100644
index 00000000..e4c3b1ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-plus" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 18.67 13.03 18.33 13.08 18H6V16H13.81C14.27 15.2 14.91 14.5 15.68 14H6V12H18V13.08C18.33 13.03 18.67 13 19 13S19.67 13.03 20 13.08V8L14 2M13 9V3.5L18.5 9H13M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove-outline.svg
new file mode 100644
index 00000000..63efdf86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-remove-outline" viewBox="0 0 24 24"><path d="M22.54 21.12L20.41 19L22.54 16.88L21.12 15.46L19 17.59L16.88 15.46L15.46 16.88L17.59 19L15.46 21.12L16.88 22.54L19 20.41L21.12 22.54M6 2C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.45 21.38 13.2 20.7 13.08 20H6V4H13V9H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M8 12V14H16V12M8 16V18H13V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove.svg
new file mode 100644
index 00000000..778390d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document-remove" viewBox="0 0 24 24"><path d="M21.12 15.46L19 17.59L16.88 15.46L15.46 16.88L17.59 19L15.46 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88M6 2C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 18.67 13.03 18.33 13.08 18H6V16H13.81C14.27 15.2 14.91 14.5 15.68 14H6V12H18V13.08C18.33 13.03 18.67 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-document.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-document.svg
new file mode 100644
index 00000000..6ad81be2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-document.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-document" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M15,18V16H6V18H15M18,14V12H6V14H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-download-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-download-outline.svg
new file mode 100644
index 00000000..f7878fb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-download-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-download-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M12,19L8,15H10.5V12H13.5V15H16L12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-download.svg
new file mode 100644
index 00000000..17aaf509
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-download" viewBox="0 0 24 24"><path d="M14,2H6C4.89,2 4,2.89 4,4V20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20V8L14,2M12,19L8,15H10.5V12H13.5V15H16L12,19M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-edit-outline.svg
new file mode 100644
index 00000000..95907b34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-edit-outline" viewBox="0 0 24 24"><path d="M10 20H6V4H13V9H18V12.1L20 10.1V8L14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H10V20M20.2 13C20.3 13 20.5 13.1 20.6 13.2L21.9 14.5C22.1 14.7 22.1 15.1 21.9 15.3L20.9 16.3L18.8 14.2L19.8 13.2C19.9 13.1 20 13 20.2 13M20.2 16.9L14.1 23H12V20.9L18.1 14.8L20.2 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-edit.svg
new file mode 100644
index 00000000..58c8ae69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-edit" viewBox="0 0 24 24"><path d="M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H10V20.1L20 10.1V8L14 2H6M13 3.5L18.5 9H13V3.5M20.1 13C20 13 19.8 13.1 19.7 13.2L18.7 14.2L20.8 16.3L21.8 15.3C22 15.1 22 14.7 21.8 14.5L20.5 13.2C20.4 13.1 20.3 13 20.1 13M18.1 14.8L12 20.9V23H14.1L20.2 16.9L18.1 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box-outline.svg
new file mode 100644
index 00000000..dff83c16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-excel-box-outline" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5M5 5H19V19H5V5M13 12L16.2 17H14.2L12 13.2L9.8 17H7.8L11 12L7.8 7H9.8L12 10.8L14.2 7H16.2L13 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box.svg
new file mode 100644
index 00000000..2d2f8ac9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-excel-box" viewBox="0 0 24 24"><path d="M16.2,17H14.2L12,13.2L9.8,17H7.8L11,12L7.8,7H9.8L12,10.8L14.2,7H16.2L13,12M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-outline.svg
new file mode 100644
index 00000000..5d458ddf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-excel-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M12.9 14.5L15.8 19H14L12 15.6L10 19H8.2L11.1 14.5L8.2 10H10L12 13.4L14 10H15.8L12.9 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-excel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel.svg
new file mode 100644
index 00000000..59a354dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-excel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-excel" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.8,20H14L12,16.6L10,20H8.2L11.1,15.5L8.2,11H10L12,14.4L14,11H15.8L12.9,15.5L15.8,20M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-export-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-export-outline.svg
new file mode 100644
index 00000000..f5ba3171
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-export-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-export-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20M16 11V18.1L13.9 16L11.1 18.8L8.3 16L11.1 13.2L8.9 11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-export.svg
new file mode 100644
index 00000000..ff48cc1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-export" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M8.93,12.22H16V19.29L13.88,17.17L11.05,20L8.22,17.17L11.05,14.35" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-eye-outline.svg
new file mode 100644
index 00000000..d04643a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-eye-outline" viewBox="0 0 24 24"><path d="M17,18C17.56,18 18,18.44 18,19C18,19.56 17.56,20 17,20C16.44,20 16,19.56 16,19C16,18.44 16.44,18 17,18M17,15C14.27,15 11.94,16.66 11,19C11.94,21.34 14.27,23 17,23C19.73,23 22.06,21.34 23,19C22.06,16.66 19.73,15 17,15M17,21.5A2.5,2.5 0 0,1 14.5,19A2.5,2.5 0 0,1 17,16.5A2.5,2.5 0 0,1 19.5,19A2.5,2.5 0 0,1 17,21.5M9.27,20H6V4H13V9H18V13.07C18.7,13.15 19.36,13.32 20,13.56V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H10.5C10,21.41 9.59,20.73 9.27,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-eye.svg
new file mode 100644
index 00000000..27ff2cf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-eye" viewBox="0 0 24 24"><path d="M17,18C17.56,18 18,18.44 18,19C18,19.56 17.56,20 17,20C16.44,20 16,19.56 16,19C16,18.44 16.44,18 17,18M17,15C14.27,15 11.94,16.66 11,19C11.94,21.34 14.27,23 17,23C19.73,23 22.06,21.34 23,19C22.06,16.66 19.73,15 17,15M17,21.5A2.5,2.5 0 0,1 14.5,19A2.5,2.5 0 0,1 17,16.5A2.5,2.5 0 0,1 19.5,19A2.5,2.5 0 0,1 17,21.5M9.14,19.75L8.85,19L9.14,18.26C10.43,15.06 13.5,13 17,13C18.05,13 19.06,13.21 20,13.56V8L14,2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H10.5C9.95,21.34 9.5,20.58 9.14,19.75M13,3.5L18.5,9H13V3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-find-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-find-outline.svg
new file mode 100644
index 00000000..1a2bdb38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-find-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-find-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M6,4H13L18,9V17.58L16.16,15.74C17.44,13.8 17.23,11.17 15.5,9.46C14.55,8.5 13.28,8 12,8C10.72,8 9.45,8.5 8.47,9.46C6.5,11.41 6.5,14.57 8.47,16.5C9.44,17.5 10.72,17.97 12,17.97C12.96,17.97 13.92,17.69 14.75,17.14L17.6,20H6V4M14.11,15.1C13.55,15.66 12.8,16 12,16C11.2,16 10.45,15.67 9.89,15.1C9.33,14.54 9,13.79 9,13C9,12.19 9.32,11.44 9.89,10.88C10.45,10.31 11.2,10 12,10C12.8,10 13.55,10.31 14.11,10.88C14.67,11.44 15,12.19 15,13C15,13.79 14.68,14.54 14.11,15.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-find.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-find.svg
new file mode 100644
index 00000000..f4b4fef4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-find.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-find" viewBox="0 0 24 24"><path d="M9,13A3,3 0 0,0 12,16A3,3 0 0,0 15,13A3,3 0 0,0 12,10A3,3 0 0,0 9,13M20,19.59V8L14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18C18.45,22 18.85,21.85 19.19,21.6L14.76,17.17C13.96,17.69 13,18 12,18A5,5 0 0,1 7,13A5,5 0 0,1 12,8A5,5 0 0,1 17,13C17,14 16.69,14.96 16.17,15.75L20,19.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-gif-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-gif-box.svg
new file mode 100644
index 00000000..c9511d0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-gif-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-gif-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M10 10.5H7.5V13.5H8.5V12H10V13.7C10 14.4 9.5 15 8.7 15H7.3C6.5 15 6 14.3 6 13.7V10.4C6 9.7 6.5 9 7.3 9H8.6C9.5 9 10 9.7 10 10.3V10.5M13 15H11.5V9H13V15M17.5 10.5H16V11.5H17.5V13H16V15H14.5V9H17.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-hidden.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-hidden.svg
new file mode 100644
index 00000000..8b8d6c0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-hidden.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-hidden" viewBox="0 0 24 24"><path d="M13,9H14V11H11V7H13V9M18.5,9L16.38,6.88L17.63,5.63L20,8V10H18V11H15V9H18.5M13,3.5V2H12V4H13V6H11V4H9V2H8V4H6V5H4V4C4,2.89 4.89,2 6,2H14L16.36,4.36L15.11,5.61L13,3.5M20,20A2,2 0 0,1 18,22H16V20H18V19H20V20M18,15H20V18H18V15M12,22V20H15V22H12M8,22V20H11V22H8M6,22C4.89,22 4,21.1 4,20V18H6V20H7V22H6M4,14H6V17H4V14M4,10H6V13H4V10M18,11H20V14H18V11M4,6H6V9H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker-outline.svg
new file mode 100644
index 00000000..6b70ea49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-marker-outline" viewBox="0 0 24 24"><path d="M8.5 12C7.67 12 7 11.33 7 10.5S7.67 9 8.5 9 10 9.67 10 10.5 9.33 12 8.5 12M14 19C13.43 17.86 13 16.64 13 15.5C13 15.34 13 15.18 13.03 15.03L12 14L7 19H14M6 20V4H13V9H18V10.03C18.17 10 18.33 10 18.5 10C19 10 19.5 10.08 20 10.22V8L14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H15.91C15.5 21.44 15 20.76 14.55 20H6M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker.svg
new file mode 100644
index 00000000..f12be134
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-marker" viewBox="0 0 24 24"><path d="M6 20L12 14L13.03 15.03C13.28 12.26 15.68 10 18.5 10C19 10 19.5 10.08 20 10.22V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.1 4.89 22 6 22H15.91C15.5 21.44 15 20.76 14.55 20H6M13 3.5L18.5 9H13V3.5M8 9C9.11 9 10 9.9 10 11S9.11 13 8 13 6 12.11 6 11 6.9 9 8 9M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus-outline.svg
new file mode 100644
index 00000000..e44facbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-minus-outline" viewBox="0 0 24 24"><path d="M7 19L12 14L13.88 15.88C13.33 16.79 13 17.86 13 19H7M10 10.5C10 9.67 9.33 9 8.5 9S7 9.67 7 10.5 7.67 12 8.5 12 10 11.33 10 10.5M13.09 20H6V4H13V9H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus.svg
new file mode 100644
index 00000000..2ee89871
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-minus" viewBox="0 0 24 24"><path d="M13.09 20H6L12 14L13.88 15.88C14.5 14.9 15.36 14.1 16.4 13.6L18 12V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M13 3.5L18.5 9H13V3.5M8 9C9.11 9 10 9.9 10 11S9.11 13 8 13 6 12.11 6 11 6.9 9 8 9M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-outline.svg
new file mode 100644
index 00000000..2da46eeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M17,13V19H7L12,14L14,16M10,10.5A1.5,1.5 0 0,1 8.5,12A1.5,1.5 0 0,1 7,10.5A1.5,1.5 0 0,1 8.5,9A1.5,1.5 0 0,1 10,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus-outline.svg
new file mode 100644
index 00000000..c601d1e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-plus-outline" viewBox="0 0 24 24"><path d="M7 19L12 14L13.88 15.88C13.33 16.79 13 17.86 13 19H7M10 10.5C10 9.67 9.33 9 8.5 9S7 9.67 7 10.5 7.67 12 8.5 12 10 11.33 10 10.5M13.09 20H6V4H13V9H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus.svg
new file mode 100644
index 00000000..d1536c3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-plus" viewBox="0 0 24 24"><path d="M13.09 20H6L12 14L13.88 15.88C14.5 14.9 15.36 14.1 16.4 13.6L18 12V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M13 3.5L18.5 9H13V3.5M8 9C9.11 9 10 9.9 10 11S9.11 13 8 13 6 12.11 6 11 6.9 9 8 9M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove-outline.svg
new file mode 100644
index 00000000..a32eb725
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-remove-outline" viewBox="0 0 24 24"><path d="M7 19L12 14L13.88 15.88C13.33 16.79 13 17.86 13 19H7M10 10.5C10 9.67 9.33 9 8.5 9S7 9.67 7 10.5 7.67 12 8.5 12 10 11.33 10 10.5M13.09 20H6V4H13V9H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove.svg
new file mode 100644
index 00000000..0fd52e62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image-remove" viewBox="0 0 24 24"><path d="M13.09 20H6L12 14L13.88 15.88C14.5 14.9 15.36 14.1 16.4 13.6L18 12V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.21 20.72 13.09 20M13 3.5L18.5 9H13V3.5M8 9C9.11 9 10 9.9 10 11S9.11 13 8 13 6 12.11 6 11 6.9 9 8 9M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-image.svg
new file mode 100644
index 00000000..47ad0287
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-image" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6,20H15L18,20V12L14,16L12,14L6,20M8,9A2,2 0 0,0 6,11A2,2 0 0,0 8,13A2,2 0 0,0 10,11A2,2 0 0,0 8,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-import-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-import-outline.svg
new file mode 100644
index 00000000..bf043b16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-import-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-import-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M15 11.93V19H7.93L10.05 16.88L7.22 14.05L10.05 11.22L12.88 14.05L15 11.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-import.svg
new file mode 100644
index 00000000..1534d00c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-import" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.9 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,3.5L18.5,9H13M10.05,11.22L12.88,14.05L15,11.93V19H7.93L10.05,16.88L7.22,14.05" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-jpg-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-jpg-box.svg
new file mode 100644
index 00000000..ac9f3c6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-jpg-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-jpg-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9 13.5C9 14.6 8.1 15 7 15S5 14.6 5 13.5V12H6.5V13.5H7.5V9H9V13.5M14 11.5C14 12.3 13.3 13 12.5 13H11.5V15H10V9H12.5C13.3 9 14 9.7 14 10.5V11.5M19 10.5H16.5V13.5H17.5V12H19V13.7C19 14.4 18.5 15 17.7 15H16.4C15.6 15 15.1 14.3 15.1 13.7V10.4C15 9.7 15.5 9 16.3 9H17.6C18.4 9 18.9 9.7 18.9 10.3V10.5M11.5 10.5H12.5V11.5H11.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-key-outline.svg
new file mode 100644
index 00000000..17e7776f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-key-outline" viewBox="0 0 24 24"><path d="M14 2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V8L14 2M18 20H6V4H13V9H18M12.83 15A3 3 0 1 0 12.83 17H14V19H16V17H17V15M10 17A1 1 0 1 1 11 16A1 1 0 0 1 10 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-key.svg
new file mode 100644
index 00000000..1e0f9525
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-key" viewBox="0 0 24 24"><path d="M11 16C11 16.6 10.6 17 10 17S9 16.6 9 16C9 15.4 9.4 15 10 15S11 15.4 11 16M20 8V20C20 21.1 19.1 22 18 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H14M18 15H12.8C12.2 13.4 10.5 12.6 9 13.2C7.4 13.8 6.6 15.5 7.2 17S9.5 19.4 11 18.8C11.9 18.5 12.5 17.8 12.8 17H14V19H16V17H18M18.5 9L13 3.5V9H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-link-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-link-outline.svg
new file mode 100644
index 00000000..ccc1f9b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-link-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-link-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M11 19H10.75C9.45 19 7 18.22 7 15.25S9.45 11.5 10.75 11.5H11V13H10.75C10.38 13 8.5 13.13 8.5 15.25C8.5 17.44 10.5 17.5 10.75 17.5H11V19M14 16H10V14.5H14V16M13 11.5H13.25C14.55 11.5 17 12.28 17 15.25S14.55 19 13.25 19H13V17.5H13.25C13.62 17.5 15.5 17.37 15.5 15.25C15.5 13.06 13.5 13 13.25 13H13V11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-link.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-link.svg
new file mode 100644
index 00000000..04ba8134
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-link" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M11 20H10C8.39 20 6 18.94 6 16C6 13.07 8.39 12 10 12H11V14H10C9.54 14 8 14.17 8 16C8 17.9 9.67 18 10 18H11V20M15 15V17H9V15H15M14 20H13V18H14C14.46 18 16 17.83 16 16C16 14.1 14.33 14 14 14H13V12H14C15.61 12 18 13.07 18 16C18 18.94 15.61 20 14 20M13 9V3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open-outline.svg
new file mode 100644
index 00000000..0efd19e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-lock-open-outline" viewBox="0 0 24 24"><path d="M22 18.3V21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V14.5C15.2 13.1 16.6 12 18 12S20.8 13.1 20.8 14.5V15H19.5V14.5C19.5 13.7 18.8 13.2 18 13.2S16.5 13.7 16.5 14.5V17H20.8C21.4 17 22 17.6 22 18.3M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H12V20H6V4H13V9H18V10C18.7 10 19.4 10.2 20 10.4V8L14 2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open.svg
new file mode 100644
index 00000000..b76d9833
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-lock-open" viewBox="0 0 24 24"><path d="M22 18.3V21.8C22 22.4 21.4 23 20.7 23H15.2C14.6 23 14 22.4 14 21.7V18.2C14 17.6 14.6 17 15.2 17V14.5C15.2 13.1 16.6 12 18 12S20.8 13.1 20.8 14.5V15H19.5V14.5C19.5 13.7 18.8 13.2 18 13.2S16.5 13.7 16.5 14.5V17H20.8C21.4 17 22 17.6 22 18.3M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H12V18.2C12 17.2 12.4 16.5 13 16C13.1 15.9 13.2 15.9 13.2 15.8V14.5C13.2 11.8 15.6 10 18 10C18.7 10 19.4 10.2 20 10.4V8L14 2H6M13 3.5L18.5 9H13V3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-outline.svg
new file mode 100644
index 00000000..979039d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-lock-outline" viewBox="0 0 24 24"><path d="M18 13C16.6 13 15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17V15.5C20.8 14.1 19.4 13 18 13M18 14.2C18.8 14.2 19.5 14.7 19.5 15.5V17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H12V20H6V4H13V9H18V11C18.7 11 19.4 11.2 20 11.4V8L14 2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock.svg
new file mode 100644
index 00000000..8caae98c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-lock" viewBox="0 0 24 24"><path d="M18 13C16.6 13 15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17V15.5C20.8 14.1 19.4 13 18 13M18 14.2C18.8 14.2 19.5 14.7 19.5 15.5V17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2M6 2C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H12V18.2C12 17.2 12.4 16.5 13 16C13.1 15.9 13.2 15.9 13.2 15.8V15.5C13.2 12.8 15.6 11 18 11C18.7 11 19.4 11.2 20 11.4V8L14 2H6M13 3.5L18.5 9H13V3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-marker-outline.svg
new file mode 100644
index 00000000..db34c7c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-marker-outline" viewBox="0 0 24 24"><path d="M14.55 20C15 20.76 15.5 21.44 15.91 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V10.22C19.5 10.08 19 10 18.5 10C18.33 10 18.17 10 18 10.03V9H13V4H6V20H14.55M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-marker.svg
new file mode 100644
index 00000000..b34ff9b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-marker" viewBox="0 0 24 24"><path d="M18.5 10C19 10 19.5 10.08 20 10.22V8L14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H15.91C14.7 20.41 13 17.78 13 15.5C13 12.5 15.5 10 18.5 10M13 3.5L18.5 9H13V3.5M18.5 12C16.6 12 15 13.6 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5C22 13.6 20.4 12 18.5 12M18.5 16.8C17.8 16.8 17.3 16.2 17.3 15.6C17.3 14.9 17.9 14.4 18.5 14.4S19.7 15 19.7 15.6C19.8 16.2 19.2 16.8 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-minus-outline.svg
new file mode 100644
index 00000000..d0da62c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-minus-outline" viewBox="0 0 24 24"><path d="M13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V13.09C19.67 13.04 19.34 13 19 13S18.33 13.04 18 13.09V9H13V4H6V20H13.09C13.21 20.72 13.46 21.39 13.81 22M23 18H15V20H23V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-minus.svg
new file mode 100644
index 00000000..4e67a1d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-minus" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 15.69 15.69 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 9V3.5L18.5 9H13M23 20H15V18H23V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-move-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-move-outline.svg
new file mode 100644
index 00000000..ff86b8c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-move-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-move-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 20.41 4.12 20.8 4.34 21.12C4.41 21.23 4.5 21.33 4.59 21.41C4.95 21.78 5.45 22 6 22H13.53C13 21.42 12.61 20.75 12.35 20H6V4H13V9H18V12C18.7 12 19.37 12.12 20 12.34V8L14 2M18 23L23 18.5L20 15.8L18 14V17H14V20H18V23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-move.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-move.svg
new file mode 100644
index 00000000..39dd1dd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-move" viewBox="0 0 24 24"><path d="M14,17H18V14L23,18.5L18,23V20H14V17M13,9H18.5L13,3.5V9M6,2H14L20,8V12.34C19.37,12.12 18.7,12 18,12A6,6 0 0,0 12,18C12,19.54 12.58,20.94 13.53,22H6C4.89,22 4,21.1 4,20V4A2,2 0 0,1 6,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple-outline.svg
new file mode 100644
index 00000000..a398308d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-multiple-outline" viewBox="0 0 24 24"><path d="M16 0H8C6.9 0 6 .9 6 2V18C6 19.1 6.9 20 8 20H20C21.1 20 22 19.1 22 18V6L16 0M20 18H8V2H15V7H20V18M4 4V22H20V24H4C2.9 24 2 23.1 2 22V4H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple.svg
new file mode 100644
index 00000000..4e168af9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-multiple" viewBox="0 0 24 24"><path d="M15,7H20.5L15,1.5V7M8,0H16L22,6V18A2,2 0 0,1 20,20H8C6.89,20 6,19.1 6,18V2A2,2 0 0,1 8,0M4,4V22H20V24H4A2,2 0 0,1 2,22V4H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-music-outline.svg
new file mode 100644
index 00000000..c827c0d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-music-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M13,10V12H11V17A2,2 0 0,1 9,19A2,2 0 0,1 7,17A2,2 0 0,1 9,15C9.4,15 9.7,15.1 10,15.3V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-music.svg
new file mode 100644
index 00000000..1399d0e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-music" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13,13H11V18A2,2 0 0,1 9,20A2,2 0 0,1 7,18A2,2 0 0,1 9,16C9.4,16 9.7,16.1 10,16.3V11H13V13M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-outline.svg
new file mode 100644
index 00000000..6601cc4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-pdf-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-pdf-box.svg
new file mode 100644
index 00000000..a0c25112
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-pdf-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-pdf-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9.5 11.5C9.5 12.3 8.8 13 8 13H7V15H5.5V9H8C8.8 9 9.5 9.7 9.5 10.5V11.5M14.5 13.5C14.5 14.3 13.8 15 13 15H10.5V9H13C13.8 9 14.5 9.7 14.5 10.5V13.5M18.5 10.5H17V11.5H18.5V13H17V15H15.5V9H18.5V10.5M12 10.5H13V13.5H12V10.5M7 10.5H8V11.5H7V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-percent-outline.svg
new file mode 100644
index 00000000..7b856271
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-percent-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M10 11.5C10 12.33 9.33 13 8.5 13S7 12.33 7 11.5 7.67 10 8.5 10 10 10.67 10 11.5M16 17.5C16 18.33 15.33 19 14.5 19S13 18.33 13 17.5 13.67 16 14.5 16 16 16.67 16 17.5M16 11.35L8.37 19L7 17.65L14.65 10L16 11.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-percent.svg
new file mode 100644
index 00000000..8b55544a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-percent" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M7.37,20L15,12.35L13.65,11L6,18.65L7.37,20M13,9H18.5L13,3.5V9M7.5,11A1.5,1.5 0 0,0 6,12.5A1.5,1.5 0 0,0 7.5,14A1.5,1.5 0 0,0 9,12.5A1.5,1.5 0 0,0 7.5,11M13.5,17A1.5,1.5 0 0,0 12,18.5A1.5,1.5 0 0,0 13.5,20A1.5,1.5 0 0,0 15,18.5A1.5,1.5 0 0,0 13.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-phone-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-phone-outline.svg
new file mode 100644
index 00000000..ce2a2e93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-phone-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-phone-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M9 13.33C9.81 14.9 11.1 16.19 12.67 17L13.89 15.77C14.05 15.61 14.27 15.57 14.46 15.63C15.08 15.83 15.75 15.95 16.44 15.95C16.75 15.95 17 16.19 17 16.5V18.45C17 18.75 16.75 19 16.44 19C11.23 19 7 14.77 7 9.56C7 9.25 7.25 9 7.56 9H9.5C9.81 9 10.06 9.25 10.06 9.56C10.06 10.25 10.17 10.92 10.37 11.54C10.43 11.73 10.39 11.95 10.23 12.11L9 13.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-phone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-phone.svg
new file mode 100644
index 00000000..ff46e85f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-phone" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M17 19.44C17 19.75 16.75 20 16.44 20C11.23 20 7 15.77 7 10.56C7 10.25 7.25 10 7.56 10H9.5C9.81 10 10.06 10.25 10.06 10.56C10.06 11.25 10.17 11.92 10.37 12.54C10.43 12.73 10.39 12.95 10.23 13.11L9 14.33C9.81 15.9 11.1 17.19 12.67 18L13.9 16.77C14.05 16.61 14.27 16.57 14.46 16.63C15.08 16.83 15.75 16.95 16.45 16.95C16.75 16.95 17 17.19 17 17.5V19.44M13 9V3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-plus-outline.svg
new file mode 100644
index 00000000..a83bef3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-plus-outline" viewBox="0 0 24 24"><path d="M13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V13.09C19.67 13.04 19.34 13 19 13S18.33 13.04 18 13.09V9H13V4H6V20H13.09C13.21 20.72 13.46 21.39 13.81 22M23 18H20V15H18V18H15V20H18V23H20V20H23V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-plus.svg
new file mode 100644
index 00000000..57bdf61b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-plus" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 15.69 15.69 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 9V3.5L18.5 9H13M23 20H20V23H18V20H15V18H18V15H20V18H23V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-png-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-png-box.svg
new file mode 100644
index 00000000..7b2edba9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-png-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-png-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9 11.5C9 12.3 8.3 13 7.5 13H6.5V15H5V9H7.5C8.3 9 9 9.7 9 10.5V11.5M14 15H12.5L11.5 12.5V15H10V9H11.5L12.5 11.5V9H14V15M19 10.5H16.5V13.5H17.5V12H19V13.7C19 14.4 18.5 15 17.7 15H16.4C15.6 15 15.1 14.3 15.1 13.7V10.4C15 9.7 15.5 9 16.3 9H17.6C18.4 9 18.9 9.7 18.9 10.3V10.5H19M6.5 10.5H7.5V11.5H6.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box-outline.svg
new file mode 100644
index 00000000..0db0d933
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-powerpoint-box-outline" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5M5 5H19V19H5V5M15.1 7.88C14.45 7.29 13.83 7 12.3 7H8V17H9.8V13.4H12.3C13.8 13.4 14.46 13.12 15.1 12.58C15.74 12.03 16 11.25 16 10.23C16 9.26 15.75 8.5 15.1 7.88M13.6 11.5C13.28 11.81 12.9 12 12.22 12H9.8V8.4H12.1C12.76 8.4 13.27 8.65 13.6 9C13.93 9.35 14.1 9.72 14.1 10.24C14.1 10.8 13.92 11.19 13.6 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box.svg
new file mode 100644
index 00000000..15cff8e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-powerpoint-box" viewBox="0 0 24 24"><path d="M9.8,13.4H12.3C13.8,13.4 14.46,13.12 15.1,12.58C15.74,12.03 16,11.25 16,10.23C16,9.26 15.75,8.5 15.1,7.88C14.45,7.29 13.83,7 12.3,7H8V17H9.8V13.4M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M9.8,12V8.4H12.1C12.76,8.4 13.27,8.65 13.6,9C13.93,9.35 14.1,9.72 14.1,10.24C14.1,10.8 13.92,11.19 13.6,11.5C13.28,11.81 12.9,12 12.22,12H9.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-outline.svg
new file mode 100644
index 00000000..37c285cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-powerpoint-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M15.2 10.8C14.7 10.3 14.1 10 12.8 10H9V19H10.6V15.7H12.8C14.1 15.7 14.6 15.5 15.2 15C15.8 14.5 16 13.8 16 12.9C16 12 15.8 11.4 15.2 10.8M13.9 14C13.6 14.3 13.3 14.5 12.7 14.5H10.6V11.3H12.6C13.2 11.3 13.6 11.5 13.9 11.8C14.2 12.1 14.3 12.4 14.3 12.9S14.2 13.7 13.9 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint.svg
new file mode 100644
index 00000000..0ef8857f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-powerpoint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-powerpoint" viewBox="0 0 24 24"><path d="M12.6,12.3H10.6V15.5H12.7C13.3,15.5 13.6,15.3 13.9,15C14.2,14.7 14.3,14.4 14.3,13.9C14.3,13.4 14.2,13.1 13.9,12.8C13.6,12.5 13.2,12.3 12.6,12.3M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.2,16C14.6,16.5 14.1,16.7 12.8,16.7H10.6V20H9V11H12.8C14.1,11 14.7,11.3 15.2,11.8C15.8,12.4 16,13 16,13.9C16,14.8 15.8,15.5 15.2,16M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-presentation-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-presentation-box.svg
new file mode 100644
index 00000000..e73273c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-presentation-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-presentation-box" viewBox="0 0 24 24"><path d="M19,16H5V8H19M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-question-outline.svg
new file mode 100644
index 00000000..1a375a46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-question-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M15 13C15 14.89 12.75 15.07 12.75 16.76H11.25C11.25 14.32 13.5 14.5 13.5 13C13.5 12.18 12.83 11.5 12 11.5S10.5 12.18 10.5 13H9C9 11.35 10.34 10 12 10S15 11.35 15 13M12.75 17.5V19H11.25V17.5H12.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-question.svg
new file mode 100644
index 00000000..e39743c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-question" viewBox="0 0 24 24"><path d="M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6M13,3.5L18.5,9H13V3.5M12,11A3,3 0 0,1 15,14C15,15.88 12.75,16.06 12.75,17.75H11.25C11.25,15.31 13.5,15.5 13.5,14A1.5,1.5 0 0,0 12,12.5A1.5,1.5 0 0,0 10.5,14H9A3,3 0 0,1 12,11M11.25,18.5H12.75V20H11.25V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh-outline.svg
new file mode 100644
index 00000000..d7a0e846
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-refresh-outline" viewBox="0 0 24 24"><path d="M18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5C15.5 19.88 16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5C14 16.29 15.79 14.5 18 14.5M14 2L20 8V12.17C19.5 12.06 19 12 18.5 12L18 12V9H13V4H6V20H12.17C12.34 20.72 12.63 21.39 13 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh.svg
new file mode 100644
index 00000000..80776d7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-refresh" viewBox="0 0 24 24"><path d="M18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5C15.5 19.88 16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5C14 16.29 15.79 14.5 18 14.5M13 9H18.5L13 3.5V9M6 2H14L20 8V12.17C19.5 12.06 19 12 18.5 12C14.91 12 12 14.91 12 18.5C12 19.79 12.37 21 13 22H6C4.88 22 4 21.1 4 20L4 4C4 2.89 4.89 2 6 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-remove-outline.svg
new file mode 100644
index 00000000..97096779
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-remove-outline" viewBox="0 0 24 24"><path d="M13.81 22H6C4.89 22 4 21.11 4 20V4C4 2.9 4.89 2 6 2H14L20 8V13.09C19.67 13.04 19.34 13 19 13S18.33 13.04 18 13.09V9H13V4H6V20H13.09C13.21 20.72 13.46 21.39 13.81 22M22.54 21.12L20.41 19L22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-remove.svg
new file mode 100644
index 00000000..774419c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-remove" viewBox="0 0 24 24"><path d="M21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19L22.54 21.12L21.12 22.54M14 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.81C13.28 21.09 13 20.05 13 19C13 15.69 15.69 13 19 13C19.34 13 19.67 13.03 20 13.08V8L14 2M13 9V3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-replace-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-replace-outline.svg
new file mode 100644
index 00000000..c0c189db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-replace-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-replace-outline" viewBox="0 0 24 24"><path d="M14,3L12,1H4A2,2 0 0,0 2,3V15A2,2 0 0,0 4,17H11V19L15,16L11,13V15H4V3H14M21,10V21A2,2 0 0,1 19,23H8A2,2 0 0,1 6,21V19H8V21H19V12H14V7H8V13H6V7A2,2 0 0,1 8,5H16L21,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-replace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-replace.svg
new file mode 100644
index 00000000..6caee08c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-replace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-replace" viewBox="0 0 24 24"><path d="M14,12H19.5L14,6.5V12M8,5H15L21,11V21A2,2 0 0,1 19,23H8C6.89,23 6,22.1 6,21V18H11V20L15,17L11,14V16H6V7A2,2 0 0,1 8,5M13.5,3H4V16H6V18H4A2,2 0 0,1 2,16V3A2,2 0 0,1 4,1H11.5L13.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-restore-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-restore-outline.svg
new file mode 100644
index 00000000..52be7c82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-restore-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-restore-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13L18 9V20M17 13.24C17 15.86 14.87 18 12.24 18C10.29 18 8.61 16.82 7.88 15.14H9.5C10.11 16 11.11 16.57 12.24 16.57C14.08 16.57 15.57 15.07 15.57 13.24S14.08 9.9 12.24 9.9C10.95 9.9 9.86 10.65 9.29 11.71L10.81 13.24H7V9.43L8.24 10.67C9.09 9.35 10.55 8.5 12.24 8.5C14.87 8.47 17 10.61 17 13.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-restore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-restore.svg
new file mode 100644
index 00000000..9d5a2956
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-restore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-restore" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M12,18C9.95,18 8.19,16.76 7.42,15H9.13C9.76,15.9 10.81,16.5 12,16.5A3.5,3.5 0 0,0 15.5,13A3.5,3.5 0 0,0 12,9.5C10.65,9.5 9.5,10.28 8.9,11.4L10.5,13H6.5V9L7.8,10.3C8.69,8.92 10.23,8 12,8A5,5 0 0,1 17,13A5,5 0 0,1 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left-outline.svg
new file mode 100644
index 00000000..8ce177c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-rotate-left-outline" viewBox="0 0 24 24"><path d="M4 11C4 6.58 7.58 3 12 3L13 3.06V5.08L12 5C8.69 5 6 7.69 6 11H9L5 15L1 11H4M17 7H13C11.9 7 11 7.9 11 9V18C11 19.11 11.9 20 13 20H19C20.11 20 21 19.11 21 18V11L17 7M19 18H13V9H16V12H19V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left.svg
new file mode 100644
index 00000000..df19a033
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-rotate-left" viewBox="0 0 24 24"><path d="M17 7H13C11.9 7 11 7.9 11 9V18C11 19.11 11.9 20 13 20H19C20.11 20 21 19.11 21 18V11L17 7M19 12H16V9H16.17L19 11.83V12M4 11C4 6.58 7.58 3 12 3L13 3.06V5.08L12 5C8.69 5 6 7.69 6 11H9L5 15L1 11H4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right-outline.svg
new file mode 100644
index 00000000..8445bad3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-rotate-right-outline" viewBox="0 0 24 24"><path d="M20 11H23L19 15L15 11H18C18 7.69 15.31 5 12 5L11 5.08V3.06L12 3C16.42 3 20 6.58 20 11M9 7H5C3.9 7 3 7.9 3 9V18C3 19.11 3.9 20 5 20H11C12.11 20 13 19.11 13 18V11L9 7M11 18H5V9H8V12H11V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right.svg
new file mode 100644
index 00000000..566b75d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-rotate-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-rotate-right" viewBox="0 0 24 24"><path d="M5 20C3.9 20 3 19.11 3 18V9C3 7.9 3.9 7 5 7H9L13 11V18C13 19.11 12.11 20 11 20H5M11 11.83L8.17 9H8V12H11V11.83M20 11H23L19 15L15 11H18C18 7.69 15.31 5 12 5L11 5.08V3.06L12 3C16.42 3 20 6.58 20 11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-search-outline.svg
new file mode 100644
index 00000000..e09b6e94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-search-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H13C12.59,21.75 12.2,21.44 11.86,21.1C11.53,20.77 11.25,20.4 11,20H6V4H13V9H18V10.18C18.71,10.34 19.39,10.61 20,11V8L14,2M20.31,18.9C21.64,16.79 21,14 18.91,12.68C16.8,11.35 14,12 12.69,14.08C11.35,16.19 12,18.97 14.09,20.3C15.55,21.23 17.41,21.23 18.88,20.32L22,23.39L23.39,22L20.31,18.9M16.5,19A2.5,2.5 0 0,1 14,16.5A2.5,2.5 0 0,1 16.5,14A2.5,2.5 0 0,1 19,16.5A2.5,2.5 0 0,1 16.5,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-search.svg
new file mode 100644
index 00000000..294e17ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-search" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H13C12.59,21.75 12.2,21.44 11.86,21.1C9.22,18.67 9.05,14.56 11.5,11.92C13.69,9.5 17.33,9.13 20,11V8L14,2M13,9V3.5L18.5,9H13M20.31,18.9C21.64,16.79 21,14 18.91,12.68C16.8,11.35 14,12 12.69,14.08C11.35,16.19 12,18.97 14.09,20.3C15.55,21.23 17.41,21.23 18.88,20.32L22,23.39L23.39,22L20.31,18.9M16.5,19A2.5,2.5 0 0,1 14,16.5A2.5,2.5 0 0,1 16.5,14A2.5,2.5 0 0,1 19,16.5A2.5,2.5 0 0,1 16.5,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-send-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-send-outline.svg
new file mode 100644
index 00000000..6f1a477b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-send-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-send-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M12.54 18.5V16.5H8.54V14.5H12.54V12.5L15.54 15.5L12.54 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-send.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-send.svg
new file mode 100644
index 00000000..a19cbe92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-send" viewBox="0 0 24 24"><path d="M14,2H6C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M12.54,19.37V17.37H8.54V15.38H12.54V13.38L15.54,16.38L12.54,19.37M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-settings-outline.svg
new file mode 100644
index 00000000..36cba751
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-settings-outline" viewBox="0 0 24 24"><path d="M6 0A2 2 0 0 0 4 2V18A2 2 0 0 0 6 20H18A2 2 0 0 0 20 18V6L14 0H6M6 2H13V7H18V18H6V2M7 22V24H9V22H7M11 22V24H13V22H11M15 22V24H17V22H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-settings.svg
new file mode 100644
index 00000000..009f91c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-settings" viewBox="0 0 24 24"><path d="M6 0C4.89 0 4 .89 4 2V18A2 2 0 0 0 6 20H18A2 2 0 0 0 20 18V6L14 0H6M13 1.5L18.5 7H13V1.5M7 22V24H9V22H7M11 22V24H13V22H11M15 22V24H17V22H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-sign.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-sign.svg
new file mode 100644
index 00000000..303f9d85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-sign.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-sign" viewBox="0 0 24 24"><path d="M19.7 12.9L14 18.6H11.7V16.3L17.4 10.6L19.7 12.9M23.1 12.1C23.1 12.4 22.8 12.7 22.5 13L20 15.5L19.1 14.6L21.7 12L21.1 11.4L20.4 12.1L18.1 9.8L20.3 7.7C20.5 7.5 20.9 7.5 21.2 7.7L22.6 9.1C22.8 9.3 22.8 9.7 22.6 10C22.4 10.2 22.2 10.4 22.2 10.6C22.2 10.8 22.4 11 22.6 11.2C22.9 11.5 23.2 11.8 23.1 12.1M3 20V4H10V9H15V10.5L17 8.5V8L11 2H3C1.9 2 1 2.9 1 4V20C1 21.1 1.9 22 3 22H15C16.1 22 17 21.1 17 20H3M11 17.1C10.8 17.1 10.6 17.2 10.5 17.2L10 15H8.5L6.4 16.7L7 14H5.5L4.5 19H6L8.9 16.4L9.5 18.7H10.5L11 18.6V17.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-star-outline.svg
new file mode 100644
index 00000000..65fcb372
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-star-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M18 20H6V4H13V9H18V20M9.5 18L10.2 15.2L8 13.3L10.9 13.1L12 10.4L13.1 13L16 13.2L13.8 15.1L14.5 17.9L12 16.5L9.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-star.svg
new file mode 100644
index 00000000..fa62f406
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-star" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8L14 2M14.5 18.9L12 17.5L9.5 19L10.2 16.2L8 14.3L10.9 14.1L12 11.4L13.1 14L16 14.2L13.8 16.1L14.5 18.9M13 9V3.5L18.5 9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-swap-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-swap-outline.svg
new file mode 100644
index 00000000..2b4fbd84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-swap-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-swap-outline" viewBox="0 0 24 24"><path d="M17 15L14 12V14H10V12L7 15L10 18V16H14V18M14 2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V8L14 2M18 20H6V4H13V9H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-swap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-swap.svg
new file mode 100644
index 00000000..4710d4e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-swap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-swap" viewBox="0 0 24 24"><path d="M14 2H6A2 2 0 0 0 4 4V20A2 2 0 0 0 6 22H18A2 2 0 0 0 20 20V8M14 18V16H10V18L7 15L10 12V14H14V12L17 15M13 9V3.5L18.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-sync-outline.svg
new file mode 100644
index 00000000..a9a653b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-sync-outline" viewBox="0 0 24 24"><path d="M12.8 22H6C4.9 22 4 21.1 4 20V4C4 2.9 4.9 2 6 2H14L20 8V11.5C19.4 11.2 18.7 11.1 18 11V9H13V4H6V20H11.5C11.8 20.7 12.3 21.4 12.8 22M17 12L14.8 14.2L17 16.4V15C18.4 15 19.5 16.1 19.5 17.5C19.5 17.9 19.4 18.3 19.2 18.6L20.3 19.7C20.7 19.1 21 18.3 21 17.5C21 15.3 19.2 13.5 17 13.5V12M19.2 20.8L17 18.5V20C15.6 20 14.5 18.9 14.5 17.5C14.5 17.1 14.6 16.7 14.8 16.4L13.7 15.3C13.3 15.9 13 16.7 13 17.5C13 19.7 14.8 21.5 17 21.5V23L19.2 20.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-sync.svg
new file mode 100644
index 00000000..66471e2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-sync" viewBox="0 0 24 24"><path d="M11 17.5C11 13.9 13.9 11 17.5 11C18.4 11 19.2 11.2 20 11.5V8L14 2H6C4.9 2 4 2.9 4 4V20C4 21.1 4.9 22 6 22H12.8C11.7 20.8 11 19.2 11 17.5M13 3.5L18.5 9H13V3.5M17 12V13.5C19.2 13.5 21 15.3 21 17.5C21 18.3 20.8 19.1 20.3 19.7L19.2 18.6C19.4 18.3 19.5 17.9 19.5 17.5C19.5 16.1 18.4 15 17 15V16.5L14.8 14.3L17 12M17 23V21.5C14.8 21.5 13 19.7 13 17.5C13 16.7 13.2 15.9 13.7 15.3L14.8 16.4C14.6 16.7 14.5 17.1 14.5 17.5C14.5 18.9 15.6 20 17 20V18.5L19.2 20.7L17 23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple-outline.svg
new file mode 100644
index 00000000..df2c23e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table-box-multiple-outline" viewBox="0 0 24 24"><path d="M3 5V21H19V23H3C1.9 23 1 22.1 1 21V5H3M21 1H7C5.89 1 5 1.89 5 3V17C5 18.1 5.9 19 7 19H21C22.11 19 23 18.11 23 17V3C23 1.9 22.1 1 21 1M21 17H7V3H21V17M11 14H8V16H11V14M15 14H12V16H15V14M11 11H8V13H11V11M15 11H12V13H15V11M11 8H8V10H11V8M15 8H12V10H15V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple.svg
new file mode 100644
index 00000000..b27fbee5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table-box-multiple" viewBox="0 0 24 24"><path d="M3 5V21H19V23H3C1.9 23 1 22.1 1 21V5H3M21 1H7C5.89 1 5 1.89 5 3V17C5 18.11 5.9 19 7 19H21C22.11 19 23 18.11 23 17V3C23 1.89 22.1 1 21 1M11 16H8V14H11V16M11 13H8V11H11V13M11 10H8V8H11V10M15 16H12V14H15V16M15 13H12V11H15V13M15 10H12V8H15V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-outline.svg
new file mode 100644
index 00000000..37e03dd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table-box-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3M19 19H5V5H19V19M9 18H6V16H9V18M13 18H10V16H13V18M9 15H6V13H9V15M13 15H10V13H13V15M9 12H6V10H9V12M13 12H10V10H13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box.svg
new file mode 100644
index 00000000..4652ebc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3M9 18H6V16H9V18M9 15H6V13H9V15M9 12H6V10H9V12M13 18H10V16H13V18M13 15H10V13H13V15M13 12H10V10H13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-outline.svg
new file mode 100644
index 00000000..be0b920b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table-outline" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20M10,13H7V11H10V13M14,13H11V11H14V13M10,16H7V14H10V16M14,16H11V14H14V16M10,19H7V17H10V19M14,19H11V17H14V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-table.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-table.svg
new file mode 100644
index 00000000..3f59bcef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-table" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M10,19H7V17H10V19M10,16H7V14H10V16M10,13H7V11H10V13M14,19H11V17H14V19M14,16H11V14H14V16M14,13H11V11H14V13M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-tree-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-tree-outline.svg
new file mode 100644
index 00000000..beb86d53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-tree-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-tree-outline" viewBox="0 0 24 24"><path d="M12 13H7V18H12V20H5V10H7V11H12V13M8 4V6H4V4H8M10 2H2V8H10V2M20 11V13H16V11H20M22 9H14V15H22V9M20 18V20H16V18H20M22 16H14V22H22V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-tree.svg
new file mode 100644
index 00000000..c58e4b99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-tree" viewBox="0 0 24 24"><path d="M3,3H9V7H3V3M15,10H21V14H15V10M15,17H21V21H15V17M13,13H7V18H13V20H7L5,20V9H7V11H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-undo-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-undo-outline.svg
new file mode 100644
index 00000000..8681ce6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-undo-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-undo-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M17 17.61L15.84 18C15.33 16.44 13.86 15.31 12.13 15.31C11.17 15.31 10.31 15.66 9.63 16.23L11.4 18H7V13.6L8.76 15.36C9.66 14.57 10.83 14.09 12.13 14.09C14.4 14.09 16.33 15.57 17 17.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-undo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-undo.svg
new file mode 100644
index 00000000..b58c98a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-undo" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M12.16,14.31C10.6,14.31 9.19,14.89 8.11,15.83L6,13.72V19H11.28L9.15,16.88C9.97,16.2 11,15.78 12.16,15.78C14.23,15.78 16,17.13 16.61,19L18,18.54C17.19,16.09 14.88,14.31 12.16,14.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-upload-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-upload-outline.svg
new file mode 100644
index 00000000..424d4f9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-upload-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-upload-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M12,12L16,16H13.5V19H10.5V16H8L12,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-upload.svg
new file mode 100644
index 00000000..8e11858b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-upload" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M13.5,16V19H10.5V16H8L12,12L16,16H13.5M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-video-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-video-outline.svg
new file mode 100644
index 00000000..28d80911
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-video-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-video-outline" viewBox="0 0 24 24"><path d="M14,2L20,8V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2H14M18,20V9H13V4H6V20H18M16,18L13.5,16.3V18H8V13H13.5V14.7L16,13V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-video.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-video.svg
new file mode 100644
index 00000000..6fa6b4d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-video" viewBox="0 0 24 24"><path d="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M17,19V13L14,15.2V13H7V19H14V16.8L17,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box-outline.svg
new file mode 100644
index 00000000..14545c17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-word-box-outline" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5M5 5H19V19H5V5M17.9 7L15.5 17H14L12 9.5L10 17H8.5L6.1 7H7.8L9.34 14.5L11.3 7H12.7L14.67 14.5L16.2 7H17.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box.svg
new file mode 100644
index 00000000..344d0cde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-word-box" viewBox="0 0 24 24"><path d="M15.5,17H14L12,9.5L10,17H8.5L6.1,7H7.8L9.34,14.5L11.3,7H12.7L14.67,14.5L16.2,7H17.9M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-word-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-outline.svg
new file mode 100644
index 00000000..c15d32cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-word-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-word-outline" viewBox="0 0 24 24"><path d="M14 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V8L14 2M18 20H6V4H13V9H18V20M17.35 10L15.25 19H13.85L12.05 12.21L10.25 19H8.85L6.65 10H8.15L9.55 16.81L11.35 10H12.65L14.45 16.81L15.85 10H17.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-word.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-word.svg
new file mode 100644
index 00000000..4c242eb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-word.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-word" viewBox="0 0 24 24"><path d="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M15.2,20H13.8L12,13.2L10.2,20H8.8L6.6,11H8.1L9.5,17.8L11.3,11H12.6L14.4,17.8L15.8,11H17.3L15.2,20M13,9V3.5L18.5,9H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file-xml-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file-xml-box.svg
new file mode 100644
index 00000000..d8b77589
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file-xml-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file-xml-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3M8 15H6.5L6 13L5.5 15H4L4.75 12L4 9H5.5L6 11L6.5 9H8L7.25 12L8 15M15.5 15H14V10.5H13V14H11.5V10.5H10.5V15H9V11C9 9.9 9.9 9 11 9H13.5C14.61 9 15.5 9.9 15.5 11V15M20 15H17V9H18.5V13.5H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/file.svg b/apps/phoenix_webcomponent/priv/mdi/svg/file.svg
new file mode 100644
index 00000000..657a5c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-file" viewBox="0 0 24 24"><path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/film.svg b/apps/phoenix_webcomponent/priv/mdi/svg/film.svg
new file mode 100644
index 00000000..f9237006
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/film.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-film" viewBox="0 0 24 24"><path d="M3.5,3H5V1.8C5,1.36 5.36,1 5.8,1H10.2C10.64,1 11,1.36 11,1.8V3H12.5A1.5,1.5 0 0,1 14,4.5V5H22V20H14V20.5A1.5,1.5 0 0,1 12.5,22H3.5A1.5,1.5 0 0,1 2,20.5V4.5A1.5,1.5 0 0,1 3.5,3M18,7V9H20V7H18M14,7V9H16V7H14M10,7V9H12V7H10M14,16V18H16V16H14M18,16V18H20V16H18M10,16V18H12V16H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box-multiple.svg
new file mode 100644
index 00000000..7a575fb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filmstrip-box-multiple" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M10,15H8V13H10V15M10,11H8V9H10V11M10,7H8V5H10V7M20,15H18V13H20V15M20,11H18V9H20V11M20,7H18V5H20V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box.svg
new file mode 100644
index 00000000..1a981da2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filmstrip-box" viewBox="0 0 24 24"><path d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M7 18V16H5V18H7M7 13V11H5V13H7M7 8V6H5V8H7M19 18V16H17V18H19M19 13V11H17V13H19M19 8V6H17V8H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-off.svg
new file mode 100644
index 00000000..a16205f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filmstrip-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L16,19.27V21H8V19H6V21H4V7.27L1,4.27M18,9V7H16V9H18M18,13V11H16V13H18M18,15H16.82L6.82,5H8V3H16V5H18V3H20V18.18L18,16.18V15M8,13V11.27L7.73,11H6V13H8M8,17V15H6V17H8M6,3V4.18L4.82,3H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip.svg
new file mode 100644
index 00000000..a9313d00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filmstrip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filmstrip" viewBox="0 0 24 24"><path d="M18,9H16V7H18M18,13H16V11H18M18,17H16V15H18M8,9H6V7H8M8,13H6V11H8M8,17H6V15H8M18,3V5H16V3H8V5H6V3H4V21H6V19H8V21H16V19H18V21H20V3H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-check-outline.svg
new file mode 100644
index 00000000..7d1fda4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-check-outline" viewBox="0 0 24 24"><path d="M13 19.88C13.04 20.18 12.94 20.5 12.72 20.71C12.32 21.1 11.69 21.1 11.3 20.71L7.29 16.7C7.06 16.47 6.96 16.16 7 15.87V10.75L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3H17C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L13 10.75V19.88M5.04 5L9 10.07V15.58L11 17.58V10.05L14.96 5H5.04M17.75 21L15 18L16.16 16.84L17.75 18.43L21.34 14.84L22.5 16.25L17.75 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-check.svg
new file mode 100644
index 00000000..9004e2ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-check" viewBox="0 0 24 24"><path d="M12 12V19.88C12.04 20.18 11.94 20.5 11.71 20.71C11.32 21.1 10.69 21.1 10.3 20.71L8.29 18.7C8.06 18.47 7.96 18.16 8 17.87V12H7.97L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3H17C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L12.03 12H12M17.75 21L15 18L16.16 16.84L17.75 18.43L21.34 14.84L22.5 16.25L17.75 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog-outline.svg
new file mode 100644
index 00000000..611c5f59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-cog-outline" viewBox="0 0 24 24"><path d="M22.77 19.32L21.7 18.5C21.72 18.33 21.74 18.17 21.74 18S21.73 17.67 21.7 17.5L22.76 16.68C22.85 16.6 22.88 16.47 22.82 16.36L21.82 14.63C21.76 14.5 21.63 14.5 21.5 14.5L20.27 15C20 14.82 19.73 14.65 19.42 14.53L19.23 13.21C19.22 13.09 19.11 13 19 13H17C16.87 13 16.76 13.09 16.74 13.21L16.55 14.53C16.25 14.66 15.96 14.82 15.7 15L14.46 14.5C14.35 14.5 14.22 14.5 14.15 14.63L13.15 16.36C13.09 16.47 13.11 16.6 13.21 16.68L14.27 17.5C14.25 17.67 14.24 17.83 14.24 18S14.25 18.33 14.27 18.5L13.21 19.32C13.12 19.4 13.09 19.53 13.15 19.64L14.15 21.37C14.21 21.5 14.34 21.5 14.46 21.5L15.7 21C15.96 21.18 16.24 21.35 16.55 21.47L16.74 22.79C16.76 22.91 16.86 23 17 23H19C19.11 23 19.22 22.91 19.24 22.79L19.43 21.47C19.73 21.34 20 21.18 20.27 21L21.5 21.5C21.63 21.5 21.76 21.5 21.83 21.37L22.83 19.64C22.89 19.53 22.86 19.4 22.77 19.32M18 19.5C17.16 19.5 16.5 18.83 16.5 18S17.17 16.5 18 16.5 19.5 17.17 19.5 18 18.83 19.5 18 19.5M17.62 3.22C17.43 3.08 17.22 3 17 3H3C2.78 3 2.57 3.08 2.38 3.22C1.95 3.56 1.87 4.19 2.21 4.62L7 10.75V15.87C6.96 16.16 7.06 16.47 7.29 16.7L11.3 20.71C11.4 20.81 11.5 20.88 11.65 20.93C11.22 20 11 19 11 18C11 16.17 11.72 14.41 13 13.1V10.75L17.79 4.62C18.13 4.19 18.05 3.56 17.62 3.22M11 10.05V17.58L9 15.58V10.06L5.04 5H14.96L11 10.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog.svg
new file mode 100644
index 00000000..a337b19f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-cog" viewBox="0 0 24 24"><path d="M22.77 19.32L21.7 18.5C21.72 18.33 21.74 18.17 21.74 18S21.73 17.67 21.7 17.5L22.76 16.68C22.85 16.6 22.88 16.47 22.82 16.36L21.82 14.63C21.76 14.5 21.63 14.5 21.5 14.5L20.27 15C20 14.82 19.73 14.65 19.42 14.53L19.23 13.21C19.22 13.09 19.11 13 19 13H17C16.87 13 16.76 13.09 16.74 13.21L16.55 14.53C16.25 14.66 15.96 14.82 15.7 15L14.46 14.5C14.35 14.5 14.22 14.5 14.15 14.63L13.15 16.36C13.09 16.47 13.11 16.6 13.21 16.68L14.27 17.5C14.25 17.67 14.24 17.83 14.24 18S14.25 18.33 14.27 18.5L13.21 19.32C13.12 19.4 13.09 19.53 13.15 19.64L14.15 21.37C14.21 21.5 14.34 21.5 14.46 21.5L15.7 21C15.96 21.18 16.24 21.35 16.55 21.47L16.74 22.79C16.76 22.91 16.86 23 17 23H19C19.11 23 19.22 22.91 19.24 22.79L19.43 21.47C19.73 21.34 20 21.18 20.27 21L21.5 21.5C21.63 21.5 21.76 21.5 21.83 21.37L22.83 19.64C22.89 19.53 22.86 19.4 22.77 19.32M18 19.5C17.16 19.5 16.5 18.83 16.5 18S17.17 16.5 18 16.5 19.5 17.17 19.5 18 18.83 19.5 18 19.5M3 3C2.78 3 2.57 3.08 2.38 3.22C1.95 3.56 1.87 4.19 2.21 4.62L7.97 12H8V17.87C7.96 18.16 8.06 18.47 8.29 18.7L10.3 20.71C10.65 21.06 11.19 21.08 11.58 20.8C11.2 19.91 11 18.96 11 18C11 16.73 11.35 15.5 12 14.4V12H12.03L17.79 4.62C18.13 4.19 18.05 3.56 17.62 3.22C17.43 3.08 17.22 3 17 3H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu-outline.svg
new file mode 100644
index 00000000..e07159ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-menu-outline" viewBox="0 0 24 24"><path d="M12 18.88A1 1 0 0 1 11.71 19.71A1 1 0 0 1 10.3 19.71L6.3 15.71A1 1 0 0 1 6 14.87V9.75L1.21 3.62A1 1 0 0 1 1.38 2.22A1 1 0 0 1 2 2H16A1 1 0 0 1 16.62 2.22A1 1 0 0 1 16.79 3.62L12 9.75V18.88M4 4L8 9.06V14.58L10 16.58V9.05L14 4M13 16L18 21L23 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu.svg
new file mode 100644
index 00000000..835bafdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-menu" viewBox="0 0 24 24"><path d="M11 11L16.76 3.62A1 1 0 0 0 16.59 2.22A1 1 0 0 0 16 2H2A1 1 0 0 0 1.38 2.22A1 1 0 0 0 1.21 3.62L7 11V16.87A1 1 0 0 0 7.29 17.7L9.29 19.7A1 1 0 0 0 10.7 19.7A1 1 0 0 0 11 18.87V11M13 16L18 21L23 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus-outline.svg
new file mode 100644
index 00000000..5a3eed00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-minus-outline" viewBox="0 0 24 24"><path d="M15 17H23V19H15V17M13 19.88C13.04 20.18 12.94 20.5 12.72 20.71C12.32 21.1 11.69 21.1 11.3 20.71L7.29 16.7C7.06 16.47 6.96 16.16 7 15.87V10.75L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3V3H17V3C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L13 10.75V19.88M5.04 5L9 10.07V15.58L11 17.58V10.05L14.96 5H5.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus.svg
new file mode 100644
index 00000000..42b712b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-minus" viewBox="0 0 24 24"><path d="M12 12V19.88C12.04 20.18 11.94 20.5 11.71 20.71C11.32 21.1 10.69 21.1 10.3 20.71L8.29 18.7C8.06 18.47 7.96 18.16 8 17.86V12H7.97L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3V3H17V3C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L12.03 12H12M15 17H23V19H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple-outline.svg
new file mode 100644
index 00000000..6b298333
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-multiple-outline" viewBox="0 0 24 24"><path d="M3.47 5C3.25 5 3.04 5.08 2.87 5.21C2.43 5.55 2.35 6.18 2.69 6.61L2.69 6.62L7 12.14V18.05L10.64 21.71C11 22.1 11.66 22.1 12.05 21.71L12.05 21.71C12.44 21.32 12.44 20.69 12.06 20.3L9 17.22V11.45L4.27 5.39C4.08 5.14 3.78 5 3.47 5M21.62 3.22C21.43 3.08 21.22 3 21 3H7C6.78 3 6.57 3.08 6.38 3.22C5.95 3.56 5.87 4.19 6.21 4.62L11 10.75V15.87C10.96 16.16 11.06 16.47 11.29 16.7L15.3 20.71C15.69 21.1 16.32 21.1 16.71 20.71C16.94 20.5 17.04 20.18 17 19.88V10.75L21.79 4.62C22.13 4.19 22.05 3.56 21.62 3.22M15 10.05V17.58L13 15.58V10.06L9.04 5H18.96L15 10.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple.svg
new file mode 100644
index 00000000..4ac5c614
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-multiple" viewBox="0 0 24 24"><path d="M3.46 5C3.25 5 3.04 5.08 2.87 5.21C2.43 5.55 2.35 6.18 2.69 6.61L2.69 6.62L8 13.42V19.41L10.29 21.71C10.68 22.1 11.32 22.1 11.71 21.71C12.1 21.32 12.1 20.68 11.71 20.29L10 18.59V12.73L4.27 5.39C4.08 5.14 3.78 5 3.46 5M16 12V19.88C16.04 20.18 15.94 20.5 15.71 20.71C15.32 21.1 14.69 21.1 14.3 20.71L12.29 18.7C12.06 18.47 11.96 18.16 12 17.87V12H11.97L6.21 4.62C5.87 4.19 5.95 3.56 6.38 3.22C6.57 3.08 6.78 3 7 3H21C21.22 3 21.43 3.08 21.62 3.22C22.05 3.56 22.13 4.19 21.79 4.62L16.03 12H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-off-outline.svg
new file mode 100644
index 00000000..31a2c7ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L9 10.89V15.87C8.96 16.16 9.06 16.47 9.29 16.7L13.3 20.71C13.69 21.1 14.32 21.1 14.71 20.71C14.94 20.5 15.04 20.18 15 19.88V16.89L20.84 22.73L22.11 21.46L15 14.35V14.34L13 12.35L11 10.34L4.15 3.5L2.39 1.73M6.21 3L8.2 5H16.96L13.11 9.91L15 11.8V10.75L19.79 4.62C20.13 4.19 20.05 3.56 19.62 3.22C19.43 3.08 19.22 3 19 3H6.21M11 12.89L13 14.89V17.58L11 15.58V12.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-off.svg
new file mode 100644
index 00000000..ba794c4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L9.5 11.37L9.97 12H10V17.87C9.96 18.16 10.06 18.47 10.29 18.7L12.3 20.71C12.69 21.1 13.32 21.1 13.71 20.71C13.94 20.5 14.04 20.18 14 19.88V15.89L20.84 22.73L22.11 21.46L14 13.35L9.41 8.76L4.15 3.5L2.39 1.73M6.21 3L14.54 11.34L19.79 4.62C20.13 4.19 20.05 3.56 19.62 3.22C19.43 3.08 19.22 3 19 3H6.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-outline.svg
new file mode 100644
index 00000000..0833619c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-outline" viewBox="0 0 24 24"><path d="M15,19.88C15.04,20.18 14.94,20.5 14.71,20.71C14.32,21.1 13.69,21.1 13.3,20.71L9.29,16.7C9.06,16.47 8.96,16.16 9,15.87V10.75L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L15,10.75V19.88M7.04,5L11,10.06V15.58L13,17.58V10.05L16.96,5H7.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus-outline.svg
new file mode 100644
index 00000000..01fa7e50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-plus-outline" viewBox="0 0 24 24"><path d="M15 17H18V14H20V17H23V19H20V22H18V19H15V17M13 19.88C13.04 20.18 12.94 20.5 12.72 20.71C12.32 21.1 11.69 21.1 11.3 20.71L7.29 16.7C7.06 16.47 6.96 16.16 7 15.87V10.75L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3V3H17V3C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L13 10.75V19.88M5.04 5L9 10.07V15.58L11 17.58V10.05L14.96 5H5.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus.svg
new file mode 100644
index 00000000..0d8779f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-plus" viewBox="0 0 24 24"><path d="M12 12V19.88C12.04 20.18 11.94 20.5 11.71 20.71C11.32 21.1 10.69 21.1 10.3 20.71L8.29 18.7C8.06 18.47 7.96 18.16 8 17.87V12H7.97L2.21 4.62C1.87 4.19 1.95 3.56 2.38 3.22C2.57 3.08 2.78 3 3 3H17C17.22 3 17.43 3.08 17.62 3.22C18.05 3.56 18.13 4.19 17.79 4.62L12.03 12H12M15 17H18V14H20V17H23V19H20V22H18V19H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove-outline.svg
new file mode 100644
index 00000000..faf5fa32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-remove-outline" viewBox="0 0 24 24"><path d="M14.73,20.83L17.58,18L14.73,15.17L16.15,13.76L19,16.57L21.8,13.76L23.22,15.17L20.41,18L23.22,20.83L21.8,22.24L19,19.4L16.15,22.24L14.73,20.83M13,19.88C13.04,20.18 12.94,20.5 12.71,20.71C12.32,21.1 11.69,21.1 11.3,20.71L7.29,16.7C7.06,16.47 6.96,16.16 7,15.87V10.75L2.21,4.62C1.87,4.19 1.95,3.56 2.38,3.22C2.57,3.08 2.78,3 3,3V3H17V3C17.22,3 17.43,3.08 17.62,3.22C18.05,3.56 18.13,4.19 17.79,4.62L13,10.75V19.88M5.04,5L9,10.06V15.58L11,17.58V10.05L14.96,5H5.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove.svg
new file mode 100644
index 00000000..90ed0148
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-remove" viewBox="0 0 24 24"><path d="M14.76,20.83L17.6,18L14.76,15.17L16.17,13.76L19,16.57L21.83,13.76L23.24,15.17L20.43,18L23.24,20.83L21.83,22.24L19,19.4L16.17,22.24L14.76,20.83M12,12V19.88C12.04,20.18 11.94,20.5 11.71,20.71C11.32,21.1 10.69,21.1 10.3,20.71L8.29,18.7C8.06,18.47 7.96,18.16 8,17.87V12H7.97L2.21,4.62C1.87,4.19 1.95,3.56 2.38,3.22C2.57,3.08 2.78,3 3,3V3H17V3C17.22,3 17.43,3.08 17.62,3.22C18.05,3.56 18.13,4.19 17.79,4.62L12.03,12H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings-outline.svg
new file mode 100644
index 00000000..2f1ac984
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-settings-outline" viewBox="0 0 24 24"><path d="M15 22H17V24H15M11 22H13V24H11M7 22H9V24H7M15 19.88C15.04 20.18 14.94 20.5 14.71 20.71C14.32 21.1 13.69 21.1 13.3 20.71L9.29 16.7C9.06 16.47 8.96 16.16 9 15.87V10.75L4.21 4.62C3.87 4.19 3.95 3.56 4.38 3.22C4.57 3.08 4.78 3 5 3H19C19.22 3 19.43 3.08 19.62 3.22C20.05 3.56 20.13 4.19 19.79 4.62L15 10.75V19.88M7.04 5L11 10.06V15.58L13 17.58V10.05L16.96 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings.svg
new file mode 100644
index 00000000..8908eee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-settings" viewBox="0 0 24 24"><path d="M15 22H17V24H15M11 22H13V24H11M7 22H9V24H7M14 12V19.88C14.04 20.18 13.94 20.5 13.71 20.71C13.32 21.1 12.69 21.1 12.3 20.71L10.29 18.7C10.06 18.47 9.96 18.16 10 17.87V12H9.97L4.21 4.62C3.87 4.19 3.95 3.56 4.38 3.22C4.57 3.08 4.78 3 5 3H19C19.22 3 19.43 3.08 19.62 3.22C20.05 3.56 20.13 4.19 19.79 4.62L14.03 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-minus.svg
new file mode 100644
index 00000000..40819ce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-variant-minus" viewBox="0 0 24 24"><path d="M21 8H3V6H21V8M13.81 16H10V18H13.09C13.21 17.28 13.46 16.61 13.81 16M18 11H6V13H18V11M23 18H15V20H23V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-plus.svg
new file mode 100644
index 00000000..995cfd12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-variant-plus" viewBox="0 0 24 24"><path d="M21 8H3V6H21V8M13.81 16H10V18H13.09C13.21 17.28 13.46 16.61 13.81 16M18 11H6V13H18V11M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-remove.svg
new file mode 100644
index 00000000..844ce35d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-variant-remove" viewBox="0 0 24 24"><path d="M21 8H3V6H21V8M13.81 16H10V18H13.09C13.21 17.28 13.46 16.61 13.81 16M18 11H6V13H18V11M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant.svg
new file mode 100644
index 00000000..7139c991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter-variant" viewBox="0 0 24 24"><path d="M6,13H18V11H6M3,6V8H21V6M10,18H14V16H10V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/filter.svg
new file mode 100644
index 00000000..88e05d3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-filter" viewBox="0 0 24 24"><path d="M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/finance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/finance.svg
new file mode 100644
index 00000000..639eda91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/finance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-finance" viewBox="0 0 24 24"><path d="M6,16.5L3,19.44V11H6M11,14.66L9.43,13.32L8,14.64V7H11M16,13L13,16V3H16M18.81,12.81L17,11H22V16L20.21,14.21L13,21.36L9.53,18.34L5.75,22H3L9.47,15.66L13,18.64" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/find-replace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/find-replace.svg
new file mode 100644
index 00000000..11791d83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/find-replace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-find-replace" viewBox="0 0 24 24"><path d="M11,6C12.38,6 13.63,6.56 14.54,7.46L12,10H18V4L15.95,6.05C14.68,4.78 12.93,4 11,4C7.47,4 4.57,6.61 4.08,10H6.1C6.56,7.72 8.58,6 11,6M16.64,15.14C17.3,14.24 17.76,13.17 17.92,12H15.9C15.44,14.28 13.42,16 11,16C9.62,16 8.37,15.44 7.46,14.54L10,12H4V18L6.05,15.95C7.32,17.22 9.07,18 11,18C12.55,18 14,17.5 15.14,16.64L20,21.5L21.5,20L16.64,15.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint-off.svg
new file mode 100644
index 00000000..b3c00e56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fingerprint-off" viewBox="0 0 24 24"><path d="M1.5,4.77L2.78,3.5L20.5,21.22L19.23,22.5L16.67,19.94C15.58,19.9 14.62,19.6 13.82,19.05C12.34,18.05 11.46,16.43 11.44,14.71L10.27,13.53C10.03,13.85 9.89,14.23 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22H14.78C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.97 9.14,13.33 9.56,12.83L8.5,11.77C7.78,12.54 7.34,13.55 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,13.28 6.89,12 7.79,11.06L6.7,9.97C6.15,10.5 5.69,11.15 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C4.84,10.61 5.36,9.88 6,9.26L4.97,8.24C4.58,8.63 4.22,9.05 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72L3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C3.45,8.43 3.84,7.96 4.27,7.53L1.5,4.77M17.81,4.47L17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41L6.29,4.46L5.71,3.89C5.73,3.74 5.82,3.61 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C14.06,5.19 10.76,5.08 8.03,6.21L7.27,5.45C10.34,4.04 14.14,4.1 17.15,5.65M12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16L16.93,15.11L16.72,14.89L16.66,14.66C16.66,12.27 14.62,10.32 12.09,10.27L11.15,9.33L12,9.27M14.38,18.22C14.71,18.45 15.07,18.62 15.47,18.73L12.63,15.9C12.92,16.82 13.53,17.65 14.38,18.22M19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C11.26,7.83 10.58,7.93 9.93,8.11L9.12,7.3C10,7 10.97,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,15.65 19.69,16.53 18.89,17.06L18.17,16.34C18.79,16 19.21,15.38 19.21,14.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint.svg
new file mode 100644
index 00000000..bf26b599
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fingerprint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fingerprint" viewBox="0 0 24 24"><path d="M17.81,4.47C17.73,4.47 17.65,4.45 17.58,4.41C15.66,3.42 14,3 12,3C10.03,3 8.15,3.47 6.44,4.41C6.2,4.54 5.9,4.45 5.76,4.21C5.63,3.97 5.72,3.66 5.96,3.53C7.82,2.5 9.86,2 12,2C14.14,2 16,2.47 18.04,3.5C18.29,3.65 18.38,3.95 18.25,4.19C18.16,4.37 18,4.47 17.81,4.47M3.5,9.72C3.4,9.72 3.3,9.69 3.21,9.63C3,9.47 2.93,9.16 3.09,8.93C4.08,7.53 5.34,6.43 6.84,5.66C10,4.04 14,4.03 17.15,5.65C18.65,6.42 19.91,7.5 20.9,8.9C21.06,9.12 21,9.44 20.78,9.6C20.55,9.76 20.24,9.71 20.08,9.5C19.18,8.22 18.04,7.23 16.69,6.54C13.82,5.07 10.15,5.07 7.29,6.55C5.93,7.25 4.79,8.25 3.89,9.5C3.81,9.65 3.66,9.72 3.5,9.72M9.75,21.79C9.62,21.79 9.5,21.74 9.4,21.64C8.53,20.77 8.06,20.21 7.39,19C6.7,17.77 6.34,16.27 6.34,14.66C6.34,11.69 8.88,9.27 12,9.27C15.12,9.27 17.66,11.69 17.66,14.66A0.5,0.5 0 0,1 17.16,15.16A0.5,0.5 0 0,1 16.66,14.66C16.66,12.24 14.57,10.27 12,10.27C9.43,10.27 7.34,12.24 7.34,14.66C7.34,16.1 7.66,17.43 8.27,18.5C8.91,19.66 9.35,20.15 10.12,20.93C10.31,21.13 10.31,21.44 10.12,21.64C10,21.74 9.88,21.79 9.75,21.79M16.92,19.94C15.73,19.94 14.68,19.64 13.82,19.05C12.33,18.04 11.44,16.4 11.44,14.66A0.5,0.5 0 0,1 11.94,14.16A0.5,0.5 0 0,1 12.44,14.66C12.44,16.07 13.16,17.4 14.38,18.22C15.09,18.7 15.92,18.93 16.92,18.93C17.16,18.93 17.56,18.9 17.96,18.83C18.23,18.78 18.5,18.96 18.54,19.24C18.59,19.5 18.41,19.77 18.13,19.82C17.56,19.93 17.06,19.94 16.92,19.94M14.91,22C14.87,22 14.82,22 14.78,22C13.19,21.54 12.15,20.95 11.06,19.88C9.66,18.5 8.89,16.64 8.89,14.66C8.89,13.04 10.27,11.72 11.97,11.72C13.67,11.72 15.05,13.04 15.05,14.66C15.05,15.73 16,16.6 17.13,16.6C18.28,16.6 19.21,15.73 19.21,14.66C19.21,10.89 15.96,7.83 11.96,7.83C9.12,7.83 6.5,9.41 5.35,11.86C4.96,12.67 4.76,13.62 4.76,14.66C4.76,15.44 4.83,16.67 5.43,18.27C5.53,18.53 5.4,18.82 5.14,18.91C4.88,19 4.59,18.87 4.5,18.62C4,17.31 3.77,16 3.77,14.66C3.77,13.46 4,12.37 4.45,11.42C5.78,8.63 8.73,6.82 11.96,6.82C16.5,6.82 20.21,10.33 20.21,14.65C20.21,16.27 18.83,17.59 17.13,17.59C15.43,17.59 14.05,16.27 14.05,14.65C14.05,13.58 13.12,12.71 11.97,12.71C10.82,12.71 9.89,13.58 9.89,14.65C9.89,16.36 10.55,17.96 11.76,19.16C12.71,20.1 13.62,20.62 15.03,21C15.3,21.08 15.45,21.36 15.38,21.62C15.33,21.85 15.12,22 14.91,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-alert.svg
new file mode 100644
index 00000000..85e78f72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-alert" viewBox="0 0 24 24"><path d="M15.66 11.2C15.43 10.9 15.15 10.64 14.89 10.38C14.22 9.78 13.46 9.35 12.82 8.72C11.33 7.26 11 4.85 11.95 3C11 3.23 10.17 3.75 9.46 4.32C6.87 6.4 5.85 10.07 7.07 13.22C7.11 13.32 7.15 13.42 7.15 13.55C7.15 13.77 7 13.97 6.8 14.05C6.57 14.15 6.33 14.09 6.14 13.93C6.08 13.88 6.04 13.83 6 13.76C4.87 12.33 4.69 10.28 5.45 8.64C3.78 10 2.87 12.3 3 14.47C3.06 14.97 3.12 15.47 3.29 15.97C3.43 16.57 3.7 17.17 4 17.7C5.08 19.43 6.95 20.67 8.96 20.92C11.1 21.19 13.39 20.8 15.03 19.32C16.86 17.66 17.5 15 16.56 12.72L16.43 12.46C16.22 12 15.66 11.2 15.66 11.2M12.5 17.5C12.22 17.74 11.76 18 11.4 18.1C10.28 18.5 9.16 17.94 8.5 17.28C9.69 17 10.4 16.12 10.61 15.23C10.78 14.43 10.46 13.77 10.33 13C10.21 12.26 10.23 11.63 10.5 10.94C10.69 11.32 10.89 11.7 11.13 12C11.9 13 13.11 13.44 13.37 14.8C13.41 14.94 13.43 15.08 13.43 15.23C13.46 16.05 13.1 16.95 12.5 17.5H12.5M21 13H19V7H21V13M21 17H19V15H21V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-circle.svg
new file mode 100644
index 00000000..531eed9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-circle" viewBox="0 0 24 24"><path d="M14.66 14.18C14.69 14.29 14.7 14.4 14.7 14.5C14.73 15.15 14.44 15.85 13.97 16.28C13.75 16.47 13.39 16.67 13.11 16.75C12.23 17.06 11.35 16.62 10.83 16.11C11.77 15.89 12.32 15.21 12.5 14.5C12.62 13.89 12.37 13.38 12.27 12.78C12.17 12.2 12.19 11.71 12.4 11.18C12.55 11.47 12.71 11.77 12.9 12C13.5 12.78 14.45 13.12 14.66 14.18M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12 6.5 2 12 2 22 6.5 22 12M17.16 12.56L17.06 12.36C16.9 12 16.45 11.38 16.45 11.38C16.27 11.15 16.05 10.94 15.85 10.74C15.32 10.27 14.73 9.94 14.22 9.45C13.05 8.31 12.79 6.44 13.54 5C12.79 5.18 12.14 5.58 11.58 6.03C9.55 7.65 8.75 10.5 9.71 12.95C9.74 13.03 9.77 13.11 9.77 13.21C9.77 13.38 9.65 13.53 9.5 13.6C9.31 13.67 9.13 13.63 9 13.5C8.93 13.46 8.9 13.42 8.87 13.37C8 12.26 7.84 10.66 8.43 9.39C7.12 10.45 6.41 12.24 6.5 13.92C6.56 14.31 6.6 14.7 6.74 15.09C6.85 15.56 7.06 16 7.3 16.44C8.14 17.78 9.61 18.75 11.19 18.94C12.87 19.15 14.67 18.85 15.96 17.7C17.4 16.4 17.9 14.33 17.16 12.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-extinguisher.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-extinguisher.svg
new file mode 100644
index 00000000..b20a754f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-extinguisher.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-extinguisher" viewBox="0 0 24 24"><path d="M10.5,7H11.75L12,5H10.25L6,7.5V9H4V6.5L10,3H12V2H14V3H16L17,2.5V5.5L16,5H14L14.25,7H15.5A1.5,1.5 0 0,1 17,8.5V22H9V8.5A1.5,1.5 0 0,1 10.5,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-alert.svg
new file mode 100644
index 00000000..67fd87e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-hydrant-alert" viewBox="0 0 24 24"><path d="M22 7H20V13H22V7M22 15H20V17H22V15M3 15V14H2V12H3V11H5V15H3M17 12V11H15V15H17V14H18V12H17M16 6H13.86C13.5 4.6 12.4 3.5 11 3.14V2H9V3.14C7.6 3.5 6.5 4.6 6.14 6H4V8H16V6M16 22H4C4 20.9 4.89 20 6 20V9H14V20C15.11 20 16 20.9 16 22M8 13C8 14.11 8.9 15 10 15S12 14.11 12 13 11.11 11 10 11 8 11.9 8 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-off.svg
new file mode 100644
index 00000000..ab3f420c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-hydrant-off" viewBox="0 0 24 24"><path d="M20.84 22.73L22.11 21.46L2.39 1.73L1.11 3L8 9.89V20C6.9 20 6 20.9 6 22H18C18 20.9 17.11 20 16 20V17.89L20.84 22.73M10.22 12.11L12.89 14.78C12.62 14.92 12.32 15 12 15C10.9 15 10 14.11 10 13C10 12.68 10.08 12.38 10.22 12.11M11.2 8L8.44 5.24C8.94 4.21 9.87 3.43 11 3.14V2H13V3.14C14.4 3.5 15.5 4.6 15.86 6H18V8H11.2M19 11V12H20V14H19V15H18.2L17 13.8V11H19M5 15V14H4V12H5V11H7V15H5M16 12.8L12.2 9H16V12.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant.svg
new file mode 100644
index 00000000..b4bfb345
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-hydrant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-hydrant" viewBox="0 0 24 24"><path d="M5 15V14H4V12H5V11H7V15H5M19 12V11H17V15H19V14H20V12H19M18 6H15.86C15.5 4.6 14.4 3.5 13 3.14V2H11V3.14C9.6 3.5 8.5 4.6 8.14 6H6V8H18V6M18 22H6C6 20.9 6.9 20 8 20V9H16V20C17.11 20 18 20.9 18 22M10 13C10 14.11 10.9 15 12 15S14 14.11 14 13 13.11 11 12 11 10 11.9 10 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-off.svg
new file mode 100644
index 00000000..e3094065
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L7.09 9C5.66 10.36 4.88 12.47 5 14.47C5.06 14.97 5.12 15.47 5.29 15.97C5.43 16.57 5.7 17.17 6 17.7C7.08 19.43 8.95 20.67 10.96 20.92C13.1 21.19 15.39 20.8 17.03 19.32C17.1 19.26 17.15 19.18 17.22 19.11L20.84 22.73L22.11 21.46M8.8 14.05C8.57 14.15 8.33 14.09 8.14 13.93C8.08 13.88 8.04 13.83 8 13.76C7 12.47 6.74 10.69 7.26 9.15L8.58 10.47C8.58 11.4 8.73 12.33 9.07 13.22C9.11 13.32 9.15 13.42 9.15 13.55C9.15 13.77 9 13.97 8.8 14.05M14.5 17.5C14.22 17.74 13.76 18 13.4 18.1C12.28 18.5 11.16 17.94 10.5 17.28C11.69 17 12.4 16.12 12.61 15.23C12.66 15 12.66 14.76 12.64 14.53L15 16.88C14.85 17.11 14.69 17.33 14.5 17.5M18.92 15.72L9.65 6.46C10.12 5.65 10.72 4.92 11.46 4.32C12.17 3.75 13 3.23 13.95 3C13 4.85 13.33 7.26 14.82 8.72C15.46 9.35 16.22 9.78 16.89 10.38C17.15 10.64 17.43 10.9 17.66 11.2C17.66 11.2 18.22 12 18.43 12.46L18.56 12.72C18.96 13.69 19.06 14.72 18.92 15.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire-truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire-truck.svg
new file mode 100644
index 00000000..42273b7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire-truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire-truck" viewBox="0 0 24 24"><path d="M17.04,2C16.85,2 16.66,2.04 16.5,2.14L5.59,8.5H9.55L17.5,3.86C18,3.58 18.13,2.97 17.85,2.5C17.68,2.2 17.38,2 17.04,2M16,8V10H3A2,2 0 0,0 1,12H2V15H1V19H3A3,3 0 0,0 6,22A3,3 0 0,0 9,19H15A3,3 0 0,0 18,22A3,3 0 0,0 21,19H23V12.5L19.5,8H16M18,9.5H19L21.5,12.5V13.5H18V9.5M4,12H7V15H4V12M9,12H12V15H9V12M14,12H16V15H14V12M6,17.5A1.5,1.5 0 0,1 7.5,19A1.5,1.5 0 0,1 6,20.5A1.5,1.5 0 0,1 4.5,19A1.5,1.5 0 0,1 6,17.5M18,17.5A1.5,1.5 0 0,1 19.5,19A1.5,1.5 0 0,1 18,20.5A1.5,1.5 0 0,1 16.5,19A1.5,1.5 0 0,1 18,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fire.svg
new file mode 100644
index 00000000..1f1ad862
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fire" viewBox="0 0 24 24"><path d="M17.66 11.2C17.43 10.9 17.15 10.64 16.89 10.38C16.22 9.78 15.46 9.35 14.82 8.72C13.33 7.26 13 4.85 13.95 3C13 3.23 12.17 3.75 11.46 4.32C8.87 6.4 7.85 10.07 9.07 13.22C9.11 13.32 9.15 13.42 9.15 13.55C9.15 13.77 9 13.97 8.8 14.05C8.57 14.15 8.33 14.09 8.14 13.93C8.08 13.88 8.04 13.83 8 13.76C6.87 12.33 6.69 10.28 7.45 8.64C5.78 10 4.87 12.3 5 14.47C5.06 14.97 5.12 15.47 5.29 15.97C5.43 16.57 5.7 17.17 6 17.7C7.08 19.43 8.95 20.67 10.96 20.92C13.1 21.19 15.39 20.8 17.03 19.32C18.86 17.66 19.5 15 18.56 12.72L18.43 12.46C18.22 12 17.66 11.2 17.66 11.2M14.5 17.5C14.22 17.74 13.76 18 13.4 18.1C12.28 18.5 11.16 17.94 10.5 17.28C11.69 17 12.4 16.12 12.61 15.23C12.78 14.43 12.46 13.77 12.33 13C12.21 12.26 12.23 11.63 12.5 10.94C12.69 11.32 12.89 11.7 13.13 12C13.9 13 15.11 13.44 15.37 14.8C15.41 14.94 15.43 15.08 15.43 15.23C15.46 16.05 15.1 16.95 14.5 17.5H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/firebase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/firebase.svg
new file mode 100644
index 00000000..60d9fa55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/firebase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-firebase" viewBox="0 0 24 24"><path d="M20,18.69L12.7,22.74C12.2,23 11.7,23 11.2,22.74L4,18.69L17.05,5.54L17.4,5.44C17.7,5.44 17.87,5.57 17.9,5.84L20,18.69M9.35,5.74L4.8,13.29L6.7,1.34C6.73,1.07 6.9,0.94 7.2,0.94C7.4,0.94 7.53,1 7.6,1.19L9.75,5.14L9.35,5.74M13.85,7L4.3,16.59L11.55,4.29C11.65,4.09 11.8,4 12,4C12.2,4 12.33,4.09 12.4,4.29L13.85,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/firefox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/firefox.svg
new file mode 100644
index 00000000..c27877a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/firefox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-firefox" viewBox="0 0 24 24"><path d="M9.27 7.94C9.27 7.94 9.27 7.94 9.27 7.94M6.85 6.74C6.86 6.74 6.86 6.74 6.85 6.74M21.28 8.6C20.85 7.55 19.96 6.42 19.27 6.06C19.83 7.17 20.16 8.28 20.29 9.1L20.29 9.12C19.16 6.3 17.24 5.16 15.67 2.68C15.59 2.56 15.5 2.43 15.43 2.3C15.39 2.23 15.36 2.16 15.32 2.09C15.26 1.96 15.2 1.83 15.17 1.69C15.17 1.68 15.16 1.67 15.15 1.67H15.13L15.12 1.67L15.12 1.67L15.12 1.67C12.9 2.97 11.97 5.26 11.74 6.71C11.05 6.75 10.37 6.92 9.75 7.22C9.63 7.27 9.58 7.41 9.62 7.53C9.67 7.67 9.83 7.74 9.96 7.68C10.5 7.42 11.1 7.27 11.7 7.23L11.75 7.23C11.83 7.22 11.92 7.22 12 7.22C12.5 7.21 12.97 7.28 13.44 7.42L13.5 7.44C13.6 7.46 13.67 7.5 13.75 7.5C13.8 7.54 13.86 7.56 13.91 7.58L14.05 7.64C14.12 7.67 14.19 7.7 14.25 7.73C14.28 7.75 14.31 7.76 14.34 7.78C14.41 7.82 14.5 7.85 14.54 7.89C14.58 7.91 14.62 7.94 14.66 7.96C15.39 8.41 16 9.03 16.41 9.77C15.88 9.4 14.92 9.03 14 9.19C17.6 11 16.63 17.19 11.64 16.95C11.2 16.94 10.76 16.85 10.34 16.7C10.24 16.67 10.14 16.63 10.05 16.58C10 16.56 9.93 16.53 9.88 16.5C8.65 15.87 7.64 14.68 7.5 13.23C7.5 13.23 8 11.5 10.83 11.5C11.14 11.5 12 10.64 12.03 10.4C12.03 10.31 10.29 9.62 9.61 8.95C9.24 8.59 9.07 8.42 8.92 8.29C8.84 8.22 8.75 8.16 8.66 8.1C8.43 7.3 8.42 6.45 8.63 5.65C7.6 6.12 6.8 6.86 6.22 7.5H6.22C5.82 7 5.85 5.35 5.87 5C5.86 5 5.57 5.16 5.54 5.18C5.19 5.43 4.86 5.71 4.56 6C4.21 6.37 3.9 6.74 3.62 7.14C3 8.05 2.5 9.09 2.28 10.18C2.28 10.19 2.18 10.59 2.11 11.1L2.08 11.33C2.06 11.5 2.04 11.65 2 11.91L2 11.94L2 12.27L2 12.32C2 17.85 6.5 22.33 12 22.33C16.97 22.33 21.08 18.74 21.88 14C21.9 13.89 21.91 13.76 21.93 13.63C22.13 11.91 21.91 10.11 21.28 8.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fireplace-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fireplace-off.svg
new file mode 100644
index 00000000..8c36f244
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fireplace-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fireplace-off" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M22,6H2V3H22V6M20,7V19H17V11C17,11 14.5,10 12,10C9.5,10 7,11 7,11V19H4V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fireplace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fireplace.svg
new file mode 100644
index 00000000..a20fed59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fireplace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fireplace" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M22,6H2V3H22V6M20,7V19H17V11C17,11 14.5,10 12,10C9.5,10 7,11 7,11V19H4V7H20M14.5,14.67H14.47L14.81,15.22L14.87,15.34C15.29,16.35 15,17.5 14.21,18.24C13.5,18.9 12.5,19.07 11.58,18.95C10.71,18.84 9.9,18.29 9.45,17.53C9.3,17.3 9.19,17.03 9.13,16.77L9,16.11C8.96,15.15 9.34,14.14 10.06,13.54C9.73,14.26 9.81,15.16 10.3,15.79L10.36,15.87C10.44,15.94 10.55,15.97 10.64,15.92C10.73,15.89 10.8,15.8 10.8,15.7L10.76,15.56C10.23,14.17 10.68,12.55 11.79,11.63C12.1,11.38 12.5,11.15 12.87,11.05C12.46,11.87 12.61,12.93 13.25,13.57L14.14,14.3L14.5,14.67M13.11,17.44V17.44C13.37,17.2 13.53,16.8 13.5,16.44V16.25C13.38,15.65 12.85,15.46 12.5,15L12.26,14.55C12.13,14.85 12.12,15.13 12.17,15.46C12.23,15.8 12.37,16.09 12.29,16.44C12.2,16.83 11.9,17.22 11.37,17.35C11.67,17.64 12.15,17.87 12.64,17.71L13.11,17.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/firewire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/firewire.svg
new file mode 100644
index 00000000..61b3395e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/firewire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-firewire" viewBox="0 0 24 24"><path d="M12 10C13.1 10 14 10.9 14 12S13.1 14 12 14 10 13.1 10 12 10.9 10 12 10M12 8C9.8 8 8 9.8 8 12S9.8 16 12 16 16 14.2 16 12 14.2 8 12 8M15 17H9V19H15V17M15 20H9V22H15V20M6.3 10.6L10.5 6.4L9.2 4.9L4.9 9.2L6.3 10.6M4.2 8.5L8.4 4.3L7.1 2.8L2.8 7.1L4.2 8.5M15 17H9V19H15V17M13.4 6.3L17.6 10.5L21.1 7L16.9 2.8L13.4 6.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/firework-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/firework-off.svg
new file mode 100644
index 00000000..f5dfa3a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/firework-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-firework-off" viewBox="0 0 24 24"><path d="M20.84 22.73L13.17 15.06L8.72 19.5L7.29 18.09C7.04 18.16 6.8 18.28 6.63 18.5C6.57 18.57 6.5 18.65 6.5 18.74C6.42 18.88 6.38 19 6.32 19.15C6.21 19.42 6.09 19.69 5.93 19.93C5.81 20.1 5.68 20.26 5.53 20.39C5.42 20.5 5.29 20.59 5.16 20.66C5.08 20.71 5 20.76 4.9 20.79C4.3 21.04 3.63 21 3 21V19H3.9C4 19 4.08 19 4.16 18.94L4.21 18.89C4.28 18.81 4.34 18.7 4.39 18.6C4.47 18.42 4.53 18.24 4.6 18.06L4.64 17.96C4.76 17.69 4.9 17.45 5.08 17.23C5.18 17.1 5.3 17 5.42 16.87C5.54 16.77 5.66 16.67 5.8 16.59L4.5 15.28L8.94 10.83L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M21 3L12.81 4.12L19.88 11.19L21 3M16.5 11.74L12.26 7.5L11.5 8.28L15.72 12.5L16.5 11.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/firework.svg b/apps/phoenix_webcomponent/priv/mdi/svg/firework.svg
new file mode 100644
index 00000000..f690ea28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/firework.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-firework" viewBox="0 0 24 24"><path d="M5.8,16.59L4.5,15.28L12.26,7.5L16.5,11.74L8.72,19.5L7.29,18.09C7.04,18.16 6.8,18.28 6.63,18.5C6.57,18.57 6.5,18.65 6.5,18.74C6.42,18.88 6.38,19 6.32,19.15C6.21,19.42 6.09,19.69 5.93,19.93C5.81,20.1 5.68,20.26 5.53,20.39C5.42,20.5 5.29,20.59 5.16,20.66C5.08,20.71 5,20.76 4.9,20.79C4.3,21.04 3.63,21 3,21V19C3.23,19 3.83,19 3.9,19C4,19 4.08,19 4.16,18.94C4.18,18.92 4.19,18.91 4.21,18.89C4.28,18.81 4.34,18.7 4.39,18.6C4.47,18.42 4.53,18.24 4.6,18.06L4.64,17.96C4.76,17.69 4.9,17.45 5.08,17.23C5.18,17.1 5.3,17 5.42,16.87C5.54,16.77 5.66,16.67 5.8,16.59M21,3L19.88,11.19L12.81,4.12L21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fish-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fish-off.svg
new file mode 100644
index 00000000..c726241b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fish-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fish-off" viewBox="0 0 24 24"><path d="M20.8 22.7L15.7 17.6C15.1 18.3 14.6 18.9 14.1 19.3C13.3 20 12.7 20 12 20L12.8 17C9.5 16.8 6.6 15.4 5.8 13.6C5.7 14.1 5.6 14.5 5.4 14.8C4.7 16 3.3 16 2 16C3.1 16 3.5 14.4 3.5 12.5S3.1 9 2 9C3.3 9 4.7 9 5.3 10.2C5.5 10.5 5.6 11 5.7 11.4C6 10.7 6.7 10 7.6 9.5L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M9.8 6.6L9 5C11 5 13 5 14.3 5.7C15.4 6.3 16.1 7.3 16.7 8.4C19.6 9.1 22 10.7 22 12.5C22 13.8 20.8 15 19 15.8L9.8 6.6M16 12C16 12.6 16.4 13 17 13S18 12.6 18 12 17.6 11 17 11 16 11.4 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fish.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fish.svg
new file mode 100644
index 00000000..c71cdb24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fish.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fish" viewBox="0 0 24 24"><path d="M12,20L12.76,17C9.5,16.79 6.59,15.4 5.75,13.58C5.66,14.06 5.53,14.5 5.33,14.83C4.67,16 3.33,16 2,16C3.1,16 3.5,14.43 3.5,12.5C3.5,10.57 3.1,9 2,9C3.33,9 4.67,9 5.33,10.17C5.53,10.5 5.66,10.94 5.75,11.42C6.4,10 8.32,8.85 10.66,8.32L9,5C11,5 13,5 14.33,5.67C15.46,6.23 16.11,7.27 16.69,8.38C19.61,9.08 22,10.66 22,12.5C22,14.38 19.5,16 16.5,16.66C15.67,17.76 14.86,18.78 14.17,19.33C13.33,20 12.67,20 12,20M17,11A1,1 0 0,0 16,12A1,1 0 0,0 17,13A1,1 0 0,0 18,12A1,1 0 0,0 17,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl-outline.svg
new file mode 100644
index 00000000..52989c19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fishbowl-outline" viewBox="0 0 24 24"><path d="M19.11,5H21V3H3V5H4.89C3.11,6.8 2,9.27 2,12C2,15.97 4.31,19.39 7.66,21H16.34C19.69,19.39 22,15.97 22,12C22,9.27 20.89,6.8 19.11,5M6.32,6.41L7.7,5H16.3L17.68,6.41C18.23,6.96 18.69,7.58 19.05,8.25C18,8.09 16.94,7.66 16,7C13.56,8.71 10.44,8.71 8,7C7.06,7.66 6,8.09 4.95,8.25C5.31,7.58 5.77,6.96 6.32,6.41M15.85,19H8.15C5.58,17.59 4,14.95 4,12C4,11.43 4.07,10.86 4.19,10.32C5.5,10.29 6.8,9.95 8,9.33C10.5,10.63 13.5,10.63 16,9.33C17.2,9.95 18.5,10.29 19.81,10.32C19.93,10.86 20,11.43 20,12C20,14.95 18.42,17.59 15.85,19M17,14.5C17,15.88 15.32,17 13.25,17C12.09,17 11.06,16.64 10.33,16.16C9.67,17 8.33,17 7,17C8.1,17 8.5,15.88 8.5,14.5C8.5,13.12 8.1,12 7,12C8.33,12 9.67,12 10.37,12.91C11.06,12.36 12.09,12 13.25,12C15.32,12 17,13.12 17,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl.svg
new file mode 100644
index 00000000..f834580e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fishbowl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fishbowl" viewBox="0 0 24 24"><path d="M19.11,5H21V3H3V5H4.89C3.11,6.8 2,9.27 2,12C2,15.97 4.31,19.39 7.66,21H16.34C19.69,19.39 22,15.97 22,12C22,9.27 20.89,6.8 19.11,5M13.25,17C12.09,17 11.06,16.64 10.33,16.17C9.67,17 8.33,17 7,17C8.1,17 8.5,15.88 8.5,14.5C8.5,13.12 8.1,12 7,12C8.33,12 9.67,12 10.37,12.91C11.06,12.36 12.09,12 13.25,12C15.32,12 17,13.12 17,14.5C17,15.88 15.32,17 13.25,17M16,7C13.56,8.71 10.44,8.71 8,7C7.06,7.66 6,8.09 4.95,8.25C5.31,7.58 5.77,6.96 6.32,6.41L7.7,5H16.3L17.68,6.41C18.23,6.96 18.69,7.58 19.05,8.25C18,8.09 16.94,7.66 16,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page-outline.svg
new file mode 100644
index 00000000..d312dd7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fit-to-page-outline" viewBox="0 0 24 24"><path d="M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2M20,20H4V4H20M13,8V10H11V8H9L12,5L15,8M16,15V13H14V11H16V9L19,12M10,13H8V15L5,12L8,9V11H10M15,16L12,19L9,16H11V14H13V16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page.svg
new file mode 100644
index 00000000..c45eac9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fit-to-page" viewBox="0 0 24 24"><path d="M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2M12,4L15,7H13V9H11V7H9M7,15L4,12L7,9V11H9V13H7M12,20L9,17H11V15H13V17H15M17,15V13H15V11H17V9L20,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen-outline.svg
new file mode 100644
index 00000000..10f044cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fit-to-screen-outline" viewBox="0 0 24 24"><path d="M17 4H20C21.1 4 22 4.9 22 6V8H20V6H17V4M4 8V6H7V4H4C2.9 4 2 4.9 2 6V8H4M20 16V18H17V20H20C21.1 20 22 19.1 22 18V16H20M7 18H4V16H2V18C2 19.1 2.9 20 4 20H7V18M16 10V14H8V10H16M18 8H6V16H18V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen.svg
new file mode 100644
index 00000000..d2b0097a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fit-to-screen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fit-to-screen" viewBox="0 0 24 24"><path d="M17 4H20C21.1 4 22 4.9 22 6V8H20V6H17V4M4 8V6H7V4H4C2.9 4 2 4.9 2 6V8H4M20 16V18H17V20H20C21.1 20 22 19.1 22 18V16H20M7 18H4V16H2V18C2 19.1 2.9 20 4 20H7V18M18 8H6V16H18V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-checkered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-checkered.svg
new file mode 100644
index 00000000..0e2e5ee2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-checkered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-checkered" viewBox="0 0 24 24"><path d="M14.4,6H20V16H13L12.6,14H7V21H5V4H14L14.4,6M14,14H16V12H18V10H16V8H14V10L13,8V6H11V8H9V6H7V8H9V10H7V12H9V10H11V12H13V10L14,12V14M11,10V8H13V10H11M14,10H16V12H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus-outline.svg
new file mode 100644
index 00000000..c4ec2e25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-minus-outline" viewBox="0 0 24 24"><path d="M12.36 6L12.76 8H18V14H14.64L14.24 12H7V6H12.36M14 4H5V21H7V14H12.6L13 16H20V6H14.4M23 18H15V20H23V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus.svg
new file mode 100644
index 00000000..5481bdc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-minus" viewBox="0 0 24 24"><path d="M12.4,5H18V15H11L10.6,13H5V20H3V3H12L12.4,5M14,17H22V19H14V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-off-outline.svg
new file mode 100644
index 00000000..11773651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L5 6.89V21H7V14H12.11L12.72 14.61L13 16H14.11L20.84 22.73L22.11 21.46M7 12V8.89L10.11 12H7M9.2 6L7.2 4H14L14.4 6H20V16H19.2L17.2 14H18V8H12.76L12.36 6H9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-off.svg
new file mode 100644
index 00000000..5d1831ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-off" viewBox="0 0 24 24"><path d="M20.84 22.73L14.11 16H13L12.72 14.61L12.11 14H7V21H5V6.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M20 16V6H14.4L14 4H7.2L19.2 16H20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-outline.svg
new file mode 100644
index 00000000..b4161e55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-outline" viewBox="0 0 24 24"><path d="M12.36,6L12.76,8H18V14H14.64L14.24,12H7V6H12.36M14,4H5V21H7V14H12.6L13,16H20V6H14.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus-outline.svg
new file mode 100644
index 00000000..90b9fd6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-plus-outline" viewBox="0 0 24 24"><path d="M13 16L12.6 14H7V21H5V4H14L14.4 6H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V8H12.76L12.36 6H7V12H14.24L14.64 14H15.69C14.92 14.5 14.27 15.2 13.81 16H13M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus.svg
new file mode 100644
index 00000000..837a033b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12.4,5H18V12C15.78,12 13.84,13.21 12.8,15H11L10.6,13H5V20H3V3H12L12.4,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove-outline.svg
new file mode 100644
index 00000000..0a632680
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-remove-outline" viewBox="0 0 24 24"><path d="M13 16L12.6 14H7V21H5V4H14L14.4 6H20V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V8H12.76L12.36 6H7V12H14.24L14.64 14H15.69C14.92 14.5 14.27 15.2 13.81 16H13M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove.svg
new file mode 100644
index 00000000..d8ecd807
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M12.4,5H18V12C15.78,12 13.84,13.21 12.8,15H11L10.6,13H5V20H3V3H12L12.4,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-triangle.svg
new file mode 100644
index 00000000..67592672
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-triangle" viewBox="0 0 24 24"><path d="M7,2H9V22H7V2M19,9L11,14.6V3.4L19,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus-outline.svg
new file mode 100644
index 00000000..86be4bd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-minus-outline" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M7 7.2V11.4C7 11.4 9 9.9 11 9.9S14 11.9 16 11.9 18 10.9 18 10.9V7.5C18 7.5 17 8 16 8C14 8 13 6 11 6S7 7.2 7 7.2M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus.svg
new file mode 100644
index 00000000..7ef69d25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-minus" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off-outline.svg
new file mode 100644
index 00000000..a9ec1ac0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5 6.9V21H7V14C7 14 7.8 12.4 10.2 12.1L20.9 22.8L22.1 21.5M7 11.5V8.9L8.7 10.6C7.7 11 7 11.5 7 11.5M9.4 6.2L7.8 4.6C8.7 4.3 9.8 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19.2 13.5 17.1 13.9L15 11.8C15.3 11.9 15.6 12 16 12C18 12 18 11 18 11V7.5C18 7.5 17 8 16 8C14 8 13 6 11 6C10.5 6 9.9 6.1 9.4 6.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off.svg
new file mode 100644
index 00000000..4635e892
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-off" viewBox="0 0 24 24"><path d="M20.8 22.7L10.2 12.1C7.8 12.4 7 14 7 14V21H5V6.9L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M20 12V4C20 4 19 6 16 6C14 6 14 4 11 4C9.8 4 8.7 4.3 7.8 4.6L17.1 13.9C19.2 13.5 20 12 20 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-outline.svg
new file mode 100644
index 00000000..b6952426
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-outline" viewBox="0 0 24 24"><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3M7,7.25V11.5C7,11.5 9,10 11,10C13,10 14,12 16,12C18,12 18,11 18,11V7.5C18,7.5 17,8 16,8C14,8 13,6 11,6C9,6 7,7.25 7,7.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus-outline.svg
new file mode 100644
index 00000000..92a78289
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-plus-outline" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M7 7.2V11.4C7 11.4 9 9.9 11 9.9S14 11.9 16 11.9 18 10.9 18 10.9V7.5C18 7.5 17 8 16 8C14 8 13 6 11 6S7 7.2 7 7.2M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus.svg
new file mode 100644
index 00000000..fcca55f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-plus" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove-outline.svg
new file mode 100644
index 00000000..61e4263e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-remove-outline" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M7 7.2V11.4C7 11.4 9 9.9 11 9.9S14 11.9 16 11.9 18 10.9 18 10.9V7.5C18 7.5 17 8 16 8C14 8 13 6 11 6S7 7.2 7 7.2M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove.svg
new file mode 100644
index 00000000..b5b19c43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant-remove" viewBox="0 0 24 24"><path d="M6 3C6.6 3 7 3.4 7 4V4.9C8.1 4.4 9.5 4 11 4C14 4 14 6 16 6C19 6 20 4 20 4V12C20 12 19 14 16 14S13 12 11 12C8 12 7 14 7 14V21H5V4C5 3.4 5.4 3 6 3M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant.svg
new file mode 100644
index 00000000..c631ae5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag-variant" viewBox="0 0 24 24"><path d="M6,3A1,1 0 0,1 7,4V4.88C8.06,4.44 9.5,4 11,4C14,4 14,6 16,6C19,6 20,4 20,4V12C20,12 19,14 16,14C13,14 13,12 11,12C8,12 7,14 7,14V21H5V4A1,1 0 0,1 6,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flag.svg
new file mode 100644
index 00000000..a535b6b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flag" viewBox="0 0 24 24"><path d="M14.4,6L14,4H5V21H7V14H12.6L13,16H20V6H14.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flare.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flare.svg
new file mode 100644
index 00000000..054a03f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flare.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flare" viewBox="0 0 24 24"><path d="M7,11H1V13H7V11M9.17,7.76L7.05,5.64L5.64,7.05L7.76,9.17L9.17,7.76M13,1H11V7H13V1M18.36,7.05L16.95,5.64L14.83,7.76L16.24,9.17L18.36,7.05M17,11V13H23V11H17M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M14.83,16.24L16.95,18.36L18.36,16.95L16.24,14.83L14.83,16.24M5.64,16.95L7.05,18.36L9.17,16.24L7.76,14.83L5.64,16.95M11,23H13V17H11V23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert-outline.svg
new file mode 100644
index 00000000..dd655390
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-alert-outline" viewBox="0 0 24 24"><path d="M5,2H15L11.5,9H15L8,22V14H5V2M7,4V12H10V14.66L12,11H8.24L11.76,4M17,15H19V17H17V15M17,7H19V13H17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert.svg
new file mode 100644
index 00000000..f9060dea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-alert" viewBox="0 0 24 24"><path d="M5,2V13H8V22L15,10H11L15,2M17,15H19V17H17V15M17,7H19V13H17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-auto.svg
new file mode 100644
index 00000000..4f80b5e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-auto" viewBox="0 0 24 24"><path d="M16.85,7.65L18,4L19.15,7.65M19,2H17L13.8,11H15.7L16.4,9H19.6L20.3,11H22.2M3,2V14H6V23L13,11H9L13,2H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-off-outline.svg
new file mode 100644
index 00000000..5e515281
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-off-outline" viewBox="0 0 24 24"><path d="M9 6.19L7 4.19V2H17L13.5 9H17L15.18 12.37L11.43 8.62L13.76 4H9V6.19M19 18.73L17.73 20L13.41 15.68L10 22V14H7V9.27L2 4.27L3.27 3L19 18.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-off.svg
new file mode 100644
index 00000000..da7f4d57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-off" viewBox="0 0 24 24"><path d="M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-outline.svg
new file mode 100644
index 00000000..5a0a0870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-outline" viewBox="0 0 24 24"><path d="M7,2H17L13.5,9H17L10,22V14H7V2M9,4V12H12V14.66L14,11H10.24L13.76,4H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-red-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-red-eye.svg
new file mode 100644
index 00000000..fbedc9ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-red-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-red-eye" viewBox="0 0 24 24"><path d="M16,5C15.44,5 15,5.44 15,6C15,6.56 15.44,7 16,7C16.56,7 17,6.56 17,6C17,5.44 16.56,5 16,5M16,2C13.27,2 10.94,3.66 10,6C10.94,8.34 13.27,10 16,10C18.73,10 21.06,8.34 22,6C21.06,3.66 18.73,2 16,2M16,3.5A2.5,2.5 0 0,1 18.5,6A2.5,2.5 0 0,1 16,8.5A2.5,2.5 0 0,1 13.5,6A2.5,2.5 0 0,1 16,3.5M3,2V14H6V23L13,11H9L10.12,8.5C9.44,7.76 8.88,6.93 8.5,6C9.19,4.29 10.5,2.88 12.11,2H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle-outline.svg
new file mode 100644
index 00000000..2cd743c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-triangle-outline" viewBox="0 0 24 24"><path d="M12 2L1 21H23M12 6L19.5 19H4.5M14 14H12.5L14 11H10V15H11V18L14 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle.svg
new file mode 100644
index 00000000..368e7ffb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash-triangle" viewBox="0 0 24 24"><path d="M12 2L1 21H23L12 2M10 15V10H14L12.5 13.5H14.5L11.5 19V15H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flash.svg
new file mode 100644
index 00000000..fbab16a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flash" viewBox="0 0 24 24"><path d="M7,2V13H10V22L17,10H13L17,2H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flashlight-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flashlight-off.svg
new file mode 100644
index 00000000..e80d9842
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flashlight-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flashlight-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15,18.27V22H9V12.27L2,5.27M18,5L15,10H11.82L6.82,5H18M18,4H6V2H18V4M15,11V13.18L12.82,11H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flashlight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flashlight.svg
new file mode 100644
index 00000000..6ff507a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flashlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flashlight" viewBox="0 0 24 24"><path d="M9,10L6,5H18L15,10H9M18,4H6V2H18V4M9,22V11H15V22H9M12,13A1,1 0 0,0 11,14A1,1 0 0,0 12,15A1,1 0 0,0 13,14A1,1 0 0,0 12,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus-outline.svg
new file mode 100644
index 00000000..511617d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-minus-outline" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus.svg
new file mode 100644
index 00000000..a58f1087
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-minus" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C14.92 12.84 13 15.2 13 18C13 19.54 13.58 20.94 14.53 22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off-outline.svg
new file mode 100644
index 00000000..1e353a75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L7.9 9.8L3.5 17.4C3.2 17.8 3 18.4 3 19C3 20.7 4.3 22 6 22H18C18.6 22 19.2 21.8 19.6 21.5L20.8 22.7L22.1 21.5M18 20H6C5.4 20 5 19.6 5 19C5 18.8 5.1 18.6 5.2 18.4L9.4 11.2L18 20C18.1 20 18 20 18 20M11 7.8L8 4.8V4C8 2.9 8.9 2 10 2H14C15.1 2 16 2.9 16 4V5C16 5.6 15.6 6 15 6V7.8L20.4 17.2L15 11.8L13 8.4V4H11V7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off.svg
new file mode 100644
index 00000000..3f0b21b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-off" viewBox="0 0 24 24"><path d="M20.8 22.7L19.6 21.5C19.1 21.8 18.6 22 18 22H6C4.3 22 3 20.7 3 19C3 18.4 3.2 17.8 3.5 17.4L7.9 9.8L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M15 7.8V6C15.6 6 16 5.6 16 5V4C16 2.9 15.1 2 14 2H10C8.9 2 8 2.9 8 4V4.8L20.4 17.2L15 7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-outline.svg
new file mode 100644
index 00000000..0587da76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-outline" viewBox="0 0 24 24"><path d="M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus-outline.svg
new file mode 100644
index 00000000..3934b06b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-plus-outline" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus.svg
new file mode 100644
index 00000000..179b9c7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-plus" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C14.92 12.84 13 15.2 13 18C13 19.54 13.58 20.94 14.53 22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove-outline.svg
new file mode 100644
index 00000000..3f0e65f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-remove-outline" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove.svg
new file mode 100644
index 00000000..9d56f2e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty-remove" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C14.92 12.84 13 15.2 13 18C13 19.54 13.58 20.94 14.53 22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty.svg
new file mode 100644
index 00000000..70f8e24d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-empty" viewBox="0 0 24 24"><path d="M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus-outline.svg
new file mode 100644
index 00000000..9fab9977
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-minus-outline" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19M13 16L13.58 15.42C13.21 16.2 13 17.08 13 18H7.73L10.39 13.39L13 16M12.5 12C12.78 12 13 12.22 13 12.5C13 12.78 12.78 13 12.5 13C12.22 13 12 12.78 12 12.5C12 12.22 12.22 12 12.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus.svg
new file mode 100644
index 00000000..cd5be727
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-minus" viewBox="0 0 24 24"><path d="M23 17V19H15V17H23M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C15.5 12.7 13.86 14.26 13.26 16.26L8.93 11.93L5.18 18.43C5.07 18.59 5 18.79 5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6M13 10C12.45 10 12 10.45 12 11C12 11.55 12.45 12 13 12C13.55 12 14 11.55 14 11C14 10.45 13.55 10 13 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-off-outline.svg
new file mode 100644
index 00000000..0c53ae84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L7.9 9.8L3.5 17.4C3.2 17.8 3 18.4 3 19C3 20.7 4.3 22 6 22H18C18.6 22 19.2 21.8 19.6 21.5L20.8 22.7L22.1 21.5M18 20H6C5.4 20 5 19.6 5 19C5 18.8 5.1 18.6 5.2 18.4L9.4 11.2L13.6 15.4L13 16L10.4 13.4L7.7 18H16.1L18 20C18.1 20 18 20 18 20M11 7.8L8 4.8V4C8 2.9 8.9 2 10 2H14C15.1 2 16 2.9 16 4V5C16 5.6 15.6 6 15 6V7.8L20.4 17.2L15 11.8L13 8.4V4H11V7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-off.svg
new file mode 100644
index 00000000..9264f6aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L7.9 9.8L3.5 17.4C3.2 17.8 3 18.4 3 19C3 20.7 4.3 22 6 22H18C18.6 22 19.2 21.8 19.6 21.5L20.8 22.7L22.1 21.5M18 20H6C5.4 20 5 19.6 5 19C5 18.8 5.1 18.6 5.2 18.4L9 11.9L14 17L14.6 16.4L18 20C18.1 20 18 20 18 20M8 4.8V4C8 2.9 8.9 2 10 2H14C15.1 2 16 2.9 16 4V5C16 5.6 15.6 6 15 6V7.8L20.4 17.2L8 4.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-outline.svg
new file mode 100644
index 00000000..12f6f4b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-outline" viewBox="0 0 24 24"><path d="M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L13,8.35V4H11V8.35L5.18,18.43C5.07,18.59 5,18.79 5,19M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M13,16L14.34,14.66L16.27,18H7.73L10.39,13.39L13,16M12.5,12A0.5,0.5 0 0,1 13,12.5A0.5,0.5 0 0,1 12.5,13A0.5,0.5 0 0,1 12,12.5A0.5,0.5 0 0,1 12.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus-outline.svg
new file mode 100644
index 00000000..efe03ae8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-plus-outline" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19M13 16L13.58 15.42C13.21 16.2 13 17.08 13 18H7.73L10.39 13.39L13 16M12.5 12C12.78 12 13 12.22 13 12.5C13 12.78 12.78 13 12.5 13C12.22 13 12 12.78 12 12.5C12 12.22 12.22 12 12.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus.svg
new file mode 100644
index 00000000..521e16d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-plus" viewBox="0 0 24 24"><path d="M18 14H20V17H23V19H20V22H18V19H15V17H18V14M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C15.5 12.7 13.86 14.26 13.26 16.26L8.93 11.93L5.18 18.43C5.07 18.59 5 18.79 5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6M13 10C12.45 10 12 10.45 12 11C12 11.55 12.45 12 13 12C13.55 12 14 11.55 14 11C14 10.45 13.55 10 13 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove-outline.svg
new file mode 100644
index 00000000..2d8ec63b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-remove-outline" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C16.86 12.35 16.24 12.63 15.69 13L13 8.35V4H11V8.35L5.18 18.43C5.07 18.59 5 18.79 5 19M13 16L13.58 15.42C13.21 16.2 13 17.08 13 18H7.73L10.39 13.39L13 16M12.5 12C12.78 12 13 12.22 13 12.5C13 12.78 12.78 13 12.5 13C12.22 13 12 12.78 12 12.5C12 12.22 12.22 12 12.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove.svg
new file mode 100644
index 00000000..50abb16c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-remove" viewBox="0 0 24 24"><path d="M15.46 15.88L16.88 14.46L19 16.59L21.12 14.47L22.53 15.88L20.41 18L22.54 20.12L21.12 21.54L19 19.41L16.88 21.53L15.47 20.12L17.59 18L15.46 15.88M6 22C4.34 22 3 20.66 3 19C3 18.4 3.18 17.84 3.5 17.36L9 7.81V6C8.45 6 8 5.55 8 5V4C8 2.9 8.9 2 10 2H14C15.11 2 16 2.9 16 4V5C16 5.55 15.55 6 15 6V7.81L17.5 12.18C15.5 12.7 13.86 14.26 13.26 16.26L8.93 11.93L5.18 18.43C5.07 18.59 5 18.79 5 19C5 19.55 5.45 20 6 20H13.34C13.61 20.75 14 21.42 14.53 22H6M13 10C12.45 10 12 10.45 12 11C12 11.55 12.45 12 13 12C13.55 12 14 11.55 14 11C14 10.45 13.55 10 13 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty-outline.svg
new file mode 100644
index 00000000..31ed618b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-round-bottom-empty-outline" viewBox="0 0 24 24"><path d="M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15C7 17.76 9.24 20 12 20C14.76 20 17 17.76 17 15C17 12.58 15.28 10.56 13 10.1V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty.svg
new file mode 100644
index 00000000..9e8d8e58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-round-bottom-empty" viewBox="0 0 24 24"><path d="M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-outline.svg
new file mode 100644
index 00000000..b515d9f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-round-bottom-outline" viewBox="0 0 24 24"><path d="M15 15C15 16.66 13.66 18 12 18C10.34 18 9 16.66 9 15V14H11V15C11 15.55 11.45 16 12 16C12.55 16 13 15.55 13 15V14H15V15M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15C7 17.76 9.24 20 12 20C14.76 20 17 17.76 17 15C17 12.58 15.28 10.56 13 10.1V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom.svg
new file mode 100644
index 00000000..3a18773f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask-round-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask-round-bottom" viewBox="0 0 24 24"><path d="M19 15C19 18.87 15.87 22 12 22C8.13 22 5 18.87 5 15C5 12.21 6.64 9.8 9 8.67V5C9 4.45 9.45 4 10 4H10.5L9.5 2H14.5L13.5 4H14C14.55 4 15 4.45 15 5V8.67C17.36 9.8 19 12.21 19 15M11 6V10.1C8.72 10.56 7 12.58 7 15L7.08 15.91L9 13.93L13.07 18L16.93 14.14C16.58 12.12 15 10.5 13 10.1V6H11M13.07 12C13.62 12 14.07 12.45 14.07 13C14.07 13.55 13.62 14 13.07 14C12.5 14 12.07 13.55 12.07 13C12.07 12.45 12.5 12 13.07 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flask.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flask.svg
new file mode 100644
index 00000000..1806d182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flask" viewBox="0 0 24 24"><path d="M6,22A3,3 0 0,1 3,19C3,18.4 3.18,17.84 3.5,17.37L9,7.81V6A1,1 0 0,1 8,5V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V5A1,1 0 0,1 15,6V7.81L20.5,17.37C20.82,17.84 21,18.4 21,19A3,3 0 0,1 18,22H6M5,19A1,1 0 0,0 6,20H18A1,1 0 0,0 19,19C19,18.79 18.93,18.59 18.82,18.43L16.53,14.47L14,17L8.93,11.93L5.18,18.43C5.07,18.59 5,18.79 5,19M13,10A1,1 0 0,0 12,11A1,1 0 0,0 13,12A1,1 0 0,0 14,11A1,1 0 0,0 13,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fleur-de-lis.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fleur-de-lis.svg
new file mode 100644
index 00000000..a452e6df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fleur-de-lis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fleur-de-lis" viewBox="0 0 24 24"><path d="M12 2S9 4 9 7 11 12 11 16H10S10 14 9 12C7 8 3 10 3 13S5 16 5 16C5 13 8.5 13 8.5 16H7V18H10.5L9 20S10 21 11 20L12 22L13 20C14 21 15 20 15 20L13.5 18H17V16H15.5C15.5 13 19 13 19 16C19 16 21 16 21 13S17 8 15 12C14 14 14 16 14 16H13C13 12 15 10 15 7S12 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flip-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flip-horizontal.svg
new file mode 100644
index 00000000..f0edc9e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flip-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flip-horizontal" viewBox="0 0 24 24"><path d="M15 21H17V19H15M19 9H21V7H19M3 5V19C3 20.1 3.9 21 5 21H9V19H5V5H9V3H5C3.9 3 3 3.9 3 5M19 3V5H21C21 3.9 20.1 3 19 3M11 23H13V1H11M19 17H21V15H19M15 5H17V3H15M19 13H21V11H19M19 21C20.1 21 21 20.1 21 19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-back.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-back.svg
new file mode 100644
index 00000000..b0e7d6f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flip-to-back" viewBox="0 0 24 24"><path d="M15,17H17V15H15M15,5H17V3H15M5,7H3V19A2,2 0 0,0 5,21H17V19H5M19,17A2,2 0 0,0 21,15H19M19,9H21V7H19M19,13H21V11H19M9,17V15H7A2,2 0 0,0 9,17M13,3H11V5H13M19,3V5H21C21,3.89 20.1,3 19,3M13,15H11V17H13M9,3C7.89,3 7,3.89 7,5H9M9,11H7V13H9M9,7H7V9H9V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-front.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-front.svg
new file mode 100644
index 00000000..036c30bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flip-to-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flip-to-front" viewBox="0 0 24 24"><path d="M7,21H9V19H7M11,21H13V19H11M19,15H9V5H19M19,3H9C7.89,3 7,3.89 7,5V15A2,2 0 0,0 9,17H14L18,17H19A2,2 0 0,0 21,15V5C21,3.89 20.1,3 19,3M15,21H17V19H15M3,9H5V7H3M5,21V19H3A2,2 0 0,0 5,21M3,17H5V15H3M3,13H5V11H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flip-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flip-vertical.svg
new file mode 100644
index 00000000..8126d296
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flip-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flip-vertical" viewBox="0 0 24 24"><path d="M3 15V17H5V15M15 19V21H17V19M19 3H5C3.9 3 3 3.9 3 5V9H5V5H19V9H21V5C21 3.9 20.1 3 19 3M21 19H19V21C20.1 21 21 20.1 21 19M1 11V13H23V11M7 19V21H9V19M19 15V17H21V15M11 19V21H13V19M3 19C3 20.1 3.9 21 5 21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual-outline.svg
new file mode 100644
index 00000000..1a8411f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-dual-outline" viewBox="0 0 24 24"><path d="M11.73 10.06L10.17 11.24L11 12.2V20H8V22H16V20H13V12.3L13.85 11.26L12.27 10.07L11.73 10.06M8.32 5.31L9.23 8.19L9 8.37L6.47 6.7L8.32 5.31M9.39 2L3 6.81L9.08 10.82L11.55 8.93L9.39 2M15.67 5.3L17.53 6.7L15 8.37L14.77 8.2L15.67 5.3M14.61 2L12.44 8.95L14.92 10.82L21 6.81L14.61 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual.svg
new file mode 100644
index 00000000..aec607cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-dual.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-dual" viewBox="0 0 24 24"><path d="M11.73 10.06L10.17 11.24L11 12.2V20H8V22H16V20H13V12.3L13.85 11.26L12.27 10.07L11.73 10.06M9.08 10.82L3 6.81L9.39 2L11.55 8.93L9.08 10.82M14.61 2L21 6.81L14.92 10.82L12.44 8.95L14.61 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-outline.svg
new file mode 100644
index 00000000..4102e48f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-outline" viewBox="0 0 24 24"><path d="M15 2L17 9H7L9 2M13.6 4H10.4L9.55 7H14.45M11 10H13V20H16V22H8V20H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-outline.svg
new file mode 100644
index 00000000..d28094e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-torchiere-outline" viewBox="0 0 24 24"><path d="M14 4L12.7 7H11.3L10 4H14M17 2H7L10 9H14L17 2M13 20H16V22H8V20H11V10H13V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant-outline.svg
new file mode 100644
index 00000000..5624f94d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-torchiere-variant-outline" viewBox="0 0 24 24"><path d="M13.97 4L12.68 7H11.32L10.03 4H13.97M17 2H7L10 9H14L17 2M15.92 22L13 15V22H11V15L8.08 22H5.92L10.92 10H13.08L18.08 22H15.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant.svg
new file mode 100644
index 00000000..d6af6e52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-torchiere-variant" viewBox="0 0 24 24"><path d="M7 2L10 9H14L17 2H7M15.92 22L13 15V22H11V15L8.08 22H5.92L10.92 10H13.08L18.08 22H15.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere.svg
new file mode 100644
index 00000000..fc379099
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp-torchiere.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp-torchiere" viewBox="0 0 24 24"><path d="M7 2L10 9H14L17 2H7M13 20H16V22H8V20H11V10H13V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp.svg
new file mode 100644
index 00000000..846df5a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-lamp" viewBox="0 0 24 24"><path d="M15,2L17,9H7L9,2M11,10H13V20H16V22H8V20H11V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floor-plan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floor-plan.svg
new file mode 100644
index 00000000..39cbd166
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floor-plan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floor-plan" viewBox="0 0 24 24"><path d="M10,5V10H9V5H5V13H9V12H10V17H9V14H5V19H12V17H13V19H19V17H21V21H3V3H21V15H19V10H13V15H12V9H19V5H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floppy-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floppy-variant.svg
new file mode 100644
index 00000000..adca3147
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floppy-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floppy-variant" viewBox="0 0 24 24"><path d="M3,3V21H21V3H3M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,15A1,1 0 0,1 13,16V19A1,1 0 0,1 12,20A1,1 0 0,1 11,19V16A1,1 0 0,1 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/floppy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/floppy.svg
new file mode 100644
index 00000000..d6180f81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/floppy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-floppy" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5.5L18.5,3H17V9A1,1 0 0,1 16,10H8A1,1 0 0,1 7,9V3H5M12,4V9H15V4H12M7,12H17A1,1 0 0,1 18,13V19H6V13A1,1 0 0,1 7,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-outline.svg
new file mode 100644
index 00000000..29918c01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-outline" viewBox="0 0 24 24"><path d="M8.66,13.07C6.92,13.07 5.5,11.66 5.5,9.93C5.5,9.22 5.76,8.54 6.19,8C5.77,7.46 5.5,6.78 5.5,6.07C5.5,4.34 6.93,2.93 8.66,2.93L9.09,2.96C9.56,1.81 10.69,1 12,1C13.31,1 14.44,1.81 14.91,2.96L15.34,2.93C17.07,2.93 18.5,4.34 18.5,6.07C18.5,6.78 18.24,7.46 17.81,8C18.23,8.54 18.5,9.22 18.5,9.93C18.5,11.66 17.07,13.07 15.34,13.07L14.91,13.04C14.44,14.19 13.31,15 12,15C10.69,15 9.56,14.19 9.09,13.04L8.66,13.07M12,13C12.62,13 13.12,12.5 13.14,11.9L13.03,10.81C12.71,10.93 12.36,11 12,11C11.64,11 11.3,10.93 11,10.81L10.86,11.9C10.88,12.5 11.38,13 12,13M15.34,11.07C15.97,11.07 16.5,10.56 16.5,9.92C16.5,9.5 16.23,9.08 15.83,8.89L14.95,8.47C14.83,9.21 14.44,9.85 13.89,10.3L14.7,10.87C14.88,11 15.1,11.07 15.34,11.07M14.69,5.13L13.87,5.69C14.43,6.14 14.82,6.78 14.94,7.5L15.82,7.1C16.23,6.9 16.5,6.5 16.5,6.07C16.5,5.44 15.97,4.93 15.34,4.93C15.11,4.93 14.89,5 14.69,5.13M12,3C11.38,3 10.88,3.5 10.86,4.1L11,5.19C11.3,5.07 11.64,5 12,5C12.36,5 12.71,5.07 13.03,5.19L13.14,4.1C13.12,3.5 12.62,3 12,3M8.66,4.93C8.03,4.93 7.5,5.44 7.5,6.07C7.5,6.5 7.77,6.9 8.17,7.1L9.05,7.5C9.17,6.78 9.56,6.14 10.11,5.69L9.3,5.13C9.12,5 8.9,4.93 8.66,4.93M8.17,8.9C7.77,9.1 7.5,9.5 7.5,9.92C7.5,10.55 8.03,11.06 8.66,11.06C8.89,11.06 9.11,11 9.31,10.86L10.12,10.31C9.56,9.86 9.17,9.22 9.05,8.5L8.17,8.9M12,22A9,9 0 0,1 3,13A9,9 0 0,1 12,22A9,9 0 0,1 21,13A9,9 0 0,1 12,22M14.44,19.56C16.34,18.85 17.85,17.34 18.56,15.44C16.66,16.14 15.15,17.66 14.44,19.56M5.44,15.44C6.15,17.34 7.66,18.85 9.56,19.56C8.86,17.66 7.34,16.15 5.44,15.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen-outline.svg
new file mode 100644
index 00000000..96cf10c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-pollen-outline" viewBox="0 0 24 24"><path d="M11 6C11 5.45 11.45 5 12 5S13 5.45 13 6 12.55 7 12 7 11 6.55 11 6M8 9C8.55 9 9 8.55 9 8S8.55 7 8 7 7 7.45 7 8 7.45 9 8 9M6 5C6 4.45 5.55 4 5 4S4 4.45 4 5 4.45 6 5 6 6 5.55 6 5M9 4C9.55 4 10 3.55 10 3S9.55 2 9 2 8 2.45 8 3 8.45 4 9 4M15 4C15.55 4 16 3.55 16 3S15.55 2 15 2 14 2.45 14 3 14.45 4 15 4M19 4C18.45 4 18 4.45 18 5S18.45 6 19 6 20 5.55 20 5 19.55 4 19 4M15 8C15 8.55 15.45 9 16 9S17 8.55 17 8 16.55 7 16 7 15 7.45 15 8M18.5 13.07C18.5 13.78 18.24 14.46 17.81 15C18.23 15.54 18.5 16.22 18.5 16.93C18.5 18.66 17.07 20.07 15.34 20.07L14.91 20.04C14.44 21.19 13.31 22 12 22S9.56 21.19 9.09 20.04L8.66 20.07C6.92 20.07 5.5 18.66 5.5 16.93C5.5 16.22 5.76 15.54 6.19 15C5.77 14.46 5.5 13.78 5.5 13.07C5.5 11.34 6.93 9.93 8.66 9.93L9.09 9.96C9.56 8.81 10.69 8 12 8S14.44 8.81 14.91 9.96L15.34 9.93C17.07 9.93 18.5 11.34 18.5 13.07M7.5 13.07C7.5 13.5 7.77 13.9 8.17 14.1L9.05 14.5C9.17 13.78 9.56 13.14 10.11 12.69L9.3 12.13C9.12 12 8.9 11.93 8.66 11.93C8.03 11.93 7.5 12.44 7.5 13.07M10.12 17.31C9.56 16.86 9.17 16.22 9.05 15.5L8.17 15.9C7.77 16.1 7.5 16.5 7.5 16.92C7.5 17.55 8.03 18.06 8.66 18.06C8.89 18.06 9.11 18 9.31 17.86L10.12 17.31M13.14 18.9L13.03 17.81C12.71 17.93 12.36 18 12 18S11.3 17.93 11 17.81L10.86 18.9C10.88 19.5 11.38 20 12 20S13.12 19.5 13.14 18.9M13.14 11.1C13.12 10.5 12.62 10 12 10S10.88 10.5 10.86 11.1L11 12.19C11.3 12.07 11.64 12 12 12S12.71 12.07 13.03 12.19L13.14 11.1M16.5 16.92C16.5 16.5 16.23 16.08 15.83 15.89L14.95 15.47C14.83 16.21 14.44 16.85 13.89 17.3L14.7 17.87C14.88 18 15.1 18.07 15.34 18.07C15.97 18.07 16.5 17.56 16.5 16.92M16.5 13.07C16.5 12.44 15.97 11.93 15.34 11.93C15.11 11.93 14.89 12 14.69 12.13L13.87 12.69C14.43 13.14 14.82 13.78 14.94 14.5L15.82 14.1C16.23 13.9 16.5 13.5 16.5 13.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen.svg
new file mode 100644
index 00000000..8626dcb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-pollen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-pollen" viewBox="0 0 24 24"><path d="M18.4 12.75C18.4 11.37 17.28 10.25 15.9 10.25C15.37 10.25 14.88 10.41 14.5 10.69V10.5C14.5 9.12 13.38 8 12 8S9.5 9.12 9.5 10.5V10.69C9.12 10.41 8.63 10.25 8.1 10.25C6.72 10.25 5.6 11.37 5.6 12.75C5.6 13.74 6.19 14.6 7.03 15C6.19 15.4 5.6 16.25 5.6 17.25C5.6 18.63 6.72 19.75 8.1 19.75C8.63 19.75 9.12 19.58 9.5 19.31V19.5C9.5 20.88 10.62 22 12 22S14.5 20.88 14.5 19.5V19.31C14.88 19.58 15.37 19.75 15.9 19.75C17.28 19.75 18.4 18.63 18.4 17.25C18.4 16.25 17.81 15.4 16.97 15C17.81 14.6 18.4 13.74 18.4 12.75M12 17.5C10.62 17.5 9.5 16.38 9.5 15S10.62 12.5 12 12.5 14.5 13.62 14.5 15 13.38 17.5 12 17.5M11 6C11 5.45 11.45 5 12 5S13 5.45 13 6 12.55 7 12 7 11 6.55 11 6M7 8C7 7.45 7.45 7 8 7S9 7.45 9 8 8.55 9 8 9 7 8.55 7 8M5 6C4.45 6 4 5.55 4 5S4.45 4 5 4 6 4.45 6 5 5.55 6 5 6M8 3C8 2.45 8.45 2 9 2S10 2.45 10 3 9.55 4 9 4 8 3.55 8 3M14 3C14 2.45 14.45 2 15 2S16 2.45 16 3 15.55 4 15 4 14 3.55 14 3M20 5C20 5.55 19.55 6 19 6S18 5.55 18 5 18.45 4 19 4 20 4.45 20 5M16 7C16.55 7 17 7.45 17 8S16.55 9 16 9 15 8.55 15 8 15.45 7 16 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-poppy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-poppy.svg
new file mode 100644
index 00000000..b8f35595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-poppy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-poppy" viewBox="0 0 24 24"><path d="M18.5,12A3.5,3.5 0 0,0 22,8.5A6.5,6.5 0 0,0 15.5,2A3.5,3.5 0 0,0 12,5.5A3.5,3.5 0 0,0 8.5,2A6.5,6.5 0 0,0 2,8.5A3.5,3.5 0 0,0 5.5,12A3.5,3.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A3.5,3.5 0 0,0 12,18.5A3.5,3.5 0 0,0 15.5,22A6.5,6.5 0 0,0 22,15.5A3.5,3.5 0 0,0 18.5,12M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5A2.5,2.5 0 0,1 14.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip-outline.svg
new file mode 100644
index 00000000..09097098
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-tulip-outline" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22A9,9 0 0,0 3,13M5.44,15.44C7.35,16.15 8.85,17.65 9.56,19.56C7.65,18.85 6.15,17.35 5.44,15.44M12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,22M14.42,19.57C15.11,17.64 16.64,16.11 18.57,15.42C17.86,17.34 16.34,18.86 14.42,19.57M12,14A6,6 0 0,0 18,8V3C17.26,3 16.53,3.12 15.84,3.39C15.29,3.62 14.8,3.96 14.39,4.39L12,2L9.61,4.39C9.2,3.96 8.71,3.62 8.16,3.39C7.47,3.12 6.74,3 6,3V8A6,6 0 0,0 12,14M8,5.61L9.57,7.26L12,4.83L14.43,7.26L16,5.61V8A4,4 0 0,1 12,12A4,4 0 0,1 8,8V5.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip.svg
new file mode 100644
index 00000000..c54d33ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower-tulip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower-tulip" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22A9,9 0 0,0 3,13M12,22A9,9 0 0,0 21,13A9,9 0 0,0 12,22M18,3V8A6,6 0 0,1 12,14A6,6 0 0,1 6,8V3C6.74,3 7.47,3.12 8.16,3.39C8.71,3.62 9.2,3.96 9.61,4.39L12,2L14.39,4.39C14.8,3.96 15.29,3.62 15.84,3.39C16.53,3.12 17.26,3 18,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/flower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/flower.svg
new file mode 100644
index 00000000..9d30cd4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/flower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-flower" viewBox="0 0 24 24"><path d="M3,13A9,9 0 0,0 12,22C12,17 7.97,13 3,13M12,5.5A2.5,2.5 0 0,1 14.5,8A2.5,2.5 0 0,1 12,10.5A2.5,2.5 0 0,1 9.5,8A2.5,2.5 0 0,1 12,5.5M5.6,10.25A2.5,2.5 0 0,0 8.1,12.75C8.63,12.75 9.12,12.58 9.5,12.31C9.5,12.37 9.5,12.43 9.5,12.5A2.5,2.5 0 0,0 12,15A2.5,2.5 0 0,0 14.5,12.5C14.5,12.43 14.5,12.37 14.5,12.31C14.88,12.58 15.37,12.75 15.9,12.75C17.28,12.75 18.4,11.63 18.4,10.25C18.4,9.25 17.81,8.4 16.97,8C17.81,7.6 18.4,6.74 18.4,5.75C18.4,4.37 17.28,3.25 15.9,3.25C15.37,3.25 14.88,3.41 14.5,3.69C14.5,3.63 14.5,3.56 14.5,3.5A2.5,2.5 0 0,0 12,1A2.5,2.5 0 0,0 9.5,3.5C9.5,3.56 9.5,3.63 9.5,3.69C9.12,3.41 8.63,3.25 8.1,3.25A2.5,2.5 0 0,0 5.6,5.75C5.6,6.74 6.19,7.6 7.03,8C6.19,8.4 5.6,9.25 5.6,10.25M12,22A9,9 0 0,0 21,13C16,13 12,17 12,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/focus-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/focus-auto.svg
new file mode 100644
index 00000000..09e44769
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/focus-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-focus-auto" viewBox="0 0 24 24"><path d="M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5V15M8 7C6.9 7 6 7.9 6 9V17H8V13H10V17H12V9C12 7.9 11.1 7 10 7H8M8 9H10V11H8V9M13 7V17H15V13H17V11H15V9H18V7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-horizontal.svg
new file mode 100644
index 00000000..609dcefc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-focus-field-horizontal" viewBox="0 0 24 24"><path d="M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5V15M7 11H9V13H7V11M11 11H13V13H11V11M15 11H17V13H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-vertical.svg
new file mode 100644
index 00000000..04a7bdcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-focus-field-vertical" viewBox="0 0 24 24"><path d="M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5V15M11 11H13V13H11V11M11 7H13V9H11V7M11 15H13V17H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/focus-field.svg b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field.svg
new file mode 100644
index 00000000..a9a077f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/focus-field.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-focus-field" viewBox="0 0 24 24"><path d="M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5V15M7 11H9V13H7V11M11 11H13V13H11V11M15 11H17V13H15V11M7 7H9V9H7V7M11 7H13V9H11V7M15 7H17V9H15V7M7 15H9V17H7V15M11 15H13V17H11V15M15 15H17V17H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-account-outline.svg
new file mode 100644
index 00000000..532071a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-account-outline" viewBox="0 0 24 24"><path d="M15 14C16.33 14 19 14.67 19 16V17H11V16C11 14.67 13.67 14 15 14M15 13C16.11 13 17 12.11 17 11S16.11 9 15 9C13.9 9 13 9.89 13 11C13 12.11 13.9 13 15 13M22 8V18C22 19.11 21.11 20 20 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H10L12 6H20C21.11 6 22 6.9 22 8M20 8H4V18H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-account.svg
new file mode 100644
index 00000000..2547e2da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-account" viewBox="0 0 24 24"><path d="M19,17H11V16C11,14.67 13.67,14 15,14C16.33,14 19,14.67 19,16M15,9A2,2 0 0,1 17,11A2,2 0 0,1 15,13A2,2 0 0,1 13,11C13,9.89 13.9,9 15,9M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert-outline.svg
new file mode 100644
index 00000000..ed58cb10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-alert-outline" viewBox="0 0 24 24"><path d="M15,12H17V17H15V12M15,18H17V20H15V18M16,9C17.07,9 18.09,9.24 19,9.67V8H3V18H9.29C9.1,17.36 9,16.69 9,16A7,7 0 0,1 16,9M23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert.svg
new file mode 100644
index 00000000..251b0f04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-alert" viewBox="0 0 24 24"><path d="M15,12H17V17H15V12M15,18H17V20H15V18M23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down-outline.svg
new file mode 100644
index 00000000..dc38ffc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-down-outline" viewBox="0 0 24 24"><path d="M22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M20 16H18V20H16L19 23L22 20H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down.svg
new file mode 100644
index 00000000..5661d75c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-down" viewBox="0 0 24 24"><path d="M22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M20 16H18V20H16L19 23L22 20H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-outline.svg
new file mode 100644
index 00000000..84115a52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-left-outline" viewBox="0 0 24 24"><path d="M22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M18 16L15 19L18 22V20H22V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right-outline.svg
new file mode 100644
index 00000000..b7d01e7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-left-right-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M23 17L20 14.5V16H16V18H20V19.5L23 17M18 18.5L15 21L18 23.5V22H22V20H18V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right.svg
new file mode 100644
index 00000000..525c914b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-left-right" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M23 17L20 14.5V16H16V18H20V19.5L23 17M18 18.5L15 21L18 23.5V22H22V20H18V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left.svg
new file mode 100644
index 00000000..2e8c266d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-left" viewBox="0 0 24 24"><path d="M22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M18 16L15 19L18 22V20H22V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right-outline.svg
new file mode 100644
index 00000000..29fc01ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-right-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right.svg
new file mode 100644
index 00000000..4799a842
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-right" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down-outline.svg
new file mode 100644
index 00000000..b844b477
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-up-down-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22 20V16H20V20H18.5L21 23L23.5 20H22M17 15L14.5 18H16V22H18V18H19.5L17 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down.svg
new file mode 100644
index 00000000..87a49481
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-up-down" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M17 15L14.5 18H16V22H18V18H19.5L17 15M22 20V16H20V20H18.5L21 23L23.5 20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-outline.svg
new file mode 100644
index 00000000..c28b333b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-up-outline" viewBox="0 0 24 24"><path d="M22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M16 18H18V22H20V18H22L19 15L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up.svg
new file mode 100644
index 00000000..cd271ca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-arrow-up" viewBox="0 0 24 24"><path d="M22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M16 18H18V22H20V18H22L19 15L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel-outline.svg
new file mode 100644
index 00000000..907ec3f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-cancel-outline" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.04C21.39 12.65 20.72 12.36 20 12.18V8H4V18H12.03C12 18.17 12 18.33 12 18.5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel.svg
new file mode 100644
index 00000000..360bb524
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-cancel" viewBox="0 0 24 24"><path d="M12 18.5C12 19 12.07 19.5 12.18 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.04C21 12.39 19.79 12 18.5 12C14.91 12 12 14.91 12 18.5M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-check-outline.svg
new file mode 100644
index 00000000..387ffe0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-check-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-check.svg
new file mode 100644
index 00000000..07902c7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-check" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock-outline.svg
new file mode 100644
index 00000000..82105434
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-clock-outline" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M19,8H3V18H9.29C9.1,17.37 9,16.7 9,16A7,7 0 0,1 16,9C17.07,9 18.09,9.24 19,9.67V8M3,20C1.89,20 1,19.1 1,18V6A2,2 0 0,1 3,4H9L11,6H19A2,2 0 0,1 21,8V11.1C22.24,12.36 23,14.09 23,16A7,7 0 0,1 16,23C13.62,23 11.5,21.81 10.25,20H3M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock.svg
new file mode 100644
index 00000000..265344e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-clock" viewBox="0 0 24 24"><path d="M3,4C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H10.26C11.57,21.88 13.71,23 16,23A7,7 0 0,0 23,16C23,14.17 22.28,12.42 21,11.11V8C21,6.89 20.1,6 19,6H11L9,4H3M16,11A5,5 0 0,1 21,16A5,5 0 0,1 16,21A5,5 0 0,1 11,16A5,5 0 0,1 16,11M15,12V17L18.61,19.16L19.36,17.94L16.5,16.25V12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog-outline.svg
new file mode 100644
index 00000000..fd1f5fbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-cog-outline" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H12V18H4V8H20V12H22V8C22 6.89 21.1 6 20 6H12L10 4M18 14C17.87 14 17.76 14.09 17.74 14.21L17.55 15.53C17.25 15.66 16.96 15.82 16.7 16L15.46 15.5C15.35 15.5 15.22 15.5 15.15 15.63L14.15 17.36C14.09 17.47 14.11 17.6 14.21 17.68L15.27 18.5C15.25 18.67 15.24 18.83 15.24 19C15.24 19.17 15.25 19.33 15.27 19.5L14.21 20.32C14.12 20.4 14.09 20.53 14.15 20.64L15.15 22.37C15.21 22.5 15.34 22.5 15.46 22.5L16.7 22C16.96 22.18 17.24 22.35 17.55 22.47L17.74 23.79C17.76 23.91 17.86 24 18 24H20C20.11 24 20.22 23.91 20.24 23.79L20.43 22.47C20.73 22.34 21 22.18 21.27 22L22.5 22.5C22.63 22.5 22.76 22.5 22.83 22.37L23.83 20.64C23.89 20.53 23.86 20.4 23.77 20.32L22.7 19.5C22.72 19.33 22.74 19.17 22.74 19C22.74 18.83 22.73 18.67 22.7 18.5L23.76 17.68C23.85 17.6 23.88 17.47 23.82 17.36L22.82 15.63C22.76 15.5 22.63 15.5 22.5 15.5L21.27 16C21 15.82 20.73 15.65 20.42 15.53L20.23 14.21C20.22 14.09 20.11 14 20 14M19 17.5C19.83 17.5 20.5 18.17 20.5 19C20.5 19.83 19.83 20.5 19 20.5C18.16 20.5 17.5 19.83 17.5 19C17.5 18.17 18.17 17.5 19 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog.svg
new file mode 100644
index 00000000..b7b2ec71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-cog" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H12.08A7 7 0 0 1 12 19A7 7 0 0 1 19 12A7 7 0 0 1 22 12.69V8C22 6.89 21.1 6 20 6H12L10 4H4M18 14C17.87 14 17.76 14.09 17.74 14.21L17.55 15.53C17.25 15.66 16.96 15.82 16.7 16L15.46 15.5C15.35 15.5 15.22 15.5 15.15 15.63L14.15 17.36C14.09 17.47 14.11 17.6 14.21 17.68L15.27 18.5C15.25 18.67 15.24 18.83 15.24 19C15.24 19.17 15.25 19.33 15.27 19.5L14.21 20.32C14.12 20.4 14.09 20.53 14.15 20.64L15.15 22.37C15.21 22.5 15.34 22.5 15.46 22.5L16.7 22C16.96 22.18 17.24 22.35 17.55 22.47L17.74 23.79C17.76 23.91 17.86 24 18 24H20C20.11 24 20.22 23.91 20.24 23.79L20.43 22.47C20.73 22.34 21 22.18 21.27 22L22.5 22.5C22.63 22.5 22.76 22.5 22.83 22.37L23.83 20.64C23.89 20.53 23.86 20.4 23.77 20.32L22.7 19.5C22.72 19.33 22.74 19.17 22.74 19C22.74 18.83 22.73 18.67 22.7 18.5L23.76 17.68C23.85 17.6 23.88 17.47 23.82 17.36L22.82 15.63C22.76 15.5 22.63 15.5 22.5 15.5L21.27 16C21 15.82 20.73 15.65 20.42 15.53L20.23 14.21C20.22 14.09 20.11 14 20 14H18M19 17.5C19.83 17.5 20.5 18.17 20.5 19C20.5 19.83 19.83 20.5 19 20.5C18.16 20.5 17.5 19.83 17.5 19C17.5 18.17 18.17 17.5 19 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-download-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-download-outline.svg
new file mode 100644
index 00000000..b2f70d2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-download-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-download-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M14 9H16V13H19L15 17L11 13H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-download.svg
new file mode 100644
index 00000000..ccd432fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-download" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20M19.25,13H16V9H14V13H10.75L15,17.25" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit-outline.svg
new file mode 100644
index 00000000..13fd6233
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-edit-outline" viewBox="0 0 24 24"><path d="M4 18H12.13L11 19.13V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.15C21.74 10.06 21.46 10 21.17 10C20.75 10 20.36 10.11 20 10.3V8H4V18M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit.svg
new file mode 100644
index 00000000..e28e3787
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-edit" viewBox="0 0 24 24"><path d="M19.39 10.74L11 19.13V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.15C21.74 10.06 21.46 10 21.17 10C20.5 10 19.87 10.26 19.39 10.74M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye-outline.svg
new file mode 100644
index 00000000..db78b23d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-eye-outline" viewBox="0 0 24 24"><path d="M9.3 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H10L12 6H20C21.1 6 22 6.9 22 8V14.6C21.4 14.2 20.7 13.8 20 13.5V8H4V18H9.3C9.3 18.1 9.2 18.2 9.2 18.3L8.8 19L9.1 19.7C9.2 19.8 9.2 19.9 9.3 20M23 19C22.1 21.3 19.7 23 17 23S11.9 21.3 11 19C11.9 16.7 14.3 15 17 15S22.1 16.7 23 19M19.5 19C19.5 17.6 18.4 16.5 17 16.5S14.5 17.6 14.5 19 15.6 21.5 17 21.5 19.5 20.4 19.5 19M17 18C16.4 18 16 18.4 16 19S16.4 20 17 20 18 19.6 18 19 17.6 18 17 18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye.svg
new file mode 100644
index 00000000..b17683d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-eye" viewBox="0 0 24 24"><path d="M9.3 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H10L12 6H20C21.1 6 22 6.9 22 8V14.6C20.6 13.6 18.9 13 17 13C13.5 13 10.4 15.1 9.1 18.3L8.8 19L9.1 19.7C9.2 19.8 9.2 19.9 9.3 20M23 19C22.1 21.3 19.7 23 17 23S11.9 21.3 11 19C11.9 16.7 14.3 15 17 15S22.1 16.7 23 19M19.5 19C19.5 17.6 18.4 16.5 17 16.5S14.5 17.6 14.5 19 15.6 21.5 17 21.5 19.5 20.4 19.5 19M17 18C16.4 18 16 18.4 16 19S16.4 20 17 20 18 19.6 18 19 17.6 18 17 18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-file-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-file-outline.svg
new file mode 100644
index 00000000..e8335666
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-file-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-file-outline" viewBox="0 0 24 24"><path d="M4 18H11V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.17L20.41 8.59L20 8.17V8H4V18M23 14V21C23 22.11 22.11 23 21 23H15C13.9 23 13 22.11 13 21V12C13 10.9 13.9 10 15 10H19L23 14M21 15H18V12H15V21H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-file.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-file.svg
new file mode 100644
index 00000000..720f3862
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-file" viewBox="0 0 24 24"><path d="M15 8C12.79 8 11 9.79 11 12V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.17L20.41 8.59L19.83 8H15M23 14V21C23 22.11 22.11 23 21 23H15C13.9 23 13 22.11 13 21V12C13 10.9 13.9 10 15 10H19L23 14M21 14.83L18.17 12H18V15H21V14.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-google-drive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-google-drive.svg
new file mode 100644
index 00000000..3d2a5de8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-google-drive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-google-drive" viewBox="0 0 24 24"><path d="M13.75,9H16.14L19,14H16.05L13.5,9.46M18.3,17H12.75L14.15,14.5H19.27L19.53,14.96M11.5,17L10.4,14.86L13.24,9.9L14.74,12.56L12.25,17M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart-outline.svg
new file mode 100644
index 00000000..4684bde1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-heart-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4C2.89 4 2 4.89 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.89 21.1 6 20 6M13 10C11.9 10 11 10.92 11 12.05C11 12.62 11.22 13.12 11.59 13.5L15 17L18.42 13.5C18.78 13.13 19 12.61 19 12.05C19 10.92 18.1 10 17 10C16.46 10 15.95 10.23 15.59 10.6L15 11.2L14.42 10.61C14.05 10.23 13.54 10 13 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart.svg
new file mode 100644
index 00000000..0c315d18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-heart" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4C2.89 4 2 4.89 2 6V18C2 19.1 2.89 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M18.42 13.5L15 17L11.59 13.5C11.22 13.12 11 12.62 11 12.05C11 10.92 11.9 10 13 10C13.54 10 14.05 10.23 14.42 10.61L15 11.2L15.59 10.6C15.95 10.23 16.46 10 17 10C18.1 10 19 10.92 19 12.05C19 12.61 18.78 13.13 18.42 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-hidden.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-hidden.svg
new file mode 100644
index 00000000..96fcccf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-hidden.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-hidden" viewBox="0 0 24 24"><path d="M9 4V8H6V4H9M4 16V13H2V16H4M2 12H4V9H2V12M18 8H22C22 6.89 21.1 6 20 6H18V8M22 13H20V16H22V13M20 9V12H22V9H20M9 20V18H6V20H9M5 18H4V17H2V18C2 19.11 2.9 20 4 20H5V18M20 17V18H18V20H20C21.11 20 22 19.11 22 18V17H20M4 8H5V4H4C2.89 4 2 4.89 2 6V8H4M17 18H14V20H17V18M13 18H10V20H13V18M17 6H14V8H17V6M10 8H13V6H12L10 4V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-home-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-home-outline.svg
new file mode 100644
index 00000000..acca9031
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-home-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-home-outline" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M20 18H4V8H20M13 17V14H15V17H17V13H19L14 9L9 13H11V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-home.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-home.svg
new file mode 100644
index 00000000..0da17f85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-home" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M17 13V17H15V14H13V17H11V13H9L14 9L19 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-image.svg
new file mode 100644
index 00000000..ad80c010
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-image" viewBox="0 0 24 24"><path d="M5,17L9.5,11L13,15.5L15.5,12.5L19,17M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-information-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-information-outline.svg
new file mode 100644
index 00000000..b3a72980
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-information-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-information-outline" viewBox="0 0 24 24"><path d="M21 11.1V8C21 6.9 20.1 6 19 6H11L9 4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H10.2C11.4 21.8 13.6 23 16 23C19.9 23 23 19.9 23 16C23 14.1 22.2 12.4 21 11.1M9.3 18H3V8H19V9.7C18.1 9.2 17.1 9 16 9C12.1 9 9 12.1 9 16C9 16.7 9.1 17.4 9.3 18M16 21C13.2 21 11 18.8 11 16S13.2 11 16 11 21 13.2 21 16 18.8 21 16 21M17 14H15V12H17V14M17 20H15V15H17V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-information.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-information.svg
new file mode 100644
index 00000000..98467b24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-information.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-information" viewBox="0 0 24 24"><path d="M21 11.1V8C21 6.9 20.1 6 19 6H11L9 4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H10.3C11.6 21.9 13.8 23 16 23C19.9 23 23 19.9 23 16C23 14.2 22.3 12.4 21 11.1M16 21C13.2 21 11 18.8 11 16S13.2 11 16 11 21 13.2 21 16 18.8 21 16 21M17 20H15V15H17V20M17 14H15V12H17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network-outline.svg
new file mode 100644
index 00000000..e138a10f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-key-network-outline" viewBox="0 0 24 24"><path d="M9 8C7.3 8 6 9.3 6 11S7.3 14 9 14C10.3 14 11.4 13.2 11.8 12H14V14H16V12H18V10H11.8C11.4 8.8 10.3 8 9 8M9 12C8.4 12 8 11.6 8 11S8.4 10 9 10 10 10.4 10 11 9.6 12 9 12M15 20C15 19.5 14.6 19 14 19H13V17H19C20.1 17 21 16.1 21 15V7C21 5.9 20.1 5 19 5H13L11 3H5C3.9 3 3 3.9 3 5V15C3 16.1 3.9 17 5 17H11V19H10C9.4 19 9 19.5 9 20H2V22H9C9 22.5 9.4 23 10 23H14C14.6 23 15 22.5 15 22H22V20H15M5 15V7H19V15H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network.svg
new file mode 100644
index 00000000..4e684fbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-key-network" viewBox="0 0 24 24"><path d="M6 5C4.9 5 4 5.9 4 7V15C4 16.1 4.9 17 6 17H11V19H10C9.4 19 9 19.4 9 20H2V22H9C9 22.6 9.4 23 10 23H14C14.6 23 15 22.6 15 22H22V20H15C15 19.4 14.6 19 14 19H13V17H18C19.1 17 20 16.1 20 15V9C20 7.9 19.1 7 18 7H12L10 5H6M9 9C10.3 9 11.4 9.8 11.8 11H18V13H16V15H14V13H11.8C11.4 14.2 10.3 15 9 15C7.3 15 6 13.7 6 12S7.3 9 9 9M9 11C8.4 11 8 11.4 8 12C8 12.6 8.4 13 9 13C9.6 13 10 12.6 10 12S9.6 11 9 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-outline.svg
new file mode 100644
index 00000000..a136e3d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-key-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M12.8 12C12.4 10.8 11.3 10 10 10C8.3 10 7 11.3 7 13S8.3 16 10 16C11.3 16 12.4 15.2 12.8 14H15V16H17V14H19V12H12.8M10 14C9.4 14 9 13.6 9 13C9 12.4 9.4 12 10 12S11 12.4 11 13 10.6 14 10 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key.svg
new file mode 100644
index 00000000..a288c91c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-key" viewBox="0 0 24 24"><path d="M4 4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6H12L10 4M11 10C12.3 10 13.4 10.8 13.8 12H20V14H18V16H16V14H13.8C13.4 15.2 12.3 16 11 16C9.3 16 8 14.7 8 13S9.3 10 11 10M11 12C10.4 12 10 12.4 10 13C10 13.6 10.4 14 11 14C11.6 14 12 13.6 12 13S11.6 12 11 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open-outline.svg
new file mode 100644
index 00000000..76ab499f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-lock-open-outline" viewBox="0 0 24 24"><path d="M4 18H13V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.04C21.42 9.6 20.75 9.26 20 9.11V8H4V18M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open.svg
new file mode 100644
index 00000000..73038c5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-lock-open" viewBox="0 0 24 24"><path d="M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V10.04C21.17 9.4 20.13 9 19 9C16.4 9 14.2 11.06 14.2 13.5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-outline.svg
new file mode 100644
index 00000000..c75df2ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-lock-outline" viewBox="0 0 24 24"><path d="M13 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V11.04C21.42 10.6 20.75 10.26 20 10.11V8H4V18H13V20M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock.svg
new file mode 100644
index 00000000..47218e3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-lock" viewBox="0 0 24 24"><path d="M13 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V11.04C21.17 10.4 20.13 10 19 10C16.4 10 14.2 12.06 14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker-outline.svg
new file mode 100644
index 00000000..97f88a70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-marker-outline" viewBox="0 0 24 24"><path d="M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8M20 8H4V18H13.5C13.79 18.68 14.13 19.35 14.5 20H4C2.89 20 2 19.1 2 18L2 6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V11.34C21.42 10.84 20.74 10.45 20 10.23V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker.svg
new file mode 100644
index 00000000..117612f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-marker" viewBox="0 0 24 24"><path d="M10 4L12 6H20C21.1 6 22 6.89 22 8V11.34C21.04 10.5 19.82 10 18.5 10C15.5 10 13 12.65 13 15.5C13 16.97 13.65 18.55 14.5 20H4C2.89 20 2 19.1 2 18L2 6C2 4.89 2.89 4 4 4H10M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus-outline.svg
new file mode 100644
index 00000000..d1b1046c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-minus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus.svg
new file mode 100644
index 00000000..65cc21b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-minus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-move-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-move-outline.svg
new file mode 100644
index 00000000..f565a498
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-move-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-move-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20V18M12 6L10 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H20C21.11 20 22 19.11 22 18V8C22 6.9 21.11 6 20 6H12M11 14V12H15V9L19 13L15 17V14H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-move.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-move.svg
new file mode 100644
index 00000000..349106f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-move" viewBox="0 0 24 24"><path d="M14,18V15H10V11H14V8L19,13M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-image.svg
new file mode 100644
index 00000000..208f175a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-multiple-image" viewBox="0 0 24 24"><path d="M7,15L11.5,9L15,13.5L17.5,10.5L21,15M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-outline.svg
new file mode 100644
index 00000000..6d30523b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-multiple-outline" viewBox="0 0 24 24"><path d="M22,4A2,2 0 0,1 24,6V16A2,2 0 0,1 22,18H6A2,2 0 0,1 4,16V4A2,2 0 0,1 6,2H12L14,4H22M2,6V20H20V22H2A2,2 0 0,1 0,20V11H0V6H2M6,6V16H22V6H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus-outline.svg
new file mode 100644
index 00000000..d9d4f480
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-multiple-plus-outline" viewBox="0 0 24 24"><path d="M22 4C23.1 4 24 4.9 24 6V16C24 17.1 23.1 18 22 18H6C4.9 18 4 17.1 4 16V4C4 2.9 4.9 2 6 2H12L14 4H22M2 6V20H20V22H2C.9 22 0 21.1 0 20V6H2M6 6V16H22V6H6M14 10H16V8H18V10H20V12H18V14H16V12H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus.svg
new file mode 100644
index 00000000..d90733f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-multiple-plus" viewBox="0 0 24 24"><path d="M2 20V6H0V20C0 21.1 .9 22 2 22H20V20H2M22 4H14L12 2H6C5.6 2 5.2 2.1 4.9 2.3L4.3 2.9C4.1 3.2 4 3.6 4 4V16C4 16.4 4.1 16.8 4.3 17.1C4.4 17.2 4.5 17.3 4.5 17.4C5 17.8 5.5 18 6 18H22C23.1 18 24 17.1 24 16V6C24 4.9 23.1 4 22 4M22 12H19V15H17V12H14V10H17V7H19V10H22V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple.svg
new file mode 100644
index 00000000..06c92d23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-multiple" viewBox="0 0 24 24"><path d="M22,4H14L12,2H6A2,2 0 0,0 4,4V16A2,2 0 0,0 6,18H22A2,2 0 0,0 24,16V6A2,2 0 0,0 22,4M2,6H0V11H0V20A2,2 0 0,0 2,22H20V20H2V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-music-outline.svg
new file mode 100644
index 00000000..8785f080
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-music-outline" viewBox="0 0 24 24"><path d="M22 8V11H20V8H4V18H13.78C13.38 18.59 13.13 19.26 13.04 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M18.5 13V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-music.svg
new file mode 100644
index 00000000..6acfd6c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-music" viewBox="0 0 24 24"><path d="M22 8V11H16.5V16.11C14.66 16.53 13.26 18.09 13.04 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M18.5 13V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-network-outline.svg
new file mode 100644
index 00000000..c2ba40ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-network-outline" viewBox="0 0 24 24"><path d="M15 20C15 19.45 14.55 19 14 19H13V17H19C20.11 17 21 16.11 21 15V7C21 5.9 20.11 5 19 5H13L11 3H5C3.9 3 3 3.9 3 5V15C3 16.11 3.9 17 5 17H11V19H10C9.45 19 9 19.45 9 20H2V22H9C9 22.55 9.45 23 10 23H14C14.55 23 15 22.55 15 22H22V20H15M5 15V7H19V15H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-network.svg
new file mode 100644
index 00000000..b71d1b85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-network" viewBox="0 0 24 24"><path d="M3,15V5A2,2 0 0,1 5,3H11L13,5H19A2,2 0 0,1 21,7V15A2,2 0 0,1 19,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H5A2,2 0 0,1 3,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-off-outline.svg
new file mode 100644
index 00000000..2c1d09be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L2.64 4.53C2.25 4.9 2 5.42 2 6V18C2 19.11 2.9 20 4 20H18.11L20.84 22.73L22.11 21.46L2.39 1.73M4 18V8H6.11L16.11 18H4M11.2 8L7.2 4H10L12 6H20C21.1 6 22 6.89 22 8V18C22 18.24 21.96 18.47 21.88 18.68L20 16.8V8H11.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-off.svg
new file mode 100644
index 00000000..c170cadc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L18.11 20H4C2.9 20 2 19.11 2 18V6C2 5.42 2.25 4.9 2.64 4.53L1.11 3L2.39 1.73L22.11 21.46M22 18V8C22 6.89 21.1 6 20 6H12L10 4H7.2L21.88 18.68C21.96 18.47 22 18.24 22 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-open-outline.svg
new file mode 100644
index 00000000..d013ecad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open-outline" viewBox="0 0 24 24"><path d="M6.1,10L4,18V8H21A2,2 0 0,0 19,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H19C19.9,20 20.7,19.4 20.9,18.5L23.2,10H6.1M19,18H6L7.6,12H20.6L19,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-open.svg
new file mode 100644
index 00000000..b9d05087
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-open" viewBox="0 0 24 24"><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-outline.svg
new file mode 100644
index 00000000..7ff92d4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-play-outline.svg
new file mode 100644
index 00000000..33941220
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-play-outline" viewBox="0 0 24 24"><path d="M22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-play.svg
new file mode 100644
index 00000000..0730f5ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-play" viewBox="0 0 24 24"><path d="M22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus-outline.svg
new file mode 100644
index 00000000..563cf001
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-plus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus.svg
new file mode 100644
index 00000000..000b2b1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-plus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound-outline.svg
new file mode 100644
index 00000000..634adfc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-pound-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6M19,12V11H17.5L18,9H17L16.5,11H14.5L15,9H14L13.5,11H12V12H13.25L12.75,14H11V15H12.5L12,17H13L13.5,15H15.5L15,17H16L16.5,15H18V14H16.75L17.25,12H19M15.75,14H13.75L14.25,12H16.25L15.75,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound.svg
new file mode 100644
index 00000000..a88c91a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-pound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-pound" viewBox="0 0 24 24"><path d="M15.25,13H17.25L16.75,15H14.75L15.25,13M22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H20A2,2 0 0,1 22,8M20,12H18.5L19,10H18L17.5,12H15.5L16,10H15L14.5,12H13V13H14.25L13.75,15H12V16H13.5L13,18H14L14.5,16H16.5L16,18H17L17.5,16H19V15H17.75L18.25,13H20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-question-outline.svg
new file mode 100644
index 00000000..e8525ba3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-question-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M19 11.7C19 13.4 17 13.5 17 15H15.7C15.7 12.8 17.7 13 17.7 11.7C17.7 11 17.1 10.4 16.4 10.4C15.7 10.4 15.1 11 15.1 11.7H13.8C13.8 10.2 15 9 16.5 9S19 10.2 19 11.7M17 15.7V17H15.7V15.7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-question.svg
new file mode 100644
index 00000000..23291307
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-question" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M16.8 18H15.3V16.5H16.8V18M16.8 15.8H15.3C15.3 13.4 17.5 13.5 17.5 12C17.5 11.2 16.8 10.5 16 10.5S14.5 11.2 14.5 12H13C13 10.3 14.3 9 16 9S19 10.3 19 12C19 13.9 16.8 14.1 16.8 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh-outline.svg
new file mode 100644
index 00000000..c2816e87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-refresh-outline" viewBox="0 0 24 24"><path d="M18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5C15.5 19.88 16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5C14 16.29 15.79 14.5 18 14.5M20 8H4V18H12L12 18.5C12 19 12.06 19.5 12.17 20H4C2.89 20 2 19.1 2 18L2 6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13C21.39 12.63 20.72 12.34 20 12.17V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh.svg
new file mode 100644
index 00000000..5260ca96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-refresh" viewBox="0 0 24 24"><path d="M18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5C15.5 19.88 16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5C14 16.29 15.79 14.5 18 14.5M10 4L12 6H20C21.1 6 22 6.89 22 8V13C21 12.38 19.79 12 18.5 12C14.91 12 12 14.91 12 18.5C12 19 12.06 19.5 12.17 20H4C2.89 20 2 19.1 2 18L2 6C2 4.89 2.89 4 4 4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove-outline.svg
new file mode 100644
index 00000000..e7a81051
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-remove-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.39 13.46 20.72 13.22 20 13.09V8H4V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove.svg
new file mode 100644
index 00000000..f5bb8d06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-remove" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-search-outline.svg
new file mode 100644
index 00000000..4df05a51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-search-outline" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M19,8H3V18H10.17C10.34,18.72 10.63,19.39 11,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9L11,6H19A2,2 0 0,1 21,8V11.81C20.42,11.26 19.75,10.81 19,10.5V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-search.svg
new file mode 100644
index 00000000..2ec272d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-search" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.75,18.21 20.31,18.9L23.39,22L22,23.39L18.88,20.32C18.19,20.75 17.37,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19A2.5,2.5 0 0,0 19,16.5A2.5,2.5 0 0,0 16.5,14M9,4L11,6H19A2,2 0 0,1 21,8V11.81C19.83,10.69 18.25,10 16.5,10A6.5,6.5 0 0,0 10,16.5C10,17.79 10.37,19 11,20H3C1.89,20 1,19.1 1,18V6C1,4.89 1.89,4 3,4H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings-outline.svg
new file mode 100644
index 00000000..bff35714
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-settings-outline" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8C22 6.89 21.1 6 20 6H12L10 4H4M4 8H20V18H4V8M7 22V24H9V22H7M11 22V24H13V22H11M15 22V24H17V22H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings.svg
new file mode 100644
index 00000000..d3689beb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-settings" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8C22 6.89 21.1 6 20 6H12L10 4H4M7 22V24H9V22H7M11 22V24H13V22H11M15 22V24H17V22H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple-outline.svg
new file mode 100644
index 00000000..9e480d24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-star-multiple-outline" viewBox="0 0 24 24"><path d="M2 6V20H20V22H2C.895 22 0 21.11 0 20V6H2M12.78 10.05L15.81 9.79L17 7L18.19 9.79L21.22 10.05L18.92 12.04L19.61 15L17 13.47L14.39 15L15.08 12.04L12.78 10.05M24 6V16C24 17.11 23.11 18 22 18H6C4.9 18 4 17.11 4 16V4C4 2.89 4.9 2 6 2H12L14 4H22C23.11 4 24 4.9 24 6M22 6H6V16H22V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple.svg
new file mode 100644
index 00000000..c326d455
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-star-multiple" viewBox="0 0 24 24"><path d="M2 6H0V20C0 21.11 .895 22 2 22H20V20H2V6M22 4H14L12 2H6C4.89 2 4 2.89 4 4V16C4 17.1 4.89 18 6 18H22C23.11 18 24 17.1 24 16V6C24 4.89 23.11 4 22 4M19.94 15L17 13.27L14.06 15L14.84 11.66L12.25 9.42L15.66 9.13L17 6L18.34 9.13L21.75 9.42L19.16 11.66L19.94 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-outline.svg
new file mode 100644
index 00000000..9d03d06b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-star-outline" viewBox="0 0 24 24"><path d="M10.78 12.05L13.81 11.79L15 9L16.19 11.79L19.22 12.05L16.92 14.04L17.61 17L15 15.47L12.39 17L13.08 14.04L10.78 12.05M22 8V18C22 19.11 21.11 20 20 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H10L12 6H20C21.11 6 22 6.9 22 8M20 8H4V18H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star.svg
new file mode 100644
index 00000000..b9eea6b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-star" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M17.94,17L15,15.28L12.06,17L12.84,13.67L10.25,11.43L13.66,11.14L15,8L16.34,11.14L19.75,11.43L17.16,13.67L17.94,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap-outline.svg
new file mode 100644
index 00000000..0ea72211
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-swap-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M18 13L15 10V12H9V10L6 13L9 16V14H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap.svg
new file mode 100644
index 00000000..973fba83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-swap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-swap" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M15 16V14H9V16L6 13L9 10V12H15V10L18 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync-outline.svg
new file mode 100644
index 00000000..c3768f25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-sync-outline" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V11.5C21.38,11.24 20.7,11.07 20,11V8H4V18H13C13.07,18.7 13.24,19.38 13.5,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L16.72,14.22C16.78,14.17 16.85,14.13 19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L21.28,20.78C21.22,20.83 21.15,20.87 19,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync.svg
new file mode 100644
index 00000000..d5bffb7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-sync" viewBox="0 0 24 24"><path d="M10,4L12,6H20A2,2 0 0,1 22,8V11.5C21.23,11.18 20.39,11 19.5,11A6.5,6.5 0 0,0 13,17.5C13,18.39 13.18,19.23 13.5,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10M19,12V13.5A4,4 0 0,1 23,17.5C23,18.32 22.75,19.08 22.33,19.71L21.24,18.62C21.41,18.28 21.5,17.9 21.5,17.5A2.5,2.5 0 0,0 19,15V16.5L16.75,14.25L19,12M19,23V21.5A4,4 0 0,1 15,17.5C15,16.68 15.25,15.92 15.67,15.29L16.76,16.38C16.59,16.72 16.5,17.1 16.5,17.5A2.5,2.5 0 0,0 19,20V18.5L21.25,20.75L19,23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-table-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-table-outline.svg
new file mode 100644
index 00000000..4864522f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-table-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-table-outline" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8C22 6.89 21.1 6 20 6H12L10 4H4M4 8H20V18H4V8M12 9V11H15V9H12M16 9V11H19V9H16M12 12V14H15V12H12M16 12V14H19V12H16M12 15V17H15V15H12M16 15V17H19V15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-table.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-table.svg
new file mode 100644
index 00000000..d456291b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-table" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8C22 6.89 21.1 6 20 6H12L10 4H4M12 9H15V11H12V9M16 9H19V11H16V9M12 12H15V14H12V12M16 12H19V14H16V12M12 15H15V17H12V15M16 15H19V17H16V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-text-outline.svg
new file mode 100644
index 00000000..e456e822
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-text-outline" viewBox="0 0 24 24"><path d="M20,18H4V8H20M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M15,16H6V14H15V16M18,12H6V10H18V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-text.svg
new file mode 100644
index 00000000..ea0e7093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-text" viewBox="0 0 24 24"><path d="M20,6H12L10,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8A2,2 0 0,0 20,6M15,16H6V14H15V16M18,12H6V10H18V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload-outline.svg
new file mode 100644
index 00000000..fa421fad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-upload-outline" viewBox="0 0 24 24"><path d="M20 18H4V8H20M20 6H12L10 4H4A2 2 0 0 0 2 6V18A2 2 0 0 0 4 20H20A2 2 0 0 0 22 18V8A2 2 0 0 0 20 6M16 17H14V13H11L15 9L19 13H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload.svg
new file mode 100644
index 00000000..b46104b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-upload" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H10L12,6H20M10.75,13H14V17H16V13H19.25L15,8.75" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench-outline.svg
new file mode 100644
index 00000000..db700bcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-wrench-outline" viewBox="0 0 24 24"><path d="M13.03 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V17.5L20.96 16.44C20.97 16.3 21 16.15 21 16C21 14.88 20.62 13.86 20 13.03V8H4V18H11.42C11.77 18.8 12.33 19.5 13.03 20M22.87 21.19L18.76 17.08C19.17 16.04 18.94 14.82 18.08 13.97C17.18 13.06 15.83 12.88 14.74 13.38L16.68 15.32L15.33 16.68L13.34 14.73C12.8 15.82 13.05 17.17 13.93 18.08C14.79 18.94 16 19.16 17.05 18.76L21.16 22.86C21.34 23.05 21.61 23.05 21.79 22.86L22.83 21.83C23.05 21.65 23.05 21.33 22.87 21.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench.svg
new file mode 100644
index 00000000..d60180dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-wrench" viewBox="0 0 24 24"><path d="M13.03 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.89 4 4 4H10L12 6H20C21.1 6 22 6.89 22 8V17.5L20.96 16.44C20.97 16.3 21 16.15 21 16C21 13.24 18.76 11 16 11S11 13.24 11 16C11 17.64 11.8 19.09 13.03 20M22.87 21.19L18.76 17.08C19.17 16.04 18.94 14.82 18.08 13.97C17.18 13.06 15.83 12.88 14.74 13.38L16.68 15.32L15.33 16.68L13.34 14.73C12.8 15.82 13.05 17.17 13.93 18.08C14.79 18.94 16 19.16 17.05 18.76L21.16 22.86C21.34 23.05 21.61 23.05 21.79 22.86L22.83 21.83C23.05 21.65 23.05 21.33 22.87 21.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip-outline.svg
new file mode 100644
index 00000000..a64bd5f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-zip-outline" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M20 18H16V16H14V18H4V8H14V10H16V8H20V18M16 12V10H18V12H16M14 12H16V14H14V12M18 16H16V14H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip.svg
new file mode 100644
index 00000000..10101012
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder-zip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder-zip" viewBox="0 0 24 24"><path d="M20 6H12L10 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 6.9 21.1 6 20 6M18 12H16V14H18V16H16V18H14V16H16V14H14V12H16V10H14V8H16V10H18V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/folder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/folder.svg
new file mode 100644
index 00000000..9b7d7718
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-folder" viewBox="0 0 24 24"><path d="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/font-awesome.svg b/apps/phoenix_webcomponent/priv/mdi/svg/font-awesome.svg
new file mode 100644
index 00000000..97039bec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/font-awesome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-font-awesome" viewBox="0 0 24 24"><path d="M19.76 2H4.24C3 2 2 3 2 4.24V19.76C2 21 3 22 4.24 22H19.76C21 22 22 21 22 19.76V4.24C22 3 21 2 19.76 2M17.73 14.69C17.73 14.88 17.57 14.96 17.38 15.04C16.64 15.36 15.84 15.65 15 15.65C13.78 15.65 13.22 14.91 11.78 14.91C10.74 14.91 9.65 15.28 8.77 15.68C8.71 15.71 8.66 15.71 8.61 15.73V17.76C8.61 17.84 8.61 17.92 8.58 17.97V18.03C8.47 18.4 8.13 18.67 7.73 18.67C7.22 18.67 6.82 18.26 6.82 17.76V8C6.47 7.73 6.24 7.31 6.24 6.83C6.24 6 6.9 5.33 7.73 5.33C8.56 5.33 9.23 6 9.23 6.83C9.23 7.31 9 7.73 8.64 8V8.83C8.72 8.8 8.8 8.77 8.88 8.72C9.71 8.37 10.7 8.08 11.63 8.08C12.64 8.08 13.44 8.35 14.35 8.69C14.54 8.77 14.72 8.8 14.93 8.8C15.95 8.8 17.07 8.08 17.34 8.08C17.55 8.08 17.74 8.24 17.74 8.43V14.69H17.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-apple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-apple-outline.svg
new file mode 100644
index 00000000..c2096bdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-apple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-apple-outline" viewBox="0 0 24 24"><path d="M20,10C18.58,7.57 15.5,6.69 13,8V3H11V8C8.5,6.69 5.42,7.57 4,10C2,13 7,22 9,22C11,22 11,21 12,21C13,21 13,22 15,22C17,22 22,13 20,10M18.25,13.38C17.63,15.85 16.41,18.12 14.7,20C14.5,20 14.27,19.9 14.1,19.75C12.87,18.76 11.13,18.76 9.9,19.75C9.73,19.9 9.5,20 9.3,20C7.59,18.13 6.36,15.85 5.75,13.39C5.5,12.66 5.45,11.87 5.66,11.12C6.24,10.09 7.32,9.43 8.5,9.4C9.06,9.41 9.61,9.54 10.11,9.79L11,10.24H13L13.89,9.79C14.39,9.54 14.94,9.41 15.5,9.4C16.68,9.43 17.76,10.08 18.34,11.11C18.55,11.86 18.5,12.65 18.25,13.38M11,5C5.38,8.07 4.11,3.78 4.11,3.78C4.11,3.78 6.77,0.19 11,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-apple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-apple.svg
new file mode 100644
index 00000000..4b4400a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-apple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-apple" viewBox="0 0 24 24"><path d="M20,10C22,13 17,22 15,22C13,22 13,21 12,21C11,21 11,22 9,22C7,22 2,13 4,10C6,7 9,7 11,8V5C5.38,8.07 4.11,3.78 4.11,3.78C4.11,3.78 6.77,0.19 11,5V3H13V8C15,7 18,7 20,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-croissant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-croissant.svg
new file mode 100644
index 00000000..fa4a33c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-croissant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-croissant" viewBox="0 0 24 24"><path d="M22,19L19,17L22,15V19M15,15L19,9L22,13L18,16L15,15M5,17L2,19V15L5,17M9,15L6,16L2,13L5,9L9,15M14,6L18,8L13,15H11L6,8L10,6H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off-outline.svg
new file mode 100644
index 00000000..644cf4a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-drumstick-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8.5 10.4C8.3 10.7 8.1 10.9 7.9 11.2C6.7 12.4 6.7 14.1 7.8 15.2L8.8 16.2C9.3 16.7 10.1 17 10.8 17C11.5 17 12.2 16.7 12.8 16.2C13.1 15.9 13.4 15.7 13.7 15.5L20.9 22.7L22.1 21.5M11.3 14.8C11.1 15 10.9 15 10.8 15S10.4 15 10.2 14.8L9.2 13.8C9 13.6 9 13.4 9 13.2C9 13 9.1 12.7 9.3 12.5C9.5 12.3 9.7 12 9.9 11.8L12.1 14C11.9 14.3 11.6 14.5 11.3 14.8M11.4 8.2L9.7 6.5C10.1 5.1 11 3.9 12.4 3C13.4 2.4 14.6 2 15.7 2C16.9 2 18.1 2.3 19.1 3C22.6 5.3 22.9 10 20.2 12.7C19.4 13.5 18.5 14 17.5 14.3L15.8 12.6C15.9 12.6 16 12.5 16.2 12.5C17.2 12.4 18.1 12 18.8 11.3C19.7 10.4 20.2 9.1 20 7.8C19.9 6.5 19.2 5.4 18 4.6C17.3 4.2 16.5 4 15.7 4C14.9 4 14.1 4.2 13.4 4.7C12.2 5.4 11.5 6.6 11.4 7.9V8.2M8.8 17.4L6.3 19.8C6.6 20.4 6.5 21 6 21.5C5.4 22.1 4.5 22.1 3.9 21.5C3.6 21.2 3.5 20.9 3.5 20.5C3.1 20.5 2.8 20.3 2.5 20.1C1.9 19.5 1.9 18.6 2.5 18C3 17.5 3.6 17.4 4.2 17.7L6.7 15.3C6.8 15.5 7 15.7 7.2 15.9L8.2 16.9C8.3 17.1 8.5 17.3 8.8 17.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off.svg
new file mode 100644
index 00000000..8ecf6210
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-drumstick-off" viewBox="0 0 24 24"><path d="M20.8 22.7L13.6 15.5C13.3 15.7 13 15.9 12.7 16.2C11.6 17.3 9.8 17.3 8.7 16.2L7.7 15.2C6.6 14.1 6.6 12.3 7.8 11.2C8 11 8.2 10.7 8.4 10.4L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M8.1 16.9L7.1 15.9C6.9 15.7 6.8 15.5 6.6 15.3L4.1 17.7C3.5 17.4 2.9 17.5 2.4 18C1.8 18.6 1.8 19.5 2.4 20.1C2.7 20.4 3 20.5 3.4 20.5C3.4 20.9 3.6 21.2 3.8 21.5C4.4 22.1 5.3 22.1 5.9 21.5C6.4 21 6.5 20.4 6.2 19.8L8.7 17.4C8.5 17.3 8.3 17.1 8.1 16.9M20.2 12.7C23 9.9 22.6 5.2 19.1 3C17.1 1.7 14.4 1.7 12.4 3C11 3.9 10.1 5.1 9.7 6.5L17.5 14.3C18.5 14 19.4 13.5 20.2 12.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-outline.svg
new file mode 100644
index 00000000..340995e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-drumstick-outline" viewBox="0 0 24 24"><path d="M15.71 4C16.54 4 17.33 4.22 18 4.66C19.14 5.4 19.84 6.53 20 7.84C20.11 9.13 19.66 10.4 18.75 11.31C18.05 12 17.16 12.44 16.18 12.54C14.27 12.74 12.59 13.5 11.34 14.77C11.13 14.97 10.9 15 10.77 15C10.65 15 10.42 14.97 10.21 14.77L9.22 13.78C9.04 13.6 9 13.39 9 13.25C9 13 9.11 12.78 9.32 12.57C10.53 11.35 11.27 9.73 11.45 7.87C11.58 6.54 12.29 5.4 13.45 4.65C14.11 4.22 14.89 4 15.71 4M15.71 2C14.54 2 13.37 2.32 12.36 2.97C10.6 4.1 9.63 5.86 9.46 7.68C9.33 9 8.83 10.23 7.91 11.15L7.88 11.18C6.72 12.34 6.72 14.11 7.81 15.19L8.8 16.18C9.35 16.73 10.06 17 10.77 17S12.2 16.73 12.75 16.18C13.72 15.21 15 14.68 16.39 14.53C17.76 14.38 19.1 13.78 20.16 12.73C22.93 9.96 22.57 5.26 19.09 3C18.08 2.33 16.9 2 15.71 2M6.26 19.86C6.53 20.42 6.44 21.1 5.97 21.56C5.39 22.15 4.44 22.15 3.85 21.56C3.58 21.29 3.44 20.94 3.42 20.58C3.06 20.56 2.71 20.42 2.44 20.15C1.85 19.56 1.85 18.61 2.44 18.03C2.9 17.57 3.59 17.47 4.14 17.74L6.62 15.31C6.76 15.5 6.92 15.72 7.1 15.9L8.09 16.89C8.3 17.09 8.5 17.26 8.76 17.41L6.26 19.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick.svg
new file mode 100644
index 00000000..d92e0411
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-drumstick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-drumstick" viewBox="0 0 24 24"><path d="M20.16 12.73C22.93 9.96 22.57 5.26 19.09 3C17.08 1.67 14.39 1.66 12.36 2.97C10.6 4.1 9.63 5.86 9.46 7.68C9.33 9 8.83 10.23 7.91 11.15L7.88 11.18C6.72 12.34 6.72 14.11 7.81 15.19L8.8 16.18C9.89 17.27 11.66 17.27 12.75 16.18C13.72 15.21 15 14.68 16.39 14.53C17.76 14.38 19.1 13.78 20.16 12.73M6.26 19.86C6.53 20.42 6.44 21.1 5.97 21.56C5.39 22.15 4.44 22.15 3.85 21.56C3.58 21.29 3.44 20.94 3.42 20.58C3.06 20.56 2.71 20.42 2.44 20.15C1.85 19.56 1.85 18.61 2.44 18.03C2.9 17.57 3.59 17.47 4.14 17.74L6.62 15.31C6.76 15.5 6.92 15.72 7.1 15.9L8.09 16.89C8.3 17.09 8.5 17.26 8.76 17.41L6.26 19.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-fork-drink.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-fork-drink.svg
new file mode 100644
index 00000000..4caf4f80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-fork-drink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-fork-drink" viewBox="0 0 24 24"><path d="M3,3A1,1 0 0,0 2,4V8L2,9.5C2,11.19 3.03,12.63 4.5,13.22V19.5A1.5,1.5 0 0,0 6,21A1.5,1.5 0 0,0 7.5,19.5V13.22C8.97,12.63 10,11.19 10,9.5V8L10,4A1,1 0 0,0 9,3A1,1 0 0,0 8,4V8A0.5,0.5 0 0,1 7.5,8.5A0.5,0.5 0 0,1 7,8V4A1,1 0 0,0 6,3A1,1 0 0,0 5,4V8A0.5,0.5 0 0,1 4.5,8.5A0.5,0.5 0 0,1 4,8V4A1,1 0 0,0 3,3M19.88,3C19.75,3 19.62,3.09 19.5,3.16L16,5.25V9H12V11H13L14,21H20L21,11H22V9H18V6.34L20.5,4.84C21,4.56 21.13,4 20.84,3.5C20.63,3.14 20.26,2.95 19.88,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-halal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-halal.svg
new file mode 100644
index 00000000..92d7ea88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-halal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-halal" viewBox="0 0 24 24"><path d="M7 5V15C7 16.11 6.11 17 5 17H4C3.45 17 3 16.55 3 16V13H1V16C1 17.66 2.34 19 4 19H5C7.21 19 9 17.21 9 15V5M23 13.38L21.77 12.15C21.03 11.41 20.04 11 19 11H17V13H19C19.5 13 20 13.2 20.35 13.56L20.7 13.91L19.5 14.6C19.04 14.86 18.53 15 18 15H17C16.44 15 16 14.56 16 14V6H14V9.81L13.38 9.12C12.7 8.37 11.6 8 10.59 8H10V10H10.59C11.23 10 11.84 10.25 12.29 10.71L14 12.41V14C14 15.12 13.12 16 12 16H10V18H12C13.37 18 14.5 17.3 15.17 16.24C15.63 16.71 16.25 17 17 17H18C18.88 17 19.74 16.77 20.5 16.33L23 14.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-hot-dog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-hot-dog.svg
new file mode 100644
index 00000000..3eb8490a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-hot-dog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-hot-dog" viewBox="0 0 24 24"><path d="M21 5.77C20.85 5.65 20.72 5.55 20.59 5.45L20.62 5.41C21.4 4.63 21.4 3.37 20.62 2.59C19.84 1.81 18.58 1.81 17.79 2.59L17.05 3.33C15.68 2.3 13.74 2.4 12.5 3.65L3.65 12.5C2.4 13.74 2.3 15.68 3.33 17.05L2.59 17.79C1.8 18.58 1.8 19.84 2.59 20.62C3.37 21.4 4.63 21.4 5.41 20.62L5.45 20.59C5.55 20.72 5.65 20.85 5.77 21C7.13 22.34 9.35 22.34 10.72 21L20.97 10.72C22.34 9.35 22.34 7.14 21 5.77M4.77 15.61C4.5 15.05 4.6 14.36 5.06 13.9L13.9 5.06C14.36 4.6 15.05 4.5 15.61 4.77L4.77 15.61M19.56 9.3L9.3 19.56C8.72 20.15 7.77 20.15 7.18 19.56C6.6 19 6.6 18 7.18 17.44L17.44 7.18C18 6.6 19 6.6 19.56 7.18C20.15 7.77 20.15 8.72 19.56 9.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-kosher.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-kosher.svg
new file mode 100644
index 00000000..f2d9f07c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-kosher.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-kosher" viewBox="0 0 24 24"><path d="M1 7V9H3C3.57 9 4 9.43 4 10V17H6V10C6 8.36 4.64 7 3 7H1M7 7V14C7 15.65 8.36 17 10 17H14C15.65 17 17 15.65 17 14V7H15V14C15 14.57 14.57 15 14 15H10C9.43 15 9 14.57 9 14V13H10C11.65 13 13 11.65 13 10V7H11V10C11 10.57 10.57 11 10 11H9V7H7M18 7V9H20C20.57 9 21 9.43 21 10V14C21 14.57 20.57 15 20 15H18V17H20C21.65 17 23 15.65 23 14V10C23 8.36 21.65 7 20 7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-off-outline.svg
new file mode 100644
index 00000000..fe44a8f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-off-outline" viewBox="0 0 24 24"><path d="M1 21H16V22C16 22.54 15.56 23 15 23H2C1.45 23 1 22.54 1 22V21M20.5 23.31L16 18.83V19H1V17H14.17L12.17 15H1C1 11.76 3.46 9.83 6.38 9.21L.68 3.5L2.1 2.1L13 13L15 15L21.9 21.9L20.5 23.31M10.17 13L8.17 11C6.75 11.06 4.65 11.56 3.62 13H10.17M23 5H18V1H16V5H11L11.23 7H20.79L19.79 16.97L21.62 18.8L23 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-off.svg
new file mode 100644
index 00000000..51b45a90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-off" viewBox="0 0 24 24"><path d="M11.35 8.5L11 5H16V1H18V5H23L21.62 18.79L11.35 8.5M1 21V22C1 22.55 1.45 23 2 23H15C15.55 23 16 22.55 16 22V21H1M21.9 21.9L2.1 2.1L.69 3.5L6.39 9.21C3.28 9.87 1 12 1 15H12.17L14.17 17H1V19H16V18.83L20.5 23.32L21.9 21.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-outline.svg
new file mode 100644
index 00000000..4e91d1f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-outline" viewBox="0 0 24 24"><path d="M1 22C1 22.54 1.45 23 2 23H15C15.56 23 16 22.54 16 22V21H1V22M8.5 9C4.75 9 1 11 1 15H16C16 11 12.25 9 8.5 9M3.62 13C4.73 11.45 7.09 11 8.5 11S12.27 11.45 13.38 13H3.62M1 17H16V19H1V17M18 5V1H16V5H11L11.23 7H20.79L19.39 21H18V23H19.72C20.56 23 21.25 22.35 21.35 21.53L23 5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-steak-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-steak-off.svg
new file mode 100644
index 00000000..e1ca7b3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-steak-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-steak-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L5.27 7.16C5.08 7.83 5 8.53 5 9.26C5.1 11.83 6.59 14.05 8.74 15.19C10.1 15.9 11 17.25 11 18.79V19C11 20.66 12.34 22 14 22C15.68 22 16.83 21.11 17.6 19.5L20.84 22.73L22.11 21.46L2.39 1.73M14 20C13.45 20 13 19.55 13 19V18.79C13 16.56 11.72 14.5 9.67 13.42C8.09 12.58 7.07 10.96 7 9.18C7 9.09 7 9 7 8.9L8.16 10.05C8.19 10.15 8.21 10.25 8.24 10.35L8.4 10.29L9.62 11.5L9.08 11.71C9.38 12.04 9.73 12.32 10.14 12.53C10.81 12.89 11.4 13.34 11.91 13.85L11.95 13.84L13.17 15.06L12.95 15.14C13.46 15.96 13.8 16.89 13.93 17.85L15.2 17.39C15.22 17.32 15.25 17.24 15.27 17.16L16.07 17.96C15.47 19.68 14.68 20 14 20M15.79 7.6L12.14 8.94L9.88 6.68L13.69 5.3C14.94 5.77 15.53 6.72 15.79 7.6M8.59 5.39L7.17 3.97C8.41 2.77 10.07 2 11.88 2H11.88C19 2 19 9 19 9C19 11.46 18.9 13.63 18.66 15.46L16.84 13.64C16.94 12.36 17 10.83 17 9C17 8.18 16.69 4 11.88 4H11.88C10.67 4 9.5 4.5 8.59 5.39M15.68 12.5L13.36 10.15L16 9.19C16 10.41 15.97 11.46 15.92 12.4L15.68 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-steak.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-steak.svg
new file mode 100644
index 00000000..6acdc921
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-steak.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-steak" viewBox="0 0 24 24"><path d="M11.9 2C8 2 4.9 5.4 5 9.3C5.1 11.9 6.6 14.1 8.7 15.2C10.1 15.9 11 17.3 11 18.8V19C11 20.7 12.3 22 14 22C18 22 19 17 19 9C19 9 19 2 11.9 2M14 20C13.4 20 13 19.6 13 19V18.8C13 16.6 11.7 14.5 9.7 13.4C8.1 12.6 7.1 11 7 9.2C7 7.9 7.5 6.5 8.4 5.5C9.3 4.5 10.6 4 11.8 4C16.7 4 17 8.2 17 9C17 18.9 15.3 20 14 20M15.8 7.6L8.3 10.3C8.1 10 8 9.6 8 9.1C8 8.4 8.2 7.8 8.5 7.1L13.7 5.2C14.9 5.8 15.5 6.7 15.8 7.6M12.9 15.1L15.7 14.1C15.6 15.6 15.3 16.7 15.1 17.4L13.8 17.9C13.8 16.9 13.5 16 12.9 15.1M16 9.2C16 10.4 16 11.5 15.9 12.4L11.9 13.9C11.4 13.4 10.8 12.9 10.1 12.6C9.7 12.4 9.3 12.1 9 11.8L16 9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box-outline.svg
new file mode 100644
index 00000000..ba3b667e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-takeout-box-outline" viewBox="0 0 24 24"><path d="M7.79 18L7.28 11H16.74L16.23 18H7.79M9.83 5H14.16L16.96 7.73L16.87 9H7.12L7.03 7.73L9.83 5M22 7.46L20.59 6.05L19 7.63L19.03 7.07L15 3H9L4.97 7.07L5 7.57L3.41 6L2 7.44L5.23 10.55L5.93 20H18.07L18.77 10.56L22 7.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box.svg
new file mode 100644
index 00000000..513a781b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-takeout-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-takeout-box" viewBox="0 0 24 24"><path d="M5.26 11H18.74L18.07 20H5.93L5.26 11M9 4H14.97L19 7.38L20.59 5.79L22 7.21L19.21 10H4.79L2 7.21L3.41 5.8L5 7.38L9 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-turkey.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-turkey.svg
new file mode 100644
index 00000000..e13e8942
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-turkey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-turkey" viewBox="0 0 24 24"><path d="M5.44 7.96L5.96 7.43C6.54 6.85 7.5 6.85 8.1 7.47L8.12 7.5C8.61 8 9.26 8.24 9.97 8.31C10.94 8.4 11.88 8.92 12.5 9.86C13.18 10.94 13.17 12.38 12.46 13.45C11.26 15.3 8.75 15.5 7.28 14C6.72 13.45 6.4 12.74 6.32 12C6.24 11.27 5.95 10.58 5.44 10.07C4.86 9.5 4.86 8.54 5.44 7.96M9.64 16C8.47 16 7.38 15.55 6.57 14.72C5.87 14 5.43 13.1 5.32 12.12C5.29 11.82 5.2 11.43 4.96 11.07C4.36 11.9 4 12.9 4 14C4 15.64 4.8 17.09 6.03 18H19V17C19 13.4 16.61 10.35 13.34 9.35C14.23 10.75 14.21 12.62 13.3 14C12.5 15.25 11.12 16 9.64 16M14.78 7.56H16.05C16.92 7.56 17.68 8.17 17.68 9.26V10H18.93V9C18.93 7.5 17.6 6.36 16.05 6.36H14.78C13.95 6.36 13.24 5.54 13.24 4.7S13.95 3.24 14.78 3.24V2C13.24 2 12 3.24 12 4.78S13.24 7.56 14.78 7.56M4.5 7.55C4.56 7.45 4.64 7.35 4.73 7.25L5.25 6.73C5.34 6.64 5.44 6.57 5.54 6.5L4.13 5.07C4.27 4.8 4.22 4.45 4 4.22C3.7 3.93 3.22 3.93 2.93 4.22C2.79 4.36 2.72 4.53 2.71 4.71C2.53 4.72 2.36 4.79 2.22 4.93C1.93 5.22 1.93 5.7 2.22 6C2.45 6.22 2.79 6.27 3.07 6.13L4.5 7.55M18.39 4.39C18.9 3.88 19.22 3.19 19.22 2.42H17.97C17.97 3.25 17.27 3.95 16.44 3.95V5.19C18.3 5.19 19.76 6.71 19.76 8.57V11H21V8.57C21 6.72 19.94 5.13 18.39 4.39M5 21H19C20.11 21 21 20.11 21 19H3C3 20.11 3.9 21 5 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-variant-off.svg
new file mode 100644
index 00000000..4b9c336b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-variant-off" viewBox="0 0 24 24"><path d="M2.28 3L1 4.27L3.31 6.58C2.91 8.7 2.55 10.8 2.33 12.83C2 16 2 19 2 22H9C9 19 9 16 8.67 12.83C8.63 12.5 8.58 12.15 8.54 11.81L12.73 16H11V18C11 20.21 12.79 22 15 22H18C18.23 22 18.45 22 18.67 21.94L19.73 23L21 21.72M4.82 3L7.53 5.71C7.5 5.47 7.45 5.24 7.4 5H8V3H7M20.55 11.23L17.8 16L21.59 19.76C21.86 19.21 22 18.61 22 18V16H19.87L22.11 12.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food-variant.svg
new file mode 100644
index 00000000..fac040f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food-variant" viewBox="0 0 24 24"><path d="M22,18A4,4 0 0,1 18,22H15A4,4 0 0,1 11,18V16H17.79L20.55,11.23L22.11,12.13L19.87,16H22V18M9,22H2C2,19 2,16 2.33,12.83C2.6,10.3 3.08,7.66 3.6,5H3V3H4L7,3H8V5H7.4C7.92,7.66 8.4,10.3 8.67,12.83C9,16 9,19 9,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/food.svg b/apps/phoenix_webcomponent/priv/mdi/svg/food.svg
new file mode 100644
index 00000000..7cf9df91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/food.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-food" viewBox="0 0 24 24"><path d="M18.06 23H19.72C20.56 23 21.25 22.35 21.35 21.53L23 5.05H18V1H16.03V5.05H11.06L11.36 7.39C13.07 7.86 14.67 8.71 15.63 9.65C17.07 11.07 18.06 12.54 18.06 14.94V23M1 22V21H16.03V22C16.03 22.54 15.58 23 15 23H2C1.45 23 1 22.54 1 22M16.03 15C16.03 7 1 7 1 15H16.03M1 17H16V19H1V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/foot-print.svg b/apps/phoenix_webcomponent/priv/mdi/svg/foot-print.svg
new file mode 100644
index 00000000..8c257135
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/foot-print.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-foot-print" viewBox="0 0 24 24"><path d="M16 2A2 2 0 1 1 14 4A2 2 0 0 1 16 2M12.04 3A1.5 1.5 0 1 1 10.54 4.5A1.5 1.5 0 0 1 12.04 3M9.09 4.5A1 1 0 1 1 8.09 5.5A1 1 0 0 1 9.09 4.5M7.04 6A1 1 0 1 1 6.04 7A1 1 0 0 1 7.04 6M14.53 12A2.5 2.5 0 0 0 17 9.24A2.6 2.6 0 0 0 14.39 7H11.91A6 6 0 0 0 6.12 11.4A2 2 0 0 0 6.23 12.8A6.8 6.8 0 0 1 6.91 15.76A6.89 6.89 0 0 1 6.22 18.55A1.92 1.92 0 0 0 6.3 20.31A3.62 3.62 0 0 0 10.19 21.91A3.5 3.5 0 0 0 12.36 16.63A2.82 2.82 0 0 1 11.91 15S11.68 12 14.53 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/football-australian.svg b/apps/phoenix_webcomponent/priv/mdi/svg/football-australian.svg
new file mode 100644
index 00000000..5f0c7e0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/football-australian.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-football-australian" viewBox="0 0 24 24"><path d="M7.5,7.5C9.17,5.87 11.29,4.69 13.37,4.18C18,3 21,6 19.82,10.63C19.31,12.71 18.13,14.83 16.5,16.5C14.83,18.13 12.71,19.31 10.63,19.82C6,21 3,18 4.18,13.37C4.69,11.29 5.87,9.17 7.5,7.5M10.62,11.26L10.26,11.62L12.38,13.74L12.74,13.38L10.62,11.26M11.62,10.26L11.26,10.62L13.38,12.74L13.74,12.38L11.62,10.26M9.62,12.26L9.26,12.62L11.38,14.74L11.74,14.38L9.62,12.26M12.63,9.28L12.28,9.63L14.4,11.75L14.75,11.4L12.63,9.28M8.63,13.28L8.28,13.63L10.4,15.75L10.75,15.4L8.63,13.28M13.63,8.28L13.28,8.63L15.4,10.75L15.75,10.4L13.63,8.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/football-helmet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/football-helmet.svg
new file mode 100644
index 00000000..86eb4fea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/football-helmet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-football-helmet" viewBox="0 0 24 24"><path d="M13.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,15A1.5,1.5 0 0,0 15,13.5A1.5,1.5 0 0,0 13.5,12M13.5,3C18.19,3 22,6.58 22,11C22,12.62 22,14 21.09,16C17,16 16,20 12.5,20C10.32,20 9.27,18.28 9.05,16H9L8.24,16L6.96,20.3C6.81,20.79 6.33,21.08 5.84,21H3A1,1 0 0,1 2,20A1,1 0 0,1 3,19V16A1,1 0 0,1 2,15A1,1 0 0,1 3,14H6.75L7.23,12.39C6.72,12.14 6.13,12 5.5,12H5.07L5,11C5,6.58 8.81,3 13.5,3M5,16V19H5.26L6.15,16H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/football.svg b/apps/phoenix_webcomponent/priv/mdi/svg/football.svg
new file mode 100644
index 00000000..840ddad8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/football.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-football" viewBox="0 0 24 24"><path d="M8.39 21L3 15.61C3 16.7 3.04 17.71 3.2 18.63C3.35 19.55 3.5 20.1 3.71 20.29C3.9 20.5 4.44 20.65 5.35 20.81S7.27 21 8.39 21M15.5 9.89L9.89 15.5L8.5 14.11L14.11 8.5L15.5 9.89M3.29 13.08L10.92 20.71C13.7 20.21 15.9 19.15 17.53 17.53C19.15 15.9 20.21 13.7 20.71 10.92L13.08 3.29C10.3 3.79 8.1 4.85 6.47 6.47S3.79 10.3 3.29 13.08M15.61 3L21 8.39C21 7.3 20.96 6.29 20.81 5.37C20.65 4.45 20.5 3.9 20.29 3.71C20.1 3.5 19.56 3.35 18.65 3.2S16.73 3 15.61 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forest.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forest.svg
new file mode 100644
index 00000000..a62650cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forest" viewBox="0 0 24 24"><path d="M16 12L9 2L2 12H3.86L0 18H7V22H11V18H18L14.14 12H16M20.14 12H22L15 2L12.61 5.41L17.92 13H15.97L19.19 18H24L20.14 12M13 19H17V22H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forklift.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forklift.svg
new file mode 100644
index 00000000..d5325f74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forklift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forklift" viewBox="0 0 24 24"><path d="M6,4V11H4C2.89,11 2,11.89 2,13V17A3,3 0 0,0 5,20A3,3 0 0,0 8,17H10A3,3 0 0,0 13,20A3,3 0 0,0 16,17V13L12,4H6M17,5V19H22V17.5H18.5V5H17M7.5,5.5H11.2L14.5,13H7.5V5.5M5,15.5A1.5,1.5 0 0,1 6.5,17A1.5,1.5 0 0,1 5,18.5A1.5,1.5 0 0,1 3.5,17A1.5,1.5 0 0,1 5,15.5M13,15.5A1.5,1.5 0 0,1 14.5,17A1.5,1.5 0 0,1 13,18.5A1.5,1.5 0 0,1 11.5,17A1.5,1.5 0 0,1 13,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-dropdown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-dropdown.svg
new file mode 100644
index 00000000..16adde16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-dropdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-dropdown" viewBox="0 0 24 24"><path d="M17 5H20L18.5 7L17 5M3 2H21C22.11 2 23 2.9 23 4V8C23 9.11 22.11 10 21 10H16V20C16 21.11 15.11 22 14 22H3C1.9 22 1 21.11 1 20V4C1 2.9 1.9 2 3 2M3 4V8H14V4H3M21 8V4H16V8H21M3 20H14V10H3V20M5 12H12V14H5V12M5 16H12V18H5V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-select.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-select.svg
new file mode 100644
index 00000000..6f96ab4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-select.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-select" viewBox="0 0 24 24"><path d="M15 5H18L16.5 7L15 5M5 2H19C20.11 2 21 2.9 21 4V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V4C3 2.9 3.9 2 5 2M5 4V8H19V4H5M5 20H19V10H5V20M7 12H17V14H7V12M7 16H17V18H7V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-textarea.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-textarea.svg
new file mode 100644
index 00000000..5973dafb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-textarea.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-textarea" viewBox="0 0 24 24"><path d="M13 9H4V23H2V7H13M23 9V7H17V5A1 1 0 0 1 18 4H20V2H17.5C17 2 16 2.45 16 3C16 2.45 15.05 2 14.5 2H12V4H14A1 1 0 0 1 15 5V19A1 1 0 0 1 14 20H12V22H14.5C15.05 22 16 21.55 16 21C16 21.55 16.95 22 17.5 22H20V20H18A1 1 0 0 1 17 19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-lock.svg
new file mode 100644
index 00000000..2c0af735
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-textbox-lock" viewBox="0 0 24 24"><path d="M2 7H6V9H4V15H6V17H2V7M10 7H22V12C21.42 11.56 20.74 11.25 20 11.1V9H10V15H14.25C13.56 15 13 15.56 13 16.25V17H10V19C10 19.55 10.45 20 11 20H13V22H10.5C9.95 22 9 21.55 9 21C9 21.55 8.05 22 7.5 22H5V20H7C7.55 20 8 19.55 8 19V5C8 4.45 7.55 4 7 4H5V2H7.5C8.05 2 9 2.45 9 3C9 2.45 9.95 2 10.5 2H13V4H11C10.45 4 10 4.45 10 5V7M21.8 17C22.4 17 23 17.6 23 18.3V21.8C23 22.4 22.4 23 21.7 23H16.2C15.6 23 15 22.4 15 21.7V18.2C15 17.6 15.6 17 16.2 17V15.5C16.2 14.1 17.6 13 19 13C20.4 13 21.8 14.1 21.8 15.5V17M20.5 17V15.5C20.5 14.7 19.8 14.2 19 14.2C18.2 14.2 17.5 14.7 17.5 15.5V17H20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-password.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-password.svg
new file mode 100644
index 00000000..441f7f03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox-password.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-textbox-password" viewBox="0 0 24 24"><path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20M8.5,12A1.5,1.5 0 0,0 7,10.5A1.5,1.5 0 0,0 5.5,12A1.5,1.5 0 0,0 7,13.5A1.5,1.5 0 0,0 8.5,12M13,10.89C12.39,10.33 11.44,10.38 10.88,11C10.32,11.6 10.37,12.55 11,13.11C11.55,13.63 12.43,13.63 13,13.11V10.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox.svg
new file mode 100644
index 00000000..3f359997
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/form-textbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-form-textbox" viewBox="0 0 24 24"><path d="M17,7H22V17H17V19A1,1 0 0,0 18,20H20V22H17.5C16.95,22 16,21.55 16,21C16,21.55 15.05,22 14.5,22H12V20H14A1,1 0 0,0 15,19V5A1,1 0 0,0 14,4H12V2H14.5C15.05,2 16,2.45 16,3C16,2.45 16.95,2 17.5,2H20V4H18A1,1 0 0,0 17,5V7M2,7H13V9H4V15H13V17H2V7M20,15V9H17V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-bottom.svg
new file mode 100644
index 00000000..da0cefe9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-bottom" viewBox="0 0 24 24"><path d="M13,9L15.5,6.5L16.92,7.92L12,12.84L7.08,7.92L8.5,6.5L11,9V3H13V9M3,15H21V17H3V15M3,19H13V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-center.svg
new file mode 100644
index 00000000..9eff4368
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-center" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M7,7H17V9H7V7M3,11H21V13H3V11M7,15H17V17H7V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-justify.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-justify.svg
new file mode 100644
index 00000000..c238a24a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-justify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-justify" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M3,7H21V9H3V7M3,11H21V13H3V11M3,15H21V17H3V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-left.svg
new file mode 100644
index 00000000..e0b315ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-left" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M3,7H15V9H3V7M3,11H21V13H3V11M3,15H15V17H3V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-middle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-middle.svg
new file mode 100644
index 00000000..ef786b0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-middle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-middle" viewBox="0 0 24 24"><path d="M13,6L15,4L16.42,5.42L12,9.84L7.58,5.42L9,4L11,6V2H13V6M3,11H21V13H3V11M13,18V22H11V18L9,20L7.58,18.58L12,14.16L16.42,18.58L15,20L13,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-right.svg
new file mode 100644
index 00000000..9d134072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-right" viewBox="0 0 24 24"><path d="M3,3H21V5H3V3M9,7H21V9H9V7M3,11H21V13H3V11M9,15H21V17H9V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-align-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-top.svg
new file mode 100644
index 00000000..9d5986ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-align-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-align-top" viewBox="0 0 24 24"><path d="M13,15L15.5,17.5L16.92,16.08L12,11.16L7.08,16.08L8.5,17.5L11,15V21H13V15M3,3H21V5H3V3M3,7H13V9H3V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-minus.svg
new file mode 100644
index 00000000..3dd7bf88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-annotation-minus" viewBox="0 0 24 24"><path d="M10.5,7H8.5L3,21H5.2L6.3,18H12.5L13.6,21H16L10.5,7M7.1,16L9.5,9.7L11.9,16H7.1M22,7H14V5H22V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-plus.svg
new file mode 100644
index 00000000..5cd365a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-annotation-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-annotation-plus" viewBox="0 0 24 24"><path d="M8.5,7H10.5L16,21H13.6L12.5,18H6.3L5.2,21H3L8.5,7M7.1,16H11.9L9.5,9.7L7.1,16M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-bold.svg
new file mode 100644
index 00000000..fe5a40fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-bold" viewBox="0 0 24 24"><path d="M13.5,15.5H10V12.5H13.5A1.5,1.5 0 0,1 15,14A1.5,1.5 0 0,1 13.5,15.5M10,6.5H13A1.5,1.5 0 0,1 14.5,8A1.5,1.5 0 0,1 13,9.5H10M15.6,10.79C16.57,10.11 17.25,9 17.25,8C17.25,5.74 15.5,4 13.25,4H7V18H14.04C16.14,18 17.75,16.3 17.75,14.21C17.75,12.69 16.89,11.39 15.6,10.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-clear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-clear.svg
new file mode 100644
index 00000000..0210f5da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-clear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-clear" viewBox="0 0 24 24"><path d="M6,5V5.18L8.82,8H11.22L10.5,9.68L12.6,11.78L14.21,8H20V5H6M3.27,5L2,6.27L8.97,13.24L6.5,19H9.5L11.07,15.34L16.73,21L18,19.73L3.55,5.27L3.27,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-color-fill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-fill.svg
new file mode 100644
index 00000000..5d4aee51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-color-fill" viewBox="0 0 24 24"><path d="M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-color-highlight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-highlight.svg
new file mode 100644
index 00000000..3347fb52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-highlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-color-highlight" viewBox="0 0 24 24"><path d="M4,17L6.75,14.25L6.72,14.23C6.14,13.64 6.14,12.69 6.72,12.11L11.46,7.37L15.7,11.61L10.96,16.35C10.39,16.93 9.46,16.93 8.87,16.37L8.24,17H4M15.91,2.91C16.5,2.33 17.45,2.33 18.03,2.91L20.16,5.03C20.74,5.62 20.74,6.57 20.16,7.16L16.86,10.45L12.62,6.21L15.91,2.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-color-marker-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-marker-cancel.svg
new file mode 100644
index 00000000..580c8415
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-marker-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-color-marker-cancel" viewBox="0 0 24 24"><path d="M16.5 8C14 8 12 10 12 12.5S14 17 16.5 17 21 15 21 12.5 19 8 16.5 8M16.5 15.5C14.8 15.5 13.5 14.2 13.5 12.5C13.5 11.9 13.7 11.4 13.9 11L18 15.1C17.6 15.3 17.1 15.5 16.5 15.5M19.1 14L15 9.9C15.4 9.6 15.9 9.5 16.5 9.5C18.2 9.5 19.5 10.8 19.5 12.5C19.5 13.1 19.3 13.6 19.1 14M12.1 7.7L10.6 6.2L13.9 2.9C14.5 2.3 15.4 2.3 16 2.9L18.2 5C18.6 5.4 18.7 5.8 18.6 6.3C18 6.1 17.3 6 16.6 6C14.8 6 13.3 6.7 12.1 7.7M10.5 14.9L9 16.3C8.4 16.9 7.5 16.9 6.9 16.3L6.2 17H2L4.8 14.2C4.2 13.6 4.2 12.7 4.8 12.1L9.5 7.4L11.1 9C10.4 10 10 11.2 10 12.5C10 13.3 10.2 14.1 10.5 14.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-color-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-text.svg
new file mode 100644
index 00000000..111ce3dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-color-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-color-text" viewBox="0 0 24 24"><path d="M9.62,12L12,5.67L14.37,12M11,3L5.5,17H7.75L8.87,14H15.12L16.25,17H18.5L13,3H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-columns.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-columns.svg
new file mode 100644
index 00000000..34866160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-columns.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-columns" viewBox="0 0 24 24"><path d="M3,3H11V5H3V3M13,3H21V5H13V3M3,7H11V9H3V7M13,7H21V9H13V7M3,11H11V13H3V11M13,11H21V13H13V11M3,15H11V17H3V15M13,15H21V17H13V15M3,19H11V21H3V19M13,19H21V21H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-float-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-center.svg
new file mode 100644
index 00000000..86ef46fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-float-center" viewBox="0 0 24 24"><path d="M9,7H15V13H9V7M3,3H21V5H3V3M3,15H21V17H3V15M3,19H17V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-float-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-left.svg
new file mode 100644
index 00000000..e7bd4114
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-float-left" viewBox="0 0 24 24"><path d="M3,7H9V13H3V7M3,3H21V5H3V3M21,7V9H11V7H21M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-float-none.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-none.svg
new file mode 100644
index 00000000..ff2bc5ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-float-none" viewBox="0 0 24 24"><path d="M3,7H9V13H3V7M3,3H21V5H3V3M21,11V13H11V11H21M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-float-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-right.svg
new file mode 100644
index 00000000..e459cf2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-float-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-float-right" viewBox="0 0 24 24"><path d="M15,7H21V13H15V7M3,3H21V5H3V3M13,7V9H3V7H13M9,11V13H3V11H9M3,15H17V17H3V15M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-decrease.svg
new file mode 100644
index 00000000..7922f648
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-font-size-decrease" viewBox="0 0 24 24"><path d="M5.12,14L7.5,7.67L9.87,14M6.5,5L1,19H3.25L4.37,16H10.62L11.75,19H14L8.5,5H6.5M18,17L23,11.93L21.59,10.5L19,13.1V7H17V13.1L14.41,10.5L13,11.93L18,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-increase.svg
new file mode 100644
index 00000000..ddbb84a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-font-size-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-font-size-increase" viewBox="0 0 24 24"><path d="M5.12,14L7.5,7.67L9.87,14M6.5,5L1,19H3.25L4.37,16H10.62L11.75,19H14L8.5,5H6.5M18,7L13,12.07L14.41,13.5L17,10.9V17H19V10.9L21.59,13.5L23,12.07L18,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-font.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-font.svg
new file mode 100644
index 00000000..1d707b4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-font.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-font" viewBox="0 0 24 24"><path d="M17,8H20V20H21V21H17V20H18V17H14L12.5,20H14V21H10V20H11L17,8M18,9L14.5,16H18V9M5,3H10C11.11,3 12,3.89 12,5V16H9V11H6V16H3V5C3,3.89 3.89,3 5,3M6,5V9H9V5H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-1.svg
new file mode 100644
index 00000000..c0f1eb9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-1" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M14,18V16H16V6.31L13.5,7.75V5.44L16,4H18V16H20V18H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-2.svg
new file mode 100644
index 00000000..7811d362
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-2" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M21,18H15A2,2 0 0,1 13,16C13,15.47 13.2,15 13.54,14.64L18.41,9.41C18.78,9.05 19,8.55 19,8A2,2 0 0,0 17,6A2,2 0 0,0 15,8H13A4,4 0 0,1 17,4A4,4 0 0,1 21,8C21,9.1 20.55,10.1 19.83,10.83L15,16H21V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-3.svg
new file mode 100644
index 00000000..b43fd3e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-3" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V15H15V16H19V12H15V10H19V6H15V7H13V6A2,2 0 0,1 15,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-4.svg
new file mode 100644
index 00000000..4d97cedd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-4" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M18,18V13H13V11L18,4H20V11H21V13H20V18H18M18,11V7.42L15.45,11H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-5.svg
new file mode 100644
index 00000000..d346282a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-5" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H20V6H15V10H17A4,4 0 0,1 21,14A4,4 0 0,1 17,18H15A2,2 0 0,1 13,16V15H15V16H17A2,2 0 0,0 19,14A2,2 0 0,0 17,12H15A2,2 0 0,1 13,10V6A2,2 0 0,1 15,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-6.svg
new file mode 100644
index 00000000..98aa64cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-6" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M15,4H19A2,2 0 0,1 21,6V7H19V6H15V10H19A2,2 0 0,1 21,12V16A2,2 0 0,1 19,18H15A2,2 0 0,1 13,16V6A2,2 0 0,1 15,4M15,12V16H19V12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-decrease.svg
new file mode 100644
index 00000000..b39ac01c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-decrease" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M20.42,7.41L16.83,11L20.42,14.59L19,16L14,11L19,6L20.42,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-equal.svg
new file mode 100644
index 00000000..a604b33e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-equal" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M14,10V8H21V10H14M14,12H21V14H14V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-increase.svg
new file mode 100644
index 00000000..ef5734dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-increase" viewBox="0 0 24 24"><path d="M4,4H6V10H10V4H12V18H10V12H6V18H4V4M14.59,7.41L18.17,11L14.59,14.59L16,16L21,11L16,6L14.59,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-header-pound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-pound.svg
new file mode 100644
index 00000000..643c76ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-header-pound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-header-pound" viewBox="0 0 24 24"><path d="M3,4H5V10H9V4H11V18H9V12H5V18H3V4M13,8H15.31L15.63,5H17.63L17.31,8H19.31L19.63,5H21.63L21.31,8H23V10H21.1L20.9,12H23V14H20.69L20.37,17H18.37L18.69,14H16.69L16.37,17H14.37L14.69,14H13V12H14.9L15.1,10H13V8M17.1,10L16.9,12H18.9L19.1,10H17.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-center.svg
new file mode 100644
index 00000000..e2aec9ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-horizontal-align-center" viewBox="0 0 24 24"><path d="M19,16V13H23V11H19V8L15,12L19,16M5,8V11H1V13H5V16L9,12L5,8M11,20H13V4H11V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-left.svg
new file mode 100644
index 00000000..88d376b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-horizontal-align-left" viewBox="0 0 24 24"><path d="M11,16V13H21V11H11V8L7,12L11,16M3,20H5V4H3V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-right.svg
new file mode 100644
index 00000000..d37149d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-horizontal-align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-horizontal-align-right" viewBox="0 0 24 24"><path d="M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-decrease.svg
new file mode 100644
index 00000000..89840e0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-indent-decrease" viewBox="0 0 24 24"><path d="M11,13H21V11H11M11,9H21V7H11M3,3V5H21V3M3,21H21V19H3M3,12L7,16V8M11,17H21V15H11V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-increase.svg
new file mode 100644
index 00000000..f5fd9df4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-indent-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-indent-increase" viewBox="0 0 24 24"><path d="M11,13H21V11H11M11,9H21V7H11M3,3V5H21V3M11,17H21V15H11M3,8V16L7,12M3,21H21V19H3V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-italic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-italic.svg
new file mode 100644
index 00000000..aa298230
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-italic" viewBox="0 0 24 24"><path d="M10,4V7H12.21L8.79,15H6V18H14V15H11.79L15.21,7H18V4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-lower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-lower.svg
new file mode 100644
index 00000000..b7bf81e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-lower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-case-lower" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M22,20V22H14.5V20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-upper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-upper.svg
new file mode 100644
index 00000000..decdbd9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case-upper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-case-upper" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6M2,20H13V22H2V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case.svg
new file mode 100644
index 00000000..198b9fbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-case.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-case" viewBox="0 0 24 24"><path d="M20.06,18C20,17.83 19.91,17.54 19.86,17.11C19.19,17.81 18.38,18.16 17.45,18.16C16.62,18.16 15.93,17.92 15.4,17.45C14.87,17 14.6,16.39 14.6,15.66C14.6,14.78 14.93,14.1 15.6,13.61C16.27,13.12 17.21,12.88 18.43,12.88H19.83V12.24C19.83,11.75 19.68,11.36 19.38,11.07C19.08,10.78 18.63,10.64 18.05,10.64C17.53,10.64 17.1,10.76 16.75,11C16.4,11.25 16.23,11.54 16.23,11.89H14.77C14.77,11.46 14.92,11.05 15.22,10.65C15.5,10.25 15.93,9.94 16.44,9.71C16.95,9.5 17.5,9.36 18.13,9.36C19.11,9.36 19.87,9.6 20.42,10.09C20.97,10.58 21.26,11.25 21.28,12.11V16C21.28,16.8 21.38,17.42 21.58,17.88V18H20.06M17.66,16.88C18.11,16.88 18.54,16.77 18.95,16.56C19.35,16.35 19.65,16.07 19.83,15.73V14.16H18.7C16.93,14.16 16.04,14.63 16.04,15.57C16.04,16 16.19,16.3 16.5,16.53C16.8,16.76 17.18,16.88 17.66,16.88M5.46,13.71H9.53L7.5,8.29L5.46,13.71M6.64,6H8.36L13.07,18H11.14L10.17,15.43H4.82L3.86,18H1.93L6.64,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-ends-with.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-ends-with.svg
new file mode 100644
index 00000000..615aab6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-ends-with.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-ends-with" viewBox="0 0 24 24"><path d="M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20 14V18H2V20H22V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-matches.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-matches.svg
new file mode 100644
index 00000000..5359ba09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-matches.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-matches" viewBox="0 0 24 24"><path d="M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M20 14V18H4V15H2V20H22V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing-variant.svg
new file mode 100644
index 00000000..c180133d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-spacing-variant" viewBox="0 0 24 24"><path d="M22 3V21H20V3H22M4 3V21H2V3H4M10 13.7H14L12 8.3L10 13.7M11.2 6H12.9L17.6 18H15.6L14.7 15.4H9.4L8.5 18H6.5L11.2 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing.svg
new file mode 100644
index 00000000..9b2b980a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-spacing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-spacing" viewBox="0 0 24 24"><path d="M14.4 10.7H18.5L16.5 5.3L14.4 10.7M15.6 3H17.3L22 15H20.1L19.1 12.4H13.7L12.7 15H10.8L15.6 3M11.2 3H13.1L8.4 15H6.7L2 3H3.9L7.5 12.7M19 22V20H5V22L2 19L5 16V18H19V16L22 19L19 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-starts-with.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-starts-with.svg
new file mode 100644
index 00000000..eafcf7a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-letter-starts-with.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-letter-starts-with" viewBox="0 0 24 24"><path d="M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M4 18V15H2V20H22V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-line-height.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-height.svg
new file mode 100644
index 00000000..34da4ce4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-height.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-line-height" viewBox="0 0 24 24"><path d="M21 22H3V20H21V22M21 4H3V2H21V4M10 13.7H14L12 8.3L10 13.7M11.2 6H12.9L17.6 18H15.6L14.7 15.4H9.4L8.5 18H6.5L11.2 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-line-spacing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-spacing.svg
new file mode 100644
index 00000000..80fc706f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-spacing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-line-spacing" viewBox="0 0 24 24"><path d="M10,13H22V11H10M10,19H22V17H10M10,7H22V5H10M6,7H8.5L5,3.5L1.5,7H4V17H1.5L5,20.5L8.5,17H6V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-line-style.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-style.svg
new file mode 100644
index 00000000..6759e5fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-style.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-line-style" viewBox="0 0 24 24"><path d="M3,16H8V14H3V16M9.5,16H14.5V14H9.5V16M16,16H21V14H16V16M3,20H5V18H3V20M7,20H9V18H7V20M11,20H13V18H11V20M15,20H17V18H15V20M19,20H21V18H19V20M3,12H11V10H3V12M13,12H21V10H13V12M3,4V8H21V4H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-line-weight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-weight.svg
new file mode 100644
index 00000000..8321def4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-line-weight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-line-weight" viewBox="0 0 24 24"><path d="M3,17H21V15H3V17M3,20H21V19H3V20M3,13H21V10H3V13M3,4V8H21V4H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-square.svg
new file mode 100644
index 00000000..462acd0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-bulleted-square" viewBox="0 0 24 24"><path d="M3,4H7V8H3V4M9,5V7H21V5H9M3,10H7V14H3V10M9,11V13H21V11H9M3,16H7V20H3V16M9,17V19H21V17H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-triangle.svg
new file mode 100644
index 00000000..5e358575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-bulleted-triangle" viewBox="0 0 24 24"><path d="M5,15.5L7.5,20H2.5L5,15.5M9,19H21V17H9V19M5,9.5L7.5,14H2.5L5,9.5M9,13H21V11H9V13M5,3.5L7.5,8H2.5L5,3.5M9,7H21V5H9V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-type.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-type.svg
new file mode 100644
index 00000000..1034f814
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted-type.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-bulleted-type" viewBox="0 0 24 24"><path d="M5,9.5L7.5,14H2.5L5,9.5M3,4H7V8H3V4M5,20A2,2 0 0,0 7,18A2,2 0 0,0 5,16A2,2 0 0,0 3,18A2,2 0 0,0 5,20M9,5V7H21V5H9M9,19H21V17H9V19M9,13H21V11H9V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted.svg
new file mode 100644
index 00000000..10c3879a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-bulleted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-bulleted" viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checkbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checkbox.svg
new file mode 100644
index 00000000..218dfcf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checkbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-checkbox" viewBox="0 0 24 24"><path d="M21,19V17H8V19H21M21,13V11H8V13H21M8,7H21V5H8V7M4,5V7H6V5H4M3,5A1,1 0 0,1 4,4H6A1,1 0 0,1 7,5V7A1,1 0 0,1 6,8H4A1,1 0 0,1 3,7V5M4,11V13H6V11H4M3,11A1,1 0 0,1 4,10H6A1,1 0 0,1 7,11V13A1,1 0 0,1 6,14H4A1,1 0 0,1 3,13V11M4,17V19H6V17H4M3,17A1,1 0 0,1 4,16H6A1,1 0 0,1 7,17V19A1,1 0 0,1 6,20H4A1,1 0 0,1 3,19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checks.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checks.svg
new file mode 100644
index 00000000..f2df5763
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-checks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-checks" viewBox="0 0 24 24"><path d="M3,5H9V11H3V5M5,7V9H7V7H5M11,7H21V9H11V7M11,15H21V17H11V15M5,20L1.5,16.5L2.91,15.09L5,17.17L9.59,12.59L11,14L5,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group-plus.svg
new file mode 100644
index 00000000..1b34a5d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-group-plus" viewBox="0 0 24 24"><path d="M17 14V17H14V19H17V22H19V19H22V17H19V14M20 11V12.3C19.4 12.1 18.7 12 18 12C16.8 12 15.6 12.4 14.7 13H7V11H20M12.1 17H7V15H12.8C12.5 15.6 12.2 16.3 12.1 17M7 7H20V9H7V7M5 19H7V21H3V3H7V5H5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group.svg
new file mode 100644
index 00000000..d748e101
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-group" viewBox="0 0 24 24"><path d="M5 5V19H7V21H3V3H7V5H5M20 7H7V9H20V7M20 11H7V13H20V11M20 15H7V17H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered-rtl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered-rtl.svg
new file mode 100644
index 00000000..56f2eb9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered-rtl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-numbered-rtl" viewBox="0 0 24 24"><path d="M3,13V11H17V13H3M3,19V17H17V19H3M3,7V5H17V7H3M20,8V5H19V4H21V8H20M19,17V16H22V20H19V19H21V18.5H20V17.5H21V17H19M21.25,10C21.67,10 22,10.34 22,10.75C22,10.95 21.92,11.14 21.79,11.27L20.12,13H22V14H19V13.08L21,11H19V10H21.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered.svg
new file mode 100644
index 00000000..6899badd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-numbered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-numbered" viewBox="0 0 24 24"><path d="M7,13V11H21V13H7M7,19V17H21V19H7M7,7V5H21V7H7M3,8V5H2V4H4V8H3M2,17V16H5V20H2V19H4V18.5H3V17.5H4V17H2M4.25,10A0.75,0.75 0 0,1 5,10.75C5,10.95 4.92,11.14 4.79,11.27L3.12,13H5V14H2V13.08L4,11H2V10H4.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-list-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-text.svg
new file mode 100644
index 00000000..8276dd2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-list-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-list-text" viewBox="0 0 24 24"><path d="M2 14H8V20H2M16 8H10V10H16M2 10H8V4H2M10 4V6H22V4M10 20H16V18H10M10 16H22V14H10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-overline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-overline.svg
new file mode 100644
index 00000000..06c5c440
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-overline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-overline" viewBox="0 0 24 24"><path d="M5,5H19V3H5V5M9.62,16L12,9.67L14.37,16M11,7L5.5,21H7.75L8.87,18H15.12L16.25,21H18.5L13,7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-page-break.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-page-break.svg
new file mode 100644
index 00000000..aee31d5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-page-break.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-page-break" viewBox="0 0 24 24"><path d="M18,20H6V18H4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V18H18V20M14,2H6A2,2 0 0,0 4,4V12H6V4H14V8H18V12H20V8L14,2M11,16H8V14H11V16M16,16H13V14H16V16M3,14H6V16H3V14M21,16H18V14H21V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-page-split.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-page-split.svg
new file mode 100644
index 00000000..75b91638
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-page-split.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-page-split" viewBox="0 0 24 24"><path d="M11 11V7H13V11H11M13 1V5H11V1H13M11 17V13H13V17H11M9 20H6V4H9V2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H9V20M15 3V8H18V20H15V22H18C19.11 22 20 21.11 20 20V8L15 3M13 19H11V23H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-paint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-paint.svg
new file mode 100644
index 00000000..356147db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-paint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-paint" viewBox="0 0 24 24"><path d="M18,4V3A1,1 0 0,0 17,2H5A1,1 0 0,0 4,3V7A1,1 0 0,0 5,8H17A1,1 0 0,0 18,7V6H19V10H9V21A1,1 0 0,0 10,22H12A1,1 0 0,0 13,21V12H21V4H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph-spacing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph-spacing.svg
new file mode 100644
index 00000000..34a719dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph-spacing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-paragraph-spacing" viewBox="0 0 24 24"><path d="M3 17H21V19H3V17M3 2H21V4H3V2M3 20H21V22H3V20M13 8H15L12 5L9 8H11V13H9L12 16L15 13H13V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph.svg
new file mode 100644
index 00000000..af493ef9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-paragraph.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-paragraph" viewBox="0 0 24 24"><path d="M13,4A4,4 0 0,1 17,8A4,4 0 0,1 13,12H11V18H9V4H13M13,10A2,2 0 0,0 15,8A2,2 0 0,0 13,6H11V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-left.svg
new file mode 100644
index 00000000..970d65b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-pilcrow-arrow-left" viewBox="0 0 24 24"><path d="M8,17V14L4,18L8,22V19H20V17M10,10V15H12V4H14V15H16V4H18V2H10A4,4 0 0,0 6,6A4,4 0 0,0 10,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-right.svg
new file mode 100644
index 00000000..da942b4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-pilcrow-arrow-right" viewBox="0 0 24 24"><path d="M21,18L17,14V17H5V19H17V22M9,10V15H11V4H13V15H15V4H17V2H9A4,4 0 0,0 5,6A4,4 0 0,0 9,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow.svg
new file mode 100644
index 00000000..c1959ed7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-pilcrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-pilcrow" viewBox="0 0 24 24"><path d="M10,11A4,4 0 0,1 6,7A4,4 0 0,1 10,3H18V5H16V21H14V5H12V21H10V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close-outline.svg
new file mode 100644
index 00000000..565a2fdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-quote-close-outline" viewBox="0 0 24 24"><path d="M13 6V14H14.88L12.88 18H18.62L21 13.24V6M15 8H19V12.76L17.38 16H16.12L18.12 12H15M3 6V14H4.88L2.88 18H8.62L11 13.24V6M5 8H9V12.76L7.38 16H6.12L8.12 12H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close.svg
new file mode 100644
index 00000000..b4010c9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-quote-close" viewBox="0 0 24 24"><path d="M14,17H17L19,13V7H13V13H16M6,17H9L11,13V7H5V13H8L6,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open-outline.svg
new file mode 100644
index 00000000..9a48999a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-quote-open-outline" viewBox="0 0 24 24"><path d="M11 18V10H9.12L11.12 6H5.38L3 10.76V18M9 16H5V11.24L6.62 8H7.88L5.88 12H9M21 18V10H19.12L21.12 6H15.38L13 10.76V18M19 16H15V11.24L16.62 8H17.88L15.88 12H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open.svg
new file mode 100644
index 00000000..7bc0a324
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-quote-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-quote-open" viewBox="0 0 24 24"><path d="M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-rotate-90.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-rotate-90.svg
new file mode 100644
index 00000000..12fff008
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-rotate-90.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-rotate-90" viewBox="0 0 24 24"><path d="M7.34,6.41L0.86,12.9L7.35,19.38L13.84,12.9L7.34,6.41M3.69,12.9L7.35,9.24L11,12.9L7.34,16.56L3.69,12.9M19.36,6.64C17.61,4.88 15.3,4 13,4V0.76L8.76,5L13,9.24V6C14.79,6 16.58,6.68 17.95,8.05C20.68,10.78 20.68,15.22 17.95,17.95C16.58,19.32 14.79,20 13,20C12.03,20 11.06,19.79 10.16,19.39L8.67,20.88C10,21.62 11.5,22 13,22C15.3,22 17.61,21.12 19.36,19.36C22.88,15.85 22.88,10.15 19.36,6.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-section.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-section.svg
new file mode 100644
index 00000000..ea811372
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-section.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-section" viewBox="0 0 24 24"><path d="M15.67,4.42C14.7,3.84 13.58,3.54 12.45,3.56C10.87,3.56 9.66,4.34 9.66,5.56C9.66,6.96 11,7.47 13,8.14C15.5,8.95 17.4,9.97 17.4,12.38C17.36,13.69 16.69,14.89 15.6,15.61C16.25,16.22 16.61,17.08 16.6,17.97C16.6,20.79 14,21.97 11.5,21.97C10.04,22.03 8.59,21.64 7.35,20.87L8,19.34C9.04,20.05 10.27,20.43 11.53,20.44C13.25,20.44 14.53,19.66 14.53,18.24C14.53,17 13.75,16.31 11.25,15.45C8.5,14.5 6.6,13.5 6.6,11.21C6.67,9.89 7.43,8.69 8.6,8.07C7.97,7.5 7.61,6.67 7.6,5.81C7.6,3.45 9.77,2 12.53,2C13.82,2 15.09,2.29 16.23,2.89L15.67,4.42M11.35,13.42C12.41,13.75 13.44,14.18 14.41,14.71C15.06,14.22 15.43,13.45 15.41,12.64C15.41,11.64 14.77,10.76 13,10.14C11.89,9.77 10.78,9.31 9.72,8.77C8.97,9.22 8.5,10.03 8.5,10.91C8.5,11.88 9.23,12.68 11.35,13.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-size.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-size.svg
new file mode 100644
index 00000000..6b688b36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-size.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-size" viewBox="0 0 24 24"><path d="M2 4V7H7V19H10V7H15V4H2M21 9H12V12H15V19H18V12H21V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough-variant.svg
new file mode 100644
index 00000000..d7871734
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-strikethrough-variant" viewBox="0 0 24 24"><path d="M23,12V14H18.61C19.61,16.14 19.56,22 12.38,22C4.05,22.05 4.37,15.5 4.37,15.5L8.34,15.55C8.37,18.92 11.5,18.92 12.12,18.88C12.76,18.83 15.15,18.84 15.34,16.5C15.42,15.41 14.32,14.58 13.12,14H1V12H23M19.41,7.89L15.43,7.86C15.43,7.86 15.6,5.09 12.15,5.08C8.7,5.06 9,7.28 9,7.56C9.04,7.84 9.34,9.22 12,9.88H5.71C5.71,9.88 2.22,3.15 10.74,2C19.45,0.8 19.43,7.91 19.41,7.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough.svg
new file mode 100644
index 00000000..1274ae75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-strikethrough.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-strikethrough" viewBox="0 0 24 24"><path d="M3,14H21V12H3M5,4V7H10V10H14V7H19V4M10,19H14V16H10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-subscript.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-subscript.svg
new file mode 100644
index 00000000..f1be70d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-subscript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-subscript" viewBox="0 0 24 24"><path d="M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,21.03H16.97V20.03L17.86,19.23C18.62,18.58 19.18,18.04 19.56,17.6C19.93,17.16 20.12,16.75 20.13,16.36C20.14,16.08 20.05,15.85 19.86,15.66C19.68,15.5 19.39,15.38 19,15.38C18.69,15.38 18.42,15.44 18.16,15.56L17.5,15.94L17.05,14.77C17.32,14.56 17.64,14.38 18.03,14.24C18.42,14.1 18.85,14 19.32,14C20.1,14.04 20.7,14.25 21.1,14.66C21.5,15.07 21.72,15.59 21.72,16.23C21.71,16.79 21.53,17.31 21.18,17.78C20.84,18.25 20.42,18.7 19.91,19.14L19.27,19.66V19.68H21.85V21.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-superscript.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-superscript.svg
new file mode 100644
index 00000000..bfeb6703
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-superscript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-superscript" viewBox="0 0 24 24"><path d="M16,7.41L11.41,12L16,16.59L14.59,18L10,13.41L5.41,18L4,16.59L8.59,12L4,7.41L5.41,6L10,10.59L14.59,6L16,7.41M21.85,9H16.97V8L17.86,7.18C18.62,6.54 19.18,6 19.56,5.55C19.93,5.11 20.12,4.7 20.13,4.32C20.14,4.04 20.05,3.8 19.86,3.62C19.68,3.43 19.39,3.34 19,3.33C18.69,3.34 18.42,3.4 18.16,3.5L17.5,3.89L17.05,2.72C17.32,2.5 17.64,2.33 18.03,2.19C18.42,2.05 18.85,2 19.32,2C20.1,2 20.7,2.2 21.1,2.61C21.5,3 21.72,3.54 21.72,4.18C21.71,4.74 21.53,5.26 21.18,5.73C20.84,6.21 20.42,6.66 19.91,7.09L19.27,7.61V7.63H21.85V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-down.svg
new file mode 100644
index 00000000..80c80bef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-angle-down" viewBox="0 0 24 24"><path d="M14.25 21H10.03L11.44 19.59L2.58 10.73L4.03 9.33L12.84 18.19L14.25 16.78M12.61 8L15.23 10.64L17.43 5.77M19.41 4.92L14.95 16.03L13.5 14.58L14.39 12.38L10.88 8.81L8.68 9.75L7.22 8.25L18.33 3.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-up.svg
new file mode 100644
index 00000000..24f8fd83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-angle-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-angle-up" viewBox="0 0 24 24"><path d="M20.58 9.33V13.55L19.17 12.14L10.31 21L8.91 19.59L17.72 10.73L16.31 9.33M7.59 11L10.22 8.39L5.34 6.14M4.5 4.22L15.61 8.63L14.16 10.13L11.96 9.19L8.39 12.75L9.33 14.91L7.83 16.41L3.42 5.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down-vertical.svg
new file mode 100644
index 00000000..7583dadf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-down-vertical" viewBox="0 0 24 24"><path d="M15.25 4H13.75L9 15H11.1L12 12.8H17L17.9 15H20L15.25 4M12.63 11L14.5 6L16.37 11H12.63M5 17.5L8 14.5H6V2H4V14.5H2L5 17.5M22 20L19 17V19H6.5V21H19V23L22 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down.svg
new file mode 100644
index 00000000..017b15f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-down" viewBox="0 0 24 24"><path d="M6,19.73L3,16.73H5V4.27H7V16.73H9L6,19.73M14,9.38V13.13L19.03,11.25L14,9.38M21,12L10,16.73V14.67L12.19,13.73V8.77L10,7.83V5.77L21,10.5V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-none.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-none.svg
new file mode 100644
index 00000000..bf49ea19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-none" viewBox="0 0 24 24"><path d="M20.5,18L17.5,21V19H5V17H17.5V15L20.5,18M10.13,10H13.88L12,4.97L10.13,10M12.75,3L17.5,14H15.42L14.5,11.81H9.5L8.58,14H6.5L11.25,3H12.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-up.svg
new file mode 100644
index 00000000..089fcc8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-up" viewBox="0 0 24 24"><path d="M3 12V13.5L14 18.25V16.15L11.8 15.25V10.25L14 9.35V7.25L3 12M10 14.62L5 12.75L10 10.88V14.62M18 4.25L15 7.25H17V19.75H19V7.25H21L18 4.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-vertical.svg
new file mode 100644
index 00000000..275ae48d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-rotation-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-rotation-vertical" viewBox="0 0 24 24"><path d="M15.75 5H14.25L9.5 16H11.6L12.5 13.8H17.5L18.4 16H20.5L15.75 5M13.13 12L15 7L16.87 12H13.13M6 19.75L9 16.75H7V4.25H5V16.75H3L6 19.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant-outline.svg
new file mode 100644
index 00000000..1e70a0fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-variant-outline" viewBox="0 0 24 24"><path d="M11 3C10.18 3 9.44 3.5 9.14 4.27L3.64 18.27C3.12 19.58 4.09 21 5.5 21H7.75C8.59 21 9.33 20.5 9.62 19.7L10.26 18H13.74L14.38 19.7C14.67 20.5 15.42 21 16.25 21H18.5C19.91 21 20.88 19.58 20.36 18.27L14.86 4.27C14.56 3.5 13.82 3 13 3M11 5H13L18.5 19H16.25L15.12 16H8.87L7.75 19H5.5M12 7.67L9.62 14H14.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant.svg
new file mode 100644
index 00000000..c2f5d186
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-variant" viewBox="0 0 24 24"><path d="M9.6,14L12,7.7L14.4,14M11,5L5.5,19H7.7L8.8,16H15L16.1,19H18.3L13,5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-clip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-clip.svg
new file mode 100644
index 00000000..c7b3f63b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-clip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-wrapping-clip" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M17,3V11H9V13H17V21H19V3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-overflow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-overflow.svg
new file mode 100644
index 00000000..25405097
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-overflow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-wrapping-overflow" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M14,3H12V9H14V3M14,15H12V21H14V15M19,12L16,9V11H9V13H16V15L19,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-wrap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-wrap.svg
new file mode 100644
index 00000000..8f468e4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text-wrapping-wrap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text-wrapping-wrap" viewBox="0 0 24 24"><path d="M7,21H5V3H7V21M19,3H17V21H19V3M13,8H9V10H12.97C13.14,10 14,10.16 14,12C14,13.84 13.14,14 13,14H11V12L8,15L11,18V16H13C14.04,16 16,15.16 16,12C16,8.84 14.04,8 13,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-text.svg
new file mode 100644
index 00000000..563e479e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-text" viewBox="0 0 24 24"><path d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-textbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-textbox.svg
new file mode 100644
index 00000000..a49c9fbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-textbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-textbox" viewBox="0 0 24 24"><path d="M21,7V3H17V4H7V3H3V7H4V17H3V21H7V20H17V21H21V17H20V7H21M18,4H20V6H18V4M4,4H6V6H4V4M6,20H4V18H6V20M20,20H18V18H20V20M18,17H17V18H7V17H6V7H7V6H17V7H18V17M16,8V10H13V16H11V10H8V8H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-title.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-title.svg
new file mode 100644
index 00000000..2444d8c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-title.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-title" viewBox="0 0 24 24"><path d="M5,4V7H10.5V19H13.5V7H19V4H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-underline-wavy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-underline-wavy.svg
new file mode 100644
index 00000000..b82327fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-underline-wavy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-underline-wavy" viewBox="0 0 24 24"><path d="M12 17C15.31 17 18 14.31 18 11V3H15.5V11C15.5 12.93 13.93 14.5 12 14.5S8.5 12.93 8.5 11V3H6V11C6 14.31 8.69 17 12 17M20 22C18.6 22 17.8 21.3 17.3 20.7C16.8 20.2 16.6 20 16 20S15.2 20.2 14.7 20.7C14.2 21.3 13.4 22 12 22S9.8 21.3 9.3 20.7C8.8 20.2 8.6 20 8 20S7.2 20.2 6.7 20.7C6.2 21.3 5.4 22 4 22V20C4.6 20 4.8 19.8 5.3 19.3C5.8 18.7 6.6 18 8 18S10.2 18.7 10.7 19.3C11.2 19.8 11.4 20 12 20S12.8 19.8 13.3 19.3C13.8 18.7 14.6 18 16 18S18.2 18.7 18.7 19.3C19.2 19.8 19.4 20 20 20V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-underline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-underline.svg
new file mode 100644
index 00000000..641f0e75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-underline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-underline" viewBox="0 0 24 24"><path d="M5,21H19V19H5V21M12,17A6,6 0 0,0 18,11V3H15.5V11A3.5,3.5 0 0,1 12,14.5A3.5,3.5 0 0,1 8.5,11V3H6V11A6,6 0 0,0 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-bottom.svg
new file mode 100644
index 00000000..c40bcb32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-vertical-align-bottom" viewBox="0 0 24 24"><path d="M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-center.svg
new file mode 100644
index 00000000..78272d20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-vertical-align-center" viewBox="0 0 24 24"><path d="M8,19H11V23H13V19H16L12,15L8,19M16,5H13V1H11V5H8L12,9L16,5M4,11V13H20V11H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-top.svg
new file mode 100644
index 00000000..da219214
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-vertical-align-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-vertical-align-top" viewBox="0 0 24 24"><path d="M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-inline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-inline.svg
new file mode 100644
index 00000000..a9386cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-inline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-wrap-inline" viewBox="0 0 24 24"><path d="M8,7L13,17H3L8,7M3,3H21V5H3V3M21,15V17H14V15H21M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-square.svg
new file mode 100644
index 00000000..4217b75c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-wrap-square" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,7H6V9H3V7M21,7V9H18V7H21M3,11H6V13H3V11M21,11V13H18V11H21M3,15H6V17H3V15M21,15V17H18V15H21M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-tight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-tight.svg
new file mode 100644
index 00000000..241e7f11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-tight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-wrap-tight" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,7H9V9H3V7M21,7V9H15V7H21M3,11H7V13H3V11M21,11V13H17V11H21M3,15H6V17H3V15M21,15V17H18V15H21M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-top-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-top-bottom.svg
new file mode 100644
index 00000000..ad1e1afd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/format-wrap-top-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-format-wrap-top-bottom" viewBox="0 0 24 24"><path d="M12,7L17,17H7L12,7M3,3H21V5H3V3M3,19H21V21H3V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus-outline.svg
new file mode 100644
index 00000000..e545998f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-minus-outline" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M15 11H5.2L4 12.2V4H15V11M22 17V19H14V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus.svg
new file mode 100644
index 00000000..2475cfff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-minus" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M22 17V19H14V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-outline.svg
new file mode 100644
index 00000000..0849c6ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-outline" viewBox="0 0 24 24"><path d="M15,4V11H5.17L4,12.17V4H15M16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12V3A1,1 0 0,0 16,2M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus-outline.svg
new file mode 100644
index 00000000..22837114
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-plus-outline" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M15 11H5.2L4 12.2V4H15V11M17 14H19V17H22V19H19V22H17V19H14V17H17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus.svg
new file mode 100644
index 00000000..caca0e33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-plus" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M17 14H19V17H22V19H19V22H17V19H14V17H17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove-outline.svg
new file mode 100644
index 00000000..69c49d2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-remove-outline" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M15 11H5.2L4 12.2V4H15V11M20.12 14.46L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove.svg
new file mode 100644
index 00000000..22497d88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum-remove" viewBox="0 0 24 24"><path d="M21 6H19V12.1C20.2 12.3 21.2 12.8 22 13.5V7C22 6.5 21.5 6 21 6M6 17C6 17.5 6.5 18 7 18H12C12 16.9 12.3 15.9 12.8 15H6V17M16 2H3C2.5 2 2 2.5 2 3V17L6 13H14.7C15.4 12.5 16.2 12.2 17 12.1V3C17 2.5 16.5 2 16 2M20.12 14.46L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forum.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forum.svg
new file mode 100644
index 00000000..4a9671c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forum" viewBox="0 0 24 24"><path d="M17,12V3A1,1 0 0,0 16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forward.svg
new file mode 100644
index 00000000..7df7b977
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forward" viewBox="0 0 24 24"><path d="M12,8V4L20,12L12,20V16H4V8H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/forwardburger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/forwardburger.svg
new file mode 100644
index 00000000..87e141fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/forwardburger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-forwardburger" viewBox="0 0 24 24"><path d="M19,13H3V11H19L15,7L16.4,5.6L22.8,12L16.4,18.4L15,17L19,13M3,6H13V8H3V6M13,16V18H3V16H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen-tip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen-tip.svg
new file mode 100644
index 00000000..d39c56ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen-tip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fountain-pen-tip" viewBox="0 0 24 24"><path d="M15.54,3.5L20.5,8.47L19.07,9.88L14.12,4.93L15.54,3.5M3.5,19.78L10,13.31C9.9,13 9.97,12.61 10.23,12.35C10.62,11.96 11.26,11.96 11.65,12.35C12.04,12.75 12.04,13.38 11.65,13.77C11.39,14.03 11,14.1 10.69,14L4.22,20.5L14.83,16.95L18.36,10.59L13.42,5.64L7.05,9.17L3.5,19.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen.svg
new file mode 100644
index 00000000..24476672
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fountain-pen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fountain-pen" viewBox="0 0 24 24"><path d="M6.95,14.93L11.19,9.27L19.68,2.2C20.07,1.81 20.72,1.81 21.09,2.2L21.8,2.91C22.19,3.28 22.19,3.93 21.8,4.32L14.73,12.81L9.07,17.05L6.95,14.93M8.36,17.76L6.24,15.64L3.41,17.05L2,21.29L4.12,19.17C4.32,19 4.63,19 4.83,19.17C5,19.37 5,19.68 4.83,19.88L2.71,22L6.95,20.59L8.36,17.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fountain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fountain.svg
new file mode 100644
index 00000000..00468182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fountain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fountain" viewBox="0 0 24 24"><path d="M7.5,2C4.47,2 2,4.46 2,7.5V7.5L2,8H4V7.5A3.5,3.5 0 0,1 7.5,4C9,4 10.26,4.93 10.76,6.24C10.37,6.08 9.95,6 9.5,6C8.11,6 6.9,6.82 6.34,8L8.08,9C8.29,8.42 8.85,8 9.5,8A1.5,1.5 0 0,1 11,9.5V11H13V9.5A1.5,1.5 0 0,1 14.5,8C15.16,8 15.71,8.42 15.92,9L17.66,8C17.1,6.82 15.9,6 14.5,6C14.05,6 13.63,6.08 13.24,6.24C13.74,4.93 15,4 16.5,4A3.5,3.5 0 0,1 20,7.5V8H22V7.5H22A5.5,5.5 0 0,0 16.5,2C14.64,2 13,2.93 12,4.34C11,2.93 9.36,2 7.5,2M6,12V14H7.42C7.92,15.15 8.85,16.07 10,16.57C10,17.38 10,18.19 10,19H2C2,19 2.82,20.23 3.41,21.11C3.78,21.67 4.4,22 5.07,22H18.93C19.6,22 20.22,21.67 20.59,21.11L22,19H14C14,18.19 14,17.38 14,16.57C15.15,16.07 16.08,15.15 16.58,14H18V12H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fraction-one-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fraction-one-half.svg
new file mode 100644
index 00000000..c7506067
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fraction-one-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fraction-one-half" viewBox="0 0 24 24"><path d="M5.79 21.61L4.21 20.39L18.21 2.39L19.79 3.61L5.79 21.61M4 2V4H6V12H8V2H4M15 12V14H19V16H17C15.9 16 15 16.9 15 18V22H21V20H17V18H19C20.11 18 21 17.11 21 16V14C21 12.9 20.11 12 19 12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/freebsd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/freebsd.svg
new file mode 100644
index 00000000..2c7adebb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/freebsd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-freebsd" viewBox="0 0 24 24"><path d="M2.69,2C3.54,1.95 6.08,3.16 6.13,3.19C4.84,4 3.74,5.09 2.91,6.38C2.09,4.81 1.34,2.91 2,2.25C2.17,2.08 2.4,2 2.69,2M20.84,2.13C21.25,2.08 21.58,2.14 21.78,2.34C22.85,3.42 19.88,8.15 19.38,8.66C18.87,9.16 17.57,8.7 16.5,7.63C15.43,6.55 14.97,5.26 15.47,4.75C15.88,4.34 19.09,2.3 20.84,2.13M12,2.56C13.29,2.56 14.53,2.82 15.66,3.28C15.17,3.6 14.81,3.85 14.69,3.97C13.7,4.96 14.14,6.83 15.72,8.41C16.7,9.38 17.84,9.97 18.78,9.97C19.46,9.97 19.92,9.68 20.16,9.44C20.33,9.27 20.6,8.88 20.91,8.41C21.42,9.59 21.69,10.88 21.69,12.25C21.69,17.61 17.36,21.97 12,21.97C6.64,21.97 2.31,17.61 2.31,12.25C2.31,6.89 6.64,2.56 12,2.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/french-fries.svg b/apps/phoenix_webcomponent/priv/mdi/svg/french-fries.svg
new file mode 100644
index 00000000..03e3b848
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/french-fries.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-french-fries" viewBox="0 0 24 24"><path d="M18 11V6H15V4H12V2H8V5H6V11H5L7 22H17L19 11H18M15.86 11C15.7 11.61 15.4 12.16 15 12.62V8.62L17 9.62V11H15.86M17 7V8.5L15 7.5V7H17M12 5H14V8.5L12 9.5V5M12 10.62L14 9.62V13.45C13.41 13.8 12.73 14 12 14V10.62M11 13.86C10.21 13.65 9.5 13.22 9 12.62V9.62L11 8.62V13.86M9 3H11V7.5L10 8V5H9V3M7 6H9V8.5L8 9V11H7V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/frequently-asked-questions.svg b/apps/phoenix_webcomponent/priv/mdi/svg/frequently-asked-questions.svg
new file mode 100644
index 00000000..1551cd0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/frequently-asked-questions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-frequently-asked-questions" viewBox="0 0 24 24"><path d="M18,15H6L2,19V3A1,1 0 0,1 3,2H18A1,1 0 0,1 19,3V14A1,1 0 0,1 18,15M23,9V23L19,19H8A1,1 0 0,1 7,18V17H21V8H22A1,1 0 0,1 23,9M8.19,4C7.32,4 6.62,4.2 6.08,4.59C5.56,5 5.3,5.57 5.31,6.36L5.32,6.39H7.25C7.26,6.09 7.35,5.86 7.53,5.7C7.71,5.55 7.93,5.47 8.19,5.47C8.5,5.47 8.76,5.57 8.94,5.75C9.12,5.94 9.2,6.2 9.2,6.5C9.2,6.82 9.13,7.09 8.97,7.32C8.83,7.55 8.62,7.75 8.36,7.91C7.85,8.25 7.5,8.55 7.31,8.82C7.11,9.08 7,9.5 7,10H9C9,9.69 9.04,9.44 9.13,9.26C9.22,9.08 9.39,8.9 9.64,8.74C10.09,8.5 10.46,8.21 10.75,7.81C11.04,7.41 11.19,7 11.19,6.5C11.19,5.74 10.92,5.13 10.38,4.68C9.85,4.23 9.12,4 8.19,4M7,11V13H9V11H7M13,13H15V11H13V13M13,4V10H15V4H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert-outline.svg
new file mode 100644
index 00000000..f5d0a79d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-alert-outline" viewBox="0 0 24 24"><path d="M7 21V22H5V21C3.9 21 3 20.11 3 19V4C3 2.9 3.9 2 5 2H15C16.11 2 17 2.9 17 4V19C17 20.11 16.11 21 15 21V22H13V21H7M5 4V9H15V4H5M5 19H15V11H5V19M6 12H8V15H6V12M6 6H8V8H6V6M19 15H21V17H19V15M19 7H21V13H19V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert.svg
new file mode 100644
index 00000000..fa4b450b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-alert" viewBox="0 0 24 24"><path d="M5 2H15C16.11 2 17 2.9 17 4V9H3V4C3 2.9 3.9 2 5 2M17 19C17 20.11 16.11 21 15 21V22H13V21H7V22H5V21C3.9 21 3 20.11 3 19V10H17V19M6 5V7H8V5H6M6 12V15H8V12H6M19 15H21V17H19V15M19 7H21V13H19V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-bottom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-bottom.svg
new file mode 100644
index 00000000..3f0dfa7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-bottom" viewBox="0 0 24 24"><path d="M7,2A2,2 0 0,0 5,4V19A2,2 0 0,0 7,21V22H9V21H15V22H17V21A2,2 0 0,0 19,19V4A2,2 0 0,0 17,2H7M8,6H10V8H8V6M7,11H17V19H7V11M8,12V15H10V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert-outline.svg
new file mode 100644
index 00000000..2e960262
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial-alert-outline" viewBox="0 0 24 24"><path d="M8 15H6V10H8V15M17 4V19C17 20.11 16.11 21 15 21V22H13V21H7V22H5V21C3.9 21 3 20.11 3 19V4C3 2.9 3.9 2 5 2H15C16.11 2 17 2.9 17 4M15 4H5V19H15V4M19 17H21V15H19V17M19 7V13H21V7H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert.svg
new file mode 100644
index 00000000..5506f662
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial-alert" viewBox="0 0 24 24"><path d="M15 2H5C3.9 2 3 2.9 3 4V19C3 20.11 3.9 21 5 21V22H7V21H13V22H15V21C16.11 21 17 20.11 17 19V4C17 2.9 16.11 2 15 2M8 15H6V10H8V15M21 7V13H19V7H21M19 15H21V17H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off-outline.svg
new file mode 100644
index 00000000..e1ca054d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial-off-outline" viewBox="0 0 24 24"><path d="M7.2 4L5.7 2.5C6.05 2.19 6.5 2 7 2H17C18.11 2 19 2.9 19 4V15.8L17 13.8V4H7.2M22.11 21.46L20.84 22.73L18.46 20.35C18.1 20.75 17.58 21 17 21V22H15V21H9V22H7V21C5.9 21 5 20.11 5 19V6.89L1.11 3L2.39 1.73L22.11 21.46M17 18.89L10 11.89V15H8V10H8.11L7 8.89V19H17V18.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off.svg
new file mode 100644
index 00000000..d0b59a70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial-off" viewBox="0 0 24 24"><path d="M19 15.8L5.7 2.5C6.05 2.19 6.5 2 7 2H17C18.11 2 19 2.9 19 4V15.8M22.11 21.46L20.84 22.73L18.46 20.35C18.1 20.75 17.58 21 17 21V22H15V21H9V22H7V21C5.9 21 5 20.11 5 19V6.89L1.11 3L2.39 1.73L22.11 21.46M10 11.89L8.11 10H8V15H10V11.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-outline.svg
new file mode 100644
index 00000000..ec73312d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C18.11 21 19 20.11 19 19V4C19 2.9 18.11 2 17 2M17 19H7V4H17V19M10 15H8V10H10V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial.svg
new file mode 100644
index 00000000..d6e5ecd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-industrial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-industrial" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C18.11 21 19 20.11 19 19V4C19 2.9 18.11 2 17 2M10 15H8V10H10V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off-outline.svg
new file mode 100644
index 00000000..80f64452
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L5 6.89V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C17.58 21 18.1 20.75 18.46 20.35L20.84 22.73L22.11 21.46M17 19H7V11H9.11L17 18.89V19M7.2 4L5.7 2.5C6.05 2.19 6.5 2 7 2H17C18.11 2 19 2.9 19 4V15.8L17 13.8V11H14.2L12.2 9H17V4H7.2M8 12H10V15H8V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off.svg
new file mode 100644
index 00000000..010d16c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L5 6.89V9H7.11L8.11 10H5V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C17.58 21 18.1 20.75 18.46 20.35L20.84 22.73L22.11 21.46M10 15H8V12H10V15M19 15.8L13.2 10H19V15.8M8.2 5L5.7 2.5C6.05 2.19 6.5 2 7 2H17C18.11 2 19 2.9 19 4V9H12.2L10 6.8V5H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-outline.svg
new file mode 100644
index 00000000..b47668a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-outline" viewBox="0 0 24 24"><path d="M9,21V22H7V21A2,2 0 0,1 5,19V4A2,2 0 0,1 7,2H17A2,2 0 0,1 19,4V19A2,2 0 0,1 17,21V22H15V21H9M7,4V9H17V4H7M7,19H17V11H7V19M8,12H10V15H8V12M8,6H10V8H8V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-top.svg
new file mode 100644
index 00000000..6c497de8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-top" viewBox="0 0 24 24"><path d="M8,8V6H10V8H8M7,2H17A2,2 0 0,1 19,4V19A2,2 0 0,1 17,21V22H15V21H9V22H7V21A2,2 0 0,1 5,19V4A2,2 0 0,1 7,2M7,4V9H17V4H7M8,12V15H10V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert-outline.svg
new file mode 100644
index 00000000..22a2081b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant-alert-outline" viewBox="0 0 24 24"><path d="M15 2H5C3.9 2 3 2.9 3 4V19C3 20.11 3.9 21 5 21V22H7V21H13V22H15V21C16.11 21 17 20.11 17 19V4C17 2.9 16.11 2 15 2M9 19H5V14H8V10H5V4H9V19M15 19H11V4H15V19M19 15H21V17H19V15M21 7V13H19V7H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert.svg
new file mode 100644
index 00000000..4d6599a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant-alert" viewBox="0 0 24 24"><path d="M17 4V19C17 20.11 16.11 21 15 21V22H13V21H10.5V2H15C16.11 2 17 2.9 17 4M5 2H9.5V21H7V22H5V21C3.9 21 3 20.11 3 19V4C3 2.9 3.9 2 5 2M8 10H5V14H8V10M19 7V13H21V7H19M19 17H21V15H19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off-outline.svg
new file mode 100644
index 00000000..bc518431
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant-off-outline" viewBox="0 0 24 24"><path d="M7.2 4L5.7 2.5C6.05 2.19 6.5 2 7 2H17C18.11 2 19 2.9 19 4V15.8L17 13.8V4H13V9.8L11 7.8V4H7.2M22.11 21.46L20.84 22.73L18.46 20.35C18.1 20.75 17.58 21 17 21V22H15V21H9V22H7V21C5.9 21 5 20.11 5 19V6.89L1.11 3L2.39 1.73L22.11 21.46M7 10H8.11L7 8.89V10M11 12.89L10 11.89V14H7V19H11V12.89M17 18.89L13 14.89V19H17V18.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off.svg
new file mode 100644
index 00000000..98a25315
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L5 6.89V19C5 20.11 5.9 21 7 21V22H9V21H11.5V13.39L12.5 14.39V21H15V22H17V21C17.58 21 18.1 20.75 18.46 20.35L20.84 22.73L22.11 21.46L2.39 1.73M10 14H7V10H8.11L10 11.89V14M19 15.8L12.5 9.3V2H17C18.11 2 19 2.9 19 4V15.8M11.5 8.3L5.7 2.5C6.05 2.19 6.5 2 7 2H11.5V8.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-outline.svg
new file mode 100644
index 00000000..b63dc245
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant-outline" viewBox="0 0 24 24"><path d="M17 2H7C5.9 2 5 2.9 5 4V19C5 20.11 5.9 21 7 21V22H9V21H15V22H17V21C18.11 21 19 20.11 19 19V4C19 2.9 18.11 2 17 2M7 19V14H10V10H7V4H11V19H7M17 19H13V4H17V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant.svg
new file mode 100644
index 00000000..41f527d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge-variant" viewBox="0 0 24 24"><path d="M19 4V19C19 20.11 18.11 21 17 21V22H15V21H12.5V2H17C18.11 2 19 2.9 19 4M7 2H11.5V21H9V22H7V21C5.9 21 5 20.11 5 19V4C5 2.9 5.9 2 7 2M10 10H7V14H10V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fridge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fridge.svg
new file mode 100644
index 00000000..efb027ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fridge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fridge" viewBox="0 0 24 24"><path d="M7,2H17A2,2 0 0,1 19,4V9H5V4A2,2 0 0,1 7,2M19,19A2,2 0 0,1 17,21V22H15V21H9V22H7V21A2,2 0 0,1 5,19V10H19V19M8,5V7H10V5H8M8,12V15H10V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries-off.svg
new file mode 100644
index 00000000..dfb917c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-cherries-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8.7 10.6C8.3 11.6 7.9 12.5 7.6 13C5.6 13.2 4 14.9 4 17C4 19.2 5.8 21 8 21C9.1 21 10 20.6 10.7 19.9C10.3 19 10 18 10 17S10.3 15 10.7 14.1C10.3 13.7 9.7 13.4 9.2 13.2C9.4 12.8 9.6 12.3 9.9 11.7L12.8 14.6C12.3 15.3 12 16.1 12 17C12 19.2 13.8 21 16 21C16.9 21 17.7 20.7 18.3 20.2L20.8 22.7L22.1 21.5M8 15.5C7.2 15.5 6.5 16.2 6.5 17H5.5C5.5 15.6 6.6 14.5 8 14.5V15.5M14.5 17H13.5C13.5 16.5 13.6 16.1 13.8 15.7L14.6 16.5C14.5 16.7 14.5 16.8 14.5 17M20 16.8L16.2 13C18.2 13.1 19.9 14.8 20 16.8M11.3 8.1L10.1 6.9C10.7 5.1 11.2 3.3 11.2 2L12.6 1.9C12.7 2.3 12.7 2.8 12.8 3.4C13.4 3.3 15.5 3.3 17.8 5.1C20.5 7.1 19.8 10.9 19.8 10.9S17.4 11.3 14.7 9.2L13.8 8.3C14.1 9.5 14.5 10.7 14.9 11.7L12.6 9.4C12.3 8.4 12.1 7.4 11.9 6.4C11.7 7 11.5 7.6 11.3 8.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries.svg
new file mode 100644
index 00000000..08dd25b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-cherries.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-cherries" viewBox="0 0 24 24"><path d="M16 13H15.5C14.8 11.7 14.3 10 13.8 8.3L14.7 9.2C17.4 11.3 19.8 10.9 19.8 10.9S20.5 7.1 17.8 5.1C15.5 3.3 13.4 3.3 12.8 3.4C12.7 2.8 12.7 2.3 12.6 1.9L11.2 2C11.2 5.2 8.5 11.1 7.6 13C5.6 13.2 4 14.9 4 17C4 19.2 5.8 21 8 21C9.1 21 10 20.6 10.7 19.9C10.3 19 10 18 10 17S10.3 15 10.7 14.1C10.3 13.7 9.7 13.4 9.2 13.2C9.9 11.7 11.1 9 11.9 6.4C12.3 8.7 13.1 11.4 14.1 13.5C12.9 14.2 12 15.5 12 17C12 19.2 13.8 21 16 21S20 19.2 20 17 18.2 13 16 13M8 15.5C7.2 15.5 6.5 16.2 6.5 17H5.5C5.5 15.6 6.6 14.5 8 14.5V15.5M16 15.5C15.2 15.5 14.5 16.2 14.5 17H13.5C13.5 15.6 14.6 14.5 16 14.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus-off.svg
new file mode 100644
index 00000000..64cc18dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-citrus-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.4 6.3C3.4 7.5 2.9 8.9 2.8 10.2C2.1 10.7 1.8 11.5 2.1 12.3C2.4 13.1 3.2 13.6 4 13.6C5.1 14.9 6.9 15.7 9 15.9C9.1 14.5 9.6 13.3 10.3 12.2L11.8 13.7C11.3 14.5 11 15.5 11 16.5C11 19.5 13.5 22 16.5 22C17.5 22 18.5 21.7 19.3 21.2L20.8 22.7L22.1 21.5M13 16.5C13 16 13.1 15.6 13.3 15.1L15 16.8L13.3 18C13.1 17.5 13 17 13 16.5M13.9 18.8L15.7 17.6L16 17.9V20C15.2 19.8 14.4 19.4 13.9 18.8M17 19.9V18.9L17.8 19.7C17.5 19.8 17.3 19.9 17 19.9M20 16.8V16.5C20 16 19.9 15.5 19.7 15L18.8 15.6L18.1 14.9L19.1 14.2C18.6 13.6 17.8 13.2 17 13V13.8L14.6 11.4C15.2 11.2 15.9 11 16.5 11C19.5 11 22 13.5 22 16.5C22 17.2 21.9 17.8 21.6 18.4L20 16.8M13 9.8L7.1 3.9C7.9 3.4 8.8 3 9.7 2.7C13.8 1.3 18 2.1 20 4.4C20.8 4.4 21.6 4.9 21.9 5.7C22.2 6.5 21.9 7.3 21.2 7.8C21.2 8.6 21 9.4 20.6 10.2C19.4 9.5 18 9 16.5 9C15.3 9 14.1 9.3 13 9.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus.svg
new file mode 100644
index 00000000..a6e86ea8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-citrus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-citrus" viewBox="0 0 24 24"><path d="M9 15.9C6.9 15.7 5.1 14.9 4 13.6C3.2 13.6 2.4 13.1 2.1 12.3C1.8 11.5 2.1 10.7 2.8 10.2C2.9 7.2 5.6 4.1 9.7 2.7C13.8 1.3 18 2.1 20 4.4C20.8 4.4 21.6 4.9 21.9 5.7C22.2 6.5 21.9 7.3 21.2 7.8C21.2 8.6 21 9.4 20.6 10.2C19.4 9.5 18 9 16.5 9C12.6 9 9.3 12 9 15.9M22 16.5C22 19.5 19.5 22 16.5 22S11 19.5 11 16.5 13.5 11 16.5 11 22 13.5 22 16.5M13.3 18L15.6 16.5L13.3 15C13.1 15.5 13 16 13 16.5S13.1 17.5 13.3 18M16 17.4L13.9 18.8C14.4 19.4 15.2 19.8 16 20V17.4M16 13.1C15.2 13.2 14.4 13.6 13.9 14.3L16 15.7V13.1M17 15.6L19.1 14.2C18.6 13.6 17.8 13.2 17 13V15.6M19.1 18.8L17 17.4V19.9C17.8 19.8 18.6 19.4 19.1 18.8M20 16.5C20 16 19.9 15.5 19.7 15L17.4 16.5L19.7 18C19.9 17.5 20 17 20 16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes-outline.svg
new file mode 100644
index 00000000..2e511594
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-grapes-outline" viewBox="0 0 24 24"><path d="M19 12C19 10.61 18.05 9.47 16.78 9.12C16.92 8.78 17 8.4 17 8C17 6.34 15.66 5 14 5C13.57 5 13.17 5.1 12.81 5.26C13 4.19 13.39 2.59 14.4 2.2L13.6 1C11.9 1.77 11.4 4.09 11.26 5.29C10.87 5.11 10.45 5 10 5C8.34 5 7 6.34 7 8C7 8.4 7.08 8.77 7.22 9.12C5.94 9.46 5 10.62 5 12C5 13.39 5.95 14.54 7.23 14.88C7.09 15.22 7 15.6 7 16C7 17.39 7.94 18.54 9.22 18.88C9.08 19.23 9 19.61 9 20C9 21.66 10.34 23 12 23S15 21.66 15 20C15 19.61 14.92 19.23 14.78 18.88C16.06 18.54 17 17.39 17 16C17 15.6 16.92 15.23 16.77 14.88C18.05 14.54 19 13.39 19 12M16.31 9.88V9.9H16.3L16.31 9.88M14 6.5C14.83 6.5 15.5 7.17 15.5 8S14.83 9.5 14 9.5 12.5 8.83 12.5 8 13.17 6.5 14 6.5M13.5 12C13.5 12.83 12.83 13.5 12 13.5S10.5 12.83 10.5 12 11.17 10.5 12 10.5 13.5 11.17 13.5 12M10 6.5C10.83 6.5 11.5 7.17 11.5 8S10.83 9.5 10 9.5 8.5 8.83 8.5 8 9.17 6.5 10 6.5M6.5 12C6.5 11.17 7.17 10.5 8 10.5S9.5 11.17 9.5 12 8.83 13.5 8 13.5 6.5 12.83 6.5 12M8.5 16C8.5 15.17 9.17 14.5 10 14.5S11.5 15.17 11.5 16 10.83 17.5 10 17.5 8.5 16.83 8.5 16M12 21.5C11.17 21.5 10.5 20.83 10.5 20S11.17 18.5 12 18.5 13.5 19.17 13.5 20 12.83 21.5 12 21.5M14 17.5C13.17 17.5 12.5 16.83 12.5 16S13.17 14.5 14 14.5 15.5 15.17 15.5 16 14.83 17.5 14 17.5M16 13.5C15.17 13.5 14.5 12.83 14.5 12S15.17 10.5 16 10.5 17.5 11.17 17.5 12 16.83 13.5 16 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes.svg
new file mode 100644
index 00000000..d63d3af7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-grapes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-grapes" viewBox="0 0 24 24"><path d="M14 12C14 13.1 13.1 14 12 14S10 13.1 10 12 10.9 10 12 10 14 10.9 14 12M7 10C5.9 10 5 10.9 5 12S5.9 14 7 14 9 13.1 9 12 8.1 10 7 10M17 10C15.9 10 15 10.9 15 12S15.9 14 17 14 19 13.1 19 12 18.1 10 17 10M14.5 6C13.4 6 12.5 6.9 12.5 8S13.4 10 14.5 10 16.5 9.1 16.5 8 15.6 6 14.5 6M9.5 6C8.4 6 7.5 6.9 7.5 8S8.4 10 9.5 10 11.5 9.1 11.5 8 10.6 6 9.5 6M14.5 14C13.4 14 12.5 14.9 12.5 16S13.4 18 14.5 18 16.5 17.1 16.5 16 15.6 14 14.5 14M9.5 14C8.4 14 7.5 14.9 7.5 16S8.4 18 9.5 18 11.5 17.1 11.5 16 10.6 14 9.5 14M12 18C10.9 18 10 18.9 10 20S10.9 22 12 22 14 21.1 14 20 13.1 18 12 18M14.4 2.2L13.6 1C11.4 2 11.2 5.6 11.2 6H12.7C12.8 5.2 13.1 2.7 14.4 2.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pear.svg
new file mode 100644
index 00000000..055b4c40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-pear" viewBox="0 0 24 24"><path d="M18 16C18 19.31 15.31 22 12 22C8.69 22 6 19.31 6 16C6 13 8 13 8 10C8 8.56 8.75 7.22 10 6.5C10.4 6.27 10.82 6.12 11.25 6.04V5C11.25 4.63 11.17 4.42 11.03 4.28C10.9 4.14 10.63 4 10 4V2.5C10.88 2.5 11.6 2.73 12.09 3.22C12.58 3.71 12.75 4.38 12.75 5V6.04C13.18 6.12 13.61 6.27 14 6.5C15.25 7.22 16 8.56 16 10C16 13 18 13 18 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pineapple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pineapple.svg
new file mode 100644
index 00000000..82d12841
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-pineapple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-pineapple" viewBox="0 0 24 24"><path d="M14.4 7.7C16.4 6.4 19 7 19 7C17.2 4.6 15.1 4.7 13.6 5.2V5C14.7 3.4 16.9 3.5 16.9 3.5C15.3 2.1 13.9 2.5 13 3C12.5 1.8 12 1 12 1C11.6 1.7 11.3 2.4 11 3.1C10.1 2.5 8.6 2.1 7 3.5C7 3.5 9.3 3.5 10.4 5.2C8.9 4.7 6.8 4.6 5 7C5 7 7.6 6.4 9.6 7.7C7.5 8.9 6 11.7 6 15C6 19.4 8.7 23 12 23S18 19.4 18 15C18 11.7 16.5 8.9 14.4 7.7M15.8 16.8C15.7 17.2 15.6 17.6 15.4 18L14 16L12.5 18L14.1 20.1C13.8 20.3 13.6 20.5 13.3 20.7L12 19L10.7 20.7C10.4 20.6 10.1 20.4 9.9 20.1L11.5 18L10 16L8.5 17.9C8.4 17.5 8.2 17.1 8.1 16.7L9.5 15L8.2 13.2C8.3 12.8 8.4 12.4 8.6 12L10 14L11.5 12L9.9 9.9C10.2 9.7 10.4 9.5 10.7 9.3L12 11L13.3 9.3C13.6 9.4 13.9 9.6 14.1 9.9L12.5 12L14 14L15.5 12.1C15.6 12.5 15.8 12.9 15.9 13.3L14.5 15L15.8 16.8M12 13L13.5 15L12 17L10.5 15L12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fruit-watermelon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-watermelon.svg
new file mode 100644
index 00000000..22a24e2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fruit-watermelon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fruit-watermelon" viewBox="0 0 24 24"><path d="M16.4 16.4C19.8 13 19.8 7.5 16.4 4.2L4.2 16.4C7.5 19.8 13 19.8 16.4 16.4M16 7C16.6 7 17 7.4 17 8C17 8.6 16.6 9 16 9S15 8.6 15 8C15 7.4 15.4 7 16 7M16 11C16.6 11 17 11.4 17 12C17 12.6 16.6 13 16 13S15 12.6 15 12C15 11.4 15.4 11 16 11M12 11C12.6 11 13 11.4 13 12C13 12.6 12.6 13 12 13S11 12.6 11 12C11 11.4 11.4 11 12 11M12 15C12.6 15 13 15.4 13 16C13 16.6 12.6 17 12 17S11 16.6 11 16C11 15.4 11.4 15 12 15M8 17C7.4 17 7 16.6 7 16C7 15.4 7.4 15 8 15S9 15.4 9 16C9 16.6 8.6 17 8 17M18.6 18.6C14 23.2 6.6 23.2 2 18.6L3.4 17.2C7.2 21 13.3 21 17.1 17.2C20.9 13.4 20.9 7.3 17.1 3.5L18.6 2C23.1 6.6 23.1 14 18.6 18.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuel-cell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuel-cell.svg
new file mode 100644
index 00000000..68f7c564
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuel-cell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuel-cell" viewBox="0 0 24 24"><path d="M6 3V5H4C2.9 5 2 5.9 2 7V17C2 18.1 2.9 19 4 19V20C4 21.1 4.9 22 6 22H7C8.1 22 9 21.1 9 20V19H15V20C15 21.1 15.9 22 17 22H18C19.1 22 20 21.1 20 20V19C21.1 19 22 18.1 22 17H11V5H8V3H6M16 3V5H13V7H22C22 5.9 21.1 5 20 5H18V3H16M7 7V11H9L6 17V13H4L7 7M13 9V11H22V9H13M13 13V15H22V13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuel.svg
new file mode 100644
index 00000000..c393949e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuel" viewBox="0 0 24 24"><path d="M3,2H6C6.28,2 6.53,2.11 6.71,2.29L8.79,4.38L9.59,3.59C10,3.2 10.5,3 11,3H17C17.5,3 18,3.2 18.41,3.59L19.41,4.59C19.8,5 20,5.5 20,6V19A2,2 0 0,1 18,21H8A2,2 0 0,1 6,19V13L6,12V8C6,7.5 6.2,7 6.59,6.59L7.38,5.79L5.59,4H3V2M11,5V7H17V5H11M11.41,11L9.41,9H8V10.41L10,12.41V15.59L8,17.59V19H9.41L11.41,17H14.59L16.59,19H18V17.59L16,15.59V12.41L18,10.41V9H16.59L14.59,11H11.41M12,13H14V15H12V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen-exit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen-exit.svg
new file mode 100644
index 00000000..b712ffc0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen-exit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fullscreen-exit" viewBox="0 0 24 24"><path d="M14,14H19V16H16V19H14V14M5,14H10V19H8V16H5V14M8,5H10V10H5V8H8V5M19,8V10H14V5H16V8H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen.svg
new file mode 100644
index 00000000..6c94f97a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fullscreen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fullscreen" viewBox="0 0 24 24"><path d="M5,5H10V7H7V10H5V5M14,5H19V10H17V7H14V5M17,14H19V19H14V17H17V14M10,17V19H5V14H7V17H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/function-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/function-variant.svg
new file mode 100644
index 00000000..bdc84531
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/function-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-function-variant" viewBox="0 0 24 24"><path d="M12.42,5.29C11.32,5.19 10.35,6 10.25,7.11L10,10H12.82V12H9.82L9.38,17.07C9.18,19.27 7.24,20.9 5.04,20.7C3.79,20.59 2.66,19.9 2,18.83L3.5,17.33C3.83,18.38 4.96,18.97 6,18.63C6.78,18.39 7.33,17.7 7.4,16.89L7.82,12H4.82V10H8L8.27,6.93C8.46,4.73 10.39,3.1 12.6,3.28C13.86,3.39 15,4.09 15.66,5.17L14.16,6.67C13.91,5.9 13.23,5.36 12.42,5.29M22,13.65L20.59,12.24L17.76,15.07L14.93,12.24L13.5,13.65L16.35,16.5L13.5,19.31L14.93,20.72L17.76,17.89L20.59,20.72L22,19.31L19.17,16.5L22,13.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/function.svg b/apps/phoenix_webcomponent/priv/mdi/svg/function.svg
new file mode 100644
index 00000000..5f0b4f64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/function.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-function" viewBox="0 0 24 24"><path d="M15.6,5.29C14.5,5.19 13.53,6 13.43,7.11L13.18,10H16V12H13L12.56,17.07C12.37,19.27 10.43,20.9 8.23,20.7C6.92,20.59 5.82,19.86 5.17,18.83L6.67,17.33C6.91,18.07 7.57,18.64 8.4,18.71C9.5,18.81 10.47,18 10.57,16.89L11,12H8V10H11.17L11.44,6.93C11.63,4.73 13.57,3.1 15.77,3.3C17.08,3.41 18.18,4.14 18.83,5.17L17.33,6.67C17.09,5.93 16.43,5.36 15.6,5.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/furigana-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/furigana-horizontal.svg
new file mode 100644
index 00000000..a53d3c4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/furigana-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-furigana-horizontal" viewBox="0 0 24 24"><path d="M8.5 2C7.12 2 6 3.12 6 4.5S7.12 7 8.5 7 11 5.88 11 4.5 9.88 2 8.5 2M15.5 2C14.12 2 13 3.12 13 4.5S14.12 7 15.5 7 18 5.88 18 4.5 16.88 2 15.5 2M11 8V10H5V12H14.95C14.53 13.13 13.5 14.5 12.16 15.67C11.12 14.74 10.35 13.82 9.82 13H7.5C8.08 14.25 9.13 15.62 10.62 16.96L6.55 20.22L5.76 20.84L7 22.41L7.8 21.78L12.17 18.28L16.55 21.78L17.33 22.41L18.58 20.84L17.8 20.22L13.73 16.97C15.34 15.5 16.7 13.85 17.07 12H19V10H13V8H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/furigana-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/furigana-vertical.svg
new file mode 100644
index 00000000..97baf129
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/furigana-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-furigana-vertical" viewBox="0 0 24 24"><path d="M8 5V7H2V9H11.95C11.53 10.13 10.5 11.5 9.16 12.67C8.12 11.74 7.35 10.82 6.82 10H4.5C5.08 11.25 6.13 12.62 7.62 13.96L3.55 17.22L2.76 17.84L4 19.41L4.8 18.78L9.17 15.28L13.55 18.78L14.33 19.41L15.58 17.84L14.8 17.22L10.73 13.97C12.34 12.5 13.7 10.85 14.07 9H16V7H10V5H8M19.5 6C18.12 6 17 7.12 17 8.5S18.12 11 19.5 11 22 9.88 22 8.5 20.88 6 19.5 6M19.47 13C18.09 13 16.97 14.12 16.97 15.5S18.09 18 19.47 18 21.97 16.88 21.97 15.5 20.85 13 19.47 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuse-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-alert.svg
new file mode 100644
index 00000000..1e2829da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuse-alert" viewBox="0 0 24 24"><path d="M6 7V17H13V7H6M9.16 16V12.87H7.41L9.91 8V11.14H11.59L9.16 16M14 2V6H5V2C5 1.45 5.45 1 6 1H13C13.55 1 14 1.45 14 2M14 18V22C14 22.55 13.55 23 13 23H6C5.45 23 5 22.55 5 22V18H14M19 13H17V7H19V13M19 17H17V15H19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuse-blade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-blade.svg
new file mode 100644
index 00000000..b89a2fbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-blade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuse-blade" viewBox="0 0 24 24"><path d="M10,21H8L6,19V16H10V21M18,16H14V21H16L18,19V16M3,3V4A1,1 0 0,0 4,5V14A1,1 0 0,0 5,15H19A1,1 0 0,0 20,14V5H20A1,1 0 0,0 21,4V3H3M11.83,13V9.73H10L12.61,4.66V7.93H14.36L11.83,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuse-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-off.svg
new file mode 100644
index 00000000..41b747ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuse-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuse-off" viewBox="0 0 24 24"><path d="M15 11.8L10.2 7H15V11.8M16 6V2C16 1.45 15.55 1 15 1H8C7.45 1 7 1.45 7 2V3.8L9.2 6H16M2.39 1.73L1.11 3L8 9.89V17H15.11L20.84 22.73L22.11 21.46L2.39 1.73M7 22C7 22.55 7.45 23 8 23H15C15.55 23 16 22.55 16 22V18H7V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/fuse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/fuse.svg
new file mode 100644
index 00000000..51a12c01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/fuse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-fuse" viewBox="0 0 24 24"><path d="M8,7V17H15V7H8M11.16,16V12.87H9.41L11.91,8V11.14H13.59L11.16,16M16,2V6H7V2A1,1 0 0,1 8,1H15A1,1 0 0,1 16,2M16,18V22A1,1 0 0,1 15,23H8A1,1 0 0,1 7,22V18H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-down.svg
new file mode 100644
index 00000000..793a7a77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle-down" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-left.svg
new file mode 100644
index 00000000..4b314f5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle-left" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-outline.svg
new file mode 100644
index 00000000..4023e026
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle-outline" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-right.svg
new file mode 100644
index 00000000..9a7657ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle-right" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M12,3A2,2 0 0,0 10,5A2,2 0 0,0 12,7A2,2 0 0,0 14,5A2,2 0 0,0 12,3M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-up.svg
new file mode 100644
index 00000000..34e8eb0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle-up" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8M5,10A2,2 0 0,0 3,12A2,2 0 0,0 5,14A2,2 0 0,0 7,12A2,2 0 0,0 5,10M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10M12,17A2,2 0 0,0 10,19A2,2 0 0,0 12,21A2,2 0 0,0 14,19A2,2 0 0,0 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle.svg
new file mode 100644
index 00000000..7247a374
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-circle" viewBox="0 0 24 24"><path d="M5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8M12,1A4,4 0 0,1 16,5A4,4 0 0,1 12,9A4,4 0 0,1 8,5A4,4 0 0,1 12,1M12,15A4,4 0 0,1 16,19A4,4 0 0,1 12,23A4,4 0 0,1 8,19A4,4 0 0,1 12,15M19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A4,4 0 0,1 15,12A4,4 0 0,1 19,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-down.svg
new file mode 100644
index 00000000..d1ff6bdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-down" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M12,13.5L9,16.5V22H15V16.5L12,13.5M11,18H13V20H11V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-left.svg
new file mode 100644
index 00000000..56458641
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-left" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M4,11H6V13H4V11M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-outline.svg
new file mode 100644
index 00000000..32c4ac52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-outline" viewBox="0 0 24 24"><path d="M7.5 9H2V15H7.5L10.5 12L7.5 9M6 13H4V11H6V13M15 7.5V2H9V7.5L12 10.5L15 7.5M11 4H13V6H11V4M9 16.5V22H15V16.5L12 13.5L9 16.5M13 20H11V18H13V20M16.5 9L13.5 12L16.5 15H22V9H16.5M20 13H18V11H20V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-right.svg
new file mode 100644
index 00000000..6e5dc76d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-right" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M18,11H20V13H18V11M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-down.svg
new file mode 100644
index 00000000..7f3f0de6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round-down" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M10,16V20H14V16H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-left.svg
new file mode 100644
index 00000000..bd82d0b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round-left" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M4,10V14H8V10H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-outline.svg
new file mode 100644
index 00000000..054c8a5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round-outline" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M4,10V14H10V20H14V14H20V10H14V4H10V10H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-right.svg
new file mode 100644
index 00000000..5246911c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round-right" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M16,10V14H20V10H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-up.svg
new file mode 100644
index 00000000..06f68a72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round-up" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8M10,4V8H14V4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round.svg
new file mode 100644
index 00000000..a4ccb578
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-round" viewBox="0 0 24 24"><path d="M4,8H8V4A2,2 0 0,1 10,2H14A2,2 0 0,1 16,4V8H20A2,2 0 0,1 22,10V14A2,2 0 0,1 20,16H16V20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square-outline.svg
new file mode 100644
index 00000000..6a459115
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-square-outline" viewBox="0 0 24 24"><path d="M21,6H3A2,2 0 0,0 1,8V16A2,2 0 0,0 3,18H21A2,2 0 0,0 23,16V8A2,2 0 0,0 21,6M21,16H3V8H21M6,15H8V13H10V11H8V9H6V11H4V13H6M14.5,12A1.5,1.5 0 0,1 16,13.5A1.5,1.5 0 0,1 14.5,15A1.5,1.5 0 0,1 13,13.5A1.5,1.5 0 0,1 14.5,12M18.5,9A1.5,1.5 0 0,1 20,10.5A1.5,1.5 0 0,1 18.5,12A1.5,1.5 0 0,1 17,10.5A1.5,1.5 0 0,1 18.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square.svg
new file mode 100644
index 00000000..dabfe595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-square" viewBox="0 0 24 24"><path d="M21,6H3A2,2 0 0,0 1,8V16A2,2 0 0,0 3,18H21A2,2 0 0,0 23,16V8A2,2 0 0,0 21,6M11,13H8V16H6V13H3V11H6V8H8V11H11M15.5,15A1.5,1.5 0 0,1 14,13.5A1.5,1.5 0 0,1 15.5,12A1.5,1.5 0 0,1 17,13.5A1.5,1.5 0 0,1 15.5,15M19.5,12A1.5,1.5 0 0,1 18,10.5A1.5,1.5 0 0,1 19.5,9A1.5,1.5 0 0,1 21,10.5A1.5,1.5 0 0,1 19.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-up.svg
new file mode 100644
index 00000000..00ccb8e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-up" viewBox="0 0 24 24"><path d="M9,2V7.5L12,10.5L15,7.5V2H9M11,4H13V6H11V4M2,9V15H7.5L10.5,12L7.5,9H2M16.5,9L13.5,12L16.5,15H22V9H16.5M12,13.5L9,16.5V22H15V16.5L12,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant-outline.svg
new file mode 100644
index 00000000..6bd160a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-variant-outline" viewBox="0 0 24 24"><path d="M6,9H8V11H10V13H8V15H6V13H4V11H6V9M18.5,9A1.5,1.5 0 0,1 20,10.5A1.5,1.5 0 0,1 18.5,12A1.5,1.5 0 0,1 17,10.5A1.5,1.5 0 0,1 18.5,9M15.5,12A1.5,1.5 0 0,1 17,13.5A1.5,1.5 0 0,1 15.5,15A1.5,1.5 0 0,1 14,13.5A1.5,1.5 0 0,1 15.5,12M17,5A7,7 0 0,1 24,12A7,7 0 0,1 17,19C15.04,19 13.27,18.2 12,16.9C10.73,18.2 8.96,19 7,19A7,7 0 0,1 0,12A7,7 0 0,1 7,5H17M7,7A5,5 0 0,0 2,12A5,5 0 0,0 7,17C8.64,17 10.09,16.21 11,15H13C13.91,16.21 15.36,17 17,17A5,5 0 0,0 22,12A5,5 0 0,0 17,7H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant.svg
new file mode 100644
index 00000000..4777bcd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad-variant" viewBox="0 0 24 24"><path d="M7,6H17A6,6 0 0,1 23,12A6,6 0 0,1 17,18C15.22,18 13.63,17.23 12.53,16H11.47C10.37,17.23 8.78,18 7,18A6,6 0 0,1 1,12A6,6 0 0,1 7,6M6,9V11H4V13H6V15H8V13H10V11H8V9H6M15.5,12A1.5,1.5 0 0,0 14,13.5A1.5,1.5 0 0,0 15.5,15A1.5,1.5 0 0,0 17,13.5A1.5,1.5 0 0,0 15.5,12M18.5,9A1.5,1.5 0 0,0 17,10.5A1.5,1.5 0 0,0 18.5,12A1.5,1.5 0 0,0 20,10.5A1.5,1.5 0 0,0 18.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamepad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad.svg
new file mode 100644
index 00000000..59e4768d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamepad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamepad" viewBox="0 0 24 24"><path d="M16.5,9L13.5,12L16.5,15H22V9M9,16.5V22H15V16.5L12,13.5M7.5,9H2V15H7.5L10.5,12M15,7.5V2H9V7.5L12,10.5L15,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gamma.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gamma.svg
new file mode 100644
index 00000000..6bd41f0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gamma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gamma" viewBox="0 0 24 24"><path d="M11.76 19C12.92 19 13.58 18 13.58 16.29C13.58 15.2 13.5 13.88 13.3 12.67L18 5H15.28L12.71 9.82L12.55 9.33C11.83 7.19 10.82 5 8.68 5C8 5 7.45 5.18 7 5.54C6 6.39 6 8 6 8.5H6.91C6.97 8.06 7.21 6.83 8.25 6.83C10 6.83 10.8 10 11.4 12.42C10.5 14.58 10 16.14 10 16.97C10 17.95 10.56 19 11.76 19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gantry-crane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gantry-crane.svg
new file mode 100644
index 00000000..f69ac703
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gantry-crane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gantry-crane" viewBox="0 0 24 24"><path d="M21,6H22V4H21V3H18V4H6V3H3V4H2V6H3V20H2V22H7V20H6V6H11V7H11.5V10.62C11,10.79 10.69,11.25 10.69,11.76C10.69,12.2 10.92,12.6 11.3,12.82V14H11.92C12.26,14 12.54,14.27 12.55,14.61C12.55,14.96 12.28,15.24 11.93,15.24C11.71,15.24 11.5,15.12 11.39,14.93C11.22,14.64 10.84,14.54 10.55,14.71C10.26,14.87 10.15,15.25 10.32,15.55C10.65,16.12 11.26,16.47 11.92,16.47C12.94,16.46 13.76,15.62 13.75,14.6C13.74,13.83 13.26,13.14 12.53,12.88V12.82C13.12,12.5 13.34,11.78 13.03,11.2C12.92,11 12.74,10.81 12.53,10.7V7H13V6H18V20H17V22H22V20H21V6M5,15.29V16.71L4,17.71V16.29L5,15.29M4,20V19.24L5,18.24V19.66L4.66,20H4M4,7.29L5,6.29V7.71L4,8.71V7.29M4,10.29L5,9.29V10.71L4,11.71V10.29M4,13.29L5,12.29V13.71L4,14.71V13.24L4,13.29M20,15.29V16.71L19,17.71V16.29L20,15.29M19,20V19.24L20,18.24V19.66L19.66,20H19M19,7.29L20,6.29V7.71L19,8.71V7.29M19,10.29L20,9.29V10.71L19,11.71V10.29M19,13.29L20,12.29V13.71L19,14.71V13.24L19,13.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert-variant.svg
new file mode 100644
index 00000000..2de5c0b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-alert-variant" viewBox="0 0 24 24"><path d="M20 9V20H18V11H2V20H0V9L10 5L20 9M17 12H3V14H17V12M17 15H3V17H17V15M22 15V10H24V15H22M22 19V17H24V19H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert.svg
new file mode 100644
index 00000000..26f39f84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-alert" viewBox="0 0 24 24"><path d="M17,20H15V11H5V20H3V9L10,5L17,9V20M6,12H14V14H6V12M6,15H14V17H6V15M19,15V10H21V15H19M19,19V17H21V19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-lock.svg
new file mode 100644
index 00000000..0dd8b22c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-lock" viewBox="0 0 24 24"><path d="M20.8 16V14.5C20.8 13.1 19.4 12 18 12S15.2 13.1 15.2 14.5V16C14.6 16 14 16.6 14 17.2V20.7C14 21.4 14.6 22 15.2 22H20.7C21.4 22 22 21.4 22 20.8V17.3C22 16.6 21.4 16 20.8 16M19.5 16H16.5V14.5C16.5 13.7 17.2 13.2 18 13.2S19.5 13.7 19.5 14.5V16M5 12H13V14H5V12M5 15H12.95C12.42 15.54 12.08 16.24 12 17H5V15M12 20H5V18H12V20M14 11H4V20H2V9L9 5L16 9V10.44C15.19 10.8 14.5 11.36 14 12.06V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-open-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-open-variant.svg
new file mode 100644
index 00000000..bab28594
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-open-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-open-variant" viewBox="0 0 24 24"><path d="M22 9V20H20V11H4V20H2V9L12 5L22 9M19 12H5V14H19V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-open.svg
new file mode 100644
index 00000000..801ce747
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-open" viewBox="0 0 24 24"><path d="M19,20H17V11H7V20H5V9L12,5L19,9V20M8,12H16V14H8V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant-lock.svg
new file mode 100644
index 00000000..f597dd32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-variant-lock" viewBox="0 0 24 24"><path d="M21.8 16V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16M20.5 16H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V16M5 12H15.04C14.61 12.59 14.35 13.27 14.26 14H5V12M16.06 11H4V20H2V9L12 5L22 9V11.04C21.17 10.4 20.13 10 19 10C17.9 10 16.88 10.39 16.06 11M13 20H5V18H13V20M5 15H13.95C13.42 15.54 13.08 16.24 13 17H5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant.svg
new file mode 100644
index 00000000..91f8df88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage-variant" viewBox="0 0 24 24"><path d="M22 9V20H20V11H4V20H2V9L12 5L22 9M19 12H5V14H19V12M19 18H5V20H19V18M19 15H5V17H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/garage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/garage.svg
new file mode 100644
index 00000000..f597e735
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/garage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-garage" viewBox="0 0 24 24"><path d="M19,20H17V11H7V20H5V9L12,5L19,9V20M8,12H16V14H8V12M8,15H16V17H8V15M16,18V20H8V18H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-burner.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-burner.svg
new file mode 100644
index 00000000..9416f366
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-burner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-burner" viewBox="0 0 24 24"><path d="M16.14 8.79L16.12 8.8C16.35 9.07 16.55 9.39 16.7 9.72L16.79 9.91C17.5 11.6 17 13.55 15.69 14.77C14.5 15.86 12.84 16.15 11.3 15.95C9.84 15.77 8.5 14.85 7.73 13.58C7.5 13.19 7.3 12.75 7.2 12.3C7.07 11.93 7.03 11.57 7 11.2C6.91 9.6 7.55 7.9 8.76 6.9C8.21 8.11 8.34 9.62 9.15 10.67L9.26 10.8C9.4 10.92 9.57 10.96 9.73 10.89C9.88 10.83 10 10.68 10 10.5L9.93 10.28C9.05 7.96 9.79 5.25 11.66 3.72C12.17 3.3 12.8 2.92 13.46 2.75C12.78 4.11 13 5.89 14.09 6.96C14.55 7.43 15.1 7.74 15.58 8.18L16.14 8.79M13.86 13.43L13.85 13.42C14.3 13.03 14.55 12.36 14.53 11.76L14.5 11.44C14.3 10.44 13.43 10.11 12.87 9.38C12.7 9.16 12.55 8.88 12.44 8.6C12.22 9.1 12.2 9.57 12.29 10.11C12.39 10.68 12.62 11.17 12.5 11.76C12.34 12.41 11.83 13.06 10.94 13.27C11.44 13.76 12.25 14.15 13.06 13.87C13.32 13.8 13.65 13.61 13.86 13.43M11 18V19C11 19.55 11.45 20 12 20C12.55 20 13 19.55 13 19V18H15V19C15 19.55 15.45 20 16 20C16.55 20 17 19.55 17 19V18C18.11 18 20 18.9 20 20V22H4V20C4 18.9 5.9 18 7 18V19C7 19.55 7.45 20 8 20C8.55 20 9 19.55 9 19V18H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-cylinder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-cylinder.svg
new file mode 100644
index 00000000..b8a8f3d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-cylinder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-cylinder" viewBox="0 0 24 24"><path d="M16,9V14L16,20A2,2 0 0,1 14,22H10A2,2 0 0,1 8,20V14L8,9C8,7.14 9.27,5.57 11,5.13V4H9V2H15V4H13V5.13C14.73,5.57 16,7.14 16,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off-outline.svg
new file mode 100644
index 00000000..2b0161f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-station-off-outline" viewBox="0 0 24 24"><path d="M1 4.27L2.28 3L6 6.72L21 21.72L19.73 23L17.72 21C16.56 20.85 15.65 19.94 15.5 18.78L14 17.27V21H4V7.27L1 4.27M19.77 7.23C20.22 7.68 20.5 8.31 20.5 9L20.5 18.67L19 17.18V11.29C18.69 11.42 18.36 11.5 18 11.5C16.62 11.5 15.5 10.38 15.5 9C15.5 7.93 16.17 7.03 17.11 6.67L15 4.56L16.06 3.5L19.78 7.22L19.77 7.23M11.82 10H12V5H6.82L5.06 3.24C5.34 3.09 5.66 3 6 3H12C13.1 3 14 3.9 14 5V12H15C16.1 12 17 12.9 17 14V15.18L11.82 10M6 10H6.73L6 9.27V10M6 12V19H12V15.27L8.73 12H6M18 10C18.55 10 19 9.55 19 9C19 8.45 18.55 8 18 8C17.45 8 17 8.45 17 9C17 9.55 17.45 10 18 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off.svg
new file mode 100644
index 00000000..0c656378
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-station-off" viewBox="0 0 24 24"><path d="M1 4.27L2.28 3L21 21.72L19.73 23L17.71 21C16.56 20.85 15.65 19.94 15.5 18.78L14 17.27V21H4V7.27L1 4.27M18 10C18.55 10 19 9.55 19 9C19 8.45 18.55 8 18 8C17.45 8 17 8.45 17 9C17 9.55 17.45 10 18 10M12 10V5H6.82L5.06 3.23C5.34 3.08 5.66 3 6 3H12C13.1 3 14 3.89 14 5V12H15C16.1 12 17 12.89 17 14V15.18L11.82 10H12M6 10H6.73L6 9.27V10M19.77 7.23C20.22 7.68 20.5 8.31 20.5 9L20.5 18.67L19 17.18V11.29C18.69 11.42 18.36 11.5 18 11.5C16.62 11.5 15.5 10.38 15.5 9C15.5 7.93 16.17 7.03 17.11 6.67L15 4.56L16.06 3.5L19.78 7.22L19.77 7.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-outline.svg
new file mode 100644
index 00000000..923bb868
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-station-outline" viewBox="0 0 24 24"><path d="M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7.03 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14A2,2 0 0,0 15,12H14V5A2,2 0 0,0 12,3H6A2,2 0 0,0 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23M12,13.5V19H6V12H12V13.5M12,10H6V5H12V10M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gas-station.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station.svg
new file mode 100644
index 00000000..67941a03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gas-station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gas-station" viewBox="0 0 24 24"><path d="M18,10A1,1 0 0,1 17,9A1,1 0 0,1 18,8A1,1 0 0,1 19,9A1,1 0 0,1 18,10M12,10H6V5H12M19.77,7.23L19.78,7.22L16.06,3.5L15,4.56L17.11,6.67C16.17,7 15.5,7.93 15.5,9A2.5,2.5 0 0,0 18,11.5C18.36,11.5 18.69,11.42 19,11.29V18.5A1,1 0 0,1 18,19.5A1,1 0 0,1 17,18.5V14C17,12.89 16.1,12 15,12H14V5C14,3.89 13.1,3 12,3H6C4.89,3 4,3.89 4,5V21H14V13.5H15.5V18.5A2.5,2.5 0 0,0 18,21A2.5,2.5 0 0,0 20.5,18.5V9C20.5,8.31 20.22,7.68 19.77,7.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-alert.svg
new file mode 100644
index 00000000..d188ae11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-alert" viewBox="0 0 24 24"><path d="M21 17H19V19H21V17M21 9H19V15H21V9M17 13V11H15V6H13V11H11V6H9V11H7V7H5V11H3V9H1V21H3V19H5V21H7V19H9V21H11V19H13V21H15V19H17V17H15V13H17M5 17H3V13H5V17M9 17H7V13H9V17M13 17H11V13H13V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-and.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-and.svg
new file mode 100644
index 00000000..5c2c9c13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-and.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-and" viewBox="0 0 24 24"><path d="M2,4V20H14A8,8 0 0,0 22,12A8,8 0 0,0 14,4H2M4,6H14A6,6 0 0,1 20,12A6,6 0 0,1 14,18H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-left.svg
new file mode 100644
index 00000000..15308782
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-arrow-left" viewBox="0 0 24 24"><path d="M9 6H7V11H5V6H3V11H2V13H3V14.81C3.62 14.45 4.3 14.21 5 14.09V13H7V14.09C7.7 14.21 8.38 14.45 9 14.81V13H11V16.69C11.65 17.67 12 18.82 12 20C12 20.34 11.97 20.67 11.91 21H13V19H15V21H17V9H15V11H13V7H11V11H9V6M15 13V17H13V13H15M2 20L5 23V21H9V19H5V17L2 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-right.svg
new file mode 100644
index 00000000..804d7eb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-arrow-right" viewBox="0 0 24 24"><path d="M15 6V11H13V7H11V11H9V9H7V21H9V19H11V21H12.09C12.03 20.67 12 20.34 12 20C12 18.82 12.35 17.67 13 16.69V13H15V14.81C15.62 14.45 16.3 14.21 17 14.09V13H19V14.09C19.7 14.21 20.38 14.45 21 14.81V13H22V11H21V6H19V11H17V6H15M9 13H11V17H9V13M19 17V19H15V21H19V23L22 20L19 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-buffer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-buffer.svg
new file mode 100644
index 00000000..8bcdf8a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-buffer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-buffer" viewBox="0 0 24 24"><path d="M6 7.24L15.53 12L6 16.76V7.24M4 4V20L20 12L4 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-nand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-nand.svg
new file mode 100644
index 00000000..2019749d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-nand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-nand" viewBox="0 0 24 24"><path d="M2,4V20H10C13.43,20 16.5,17.84 17.6,14.6C18,14.8 18.5,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.5,9 18.03,9.15 17.6,9.4C16.5,6.16 13.43,4 10,4H2M4,6H10A6,6 0 0,1 16,12A6,6 0 0,1 10,18H4V6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-nor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-nor.svg
new file mode 100644
index 00000000..58345e33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-nor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-nor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H5C9.4,20 13,17.7 16.6,13.7C17.15,14.5 18.04,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.04,9 17.15,9.5 16.6,10.3C13,6.3 9.4,4 5,4H2M5,6C8.8,6 12,8.1 15.3,12C12,15.9 8.8,18 5,18C6.5,14 6.5,10 5,6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-not.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-not.svg
new file mode 100644
index 00000000..e4e74233
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-not.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-not" viewBox="0 0 24 24"><path d="M2,4V20L16.2,13C16.62,14.19 17.74,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C17.74,9 16.62,9.81 16.2,11L2,4M4,7.3L13.7,12L4,16.7V7.3M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-open.svg
new file mode 100644
index 00000000..75ea98ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-open" viewBox="0 0 24 24"><path d="M7 21V7H5V11H3V9H1V21H3V19H5V21H7M3 17V13H5V17H3M21 9V11H19V7H17V21H19V19H21V21H23V9H21M21 17H19V13H21V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-or.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-or.svg
new file mode 100644
index 00000000..b4bc6fb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-or.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-or" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H8C13,20 19,16 22,12C19,8 13,4 8,4H2M5,6H8C11.5,6 16.3,9 19.3,12C16.3,15 11.5,18 8,18H5C6.4,13.9 6.4,10.1 5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-xnor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-xnor.svg
new file mode 100644
index 00000000..042b6b91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-xnor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-xnor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H4C7,14 7,10 4.1,4H2M6,4C9,10 9,14 6,20H9C12.2,20 14.8,16.8 16.7,14C17.28,14.65 18.12,15 19,15A3,3 0 0,0 22,12A3,3 0 0,0 19,9C18.12,9 17.28,9.35 16.7,10C14.7,7.2 12.2,4 9,4H6M9,6C12,6 14,10 15.5,12C14,14 12,18 9,18C10.6,14 10.6,10 9,6M19,11C19.5,11 20,11.5 20,12C20,12.5 19.5,13 19,13A1,1 0 0,1 18,12C18,11.5 18.5,11 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate-xor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate-xor.svg
new file mode 100644
index 00000000..0be864f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate-xor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate-xor" viewBox="0 0 24 24"><path d="M2,4C5,10 5,14 2,20H4C7,14 7,10 4.1,4H2M6,4C9,10 9,14 6,20H9C14,20 18,17 22,12C18,7 14,4 9,4H6M9,6C12.8,6 16,8.1 19.3,12C15.9,15.9 12.8,18 9,18C10.5,14 10.5,10 9,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gate.svg
new file mode 100644
index 00000000..eb1124df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gate" viewBox="0 0 24 24"><path d="M9 6V11H7V7H5V11H3V9H1V21H3V19H5V21H7V19H9V21H11V19H13V21H15V19H17V21H19V19H21V21H23V9H21V11H19V7H17V11H15V6H13V11H11V6H9M3 13H5V17H3V13M7 13H9V17H7V13M11 13H13V17H11V13M15 13H17V17H15V13M19 13H21V17H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gatsby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gatsby.svg
new file mode 100644
index 00000000..876fa805
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gatsby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gatsby" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C8.27,4 5.14,6.55 4.25,10L14,19.75C17.45,18.86 20,15.73 20,12H14.75V13.5H18.2C17.71,15.54 16.24,17.19 14.31,17.94L6.06,9.69C7,7.31 9.3,5.63 12,5.63C14.13,5.63 16,6.67 17.18,8.28L18.41,7.22C16.95,5.26 14.63,4 12,4M4,12A8,8 0 0,0 12,20C12.04,20 12.09,20 4,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gauge-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-empty.svg
new file mode 100644
index 00000000..06c66011
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gauge-empty" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.4 5,16.5 6.7,18C8.1,16.7 10,16 12,16C14,16 15.8,16.7 17.3,18C19,16.5 20,14.4 20,12A8,8 0 0,0 12,4M14,6A1,1 0 0,1 15,7A1,1 0 0,1 14,8A1,1 0 0,1 13,7A1,1 0 0,1 14,6M10,6A1,1 0 0,1 11,7A1,1 0 0,1 10,8A1,1 0 0,1 9,7A1,1 0 0,1 10,6M6.91,8.94C7.04,8.94 7.16,8.97 7.3,9L10.5,10.32L10.77,10.43C11.33,10 12.09,9.88 12.75,10.15C13.77,10.56 14.27,11.73 13.85,12.75C13.44,13.77 12.27,14.27 11.25,13.85C10.59,13.59 10.12,13 10,12.28L9.77,12.18L6.55,10.88L6.53,10.87C6,10.66 5.77,10.08 5.97,9.56C6.13,9.18 6.5,8.93 6.91,8.94V8.94M17,9A1,1 0 0,1 18,10A1,1 0 0,1 17,11A1,1 0 0,1 16,10A1,1 0 0,1 17,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gauge-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-full.svg
new file mode 100644
index 00000000..439f9219
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gauge-full" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,14.4 19,16.5 17.3,18C15.9,16.7 14,16 12,16C10,16 8.2,16.7 6.7,18C5,16.5 4,14.4 4,12A8,8 0 0,1 12,4M10,6A1,1 0 0,0 9,7A1,1 0 0,0 10,8A1,1 0 0,0 11,7A1,1 0 0,0 10,6M14,6A1,1 0 0,0 13,7A1,1 0 0,0 14,8A1,1 0 0,0 15,7A1,1 0 0,0 14,6M17.09,8.94C16.96,8.94 16.84,8.97 16.7,9L13.5,10.32L13.23,10.43C12.67,10 11.91,9.88 11.25,10.15C10.23,10.56 9.73,11.73 10.15,12.75C10.56,13.77 11.73,14.27 12.75,13.85C13.41,13.59 13.88,13 14,12.28L14.23,12.18L17.45,10.88L17.47,10.87C18,10.66 18.23,10.08 18.03,9.56C17.87,9.18 17.5,8.93 17.09,8.94M7,9A1,1 0 0,0 6,10A1,1 0 0,0 7,11A1,1 0 0,0 8,10A1,1 0 0,0 7,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gauge-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-low.svg
new file mode 100644
index 00000000..4f24d5a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gauge-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gauge-low" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,14.4 5,16.5 6.7,18C8.1,16.7 10,16 12,16C14,16 15.8,16.7 17.3,18C19,16.5 20,14.4 20,12A8,8 0 0,0 12,4M10,5.89C10.38,5.9 10.74,6.15 10.9,6.54L12.19,9.77L12.29,10C13,10.13 13.59,10.6 13.86,11.26C14.27,12.29 13.77,13.45 12.74,13.86C11.71,14.27 10.55,13.77 10.14,12.74C9.88,12.08 10,11.32 10.43,10.76L10.33,10.5L9.04,7.29L9.03,7.26C8.83,6.75 9.08,6.17 9.59,5.96C9.72,5.91 9.85,5.89 10,5.89V5.89M14,6A1,1 0 0,1 15,7A1,1 0 0,1 14,8A1,1 0 0,1 13,7A1,1 0 0,1 14,6M17,9A1,1 0 0,1 18,10A1,1 0 0,1 17,11A1,1 0 0,1 16,10A1,1 0 0,1 17,9M7,9A1,1 0 0,1 8,10A1,1 0 0,1 7,11A1,1 0 0,1 6,10A1,1 0 0,1 7,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gauge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gauge.svg
new file mode 100644
index 00000000..2e7179c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gauge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gauge" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,14.4 19,16.5 17.3,18C15.9,16.7 14,16 12,16C10,16 8.2,16.7 6.7,18C5,16.5 4,14.4 4,12A8,8 0 0,1 12,4M14,5.89C13.62,5.9 13.26,6.15 13.1,6.54L11.81,9.77L11.71,10C11,10.13 10.41,10.6 10.14,11.26C9.73,12.29 10.23,13.45 11.26,13.86C12.29,14.27 13.45,13.77 13.86,12.74C14.12,12.08 14,11.32 13.57,10.76L13.67,10.5L14.96,7.29L14.97,7.26C15.17,6.75 14.92,6.17 14.41,5.96C14.28,5.91 14.15,5.89 14,5.89M10,6A1,1 0 0,0 9,7A1,1 0 0,0 10,8A1,1 0 0,0 11,7A1,1 0 0,0 10,6M7,9A1,1 0 0,0 6,10A1,1 0 0,0 7,11A1,1 0 0,0 8,10A1,1 0 0,0 7,9M17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gavel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gavel.svg
new file mode 100644
index 00000000..73969135
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gavel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gavel" viewBox="0 0 24 24"><path d="M2.3,20.28L11.9,10.68L10.5,9.26L9.78,9.97C9.39,10.36 8.76,10.36 8.37,9.97L7.66,9.26C7.27,8.87 7.27,8.24 7.66,7.85L13.32,2.19C13.71,1.8 14.34,1.8 14.73,2.19L15.44,2.9C15.83,3.29 15.83,3.92 15.44,4.31L14.73,5L16.15,6.43C16.54,6.04 17.17,6.04 17.56,6.43C17.95,6.82 17.95,7.46 17.56,7.85L18.97,9.26L19.68,8.55C20.07,8.16 20.71,8.16 21.1,8.55L21.8,9.26C22.19,9.65 22.19,10.29 21.8,10.68L16.15,16.33C15.76,16.72 15.12,16.72 14.73,16.33L14.03,15.63C13.63,15.24 13.63,14.6 14.03,14.21L14.73,13.5L13.32,12.09L3.71,21.7C3.32,22.09 2.69,22.09 2.3,21.7C1.91,21.31 1.91,20.67 2.3,20.28M20,19A2,2 0 0,1 22,21V22H12V21A2,2 0 0,1 14,19H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-female.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-female.svg
new file mode 100644
index 00000000..126e24f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-female.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-female" viewBox="0 0 24 24"><path d="M12,4A6,6 0 0,1 18,10C18,12.97 15.84,15.44 13,15.92V18H15V20H13V22H11V20H9V18H11V15.92C8.16,15.44 6,12.97 6,10A6,6 0 0,1 12,4M12,6A4,4 0 0,0 8,10A4,4 0 0,0 12,14A4,4 0 0,0 16,10A4,4 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female-variant.svg
new file mode 100644
index 00000000..c330c434
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-male-female-variant" viewBox="0 0 24 24"><path d="M7 3A5 5 0 0 0 9 7A5 5 0 0 0 7 11A5 5 0 0 0 11 15.9V18H9V20H11V22H13V20H15V18H13V15.9A5 5 0 0 0 17 11A5 5 0 0 0 15 7A5 5 0 0 0 17 3H15A3 3 0 0 1 12 6A3 3 0 0 1 9 3M12 8A3 3 0 0 1 15 11A3 3 0 0 1 12 14A3 3 0 0 1 9 11A3 3 0 0 1 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female.svg
new file mode 100644
index 00000000..118cf2ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male-female.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-male-female" viewBox="0 0 24 24"><path d="M17.58,4H14V2H21V9H19V5.41L15.17,9.24C15.69,10.03 16,11 16,12C16,14.42 14.28,16.44 12,16.9V19H14V21H12V23H10V21H8V19H10V16.9C7.72,16.44 6,14.42 6,12A5,5 0 0,1 11,7C12,7 12.96,7.3 13.75,7.83L17.58,4M11,9A3,3 0 0,0 8,12A3,3 0 0,0 11,15A3,3 0 0,0 14,12A3,3 0 0,0 11,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-male.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male.svg
new file mode 100644
index 00000000..7d59dce2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-male.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-male" viewBox="0 0 24 24"><path d="M9,9C10.29,9 11.5,9.41 12.47,10.11L17.58,5H13V3H21V11H19V6.41L13.89,11.5C14.59,12.5 15,13.7 15,15A6,6 0 0,1 9,21A6,6 0 0,1 3,15A6,6 0 0,1 9,9M9,11A4,4 0 0,0 5,15A4,4 0 0,0 9,19A4,4 0 0,0 13,15A4,4 0 0,0 9,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-non-binary.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-non-binary.svg
new file mode 100644
index 00000000..b615c08f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-non-binary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-non-binary" viewBox="0 0 24 24"><path d="M13 3H11V5.27L9.04 4.13L8.04 5.87L10 7L8.04 8.13L9.04 9.87L11 8.73V12.1C8.72 12.56 7 14.58 7 17C7 19.76 9.24 22 12 22S17 19.76 17 17C17 14.58 15.28 12.56 13 12.1V8.73L14.96 9.87L15.96 8.13L14 7L15.96 5.87L14.96 4.13L13 5.27V3M12 20C10.35 20 9 18.65 9 17S10.35 14 12 14 15 15.35 15 17 13.65 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gender-transgender.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gender-transgender.svg
new file mode 100644
index 00000000..33f3b5f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gender-transgender.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gender-transgender" viewBox="0 0 24 24"><path d="M19.58,3H15V1H23V9H21V4.41L16.17,9.24C16.69,10.03 17,11 17,12C17,14.42 15.28,16.44 13,16.9V19H15V21H13V23H11V21H9V19H11V16.9C8.72,16.44 7,14.42 7,12C7,11 7.3,10.04 7.82,9.26L6.64,8.07L5.24,9.46L3.83,8.04L5.23,6.65L3,4.42V8H1V1H8V3H4.41L6.64,5.24L8.08,3.81L9.5,5.23L8.06,6.66L9.23,7.84C10,7.31 11,7 12,7C13,7 13.96,7.3 14.75,7.83L19.58,3M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gentoo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gentoo.svg
new file mode 100644
index 00000000..690162bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gentoo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gentoo" viewBox="0 0 24 24"><path d="M10.28,2C9.93,2 9.57,2.03 9.23,2.1C5.61,2.76 3.06,5.89 2.85,7.96C2.74,8.97 3.29,9.73 3.59,10.06C4.4,10.97 6.03,11.66 7.07,12.23C5.56,13.5 4.87,14.14 4.19,14.86C3.17,15.93 2.45,17.1 2.45,17.95C2.45,18.22 2.4,19.09 2.76,19.77C2.89,20.03 3.27,20.89 4.41,21.53C5.14,21.94 6.17,22.09 7.19,21.95C10.33,21.5 14.54,18.83 17.55,16.35C19.46,14.77 20.86,13.23 21.26,12.5C21.59,11.87 21.63,10.78 21.44,10.09C20.9,8.14 16.53,4.15 12.96,2.55C12.14,2.18 11.2,2 10.28,2M11.34,4.91C11.59,4.91 11.81,4.94 12,5C13.15,5.3 15.08,6.68 14.91,7.94C14.68,9.6 13.23,10.27 11.56,10.03C10.58,9.9 8.63,8.8 8.78,6.89C8.89,5.4 10.3,4.9 11.34,4.91M11.32,6.65C11.05,6.65 10.84,6.71 10.74,6.87C10.27,7.59 10.5,8.09 10.92,8.42C11.07,8.04 12.71,8.45 12.75,8.79C14.17,7.72 12.36,6.66 11.32,6.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-double-tap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-double-tap.svg
new file mode 100644
index 00000000..474b2762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-double-tap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-double-tap" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5M11,3A6,6 0 0,1 17,9C17,10.7 16.29,12.23 15.16,13.33L14.16,12.88C15.28,11.96 16,10.56 16,9A5,5 0 0,0 11,4A5,5 0 0,0 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9A6,6 0 0,1 11,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-pinch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-pinch.svg
new file mode 100644
index 00000000..7470a297
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-pinch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-pinch" viewBox="0 0 24 24"><path d="M13,9A1,1 0 0,1 14,8A1,1 0 0,1 15,9V13.47L16.21,13.6L21.15,15.8C21.67,16.04 22,16.56 22,17.14V21.5C21.97,22.32 21.32,22.97 20.5,23H14C13.62,23 13.26,22.85 13,22.57L8.1,18.37L8.84,17.6C9.03,17.39 9.3,17.28 9.58,17.28H9.8L13,19V9M14,5C15.42,5 16.74,5.76 17.45,7C18.56,8.9 17.91,11.35 16,12.46V11.23C16.64,10.67 17,9.85 17,9A3,3 0 0,0 14,6A3,3 0 0,0 11,9C11,9.85 11.36,10.67 12,11.23V12.46C10.77,11.75 10,10.43 10,9A4,4 0 0,1 14,5M4,9L7,12H5V15H3V12H1L4,9M4,7L1,4H3V1H5V4H7L4,7M9,14C9.73,14 10.41,14.19 11,14.54V15.76C10.47,15.29 9.77,15 9,15A3,3 0 0,0 6,18C6,19 6.5,19.87 7.22,20.42L9.31,22H9A4,4 0 0,1 5,18A4,4 0 0,1 9,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-spread.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-spread.svg
new file mode 100644
index 00000000..227f8085
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-spread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-spread" viewBox="0 0 24 24"><path d="M4,1L7,4H5V7H3V4H1L4,1M4,15L1,12H3V9H5V12H7L4,15M13,9A1,1 0 0,1 14,8A1,1 0 0,1 15,9V13.47L16.21,13.6L21.15,15.8C21.67,16.04 22,16.56 22,17.14V21.5C21.97,22.32 21.32,22.97 20.5,23H14C13.62,23 13.26,22.85 13,22.57L8.1,18.37L8.84,17.6C9.03,17.39 9.3,17.28 9.58,17.28H9.8L13,19V9M14,5C15.42,5 16.74,5.76 17.45,7C18.56,8.9 17.91,11.35 16,12.46V11.23C16.64,10.67 17,9.85 17,9A3,3 0 0,0 14,6A3,3 0 0,0 11,9C11,9.85 11.36,10.67 12,11.23V12.46C10.77,11.75 10,10.43 10,9A4,4 0 0,1 14,5M9,14C9.73,14 10.41,14.19 11,14.54V15.76C10.47,15.29 9.77,15 9,15A3,3 0 0,0 6,18C6,19 6.5,19.87 7.22,20.42L9.31,22H9A4,4 0 0,1 5,18A4,4 0 0,1 9,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-down.svg
new file mode 100644
index 00000000..3fd4a212
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-down" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M1,9L4,12L7,9H5V3H3V9H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-horizontal.svg
new file mode 100644
index 00000000..32c6c2ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-horizontal" viewBox="0 0 24 24"><path d="M6,1L3,4L6,7V5H9V7L12,4L9,1V3H6V1M11,8A1,1 0 0,0 10,9V19L6.8,17.28H6.58C6.3,17.28 6.03,17.39 5.84,17.6L5.1,18.37L10,22.57C10.26,22.85 10.62,23 11,23H17.5A1.5,1.5 0 0,0 19,21.5V17.14C19,16.56 18.68,16.03 18.15,15.79L13.21,13.6L12,13.47V9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-left.svg
new file mode 100644
index 00000000..c0074389
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-left" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M3,4L6,7V5H12V3H6V1L3,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-right.svg
new file mode 100644
index 00000000..33b767db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-right" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M12,4L9,1V3H3V5H9V7L12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-up.svg
new file mode 100644
index 00000000..04e129b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-up" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M7,6L4,3L1,6H3V12H5V6H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-vertical.svg
new file mode 100644
index 00000000..db99aaf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe-vertical" viewBox="0 0 24 24"><path d="M4,3L1,6H3V9H1L4,12L7,9H5V6H7L4,3M11,8A1,1 0 0,0 10,9V19L6.8,17.28H6.58C6.3,17.28 6.03,17.39 5.84,17.6L5.1,18.37L10,22.57C10.26,22.85 10.62,23 11,23H17.5A1.5,1.5 0 0,0 19,21.5V17.14C19,16.56 18.68,16.03 18.15,15.79L13.21,13.6L12,13.47V9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe.svg
new file mode 100644
index 00000000..6aec8088
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-swipe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-swipe" viewBox="0 0 24 24"><path d="M20.11,3.89L22,2V7H17L19.08,4.92C18.55,4.23 17.64,3.66 16.36,3.19C15.08,2.72 13.63,2.5 12,2.5C10.38,2.5 8.92,2.72 7.64,3.19C6.36,3.66 5.45,4.23 4.92,4.92L7,7H2V2L3.89,3.89C4.64,3 5.74,2.31 7.2,1.78C8.65,1.25 10.25,1 12,1C13.75,1 15.35,1.25 16.8,1.78C18.26,2.31 19.36,3 20.11,3.89M19.73,16.27V16.45L19,21.7C18.92,22.08 18.76,22.39 18.5,22.64C18.23,22.89 17.91,23 17.53,23H10.73C10.36,23 10,22.86 9.7,22.55L4.73,17.63L5.53,16.83C5.75,16.61 6,16.5 6.33,16.5H6.56L10,17.25V6.5C10,6.11 10.13,5.76 10.43,5.46C10.73,5.16 11.08,5 11.5,5C11.89,5 12.24,5.16 12.54,5.46C12.84,5.76 13,6.11 13,6.5V12.5H13.78C13.88,12.5 14.05,12.55 14.3,12.61L18.84,14.86C19.44,15.14 19.73,15.61 19.73,16.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-box.svg
new file mode 100644
index 00000000..96f61d54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-tap-box" viewBox="0 0 24 24"><path d="M20 2H4C2.89 2 2 2.89 2 4V20C2 21.11 2.89 22 4 22H20C21.11 22 22 21.11 22 20V4C22 2.89 21.11 2 20 2M11 4C13.21 4 15 5.79 15 8C15 9.5 14.2 10.77 13 11.46V10.24C13.61 9.69 14 8.89 14 8C14 6.34 12.66 5 11 5S8 6.34 8 8C8 8.89 8.39 9.69 9 10.24V11.46C7.8 10.77 7 9.5 7 8C7 5.79 8.79 4 11 4M18 18.5C17.97 19.32 17.32 19.97 16.5 20H11C10.62 20 10.26 19.85 10 19.57L6 15.37L6.74 14.6C6.93 14.39 7.2 14.28 7.5 14.28H7.7L10 16V8C10 7.45 10.45 7 11 7S12 7.45 12 8V12.47L13.21 12.6L17.15 14.79C17.68 15.03 18 15.56 18 16.14V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-button.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-button.svg
new file mode 100644
index 00000000..15615f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-button.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-tap-button" viewBox="0 0 24 24"><path d="M13 5C15.21 5 17 6.79 17 9C17 10.5 16.2 11.77 15 12.46V11.24C15.61 10.69 16 9.89 16 9C16 7.34 14.66 6 13 6S10 7.34 10 9C10 9.89 10.39 10.69 11 11.24V12.46C9.8 11.77 9 10.5 9 9C9 6.79 10.79 5 13 5M20 20.5C19.97 21.32 19.32 21.97 18.5 22H13C12.62 22 12.26 21.85 12 21.57L8 17.37L8.74 16.6C8.93 16.39 9.2 16.28 9.5 16.28H9.7L12 18V9C12 8.45 12.45 8 13 8S14 8.45 14 9V13.47L15.21 13.6L19.15 15.79C19.68 16.03 20 16.56 20 17.14V20.5M20 2H4C2.9 2 2 2.9 2 4V12C2 13.11 2.9 14 4 14H8V12L4 12L4 4H20L20 12H18V14H20V13.96L20.04 14C21.13 14 22 13.09 22 12V4C22 2.9 21.11 2 20 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-hold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-hold.svg
new file mode 100644
index 00000000..9fbf783d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap-hold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-tap-hold" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M9,12.44V9A2,2 0 0,1 11,7A2,2 0 0,1 13,9V12.44C14.19,11.75 15,10.47 15,9A4,4 0 0,0 11,5A4,4 0 0,0 7,9C7,10.47 7.81,11.75 9,12.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap.svg
new file mode 100644
index 00000000..3bf7a18f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-tap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-tap" viewBox="0 0 24 24"><path d="M10,9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V13.47L13.21,13.6L18.15,15.79C18.68,16.03 19,16.56 19,17.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9M11,5A4,4 0 0,1 15,9C15,10.5 14.2,11.77 13,12.46V11.24C13.61,10.69 14,9.89 14,9A3,3 0 0,0 11,6A3,3 0 0,0 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9A4,4 0 0,1 11,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-double-tap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-double-tap.svg
new file mode 100644
index 00000000..128c2c9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-double-tap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-two-double-tap" viewBox="0 0 24 24"><path d="M19,15.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V7A1,1 0 0,1 13,6A1,1 0 0,1 14,7V12L18.15,13.84C18.66,14.07 19,14.58 19,15.14M13,3A4,4 0 0,1 17,7C17,8.5 16.2,9.77 15,10.46V9.24C15.61,8.69 16,7.89 16,7A3,3 0 0,0 13,4C11.65,4 10.5,4.9 10.13,6.13C8.9,6.5 8,7.65 8,9C8,9.89 8.39,10.69 9,11.24V12.46C7.8,11.77 7,10.5 7,9C7,7.38 7.97,6 9.35,5.35C10,3.97 11.38,3 13,3M13,1A6,6 0 0,1 19,7C19,9.06 17.96,10.88 16.38,11.96L15.26,11.46C16.89,10.64 18,8.95 18,7A5,5 0 0,0 13,2C11.11,2 9.46,3.05 8.61,4.61C7.05,5.46 6,7.11 6,9C6,11.05 7.23,12.81 9,13.58V14.66C6.67,13.83 5,11.61 5,9C5,6.83 6.15,4.93 7.88,3.88C8.93,2.15 10.83,1 13,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-tap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-tap.svg
new file mode 100644
index 00000000..cd5a5272
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture-two-tap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture-two-tap" viewBox="0 0 24 24"><path d="M19,15.14V21.5C18.97,22.32 18.32,22.97 17.5,23H11C10.62,23 10.26,22.85 10,22.57L5.1,18.37L5.84,17.6C6.03,17.39 6.3,17.28 6.58,17.28H6.8L10,19V9A1,1 0 0,1 11,8A1,1 0 0,1 12,9V7A1,1 0 0,1 13,6A1,1 0 0,1 14,7V12L18.15,13.84C18.66,14.07 19,14.58 19,15.14M15,10.45V9.24L15,9.23C15.23,9.03 15.42,8.79 15.57,8.54C15.84,8.09 16,7.56 16,7A3,3 0 0,0 13,4C12.21,4 11.5,4.31 10.95,4.81L10.81,4.95C10.68,5.09 10.56,5.24 10.46,5.4C10.36,5.56 10.27,5.74 10.2,5.92C10.17,6 10.15,6.06 10.13,6.13C8.9,6.5 8,7.65 8,9C8,9.7 8.24,10.34 8.64,10.85C8.74,11 8.87,11.11 9,11.23V11.24L9,12.46V12.46C7.8,11.77 7,10.5 7,9C7,7.38 7.97,6 9.35,5.35C10,3.97 11.38,3 13,3A4,4 0 0,1 17,7C17,8.5 16.2,9.77 15,10.46V10.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gesture.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gesture.svg
new file mode 100644
index 00000000..6fb3fcca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gesture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gesture" viewBox="0 0 24 24"><path d="M4.59,6.89C5.29,6.18 6,5.54 6.3,5.67C6.8,5.87 6.3,6.7 6,7.19C5.75,7.61 3.14,11.08 3.14,13.5C3.14,14.78 3.62,15.84 4.5,16.5C5.23,17.04 6.22,17.21 7.12,16.94C8.19,16.63 9.07,15.54 10.18,14.17C11.39,12.68 13,10.73 14.26,10.73C15.89,10.73 15.91,11.74 16,12.5C12.24,13.16 10.64,16.19 10.64,17.89C10.64,19.59 12.08,21 13.85,21C15.5,21 18.14,19.65 18.54,14.88H21V12.38H18.53C18.38,10.73 17.44,8.18 14.5,8.18C12.25,8.18 10.32,10.09 9.56,11C9,11.75 7.5,13.5 7.27,13.74C7,14.04 6.59,14.58 6.16,14.58C5.71,14.58 5.44,13.75 5.8,12.66C6.15,11.57 7.2,9.8 7.65,9.14C8.43,8 8.95,7.22 8.95,5.86C8.95,3.69 7.31,3 6.44,3C5.12,3 3.97,4 3.72,4.25C3.36,4.61 3.06,4.91 2.84,5.18L4.59,6.89M13.88,18.55C13.57,18.55 13.14,18.29 13.14,17.83C13.14,17.23 13.87,15.63 16,15.07C15.71,17.76 14.58,18.55 13.88,18.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off-outline.svg
new file mode 100644
index 00000000..2f680cc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ghost-off-outline" viewBox="0 0 24 24"><path d="M8.29 5.09L6.84 3.64C8.3 2.61 10.08 2 12 2C16.97 2 21 6.03 21 11V17.8L19 15.8V11C19 7.14 15.86 4 12 4C10.63 4 9.36 4.4 8.29 5.09M22.11 21.46L20.84 22.73L17.56 19.45L15 22L12 19L9 22L6 19L3 22V11C3 9.26 3.5 7.63 4.36 6.25L1.11 3L2.39 1.73L6.89 6.23L8.69 8.03H8.69L10.97 10.31V10.31L17.41 16.76L17.42 16.76L21 20.34V20.35L22.11 21.46M16.14 18.03L9.89 11.78C9.62 11.92 9.32 12 9 12C7.9 12 7 11.11 7 10C7 9.68 7.08 9.38 7.22 9.11L5.82 7.71C5.3 8.69 5 9.81 5 11V17.17L6 16.17L7.41 17.59L9 19.17L10.59 17.59L12 16.17L13.41 17.59L15 19.17L16.14 18.03M15 8C13.96 8 13.11 8.8 13 9.82L15.18 12C16.2 11.89 17 11.04 17 10C17 8.9 16.11 8 15 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off.svg
new file mode 100644
index 00000000..5fc83770
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ghost-off" viewBox="0 0 24 24"><path d="M2,3.27L3.28,2L22,20.72L20.73,22L17.87,19.13L15,22L12,19L9,22L6,19L3,22V11C3,9.09 3.59,7.33 4.6,5.87L2,3.27M12,2A9,9 0 0,1 21,11V17.18L15.7,11.88C16.46,11.59 17,10.86 17,10A2,2 0 0,0 15,8C14.14,8 13.41,8.54 13.13,9.3L7.2,3.38C8.59,2.5 10.24,2 12,2M7,10A2,2 0 0,0 9,12C9.5,12 9.93,11.83 10.27,11.54L7.46,8.73C7.17,9.07 7,9.5 7,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ghost-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-outline.svg
new file mode 100644
index 00000000..237dac72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ghost-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ghost-outline" viewBox="0 0 24 24"><path d="M12 2C7.03 2 3 6.03 3 11V22L6 19L9 22L12 19L15 22L18 19L21 22V11C21 6.03 16.97 2 12 2M19 17.17L18 16.17L16.59 17.59L15 19.17L13.41 17.59L12 16.17L10.59 17.59L9 19.17L7.41 17.59L6 16.17L5 17.17V11C5 7.14 8.14 4 12 4S19 7.14 19 11V17.17M11 10C11 11.11 10.11 12 9 12S7 11.11 7 10 7.9 8 9 8 11 8.9 11 10M17 10C17 11.11 16.11 12 15 12S13 11.11 13 10 13.9 8 15 8 17 8.9 17 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ghost.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ghost.svg
new file mode 100644
index 00000000..e5b23f50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ghost.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ghost" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11V22L6,19L9,22L12,19L15,22L18,19L21,22V11A9,9 0 0,0 12,2M9,8A2,2 0 0,1 11,10A2,2 0 0,1 9,12A2,2 0 0,1 7,10A2,2 0 0,1 9,8M15,8A2,2 0 0,1 17,10A2,2 0 0,1 15,12A2,2 0 0,1 13,10A2,2 0 0,1 15,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift-off-outline.svg
new file mode 100644
index 00000000..78b0e301
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift-off-outline" viewBox="0 0 24 24"><path d="M21 6H17.83C17.94 5.69 18 5.35 18 5C18 3.34 16.66 2 15 2C14 2 13.12 2.5 12.57 3.24V3.23L12 4L11.43 3.23V3.24C10.88 2.5 10 2 9 2C7.97 2 7.06 2.5 6.5 3.32L8.03 4.83C8.12 4.36 8.5 4 9 4C9.55 4 10 4.45 10 5C10 5.5 9.64 5.88 9.17 5.97L13 9.8V8H21V10H13.2L15.2 12H20V16.8L22 18.8V12C22.55 12 23 11.55 23 11V8C23 6.9 22.11 6 21 6M15 6C14.45 6 14 5.55 14 5S14.45 4 15 4 16 4.45 16 5 15.55 6 15 6M1.11 3L4.11 6H3C1.9 6 1 6.9 1 8V11C1 11.55 1.45 12 2 12V20C2 21.11 2.9 22 4 22H20C20.03 22 20.07 22 20.1 22L21.56 23.45L22.83 22.18L2.39 1.73L1.11 3M13 14.89L18.11 20H13V14.89M11 12.89V20H4V12H10.11L11 12.89M8.11 10H3V8H6.11L8.11 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift-off.svg
new file mode 100644
index 00000000..07f58512
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift-off" viewBox="0 0 24 24"><path d="M1.11 3L4.14 6.04H3C1.9 6.04 1 6.93 1 8.04V10.04C1 10.59 1.45 11.04 2 11.04H9.15L10.15 12.04H2V20.04C2 21.14 2.9 22.04 4 22.04H20C20.05 22.04 20.09 22.03 20.13 22L21.56 23.45L22.83 22.18L2.39 1.73L1.11 3M11 12.89L13 14.89V20.04H11V12.89M22 12.04V18.8L15.24 12.04H22M21 6.04H17.83C19 2.77 14.6 .455 12.57 3.28L12 4.04L11.43 3.26C10.8 2.37 9.93 2 9.06 1.97C8.06 1.96 7.08 2.5 6.5 3.3L8.04 4.84C8.13 4.38 8.5 4.04 9 4.04C9.89 4.04 10.34 5.12 9.71 5.75C9.56 5.89 9.39 6 9.21 6L11.24 8.04H13V9.8L14.24 11.04H22C22.55 11.04 23 10.59 23 10.04V8.04C23 6.93 22.11 6.04 21 6.04M15.71 5.75C15.08 6.38 14 5.93 14 5.04C14 4.5 14.45 4.04 15 4.04C15.89 4.04 16.34 5.12 15.71 5.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift-open-outline.svg
new file mode 100644
index 00000000..1843e9aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift-open-outline" viewBox="0 0 24 24"><path d="M22 10.87L19.26 9.28C19.5 9.07 19.73 8.8 19.9 8.5C20.73 7.07 20.24 5.23 18.8 4.4C17.94 3.9 16.93 3.9 16.08 4.26L16.09 4.25L15.21 4.64L15.1 3.68L15.09 3.69C15 2.78 14.47 1.9 13.61 1.4C12.17 .575 10.34 1.07 9.5 2.5C9.33 2.8 9.22 3.13 9.16 3.45L6.41 1.87C5.45 1.32 4.23 1.64 3.68 2.6L2.18 5.2C1.9 5.68 2.07 6.29 2.55 6.56L4.28 7.56L8.5 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V14.87L22.73 13.6C23.28 12.64 22.96 11.42 22 10.87M16.44 6.5C16.71 6 17.33 5.86 17.8 6.13C18.28 6.41 18.45 7 18.17 7.5C17.89 8 17.28 8.14 16.8 7.87C16.33 7.59 16.16 7 16.44 6.5M14.07 8.6L21 12.6L20 14.33L13.07 10.33L14.07 8.6M11 20H4V12H11V20M11.34 9.33L4.41 5.33L5.41 3.6L12.34 7.6L11.34 9.33M11.61 4.87C11.13 4.59 10.97 4 11.24 3.5C11.5 3 12.13 2.86 12.61 3.13C13.09 3.41 13.25 4 12.97 4.5C12.7 5 12.09 5.14 11.61 4.87M13 20V12.6L20 16.64V20H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift-open.svg
new file mode 100644
index 00000000..127c3eb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift-open" viewBox="0 0 24 24"><path d="M22 10.92L19.26 9.33C21.9 7.08 19.25 2.88 16.08 4.31L15.21 4.68L15.1 3.72C15 2.64 14.44 1.87 13.7 1.42C12.06 .467 9.56 1.12 9.16 3.5L6.41 1.92C5.45 1.36 4.23 1.69 3.68 2.65L2.68 4.38C2.4 4.86 2.57 5.47 3.05 5.75L10.84 10.25L12.34 7.65L14.07 8.65L12.57 11.25L20.36 15.75C20.84 16 21.46 15.86 21.73 15.38L22.73 13.65C23.28 12.69 22.96 11.47 22 10.92M12.37 5C11.5 5.25 10.8 4.32 11.24 3.55C11.5 3.07 12.13 2.91 12.61 3.18C13.38 3.63 13.23 4.79 12.37 5M17.56 8C16.7 8.25 16 7.32 16.44 6.55C16.71 6.07 17.33 5.91 17.8 6.18C18.57 6.63 18.42 7.79 17.56 8M20.87 16.88C21.28 16.88 21.67 16.74 22 16.5V20C22 21.11 21.11 22 20 22H4C2.9 22 2 21.11 2 20V11H10.15L11 11.5V20H13V12.65L19.87 16.61C20.17 16.79 20.5 16.88 20.87 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift-outline.svg
new file mode 100644
index 00000000..8c987d5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift-outline" viewBox="0 0 24 24"><path d="M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A1,1 0 0,1 1,11V8A2,2 0 0,1 3,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H21A2,2 0 0,1 23,8V11A1,1 0 0,1 22,12M4,20H11V12H4V20M20,20V12H13V20H20M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M3,8V10H11V8H3M13,8V10H21V8H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gift.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gift.svg
new file mode 100644
index 00000000..002677fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gift" viewBox="0 0 24 24"><path d="M9.06,1.93C7.17,1.92 5.33,3.74 6.17,6H3A2,2 0 0,0 1,8V10A1,1 0 0,0 2,11H11V8H13V11H22A1,1 0 0,0 23,10V8A2,2 0 0,0 21,6H17.83C19,2.73 14.6,0.42 12.57,3.24L12,4L11.43,3.22C10.8,2.33 9.93,1.94 9.06,1.93M9,4C9.89,4 10.34,5.08 9.71,5.71C9.08,6.34 8,5.89 8,5A1,1 0 0,1 9,4M15,4C15.89,4 16.34,5.08 15.71,5.71C15.08,6.34 14,5.89 14,5A1,1 0 0,1 15,4M2,12V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V12H13V20H11V12H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/git.svg b/apps/phoenix_webcomponent/priv/mdi/svg/git.svg
new file mode 100644
index 00000000..e4d5f6ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/git.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-git" viewBox="0 0 24 24"><path d="M2.6,10.59L8.38,4.8L10.07,6.5C9.83,7.35 10.22,8.28 11,8.73V14.27C10.4,14.61 10,15.26 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.26 13.6,14.61 13,14.27V9.41L15.07,11.5C15,11.65 15,11.82 15,12A2,2 0 0,0 17,14A2,2 0 0,0 19,12A2,2 0 0,0 17,10C16.82,10 16.65,10 16.5,10.07L13.93,7.5C14.19,6.57 13.71,5.55 12.78,5.16C12.35,5 11.9,4.96 11.5,5.07L9.8,3.38L10.59,2.6C11.37,1.81 12.63,1.81 13.41,2.6L21.4,10.59C22.19,11.37 22.19,12.63 21.4,13.41L13.41,21.4C12.63,22.19 11.37,22.19 10.59,21.4L2.6,13.41C1.81,12.63 1.81,11.37 2.6,10.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/github.svg b/apps/phoenix_webcomponent/priv/mdi/svg/github.svg
new file mode 100644
index 00000000..d0dae77f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-github" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gitlab.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gitlab.svg
new file mode 100644
index 00000000..6782387e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gitlab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gitlab" viewBox="0 0 24 24"><path d="M21.94 13.11L20.89 9.89C20.89 9.86 20.88 9.83 20.87 9.8L18.76 3.32C18.65 3 18.33 2.75 17.96 2.75C17.6 2.75 17.28 3 17.17 3.33L15.17 9.5H8.84L6.83 3.33C6.72 3 6.4 2.75 6.04 2.75H6.04C5.67 2.75 5.35 3 5.24 3.33L3.13 9.82C3.13 9.82 3.13 9.83 3.13 9.83L2.06 13.11C1.9 13.61 2.07 14.15 2.5 14.45L11.72 21.16C11.89 21.28 12.11 21.28 12.28 21.15L21.5 14.45C21.93 14.15 22.1 13.61 21.94 13.11M8.15 10.45L10.72 18.36L4.55 10.45M13.28 18.37L15.75 10.78L15.85 10.45H19.46L13.87 17.61M17.97 3.94L19.78 9.5H16.16M14.86 10.45L13.07 15.96L12 19.24L9.14 10.45M6.03 3.94L7.84 9.5H4.23M3.05 13.69C2.96 13.62 2.92 13.5 2.96 13.4L3.75 10.97L9.57 18.42M20.95 13.69L14.44 18.42L14.46 18.39L20.25 10.97L21.04 13.4C21.08 13.5 21.04 13.62 20.95 13.69" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail-off.svg
new file mode 100644
index 00000000..7ffb975d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-cocktail-off" viewBox="0 0 24 24"><path d="M13.33 12.67L7.66 7L6.13 5.47L2.39 1.73L1.11 3L3 4.89V5L11 13V19H6V21H18V19.89L20.84 22.73L22.11 21.46L13.33 12.67M13 19V14.89L17.11 19H13M8.2 5L6.2 3H21V5L14.6 11.4L10.2 7H16.5L18.5 5H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail.svg
new file mode 100644
index 00000000..144bc6fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-cocktail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-cocktail" viewBox="0 0 24 24"><path d="M7.5,7L5.5,5H18.5L16.5,7M11,13V19H6V21H18V19H13V13L21,5V3H3V5L11,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-flute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-flute.svg
new file mode 100644
index 00000000..8bafd375
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-flute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-flute" viewBox="0 0 24 24"><path d="M8,2H16C15.67,5 15.33,8 14.75,9.83C14.17,11.67 13.33,12.33 12.92,14.08C12.5,15.83 12.5,18.67 13.08,20C13.67,21.33 14.83,21.17 15.42,21.25C16,21.33 16,21.67 16,22H8C8,21.67 8,21.33 8.58,21.25C9.17,21.17 10.33,21.33 10.92,20C11.5,18.67 11.5,15.83 11.08,14.08C10.67,12.33 9.83,11.67 9.25,9.83C8.67,8 8.33,5 8,2M10,4C10.07,5.03 10.15,6.07 10.24,7H13.76C13.85,6.07 13.93,5.03 14,4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-fragile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-fragile.svg
new file mode 100644
index 00000000..36d25a19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-fragile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-fragile" viewBox="0 0 24 24"><path d="M13 20H18V22H6V20H11V13.97C8.19 13.7 6 11.34 6 8.46C6 8.15 6.03 7.85 6.08 7.55L7 2H13.54L12.33 4.41L11.79 5.5H13.79L12.33 8.41L11.79 9.5H14L13 12.75L15.67 9.09L16.46 8H14.21L15.67 5.09L16.21 4H14.21L15.21 2H17L17.93 7.55C18 7.85 18 8.15 18 8.46C18 11.34 15.81 13.7 13 13.97V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-off.svg
new file mode 100644
index 00000000..7baed22a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-mug-off" viewBox="0 0 24 24"><path d="M20 19.35V19.34L6.66 6L6.07 5.41L2.39 1.73L1.11 3L4.26 6.15C3.5 6.44 3 7.16 3 8V15C3 15.82 3.5 16.5 4.2 16.83L8 18.6V20L7 21V22H20.11L20.84 22.73L22.11 21.46L20 19.35M8 16.39L5 15V8H6.11L8 9.89V16.39M8 4L7 3V2H21V3L20 4V16.8L10.2 7H18V4H10V6.8L8 4.8V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant-off.svg
new file mode 100644
index 00000000..872edef0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-mug-variant-off" viewBox="0 0 24 24"><path d="M8.44 5.24L7 3.79C7.71 3.29 8.57 3 9.5 3C10.53 3 11.5 3.35 12.32 4H14C16.21 4 18 5.79 18 8V10H20C20.55 10 21 10.45 21 11V17.8L19 15.8V12H17V13.8L11.26 8.06C11.5 8 11.73 8 12 8H16C16 6.9 15.11 6 14 6H11.5C11.03 5.37 10.29 5 9.5 5C9.12 5 8.76 5.09 8.44 5.24M22.11 21.46L20.84 22.73L18.11 20H17V22H6V14C3.79 14 2 12.21 2 10C2 8.37 3 6.94 4.44 6.33L1.11 3L2.39 1.73L7.19 6.54L9.61 8.96L17 16.34V16.35L18.65 18H18.66L20.5 19.84V19.85L22.11 21.46M8.59 10.5L6.11 8H6C4.89 8 4 8.9 4 10C4 11.11 4.89 12 6 12C6 12 7.68 12.13 8.5 10.63L8.59 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant.svg
new file mode 100644
index 00000000..824a46c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-mug-variant" viewBox="0 0 24 24"><path d="M9.5 3C7.56 3 5.85 4.24 5.23 6.08C3.36 6.44 2 8.09 2 10C2 12.21 3.79 14 6 14V22H17V20H20C20.55 20 21 19.55 21 19V11C21 10.45 20.55 10 20 10H18V8C18 5.79 16.21 4 14 4H12.32C11.5 3.35 10.53 3 9.5 3M9.5 5C10.29 5 11.03 5.37 11.5 6H14C15.11 6 16 6.9 16 8H12C10 8 9.32 9.13 8.5 10.63C7.68 12.13 6 12 6 12C4.89 12 4 11.11 4 10C4 8.9 4.89 8 6 8H7V7.5C7 6.12 8.12 5 9.5 5M17 12H19V18H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug.svg
new file mode 100644
index 00000000..bda9e5fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-mug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-mug" viewBox="0 0 24 24"><path d="M10,4V7H18V4H10M8,2H20L21,2V3L20,4V20L21,21V22H20L8,22H7V21L8,20V18.6L4.2,16.83C3.5,16.5 3,15.82 3,15V8A2,2 0 0,1 5,6H8V4L7,3V2H8M5,15L8,16.39V8H5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-pint-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-pint-outline.svg
new file mode 100644
index 00000000..9384abac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-pint-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-pint-outline" viewBox="0 0 24 24"><path d="M4 2L6 22H17L19 2H4M6.2 4H16.8L15.2 20H7.8L6.2 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-stange.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-stange.svg
new file mode 100644
index 00000000..7ff79c6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-stange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-stange" viewBox="0 0 24 24"><path d="M8,2H16V22H8V2M10,4V7H14V4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-tulip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-tulip.svg
new file mode 100644
index 00000000..4c077917
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-tulip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-tulip" viewBox="0 0 24 24"><path d="M8,2H16C15.67,2.67 15.33,3.33 15.58,5C15.83,6.67 16.67,9.33 16.25,10.74C15.83,12.14 14.17,12.28 13.33,13.86C12.5,15.44 12.5,18.47 13.08,19.9C13.67,21.33 14.83,21.17 15.42,21.25C16,21.33 16,21.67 16,22H8C8,21.67 8,21.33 8.58,21.25C9.17,21.17 10.33,21.33 10.92,19.9C11.5,18.47 11.5,15.44 10.67,13.86C9.83,12.28 8.17,12.14 7.75,10.74C7.33,9.33 8.17,6.67 8.42,5C8.67,3.33 8.33,2.67 8,2M10,4C10,5.19 9.83,6.17 9.64,7H14.27C14.13,6.17 14,5.19 14,4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glass-wine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glass-wine.svg
new file mode 100644
index 00000000..812bff7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glass-wine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glass-wine" viewBox="0 0 24 24"><path d="M15.5,21.27L14.66,21.18C13.9,21.11 13.25,20.6 13,19.87C12.47,17.91 12.47,15.83 13,13.87C15.32,13.4 17,11.37 17,9C17,7 15,2 15,2H9C9,2 7,7 7,9C7,11.38 8.67,13.42 11,13.9C11.53,15.86 11.53,17.94 11,19.9C10.76,20.62 10.12,21.13 9.37,21.21L8.5,21.3C8.5,21.3 8,21.28 8,22H16C16,21.28 15.5,21.27 15.5,21.27M9.44,7L10.44,4H13.56L14.56,7H9.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/glasses.svg b/apps/phoenix_webcomponent/priv/mdi/svg/glasses.svg
new file mode 100644
index 00000000..c985bd31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/glasses.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-glasses" viewBox="0 0 24 24"><path d="M3,10C2.76,10 2.55,10.09 2.41,10.25C2.27,10.4 2.21,10.62 2.24,10.86L2.74,13.85C2.82,14.5 3.4,15 4,15H7C7.64,15 8.36,14.44 8.5,13.82L9.56,10.63C9.6,10.5 9.57,10.31 9.5,10.19C9.39,10.07 9.22,10 9,10H3M7,17H4C2.38,17 0.96,15.74 0.76,14.14L0.26,11.15C0.15,10.3 0.39,9.5 0.91,8.92C1.43,8.34 2.19,8 3,8H9C9.83,8 10.58,8.35 11.06,8.96C11.17,9.11 11.27,9.27 11.35,9.45C11.78,9.36 12.22,9.36 12.64,9.45C12.72,9.27 12.82,9.11 12.94,8.96C13.41,8.35 14.16,8 15,8H21C21.81,8 22.57,8.34 23.09,8.92C23.6,9.5 23.84,10.3 23.74,11.11L23.23,14.18C23.04,15.74 21.61,17 20,17H17C15.44,17 13.92,15.81 13.54,14.3L12.64,11.59C12.26,11.31 11.73,11.31 11.35,11.59L10.43,14.37C10.07,15.82 8.56,17 7,17M15,10C14.78,10 14.61,10.07 14.5,10.19C14.42,10.31 14.4,10.5 14.45,10.7L15.46,13.75C15.64,14.44 16.36,15 17,15H20C20.59,15 21.18,14.5 21.25,13.89L21.76,10.82C21.79,10.62 21.73,10.4 21.59,10.25C21.45,10.09 21.24,10 21,10H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/globe-light-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/globe-light-outline.svg
new file mode 100644
index 00000000..59cb9553
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/globe-light-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-globe-light-outline" viewBox="0 0 24 24"><path d="M13 8.08V2H11V8.08C7.61 8.57 5 11.47 5 15C5 18.87 8.13 22 12 22S19 18.87 19 15C19 11.47 16.39 8.57 13 8.08M12 20C9.24 20 7 17.76 7 15C7 13.87 7.39 12.84 8.03 12H15.97C16.61 12.84 17 13.87 17 15C17 17.76 14.76 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/globe-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/globe-light.svg
new file mode 100644
index 00000000..c1b6a1ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/globe-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-globe-light" viewBox="0 0 24 24"><path d="M7.1 10C8.1 9 9.5 8.3 11 8.1V2H13V8.1C14.5 8.3 15.9 9 16.9 10H7.1M5.3 13C5.1 13.6 5 14.3 5 15C5 18.9 8.1 22 12 22S19 18.9 19 15C19 14.3 18.9 13.6 18.7 13H5.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/globe-model.svg b/apps/phoenix_webcomponent/priv/mdi/svg/globe-model.svg
new file mode 100644
index 00000000..ab56ff94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/globe-model.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-globe-model" viewBox="0 0 24 24"><path d="M17.36,2.64L15.95,4.06C17.26,5.37 18,7.14 18,9A7,7 0 0,1 11,16C9.15,16 7.37,15.26 6.06,13.95L4.64,15.36C6.08,16.8 7.97,17.71 10,17.93V20H6V22H16V20H12V17.94C16.55,17.43 20,13.58 20,9C20,6.62 19.05,4.33 17.36,2.64M11,3.5A5.5,5.5 0 0,0 5.5,9A5.5,5.5 0 0,0 11,14.5A5.5,5.5 0 0,0 16.5,9A5.5,5.5 0 0,0 11,3.5M11,5.5C12.94,5.5 14.5,7.07 14.5,9A3.5,3.5 0 0,1 11,12.5A3.5,3.5 0 0,1 7.5,9A3.5,3.5 0 0,1 11,5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gmail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gmail.svg
new file mode 100644
index 00000000..6e5c5ce5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gmail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gmail" viewBox="0 0 24 24"><path d="M20,18H18V9.25L12,13L6,9.25V18H4V6H5.2L12,10.25L18.8,6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gnome.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gnome.svg
new file mode 100644
index 00000000..ac8e0a66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gnome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gnome" viewBox="0 0 24 24"><path d="M18.42,2C14.26,2 13.5,7.93 15.82,7.93C18.16,7.93 22.58,2 18.42,2M12,2.73C11.92,2.73 11.85,2.73 11.78,2.74C9.44,3.04 10.26,7.12 11.5,7.19C12.72,7.27 14.04,2.73 12,2.73M7.93,4.34C7.81,4.34 7.67,4.37 7.53,4.43C5.65,5.21 7.24,8.41 8.3,8.2C9.27,8 9.39,4.3 7.93,4.34M4.93,6.85C4.77,6.84 4.59,6.9 4.41,7.03C2.9,8.07 4.91,10.58 5.8,10.19C6.57,9.85 6.08,6.89 4.93,6.85M13.29,8.77C10.1,8.8 6.03,10.42 5.32,13.59C4.53,17.11 8.56,22 12.76,22C14.83,22 17.21,20.13 17.66,17.77C18,15.97 13.65,16.69 13.81,17.88C14,19.31 12.76,20 11.55,19.1C7.69,16.16 17.93,14.7 17.25,10.69C17.03,9.39 15.34,8.76 13.29,8.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/go-kart-track.svg b/apps/phoenix_webcomponent/priv/mdi/svg/go-kart-track.svg
new file mode 100644
index 00000000..a8b51821
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/go-kart-track.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-go-kart-track" viewBox="0 0 24 24"><path d="M22,5.5A3.5,3.5 0 0,0 18.5,2A3.5,3.5 0 0,0 15,5.5V6A3,3 0 0,1 12,9C10,9 9,6 6,6A4,4 0 0,0 2,10V11H4V10A2,2 0 0,1 6,8C6.86,8 7.42,8.45 8.32,9.24C9.28,10.27 10.6,10.9 12,11A5,5 0 0,0 17,6V5.5A1.5,1.5 0 0,1 18.5,4A1.5,1.5 0 0,1 20,5.5C19.86,6.35 19.58,7.18 19.17,7.94C18.5,9.2 18.11,10.58 18,12C18.09,13.37 18.5,14.71 19.21,15.89C19.6,16.54 19.87,17.25 20,18A2,2 0 0,1 18,20A2,2 0 0,1 16,18A3.75,3.75 0 0,0 12.25,14.25A3.75,3.75 0 0,0 8.5,18V18.5A1.5,1.5 0 0,1 7,20A3,3 0 0,1 4,17V15H6V13H0V15H2V17A5,5 0 0,0 7,22A3.5,3.5 0 0,0 10.5,18.5V18A1.75,1.75 0 0,1 12.25,16.25A1.75,1.75 0 0,1 14,18A4,4 0 0,0 18,22A4,4 0 0,0 22,18C22,16 20,14 20,12C20,10 22,7.5 22,5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/go-kart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/go-kart.svg
new file mode 100644
index 00000000..74e0abd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/go-kart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-go-kart" viewBox="0 0 24 24"><path d="M18,10H15.53L14.38,8.28L15.8,7.33L14.7,5.67L10.2,8.67L11.3,10.33L12.73,9.38L13.88,11.12L13,12H10.2L5.83,5.45L4.17,6.55L5.87,9.11C3.04,9.65 1,12.12 1,15V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V15A5,5 0 0,0 18,10M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gog.svg
new file mode 100644
index 00000000..52b2d401
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gog" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M10.46,5.54C9.95,5.54 9.54,5.95 9.54,6.46V9.54A0.92,0.92 0 0,0 10.46,10.46H13.54A0.92,0.92 0 0,0 14.46,9.54V6.46C14.46,5.95 14.05,5.54 13.54,5.54H10.46M11.08,6.77H12.92A0.31,0.31 0 0,1 13.23,7.08V8.92A0.31,0.31 0 0,1 12.92,9.23H11.08A0.31,0.31 0 0,1 10.77,8.92V7.08A0.31,0.31 0 0,1 11.08,6.77M4.92,5.54A0.92,0.92 0 0,0 4,6.46V9.54C4,10.05 4.41,10.46 4.92,10.46H7.08V9.23H5.54C5.37,9.23 5.23,9.09 5.23,8.92V7.08C5.23,6.91 5.37,6.77 5.54,6.77H7.38A0.31,0.31 0 0,1 7.69,7.08V10.77A0.31,0.31 0 0,1 7.38,11.08H4V12.31H8C8.5,12.31 8.92,11.89 8.92,11.38V6.46A0.92,0.92 0 0,0 8,5.54H4.92M16,5.54C15.5,5.54 15.08,5.95 15.08,6.46V9.54C15.08,10.05 15.5,10.46 16,10.46H18.15V9.23H16.62C16.45,9.23 16.31,9.09 16.31,8.92V7.08C16.31,6.91 16.45,6.77 16.62,6.77H18.46C18.63,6.77 18.77,6.91 18.77,7.08V10.77C18.77,10.94 18.63,11.08 18.46,11.08H15.08V12.31H19.08C19.59,12.31 20,11.89 20,11.38V6.46C20,5.95 19.59,5.54 19.08,5.54H16M9.85,13.54C9.34,13.54 8.92,13.95 8.92,14.46V17.54C8.92,18.05 9.34,18.46 9.85,18.46H12.92C13.43,18.46 13.85,18.05 13.85,17.54V14.46C13.85,13.95 13.43,13.54 12.92,13.54H9.85M10.46,14.77H12.31C12.5,14.77 12.62,14.91 12.62,15.08V16.92A0.31,0.31 0 0,1 12.31,17.23H10.46C10.29,17.23 10.15,17.09 10.15,16.92V15.08A0.31,0.31 0 0,1 10.46,14.77M4.92,13.54C4.41,13.54 4,13.95 4,14.46V17.54C4,18.05 4.41,18.46 4.92,18.46H8.31V17.23H5.54C5.37,17.23 5.23,17.09 5.23,16.92V15.08C5.23,14.91 5.37,14.77 5.54,14.77H8.31V13.54H4.92M15.38,13.54C14.87,13.54 14.46,13.95 14.46,14.46V18.46H15.69V15.08A0.31,0.31 0 0,1 16,14.77H16.62V18.46H17.85V14.77H18.77V18.46H20V13.54H15.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gold.svg
new file mode 100644
index 00000000..caff146d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gold" viewBox="0 0 24 24"><path d="M1 22L2.5 17H9.5L11 22H1M13 22L14.5 17H21.5L23 22H13M6 15L7.5 10H14.5L16 15H6M23 6.05L19.14 7.14L18.05 11L16.96 7.14L13.1 6.05L16.96 4.96L18.05 1.1L19.14 4.96L23 6.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/golf-cart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/golf-cart.svg
new file mode 100644
index 00000000..b69e3460
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/golf-cart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-golf-cart" viewBox="0 0 24 24"><path d="M19.89 12.37L18.25 5H19V3H3V7H1V9H3V12.54A6 6 0 0 0 1 17V19H3A3 3 0 0 0 9 19H15A3 3 0 0 0 21 19H23V17A5 5 0 0 0 19.89 12.37M6 20.5A1.5 1.5 0 1 1 7.5 19A1.5 1.5 0 0 1 6 20.5M15.53 12L14.38 10.28L15.8 9.33L14.7 7.67L10.2 10.67L11.3 12.33L12.73 11.38L13.88 13.12L13 14H10.2L5 7V5H16.2L17.75 12M18 20.5A1.5 1.5 0 1 1 19.5 19A1.5 1.5 0 0 1 18 20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/golf-tee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/golf-tee.svg
new file mode 100644
index 00000000..29025d47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/golf-tee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-golf-tee" viewBox="0 0 24 24"><path d="M7 19V17H17V19H15C14.5 19 14 19.2 13.6 19.6S13 20.5 13 21V22H11V21C11 20.5 10.8 20 10.4 19.6S9.5 19 9 19H7M11 6C11 5.7 11.1 5.5 11.3 5.3S11.7 5 12 5 12.5 5.1 12.7 5.3 13 5.7 13 6 12.9 6.5 12.7 6.7 12.3 7 12 7 11.5 6.9 11.3 6.7 11 6.3 11 6M13 8C13 7.7 13.1 7.5 13.3 7.3S13.7 7 14 7 14.5 7.1 14.7 7.3 15 7.7 15 8 14.9 8.5 14.7 8.7 14.3 9 14 9 13.5 8.9 13.3 8.7 13 8.3 13 8M9 8C9 7.7 9.1 7.5 9.3 7.3S9.7 7 10 7 10.5 7.1 10.7 7.3 11 7.7 11 8 10.9 8.5 10.7 8.7 10.3 9 10 9 9.5 8.9 9.3 8.7 9 8.3 9 8M16.9 4.1C15.5 2.7 13.9 2.1 12 2.1S8.4 2.8 7.1 4.1 5 7.1 5 9 5.7 12.6 7 13.9 10 15.9 11.9 15.9 15.5 15.2 16.8 13.9 18.8 10.9 18.8 9 18.3 5.4 16.9 4.1M15.5 12.5C14.5 13.5 13.3 14 12 14S9.4 13.5 8.5 12.5 7 10.4 7 9 7.5 6.4 8.5 5.5 10.6 4 12 4 14.6 4.5 15.5 5.5 17 7.6 17 9 16.5 11.6 15.5 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/golf.svg b/apps/phoenix_webcomponent/priv/mdi/svg/golf.svg
new file mode 100644
index 00000000..f190b9f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/golf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-golf" viewBox="0 0 24 24"><path d="M19.5,18A1.5,1.5 0 0,1 21,19.5A1.5,1.5 0 0,1 19.5,21A1.5,1.5 0 0,1 18,19.5A1.5,1.5 0 0,1 19.5,18M17,5.92L11,9V18.03C13.84,18.19 16,19 16,20C16,21.1 13.31,22 10,22C6.69,22 4,21.1 4,20C4,19.26 5.21,18.62 7,18.27V20H9V2L17,5.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gondola.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gondola.svg
new file mode 100644
index 00000000..8089d9d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gondola.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gondola" viewBox="0 0 24 24"><path d="M18,10H13V7.59L22.12,6.07L21.88,4.59L16.41,5.5C16.46,5.35 16.5,5.18 16.5,5A1.5,1.5 0 0,0 15,3.5A1.5,1.5 0 0,0 13.5,5C13.5,5.35 13.63,5.68 13.84,5.93L13,6.07V5H11V6.41L10.41,6.5C10.46,6.35 10.5,6.18 10.5,6A1.5,1.5 0 0,0 9,4.5A1.5,1.5 0 0,0 7.5,6C7.5,6.36 7.63,6.68 7.83,6.93L1.88,7.93L2.12,9.41L11,7.93V10H6C4.89,10 4,10.9 4,12V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V12A2,2 0 0,0 18,10M6,12H8.25V16H6V12M9.75,16V12H14.25V16H9.75M18,16H15.75V12H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/goodreads.svg b/apps/phoenix_webcomponent/priv/mdi/svg/goodreads.svg
new file mode 100644
index 00000000..3e7ceb1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/goodreads.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-goodreads" viewBox="0 0 24 24"><path d="M17,12.77C15.96,14.42 14.22,15.5 12.25,15.5C9.07,15.5 6.5,12.7 6.5,9.25C6.5,5.8 9.07,3 12.25,3C14.22,3 15.96,4.08 17,5.73V3H18V15.25C18,20.71 14.54,21 11.5,21C9,21 7.55,19.31 7.13,17H8.14C8.5,18.75 9.54,20 11.5,20C13.72,20 17,20.05 17,15.25V15.25L17,12.77M12.25,4C9.63,4 7.5,6.35 7.5,9.25C7.5,12.15 9.63,14.5 12.25,14.5C14.87,14.5 17,12.15 17,9.25C17,6.35 14.87,4 12.25,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-ads.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-ads.svg
new file mode 100644
index 00000000..74a303fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-ads.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-ads" viewBox="0 0 24 24"><path d="M12.25 1.47C11.55 1.42 10.82 1.58 10.17 1.96C8.41 2.97 7.81 5.21 8.82 6.96L16.16 19.66C17.17 21.42 19.41 22 21.17 21C22.92 20 23.5 17.75 22.5 16L15.18 3.3C14.54 2.2 13.43 1.56 12.25 1.47M6.82 6.76L1.5 16A3.67 3.67 0 0 0 1 17.83A3.67 3.67 0 0 0 4.67 21.5A3.67 3.67 0 0 0 7.84 19.66V19.67L11 14.19C9.65 11.89 8.27 9.6 7.03 7.23C6.95 7.08 6.88 6.92 6.83 6.76ZL16.4 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-analytics.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-analytics.svg
new file mode 100644
index 00000000..a9f309e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-analytics.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-analytics" viewBox="0 0 24 24"><path d="M15.86 4.39V19.39C15.86 21.06 17 22 18.25 22C19.39 22 20.64 21.21 20.64 19.39V4.5C20.64 2.96 19.5 2 18.25 2S15.86 3.06 15.86 4.39M9.61 12V19.39C9.61 21.07 10.77 22 12 22C13.14 22 14.39 21.21 14.39 19.39V12.11C14.39 10.57 13.25 9.61 12 9.61S9.61 10.67 9.61 12M5.75 17.23C7.07 17.23 8.14 18.3 8.14 19.61C8.14 20.93 7.07 22 5.75 22S3.36 20.93 3.36 19.61C3.36 18.3 4.43 17.23 5.75 17.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-assistant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-assistant.svg
new file mode 100644
index 00000000..c5b0c2ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-assistant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-assistant" viewBox="0 0 24 24"><path d="M7,2A6,6 0 0,0 1,8A6,6 0 0,0 7,14A6,6 0 0,0 13,8A6,6 0 0,0 7,2M21.5,6A1.5,1.5 0 0,0 20,7.5A1.5,1.5 0 0,0 21.5,9A1.5,1.5 0 0,0 23,7.5A1.5,1.5 0 0,0 21.5,6M17,8A3,3 0 0,0 14,11A3,3 0 0,0 17,14A3,3 0 0,0 20,11A3,3 0 0,0 17,8M17,15A3.5,3.5 0 0,0 13.5,18.5A3.5,3.5 0 0,0 17,22A3.5,3.5 0 0,0 20.5,18.5A3.5,3.5 0 0,0 17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-cardboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-cardboard.svg
new file mode 100644
index 00000000..d711d939
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-cardboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-cardboard" viewBox="0 0 24 24"><path d="M20.74,6H3.2C2.55,6 2,6.57 2,7.27V17.73C2,18.43 2.55,19 3.23,19H8C8.54,19 9,18.68 9.16,18.21L10.55,14.74C10.79,14.16 11.35,13.75 12,13.75C12.65,13.75 13.21,14.16 13.45,14.74L14.84,18.21C15.03,18.68 15.46,19 15.95,19H20.74C21.45,19 22,18.43 22,17.73V7.27C22,6.57 21.45,6 20.74,6M7.22,14.58C6,14.58 5,13.55 5,12.29C5,11 6,10 7.22,10C8.44,10 9.43,11 9.43,12.29C9.43,13.55 8.44,14.58 7.22,14.58M16.78,14.58C15.56,14.58 14.57,13.55 14.57,12.29C14.57,11.03 15.56,10 16.78,10C18,10 19,11.03 19,12.29C19,13.55 18,14.58 16.78,14.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-chrome.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-chrome.svg
new file mode 100644
index 00000000..712075d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-chrome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-chrome" viewBox="0 0 24 24"><path d="M12,20L15.46,14H15.45C15.79,13.4 16,12.73 16,12C16,10.8 15.46,9.73 14.62,9H19.41C19.79,9.93 20,10.94 20,12A8,8 0 0,1 12,20M4,12C4,10.54 4.39,9.18 5.07,8L8.54,14H8.55C9.24,15.19 10.5,16 12,16C12.45,16 12.88,15.91 13.29,15.77L10.89,19.91C7,19.37 4,16.04 4,12M15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12M12,4C14.96,4 17.54,5.61 18.92,8H12C10.06,8 8.45,9.38 8.08,11.21L5.7,7.08C7.16,5.21 9.44,4 12,4M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-communities.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-communities.svg
new file mode 100644
index 00000000..55d2f410
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-communities.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-circles-communities" viewBox="0 0 24 24"><path d="M15,12C13.89,12 13,12.89 13,14A2,2 0 0,0 15,16A2,2 0 0,0 17,14C17,12.89 16.1,12 15,12M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M14,9C14,7.89 13.1,7 12,7C10.89,7 10,7.89 10,9A2,2 0 0,0 12,11A2,2 0 0,0 14,9M9,12A2,2 0 0,0 7,14A2,2 0 0,0 9,16A2,2 0 0,0 11,14C11,12.89 10.1,12 9,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-extended.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-extended.svg
new file mode 100644
index 00000000..40baf151
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-extended.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-circles-extended" viewBox="0 0 24 24"><path d="M18,19C16.89,19 16,18.1 16,17C16,15.89 16.89,15 18,15A2,2 0 0,1 20,17A2,2 0 0,1 18,19M18,13A4,4 0 0,0 14,17A4,4 0 0,0 18,21A4,4 0 0,0 22,17A4,4 0 0,0 18,13M12,11.1A1.9,1.9 0 0,0 10.1,13A1.9,1.9 0 0,0 12,14.9A1.9,1.9 0 0,0 13.9,13A1.9,1.9 0 0,0 12,11.1M6,19C4.89,19 4,18.1 4,17C4,15.89 4.89,15 6,15A2,2 0 0,1 8,17A2,2 0 0,1 6,19M6,13A4,4 0 0,0 2,17A4,4 0 0,0 6,21A4,4 0 0,0 10,17A4,4 0 0,0 6,13M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M12,10A4,4 0 0,0 16,6A4,4 0 0,0 12,2A4,4 0 0,0 8,6A4,4 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-group.svg
new file mode 100644
index 00000000..51188f2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-circles-group" viewBox="0 0 24 24"><path d="M5,10A2,2 0 0,0 3,12C3,13.11 3.9,14 5,14C6.11,14 7,13.11 7,12A2,2 0 0,0 5,10M5,16A4,4 0 0,1 1,12A4,4 0 0,1 5,8A4,4 0 0,1 9,12A4,4 0 0,1 5,16M10.5,11H14V8L18,12L14,16V13H10.5V11M5,6C4.55,6 4.11,6.05 3.69,6.14C5.63,3.05 9.08,1 13,1C19.08,1 24,5.92 24,12C24,18.08 19.08,23 13,23C9.08,23 5.63,20.95 3.69,17.86C4.11,17.95 4.55,18 5,18C5.8,18 6.56,17.84 7.25,17.56C8.71,19.07 10.74,20 13,20A8,8 0 0,0 21,12A8,8 0 0,0 13,4C10.74,4 8.71,4.93 7.25,6.44C6.56,6.16 5.8,6 5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-circles.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles.svg
new file mode 100644
index 00000000..c3c64046
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-circles.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-circles" viewBox="0 0 24 24"><path d="M16.66,15H17C18,15 19,14.8 19.87,14.46C19.17,18.73 15.47,22 11,22C6,22 2,17.97 2,13C2,8.53 5.27,4.83 9.54,4.13C9.2,5 9,6 9,7V7.34C6.68,8.16 5,10.38 5,13A6,6 0 0,0 11,19C13.62,19 15.84,17.32 16.66,15M17,10A3,3 0 0,0 20,7A3,3 0 0,0 17,4A3,3 0 0,0 14,7A3,3 0 0,0 17,10M17,1A6,6 0 0,1 23,7A6,6 0 0,1 17,13A6,6 0 0,1 11,7C11,3.68 13.69,1 17,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-classroom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-classroom.svg
new file mode 100644
index 00000000..79f3eec3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-classroom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-classroom" viewBox="0 0 24 24"><path d="M23,2H1A1,1 0 0,0 0,3V21A1,1 0 0,0 1,22H23A1,1 0 0,0 24,21V3A1,1 0 0,0 23,2M22,20H20V19H15V20H2V4H22V20M10.29,9.71A1.71,1.71 0 0,1 12,8C12.95,8 13.71,8.77 13.71,9.71C13.71,10.66 12.95,11.43 12,11.43C11.05,11.43 10.29,10.66 10.29,9.71M5.71,11.29C5.71,10.58 6.29,10 7,10A1.29,1.29 0 0,1 8.29,11.29C8.29,12 7.71,12.57 7,12.57C6.29,12.57 5.71,12 5.71,11.29M15.71,11.29A1.29,1.29 0 0,1 17,10A1.29,1.29 0 0,1 18.29,11.29C18.29,12 17.71,12.57 17,12.57C16.29,12.57 15.71,12 15.71,11.29M20,15.14V16H16L14,16H10L8,16H4V15.14C4,14.2 5.55,13.43 7,13.43C7.55,13.43 8.11,13.54 8.6,13.73C9.35,13.04 10.7,12.57 12,12.57C13.3,12.57 14.65,13.04 15.4,13.73C15.89,13.54 16.45,13.43 17,13.43C18.45,13.43 20,14.2 20,15.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-cloud.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-cloud.svg
new file mode 100644
index 00000000..8290e546
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-cloud" viewBox="0 0 24 24"><path d="M23 14.75C23 18.2 20.2 21 16.75 21H7.25C3.8 21 1 18.2 1 14.75C1 12.61 2.08 10.72 3.71 9.6C4.58 5.82 7.96 3 12 3C16.04 3 19.42 5.82 20.29 9.6C21.93 10.72 23 12.61 23 14.75M16.63 17C17.94 17 19 15.94 19 14.63C19 13.35 18 12.3 16.72 12.25L16.75 11.75C16.75 9.13 14.62 7 12 7C10.58 7 9.3 7.62 8.43 8.61C9.93 8.9 11.23 9.72 12.14 10.86L9.5 13.5C9.08 12.77 8.29 12.25 7.38 12.25C6.06 12.25 5 13.31 5 14.63C5 15.9 6 16.93 7.25 17V17H16.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-downasaur.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-downasaur.svg
new file mode 100644
index 00000000..873e112a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-downasaur.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-downasaur" viewBox="0 0 24 24"><path d="M13 2V3H12V9H11V10H9V11H8V12H7V13H5V12H4V11H3V9H2V15H3V16H4V17H5V18H6V22H8V21H7V20H8V19H9V18H10V19H11V22H13V21H12V17H13V16H14V15H15V12H16V13H17V11H15V9H20V8H17V7H22V3H21V2M14 3H15V4H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-drive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-drive.svg
new file mode 100644
index 00000000..9ad90484
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-drive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-drive" viewBox="0 0 24 24"><path d="M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-earth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-earth.svg
new file mode 100644
index 00000000..140ecd31
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-earth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-earth" viewBox="0 0 24 24"><path d="M12,12.14C11.09,10.77 10.14,9.78 9.14,9.19C8.14,8.59 7.27,8.38 6.5,8.55C5.77,8.73 5.14,9.14 4.64,9.8C4.2,10.39 4,11.06 4,11.81V12C4,12.78 4.11,13.58 4.36,14.39C4.45,14.64 4.5,14.64 4.55,14.39C4.67,13.77 4.96,13.31 5.41,13.03C5.87,12.75 6.47,12.76 7.22,13.05C7.97,13.35 8.7,14 9.42,14.95C10.7,16.67 12.2,17.72 13.92,18.09C16.14,18.41 17.81,17.7 18.94,16C19.25,15.39 19.5,14.86 19.64,14.39C19.73,14.08 19.69,14.05 19.5,14.3C19.03,14.92 18.4,15.33 17.6,15.5C16.8,15.7 15.89,15.5 14.86,15C13.83,14.43 12.88,13.5 12,12.14M16.97,8.16C15.41,5.81 13.72,4.5 11.91,4.17C10.47,3.95 8.91,4.45 7.22,5.67C7,5.83 6.9,5.91 6.91,5.93C6.93,5.95 7.06,5.89 7.31,5.77C9.81,4.55 12.22,5.83 14.53,9.61C15.03,10.45 15.55,11.11 16.1,11.58C16.65,12.05 17.16,12.33 17.65,12.42C18.13,12.5 18.57,12.5 18.96,12.38C19.35,12.25 19.7,12.05 20,11.77C20,11.17 19.91,10.5 19.69,9.8C19.19,9.92 18.74,9.88 18.35,9.68C17.96,9.5 17.5,8.97 16.97,8.16M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-fit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-fit.svg
new file mode 100644
index 00000000..f924fa97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-fit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-fit" viewBox="0 0 24 24"><path d="M17,4A5,5 0 0,1 22,9C22,10.38 21.44,11.63 20.54,12.54L12,21.07L3.46,12.54C2.56,11.63 2,10.38 2,9A5,5 0 0,1 7,4C8.38,4 9.63,4.56 10.54,5.46L12,6.93L13.46,5.46C14.37,4.56 15.62,4 17,4M15.59,7.59L9.17,14L12,16.83L18.41,10.41C18.78,10.05 19,9.55 19,9A2,2 0 0,0 17,7C16.45,7 15.95,7.22 15.59,7.59M8.41,7.59C8.05,7.22 7.55,7 7,7A2,2 0 0,0 5,9C5,9.55 5.22,10.05 5.59,10.41L7.05,11.88L9.88,9.05L8.41,7.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-glass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-glass.svg
new file mode 100644
index 00000000..11d23854
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-glass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-glass" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M16.75 18H15.25V8.9L6.72 18H4.66L15.45 6.5C15.66 6.26 16 6.19 16.27 6.3C16.56 6.42 16.75 6.69 16.75 7V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-hangouts.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-hangouts.svg
new file mode 100644
index 00000000..6af05799
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-hangouts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-hangouts" viewBox="0 0 24 24"><path d="M15,11L14,13H12.5L13.5,11H12V8H15M11,11L10,13H8.5L9.5,11H8V8H11M11.5,2A8.5,8.5 0 0,0 3,10.5A8.5,8.5 0 0,0 11.5,19H12V22.5C16.86,20.15 20,15 20,10.5C20,5.8 16.19,2 11.5,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-keep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-keep.svg
new file mode 100644
index 00000000..3214281e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-keep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-keep" viewBox="0 0 24 24"><path d="M4 2H20C21.11 2 22 2.9 22 4V17.33L17.33 22H4C2.9 22 2 21.11 2 20V4C2 2.9 2.9 2 4 2M17 17V20.25L20.25 17H17M10 19H14V18H15V13C16.21 12.09 17 10.64 17 9C17 6.24 14.76 4 12 4S7 6.24 7 9C7 10.64 7.79 12.09 9 13V18H10V19M14 17H10V15H14V17M12 5C14.21 5 16 6.79 16 9C16 10.5 15.2 11.77 14 12.46V14H10V12.46C8.8 11.77 8 10.5 8 9C8 6.79 9.79 5 12 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-lens.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-lens.svg
new file mode 100644
index 00000000..e61a2608
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-lens.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-lens" viewBox="0 0 24 24"><path d="M6,2H18A4,4 0 0,1 22,6V12H20V6A2,2 0 0,0 18,4H6A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H12V22H6A4,4 0 0,1 2,18V6A4,4 0 0,1 6,2M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M18,16A2,2 0 0,1 20,18A2,2 0 0,1 18,20A2,2 0 0,1 16,18A2,2 0 0,1 18,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-maps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-maps.svg
new file mode 100644
index 00000000..1a5680fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-maps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-maps" viewBox="0 0 24 24"><path d="M18.27 6C19.28 8.17 19.05 10.73 17.94 12.81C17 14.5 15.65 15.93 14.5 17.5C14 18.2 13.5 18.95 13.13 19.76C13 20.03 12.91 20.31 12.81 20.59C12.71 20.87 12.62 21.15 12.53 21.43C12.44 21.69 12.33 22 12 22H12C11.61 22 11.5 21.56 11.42 21.26C11.18 20.53 10.94 19.83 10.57 19.16C10.15 18.37 9.62 17.64 9.08 16.93L18.27 6M9.12 8.42L5.82 12.34C6.43 13.63 7.34 14.73 8.21 15.83C8.42 16.08 8.63 16.34 8.83 16.61L13 11.67L12.96 11.68C11.5 12.18 9.88 11.44 9.3 10C9.22 9.83 9.16 9.63 9.12 9.43C9.07 9.06 9.06 8.79 9.12 8.43L9.12 8.42M6.58 4.62L6.57 4.63C4.95 6.68 4.67 9.53 5.64 11.94L9.63 7.2L9.58 7.15L6.58 4.62M14.22 2.36L11 6.17L11.04 6.16C12.38 5.7 13.88 6.28 14.56 7.5C14.71 7.78 14.83 8.08 14.87 8.38C14.93 8.76 14.95 9.03 14.88 9.4L14.88 9.41L18.08 5.61C17.24 4.09 15.87 2.93 14.23 2.37L14.22 2.36M9.89 6.89L13.8 2.24L13.76 2.23C13.18 2.08 12.59 2 12 2C10.03 2 8.17 2.85 6.85 4.31L6.83 4.32L9.89 6.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-my-business.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-my-business.svg
new file mode 100644
index 00000000..8f82beba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-my-business.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-my-business" viewBox="0 0 24 24"><path d="M22 8.5C22 9.87 20.88 11 19.5 11S17 9.87 17 8.5C17 9.87 15.88 11 14.5 11C13.12 11 12 9.87 12 8.5C12 9.87 10.88 11 9.5 11S7 9.87 7 8.5C7 9.87 5.88 11 4.5 11S2 9.87 2 8.5L3.39 3.08C3.39 3.08 3.68 2 4.7 2H19.3C20.32 2 20.61 3.08 20.61 3.08L22 8.5M21 12.2V20C21 21.1 20.1 22 19 22H5C3.9 22 3 21.1 3 20V12.2C3.46 12.39 3.97 12.5 4.5 12.5C5.45 12.5 6.32 12.17 7 11.62C7.69 12.17 8.56 12.5 9.5 12.5C10.45 12.5 11.32 12.17 12 11.62C12.69 12.17 13.56 12.5 14.5 12.5C15.45 12.5 16.32 12.17 17 11.62C17.68 12.17 18.56 12.5 19.5 12.5C20.03 12.5 20.54 12.39 21 12.2M19 17.33C19 17.13 19 16.92 18.95 16.7L18.92 16.54H15.95V17.71H17.76C17.7 17.93 17.62 18.15 17.45 18.33C17.12 18.66 16.67 18.84 16.19 18.84C15.69 18.84 15.2 18.63 14.84 18.28C14.15 17.57 14.15 16.42 14.86 15.7C15.55 15 16.69 15 17.41 15.67L17.55 15.8L18.39 14.95L18.23 14.81C17.67 14.29 16.93 14 16.15 14H16.14C15.33 14 14.57 14.31 14 14.87C13.41 15.45 13.08 16.21 13.08 17C13.08 17.8 13.39 18.54 13.96 19.09H13.96C14.54 19.66 15.35 20 16.18 20H16.2C17 20 17.71 19.71 18.23 19.2C18.7 18.72 19 18 19 17.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-nearby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-nearby.svg
new file mode 100644
index 00000000..9d3984fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-nearby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-nearby" viewBox="0 0 24 24"><path d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-play.svg
new file mode 100644
index 00000000..c48bcc49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-play" viewBox="0 0 24 24"><path d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-plus.svg
new file mode 100644
index 00000000..6796cb71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-plus" viewBox="0 0 24 24"><path d="M23,11H21V9H19V11H17V13H19V15H21V13H23M8,11V13.4H12C11.8,14.4 10.8,16.4 8,16.4C5.6,16.4 3.7,14.4 3.7,12C3.7,9.6 5.6,7.6 8,7.6C9.4,7.6 10.3,8.2 10.8,8.7L12.7,6.9C11.5,5.7 9.9,5 8,5C4.1,5 1,8.1 1,12C1,15.9 4.1,19 8,19C12,19 14.7,16.2 14.7,12.2C14.7,11.7 14.7,11.4 14.6,11H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-podcast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-podcast.svg
new file mode 100644
index 00000000..1223ff5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-podcast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-podcast" viewBox="0 0 24 24"><path d="M17.68,7.22V8.62C17.68,9.3 17.13,9.86 16.43,9.86C15.74,9.86 15.18,9.3 15.18,8.62V7.22A1.25,1.25 0 0,1 16.43,5.97C17.13,5.97 17.68,6.53 17.68,7.22M13.25,8.36V15.63C13.25,16.32 12.69,16.88 12,16.88C11.31,16.88 10.75,16.32 10.75,15.63V8.36C10.75,7.68 11.31,7.11 12,7.11C12.69,7.11 13.25,7.68 13.25,8.36M22,11.3V12.7C22,13.38 21.44,13.94 20.75,13.94C20.06,13.94 19.5,13.38 19.5,12.7V11.3C19.5,10.61 20.06,10.06 20.75,10.06C21.44,10.06 22,10.61 22,11.3M4.5,11.3V12.7C4.5,13.38 3.94,13.94 3.25,13.94C2.55,13.94 2,13.38 2,12.7V11.3C2,10.61 2.55,10.06 3.25,10.06C3.94,10.06 4.5,10.61 4.5,11.3M8.82,15.38V16.77C8.82,17.45 8.26,18 7.57,18C6.88,18 6.32,17.45 6.32,16.77V15.38C6.32,14.68 6.88,14.13 7.57,14.13A1.25,1.25 0 0,1 8.82,15.38M13.25,19.36V20.75A1.25,1.25 0 0,1 12,22A1.25,1.25 0 0,1 10.75,20.75V19.36A1.25,1.25 0 0,1 12,18.11A1.25,1.25 0 0,1 13.25,19.36M13.25,3.25V4.64A1.25,1.25 0 0,1 12,5.89A1.25,1.25 0 0,1 10.75,4.64V3.25C10.75,2.55 11.31,2 12,2A1.25,1.25 0 0,1 13.25,3.25M17.68,12.34V16.77C17.68,17.46 17.13,18 16.43,18C15.74,18 15.18,17.46 15.18,16.77V12.34C15.18,11.64 15.74,11.09 16.43,11.09C17.13,11.09 17.68,11.64 17.68,12.34M8.82,7.22V11.65C8.82,12.35 8.26,12.9 7.57,12.9A1.25,1.25 0 0,1 6.32,11.65V7.22A1.25,1.25 0 0,1 7.57,5.97A1.25,1.25 0 0,1 8.82,7.22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-spreadsheet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-spreadsheet.svg
new file mode 100644
index 00000000..75444135
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-spreadsheet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-spreadsheet" viewBox="0 0 24 24"><path d="M19,11V9H11V5H9V9H5V11H9V19H11V11H19M19,3C19.5,3 20,3.2 20.39,3.61C20.8,4 21,4.5 21,5V19C21,19.5 20.8,20 20.39,20.39C20,20.8 19.5,21 19,21H5C4.5,21 4,20.8 3.61,20.39C3.2,20 3,19.5 3,19V5C3,4.5 3.2,4 3.61,3.61C4,3.2 4.5,3 5,3H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-street-view.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-street-view.svg
new file mode 100644
index 00000000..4f0b54a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-street-view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-street-view" viewBox="0 0 24 24"><path d="M11.95,9.27C13.96,9.27 15.59,7.64 15.59,5.63C15.59,3.63 13.96,2 11.95,2C9.94,2 8.32,3.63 8.32,5.63C8.32,7.64 9.94,9.27 11.95,9.27M9.36,12.97C9.36,12.97 8.27,15.94 7.96,16.5C7.85,16.71 7.87,16.77 7.6,16.77C7.33,16.77 6.91,16.5 6.91,16.5C6.91,16.5 6.71,16.37 6.79,16.14C7.03,15.4 8.12,11.08 8.35,10.25C8.6,9.36 9.28,9.39 9.28,9.39H9.93L12.03,13.04L14.14,9.39H14.92C14.92,9.39 15.23,9.43 15.46,9.7C15.7,9.97 15.75,10.44 15.75,10.44L17.14,15.84C17.14,15.84 17.24,16.22 17.21,16.33C17.17,16.5 17.08,16.5 17.08,16.5C17.08,16.5 16.69,16.62 16.47,16.69C16.07,16.82 16,16.44 16,16.44L14.7,13.04L14.55,22H12.6L12.27,16.89C12.27,16.89 12.21,16.76 12.03,16.76C11.86,16.76 11.8,16.89 11.8,16.89L11.45,22H9.5L9.37,12.97H9.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google-translate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google-translate.svg
new file mode 100644
index 00000000..bad2e7d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google-translate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google-translate" viewBox="0 0 24 24"><path d="M20,5H10.88L10,2H4A2,2 0 0,0 2,4V17A2,2 0 0,0 4,19H11L12,22H20A2,2 0 0,0 22,20V7A2,2 0 0,0 20,5M7.17,14.59A4.09,4.09 0 0,1 3.08,10.5A4.09,4.09 0 0,1 7.17,6.41C8.21,6.41 9.16,6.78 9.91,7.5L10,7.54L8.75,8.72L8.69,8.67C8.4,8.4 7.91,8.08 7.17,8.08C5.86,8.08 4.79,9.17 4.79,10.5C4.79,11.83 5.86,12.92 7.17,12.92C8.54,12.92 9.13,12.05 9.29,11.46H7.08V9.91H11.03L11.04,10C11.08,10.19 11.09,10.38 11.09,10.59C11.09,12.94 9.5,14.59 7.17,14.59M13.2,12.88C13.53,13.5 13.94,14.06 14.39,14.58L13.85,15.11L13.2,12.88M13.97,12.12H13L12.67,11.08H16.66C16.66,11.08 16.32,12.39 15.1,13.82C14.58,13.2 14.21,12.59 13.97,12.12M21,20A1,1 0 0,1 20,21H13L15,19L14.19,16.23L15.11,15.31L17.79,18L18.5,17.27L15.81,14.59C16.71,13.56 17.41,12.34 17.73,11.08H19V10.04H15.36V9H14.32V10.04H12.36L11.18,6H20A1,1 0 0,1 21,7V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/google.svg b/apps/phoenix_webcomponent/priv/mdi/svg/google.svg
new file mode 100644
index 00000000..ac5f6d32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/google.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-google" viewBox="0 0 24 24"><path d="M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gradient-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gradient-horizontal.svg
new file mode 100644
index 00000000..3cb915fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gradient-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gradient-horizontal" viewBox="0 0 24 24"><path d="M9 13V11H11V13M11 15V13H13V15M11 11V9H13V11M9 9V7H11V9M9 17V15H11V17M3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5M18 15V17H16V15M18 11V13H16V11M18 7V9H16V7M11 5V7H13V5H15V7H13V9H15V11H13V13H15V15H13V17H15V19H13V17H11V19H5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gradient-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gradient-vertical.svg
new file mode 100644
index 00000000..1056e7c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gradient-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gradient-vertical" viewBox="0 0 24 24"><path d="M11,9H13V11H11V9M9,11H11V13H9V11M13,11H15V13H13V11M15,9H17V11H15V9M7,9H9V11H7V9M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9,18H7V16H9V18M13,18H11V16H13V18M17,18H15V16H17V18M19,11H17V13H19V15H17V13H15V15H13V13H11V15H9V13H7V15H5V13H7V11H5V5H19V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grain.svg
new file mode 100644
index 00000000..719528ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grain" viewBox="0 0 24 24"><path d="M10,12A2,2 0 0,0 8,14A2,2 0 0,0 10,16A2,2 0 0,0 12,14A2,2 0 0,0 10,12M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12A2,2 0 0,0 8,10A2,2 0 0,0 6,8M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18A2,2 0 0,0 6,16M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6A2,2 0 0,0 18,8M14,16A2,2 0 0,0 12,18A2,2 0 0,0 14,20A2,2 0 0,0 16,18A2,2 0 0,0 14,16M18,12A2,2 0 0,0 16,14A2,2 0 0,0 18,16A2,2 0 0,0 20,14A2,2 0 0,0 18,12M14,8A2,2 0 0,0 12,10A2,2 0 0,0 14,12A2,2 0 0,0 16,10A2,2 0 0,0 14,8M10,4A2,2 0 0,0 8,6A2,2 0 0,0 10,8A2,2 0 0,0 12,6A2,2 0 0,0 10,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/graph-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/graph-outline.svg
new file mode 100644
index 00000000..56cbd556
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/graph-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-graph-outline" viewBox="0 0 24 24"><path d="M19.5 17C19.36 17 19.24 17 19.11 17.04L17.5 13.8C17.95 13.35 18.25 12.71 18.25 12C18.25 10.62 17.13 9.5 15.75 9.5C15.61 9.5 15.5 9.5 15.35 9.54L13.74 6.3C14.21 5.84 14.5 5.21 14.5 4.5C14.5 3.12 13.38 2 12 2S9.5 3.12 9.5 4.5C9.5 5.2 9.79 5.84 10.26 6.29L8.65 9.54C8.5 9.5 8.39 9.5 8.25 9.5C6.87 9.5 5.75 10.62 5.75 12C5.75 12.71 6.04 13.34 6.5 13.79L4.89 17.04C4.76 17 4.64 17 4.5 17C3.12 17 2 18.12 2 19.5C2 20.88 3.12 22 4.5 22S7 20.88 7 19.5C7 18.8 6.71 18.16 6.24 17.71L7.86 14.46C8 14.5 8.12 14.5 8.25 14.5C8.38 14.5 8.5 14.5 8.63 14.46L10.26 17.71C9.79 18.16 9.5 18.8 9.5 19.5C9.5 20.88 10.62 22 12 22S14.5 20.88 14.5 19.5C14.5 18.12 13.38 17 12 17C11.87 17 11.74 17 11.61 17.04L10 13.8C10.45 13.35 10.75 12.71 10.75 12C10.75 11.3 10.46 10.67 10 10.21L11.61 6.96C11.74 7 11.87 7 12 7C12.13 7 12.26 7 12.39 6.96L14 10.21C13.54 10.66 13.25 11.3 13.25 12C13.25 13.38 14.37 14.5 15.75 14.5C15.88 14.5 16 14.5 16.13 14.46L17.76 17.71C17.29 18.16 17 18.8 17 19.5C17 20.88 18.12 22 19.5 22S22 20.88 22 19.5C22 18.12 20.88 17 19.5 17M4.5 20.5C3.95 20.5 3.5 20.05 3.5 19.5S3.95 18.5 4.5 18.5 5.5 18.95 5.5 19.5 5.05 20.5 4.5 20.5M13 19.5C13 20.05 12.55 20.5 12 20.5S11 20.05 11 19.5 11.45 18.5 12 18.5 13 18.95 13 19.5M7.25 12C7.25 11.45 7.7 11 8.25 11S9.25 11.45 9.25 12 8.8 13 8.25 13 7.25 12.55 7.25 12M11 4.5C11 3.95 11.45 3.5 12 3.5S13 3.95 13 4.5 12.55 5.5 12 5.5 11 5.05 11 4.5M14.75 12C14.75 11.45 15.2 11 15.75 11S16.75 11.45 16.75 12 16.3 13 15.75 13 14.75 12.55 14.75 12M19.5 20.5C18.95 20.5 18.5 20.05 18.5 19.5S18.95 18.5 19.5 18.5 20.5 18.95 20.5 19.5 20.05 20.5 19.5 20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/graph.svg b/apps/phoenix_webcomponent/priv/mdi/svg/graph.svg
new file mode 100644
index 00000000..d337ebd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/graph.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-graph" viewBox="0 0 24 24"><path d="M19.5 17C19.37 17 19.24 17 19.11 17.04L17.5 13.79C17.95 13.34 18.25 12.71 18.25 12C18.25 10.62 17.13 9.5 15.75 9.5C15.62 9.5 15.5 9.5 15.36 9.54L13.73 6.29C14.21 5.84 14.5 5.21 14.5 4.5C14.5 3.12 13.38 2 12 2S9.5 3.12 9.5 4.5C9.5 5.21 9.79 5.84 10.26 6.29L8.64 9.54C8.5 9.5 8.38 9.5 8.25 9.5C6.87 9.5 5.75 10.62 5.75 12C5.75 12.71 6.05 13.34 6.5 13.79L4.89 17.04C4.76 17 4.63 17 4.5 17C3.12 17 2 18.12 2 19.5C2 20.88 3.12 22 4.5 22S7 20.88 7 19.5C7 18.8 6.71 18.16 6.24 17.71L7.86 14.46C8 14.5 8.12 14.5 8.25 14.5C8.38 14.5 8.5 14.5 8.64 14.46L10.27 17.71C9.8 18.16 9.5 18.8 9.5 19.5C9.5 20.88 10.62 22 12 22S14.5 20.88 14.5 19.5C14.5 18.12 13.38 17 12 17C11.87 17 11.74 17 11.61 17.04L10 13.79C10.46 13.34 10.75 12.71 10.75 12S10.46 10.66 10 10.21L11.61 6.96C11.74 7 11.87 7 12 7S12.26 7 12.39 6.96L14 10.21C13.55 10.66 13.25 11.3 13.25 12C13.25 13.38 14.37 14.5 15.75 14.5C15.88 14.5 16 14.5 16.14 14.46L17.77 17.71C17.3 18.16 17 18.8 17 19.5C17 20.88 18.12 22 19.5 22S22 20.88 22 19.5C22 18.12 20.88 17 19.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/graphql.svg b/apps/phoenix_webcomponent/priv/mdi/svg/graphql.svg
new file mode 100644
index 00000000..ff0e804d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/graphql.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-graphql" viewBox="0 0 24 24"><path d="M12,5.37L11.56,5.31L6,14.9C6.24,15.11 6.4,15.38 6.47,15.68H17.53C17.6,15.38 17.76,15.11 18,14.9L12.44,5.31L12,5.37M6.6,16.53L10.88,19.06C11.17,18.79 11.57,18.63 12,18.63C12.43,18.63 12.83,18.79 13.12,19.06L17.4,16.53H6.6M12,22A1.68,1.68 0 0,1 10.32,20.32L10.41,19.76L6.11,17.21C5.8,17.57 5.35,17.79 4.84,17.79A1.68,1.68 0 0,1 3.16,16.11C3.16,15.32 3.69,14.66 4.42,14.47V9.36C3.59,9.25 2.95,8.54 2.95,7.68A1.68,1.68 0 0,1 4.63,6C5.18,6 5.66,6.26 5.97,6.66L10.38,4.13L10.32,3.68C10.32,2.75 11.07,2 12,2C12.93,2 13.68,2.75 13.68,3.68L13.62,4.13L18.03,6.66C18.34,6.26 18.82,6 19.37,6A1.68,1.68 0 0,1 21.05,7.68C21.05,8.54 20.41,9.25 19.58,9.36V14.47C20.31,14.66 20.84,15.32 20.84,16.11A1.68,1.68 0 0,1 19.16,17.79C18.65,17.79 18.2,17.57 17.89,17.21L13.59,19.76L13.68,20.32A1.68,1.68 0 0,1 12,22M10.8,4.86L6.3,7.44L6.32,7.68C6.32,8.39 5.88,9 5.26,9.25L5.29,14.5L10.8,4.86M13.2,4.86L18.71,14.5L18.74,9.25C18.12,9 17.68,8.39 17.68,7.68L17.7,7.44L13.2,4.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grass.svg
new file mode 100644
index 00000000..bf1e4db1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grass" viewBox="0 0 24 24"><path d="M12 20H2V18H7.75C7 15.19 4.81 13 2 12.26C2.64 12.1 3.31 12 4 12C8.42 12 12 15.58 12 20M22 12.26C21.36 12.1 20.69 12 20 12C17.07 12 14.5 13.58 13.12 15.93C13.41 16.59 13.65 17.28 13.79 18C13.92 18.65 14 19.32 14 20H22V18H16.24C17 15.19 19.19 13 22 12.26M15.64 11C16.42 8.93 17.87 7.18 19.73 6C15.44 6.16 12 9.67 12 14V14C12.95 12.75 14.2 11.72 15.64 11M11.42 8.85C10.58 6.66 8.88 4.89 6.7 4C8.14 5.86 9 8.18 9 10.71C9 10.92 8.97 11.12 8.96 11.32C9.39 11.56 9.79 11.84 10.18 12.14C10.39 10.96 10.83 9.85 11.42 8.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grave-stone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grave-stone.svg
new file mode 100644
index 00000000..ea466898
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grave-stone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grave-stone" viewBox="0 0 24 24"><path d="M10,2H14C17.31,2 19,4.69 19,8V18.66C16.88,17.63 15.07,17 12,17C8.93,17 7.12,17.63 5,18.66V8C5,4.69 6.69,2 10,2M8,8V9.5H16V8H8M9,12V13.5H15V12H9M3,22V21.31C5.66,19.62 13.23,15.84 21,21.25V22H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grease-pencil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grease-pencil.svg
new file mode 100644
index 00000000..327c44fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grease-pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grease-pencil" viewBox="0 0 24 24"><path d="M18.62,1.5C18.11,1.5 17.6,1.69 17.21,2.09L10.75,8.55L14.95,12.74L21.41,6.29C22.2,5.5 22.2,4.24 21.41,3.46L20.04,2.09C19.65,1.69 19.14,1.5 18.62,1.5M9.8,9.5L3.23,16.07L3.93,16.77C3.4,17.24 2.89,17.78 2.38,18.29C1.6,19.08 1.6,20.34 2.38,21.12C3.16,21.9 4.42,21.9 5.21,21.12C5.72,20.63 6.25,20.08 6.73,19.58L7.43,20.27L14,13.7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/greater-than-or-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/greater-than-or-equal.svg
new file mode 100644
index 00000000..40b51bf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/greater-than-or-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-greater-than-or-equal" viewBox="0 0 24 24"><path d="M6.5,2.27L20,10.14L6.5,18L5.5,16.27L16.03,10.14L5.5,4L6.5,2.27M20,20V22H5V20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/greater-than.svg b/apps/phoenix_webcomponent/priv/mdi/svg/greater-than.svg
new file mode 100644
index 00000000..eb2ed678
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/greater-than.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-greater-than" viewBox="0 0 24 24"><path d="M5.5,4.14L4.5,5.86L15,12L4.5,18.14L5.5,19.86L19,12L5.5,4.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/greenhouse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/greenhouse.svg
new file mode 100644
index 00000000..ed1e5e18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/greenhouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-greenhouse" viewBox="0 0 24 24"><path d="M12 3L4 9V21H20V9L12 3M10 10H14V19H10V10M16 10H18V13H16V10M15.33 8H8.67L12 5.5L15.33 8M8 10V13H6V10H8M6 15H8V19H6V15M16 19V15H18V19H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grid-large.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grid-large.svg
new file mode 100644
index 00000000..23204771
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grid-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grid-large" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4C2.92,22 2,21.1 2,20V4A2,2 0 0,1 4,2M4,4V11H11V4H4M4,20H11V13H4V20M20,20V13H13V20H20M20,4H13V11H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grid-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grid-off.svg
new file mode 100644
index 00000000..94fa8582
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grid-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grid-off" viewBox="0 0 24 24"><path d="M0,2.77L1.28,1.5L22.5,22.72L21.23,24L19.23,22H4C2.92,22 2,21.1 2,20V4.77L0,2.77M10,4V7.68L8,5.68V4H6.32L4.32,2H20A2,2 0 0,1 22,4V19.7L20,17.7V16H18.32L16.32,14H20V10H16V13.68L14,11.68V10H12.32L10.32,8H14V4H10M16,4V8H20V4H16M16,20H17.23L16,18.77V20M4,8H5.23L4,6.77V8M10,14H11.23L10,12.77V14M14,20V16.77L13.23,16H10V20H14M8,20V16H4V20H8M8,14V10.77L7.23,10H4V14H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grid.svg
new file mode 100644
index 00000000..f3f06e73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grid" viewBox="0 0 24 24"><path d="M10,4V8H14V4H10M16,4V8H20V4H16M16,10V14H20V10H16M16,16V20H20V16H16M14,20V16H10V20H14M8,20V16H4V20H8M8,14V10H4V14H8M8,8V4H4V8H8M10,14H14V10H10V14M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4C2.92,22 2,21.1 2,20V4A2,2 0 0,1 4,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grill-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grill-outline.svg
new file mode 100644
index 00000000..ab316723
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grill-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grill-outline" viewBox="0 0 24 24"><path d="M17 22A3 3 0 1 0 14.18 18H9.14L11.13 14.94A6.36 6.36 0 0 0 12.87 14.94L13.89 16.5C14.31 16 14.85 15.56 15.5 15.3L14.89 14.37A7 7 0 0 0 19 8H5A7 7 0 0 0 9.12 14.37L5.17 20.45A1 1 0 0 0 6.84 21.54L7.84 20H14.18A3 3 0 0 0 17 22M17 18A1 1 0 0 1 18 19C18 19.55 17.55 20 17 20S16 19.55 16 19A1 1 0 0 1 17 18M7.42 10H16.58A5 5 0 0 1 7.42 10M9.41 7H10.41C10.56 5.85 10.64 5.36 9.5 4.04C9.1 3.54 8.84 3.27 9.06 2H8.07A3.14 3.14 0 0 0 8.96 4.96C9.18 5.2 9.75 5.63 9.41 7M11.89 7H12.89C13.04 5.85 13.12 5.36 12 4.04C11.58 3.54 11.32 3.26 11.54 2H10.55A3.14 3.14 0 0 0 11.44 4.96C11.67 5.2 12.24 5.63 11.89 7M14.41 7H15.41C15.56 5.85 15.64 5.36 14.5 4.04C14.1 3.54 13.84 3.27 14.06 2H13.07A3.14 3.14 0 0 0 13.96 4.96C14.18 5.2 14.75 5.63 14.41 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/grill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/grill.svg
new file mode 100644
index 00000000..b07603f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/grill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-grill" viewBox="0 0 24 24"><path d="M8.06,2C7.88,3.17 8.17,4.16 8.95,4.97C9.45,5.47 9.61,6.14 9.42,7H10.41C10.53,6.45 10.55,6 10.45,5.55C10.36,5.13 10.05,4.63 9.5,4.03C9.05,3.47 8.89,2.8 9.05,2H8.06M10.55,2C10.36,3.17 10.66,4.16 11.44,4.97C11.94,5.47 12.09,6.14 11.91,7H12.89C13,6.45 13.03,6 12.94,5.55C12.84,5.13 12.53,4.63 12,4.03C11.53,3.47 11.38,2.8 11.53,2H10.55M13.08,2C12.89,3.17 13.19,4.16 13.97,4.97C14.47,5.47 14.61,6.14 14.39,7H15.42C15.55,6.45 15.56,6 15.47,5.55C15.38,5.13 15.06,4.63 14.53,4.03C14.06,3.47 13.91,2.8 14.06,2H13.08M5,8C5,9.42 5.39,10.7 6.14,11.84C6.87,12.96 7.91,13.85 9.14,14.39L5.16,20.44C5.06,20.56 5,20.75 5,21C5,21.41 5.16,21.69 5.44,21.84C5.56,21.94 5.75,22 6,22C6.41,22 6.69,21.84 6.84,21.56L7.83,19.97H14.2C14.41,20.55 14.79,21.05 15.28,21.42C15.78,21.8 16.36,22 17,22C17.83,22 18.53,21.69 19.13,21.09C19.72,20.5 20,19.8 20,19C20,18.17 19.72,17.47 19.13,16.88C18.53,16.28 17.83,16 17,16C16.36,16 15.78,16.17 15.28,16.55C14.78,16.92 14.42,17.41 14.2,18H9.14L11.11,14.95C11.27,15 11.56,15 12,15C12.44,15 12.73,15 12.89,14.95L13.88,16.5C14.29,15.96 14.84,15.54 15.47,15.28L14.91,14.39C16.03,13.89 17,13 17.79,11.77C18.59,10.5 19,9.27 19,8H5M17,18C17.3,18 17.53,18.09 17.72,18.28C17.91,18.47 18,18.72 18,19C18,19.27 17.91,19.5 17.72,19.71C17.54,19.91 17.28,20 17,20C16.74,20 16.5,19.91 16.29,19.71C16.09,19.5 16,19.26 16,19C16,18.7 16.09,18.47 16.29,18.28C16.5,18.09 16.73,18 17,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/group.svg
new file mode 100644
index 00000000..79dd3eff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-group" viewBox="0 0 24 24"><path d="M1,1V5H2V19H1V23H5V22H19V23H23V19H22V5H23V1H19V2H5V1M5,4H19V5H20V19H19V20H5V19H4V5H5M6,6V14H9V18H18V9H14V6M8,8H12V12H8M14,11H16V16H11V14H14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/guitar-acoustic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-acoustic.svg
new file mode 100644
index 00000000..686c69d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-acoustic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-guitar-acoustic" viewBox="0 0 24 24"><path d="M19.59,3H22V5H20.41L16.17,9.24C15.8,8.68 15.32,8.2 14.76,7.83L19.59,3M12,8A4,4 0 0,1 16,12C16,13.82 14.77,15.42 13,15.87V16A5,5 0 0,1 8,21A5,5 0 0,1 3,16A5,5 0 0,1 8,11H8.13C8.58,9.24 10.17,8 12,8M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5M6.94,14.24L6.23,14.94L9.06,17.77L9.77,17.06L6.94,14.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/guitar-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-electric.svg
new file mode 100644
index 00000000..fb309cdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-guitar-electric" viewBox="0 0 24 24"><path d="M19.59,3H22V5H20.41L15.12,10.29L13.71,8.9L19.59,3M12,9C12.26,9 12.5,9.1 12.71,9.3L14.71,11.3C14.89,11.5 15,11.73 15,12L14.9,12.4L10.9,20.4C10.71,20.75 10.36,20.93 10,20.93C9.65,20.93 9.29,20.75 9.11,20.4L7.25,16.7L3.55,14.9C3.18,14.7 3,14.35 3,14C3,13.65 3.18,13.3 3.55,13.1L11.55,9.1C11.69,9 11.84,9 12,9M9.35,11.82L8.65,12.5L11.5,15.35L12.18,14.65L9.35,11.82M7.94,13.23L7.23,13.94L10.06,16.77L10.77,16.06L7.94,13.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick-outline.svg
new file mode 100644
index 00000000..4a35d08b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-guitar-pick-outline" viewBox="0 0 24 24"><path d="M19,4.1C18.1,3.3 17,2.8 15.8,2.5C15.5,2.4 13.6,2 12.2,2C12.2,2 12.1,2 12,2C12,2 11.9,2 11.8,2C10.4,2 8.4,2.4 8.1,2.5C7,2.8 5.9,3.3 5,4.1C3,5.9 3,8.7 4,11C5,13.5 6.1,15.7 7.6,17.9C8.8,19.6 10.1,22 12,22C13.9,22 15.2,19.6 16.5,17.9C18,15.8 19.1,13.5 20.1,11C21,8.7 21,5.9 19,4.1M18.2,10.2C17.1,12.9 16.1,14.9 14.8,16.7C14.6,16.9 14.5,17.2 14.3,17.4C13.8,18.2 12.6,20 12,20C12,20 12,20 12,20C11.3,20 10.2,18.3 9.6,17.4C9.4,17.2 9.3,16.9 9.1,16.7C7.9,14.9 6.8,12.9 5.7,10.2C5.5,9.5 4.7,7 6.3,5.5C6.8,5 7.6,4.7 8.6,4.4C9,4.4 10.7,4 11.8,4C11.8,4 12.1,4 12.1,4C13.2,4 14.9,4.3 15.3,4.4C16.3,4.7 17.1,5 17.6,5.5C19.3,7 18.5,9.5 18.2,10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick.svg
new file mode 100644
index 00000000..baa59c4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/guitar-pick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-guitar-pick" viewBox="0 0 24 24"><path d="M19,4.1C18.1,3.3 17,2.8 15.8,2.5C15.5,2.4 13.6,2 12.2,2C12.2,2 12.1,2 12,2C12,2 11.9,2 11.8,2C10.4,2 8.4,2.4 8.1,2.5C7,2.8 5.9,3.3 5,4.1C3,5.9 3,8.7 4,11C5,13.5 6.1,15.7 7.6,17.9C8.8,19.6 10.1,22 12,22C13.9,22 15.2,19.6 16.5,17.9C18,15.8 19.1,13.5 20.1,11C21,8.7 21,5.9 19,4.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/guy-fawkes-mask.svg b/apps/phoenix_webcomponent/priv/mdi/svg/guy-fawkes-mask.svg
new file mode 100644
index 00000000..d3909a57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/guy-fawkes-mask.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-guy-fawkes-mask" viewBox="0 0 24 24"><path d="M21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13L3.03,4.43C5.68,2.88 8.76,2 12.05,2C15.3,2 18.36,2.87 21,4.38V13M13,19.93C16.39,19.44 19,16.5 19,13V5.59C16.9,4.57 14.54,4 12.05,4C9.5,4 7.08,4.6 4.94,5.66L5,13C5,16.5 7.63,19.44 11,19.93V18H13V19.93M11,16H8L6,13L9,14H10L11,13H13L14,14H15L18,13L16,16H13L12,15L11,16M6,9.03C6.64,8.4 7.5,8.05 8.5,8.05C9.45,8.05 10.34,8.4 11,9.03C10.34,9.65 9.45,10 8.5,10C7.5,10 6.64,9.65 6,9.03M13,9.03C13.64,8.4 14.5,8.05 15.5,8.05C16.45,8.05 17.34,8.4 18,9.03C17.34,9.65 16.45,10 15.5,10C14.5,10 13.64,9.65 13,9.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/gymnastics.svg b/apps/phoenix_webcomponent/priv/mdi/svg/gymnastics.svg
new file mode 100644
index 00000000..67325504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/gymnastics.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-gymnastics" viewBox="0 0 24 24"><path d="M4 6C4 4.9 4.9 4 6 4S8 4.9 8 6 7.1 8 6 8 4 7.1 4 6M1 9H7L14 4L15.31 5.5L11.14 8.5H14L21.8 4L23 5.4L14.5 12L14 22H12L11.5 12L8 11H1V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hail.svg
new file mode 100644
index 00000000..cf35d84d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hail" viewBox="0 0 24 24"><path d="M4,16H7V22H4V16M19,2.39C18.92,3.86 18.55,5.13 17.86,6.21C17.17,7.29 16.22,8 15,8.39V22H13V16H11V22H9V10.08C8.72,10.17 8.5,10.28 8.39,10.41C7.45,11.16 7,12.19 7,13.5V14H5V13.5C5,11.53 5.72,9.94 7.13,8.72C8.53,7.56 10.16,7 12,7C13.41,7 14.56,6.64 15.47,5.95C16.5,5.11 17,3.95 17,2.5V2H19V2.39M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer-outline.svg
new file mode 100644
index 00000000..e3429110
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hair-dryer-outline" viewBox="0 0 24 24"><path d="M10 12.73A70.39 70.39 0 0 0 17 11V4S10.5 2 7.5 2A5.5 5.5 0 0 0 6.12 12.82L7 19H8A3 3 0 0 0 9.46 21.33A3.15 3.15 0 0 1 11 24H12A4.12 4.12 0 0 0 10.09 20.55C9.39 20 9 19.63 9 19H10M4 7.5A3.5 3.5 0 0 1 7.5 4A37.08 37.08 0 0 1 15 5.5V9.5A37.08 37.08 0 0 1 7.5 11A3.5 3.5 0 0 1 4 7.5M22 9A4.32 4.32 0 0 1 19.78 8.45A3.4 3.4 0 0 0 18 8V7A4.32 4.32 0 0 1 20.22 7.55A3.4 3.4 0 0 0 22 8M22 6A3.4 3.4 0 0 1 20.22 5.55A4.32 4.32 0 0 0 18 5V6A3.4 3.4 0 0 1 19.78 6.45A4.32 4.32 0 0 0 22 7M22 10A3.4 3.4 0 0 1 20.22 9.55A4.32 4.32 0 0 0 18 9V10A3.4 3.4 0 0 1 19.78 10.45A4.32 4.32 0 0 0 22 11M9 7.5A1.5 1.5 0 1 1 7.5 6A1.5 1.5 0 0 1 9 7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer.svg
new file mode 100644
index 00000000..9c568084
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hair-dryer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hair-dryer" viewBox="0 0 24 24"><path d="M22 9A4.32 4.32 0 0 1 19.78 8.45A3.4 3.4 0 0 0 18 8V7A4.32 4.32 0 0 1 20.22 7.55A3.4 3.4 0 0 0 22 8M22 6A3.4 3.4 0 0 1 20.22 5.55A4.32 4.32 0 0 0 18 5V6A3.4 3.4 0 0 1 19.78 6.45A4.32 4.32 0 0 0 22 7M22 10A3.4 3.4 0 0 1 20.22 9.55A4.32 4.32 0 0 0 18 9V10A3.4 3.4 0 0 1 19.78 10.45A4.32 4.32 0 0 0 22 11M10 12.73A70.39 70.39 0 0 0 17 11V4S10.5 2 7.5 2A5.5 5.5 0 0 0 6.12 12.82L7 19H8A3 3 0 0 0 9.46 21.33A3.15 3.15 0 0 1 11 24H12A4.12 4.12 0 0 0 10.09 20.55C9.39 20 9 19.63 9 19H10M7.5 10A2.5 2.5 0 1 1 10 7.5A2.5 2.5 0 0 1 7.5 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/halloween.svg b/apps/phoenix_webcomponent/priv/mdi/svg/halloween.svg
new file mode 100644
index 00000000..45359faf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/halloween.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-halloween" viewBox="0 0 24 24"><path d="M6.5,6C7.47,6 8.37,6.5 9.11,7.38C9.66,6.79 10.31,6.36 11,6.15V4A2,2 0 0,1 13,2H15V4H13V6.15C13.69,6.36 14.34,6.79 14.89,7.38C15.63,6.5 16.53,6 17.5,6C20,6 22,9.36 22,13.5C22,17.64 20,21 17.5,21C16.53,21 15.63,20.5 14.89,19.62C14.08,20.5 13.08,21 12,21C10.92,21 9.92,20.5 9.11,19.62C8.37,20.5 7.47,21 6.5,21C4,21 2,17.64 2,13.5C2,9.36 4,6 6.5,6M9,10L7.75,12.25H10.25L9,10M15,10L13.75,12.25H16.25L15,10M8,17H10L11,16L12,17H14L15,16L16,17L17.5,14L13.92,14.62L13,16L12,15H10L9,16L8,15L6,14L8,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-check.svg
new file mode 100644
index 00000000..e1c40e11
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger-check" viewBox="0 0 24 24"><path d="M21 9H3C3 9 3 3 12 3S21 9 21 9M13.35 17H3V18C3 19.66 4.34 21 6 21H13.35C13.13 20.37 13 19.7 13 19C13 18.3 13.13 17.63 13.35 17M21.86 13.73C21.95 13.5 22 13.26 22 13C22 11.9 21.11 11 20 11H11L8.5 13L6 11H4C2.9 11 2 11.9 2 13S2.9 15 4 15H14.54C15.64 13.78 17.23 13 19 13C20.04 13 21 13.26 21.86 13.73M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-minus.svg
new file mode 100644
index 00000000..04dc811f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger-minus" viewBox="0 0 24 24"><path d="M21 9H3C3 9 3 3 12 3S21 9 21 9M13.35 17H3V18C3 19.66 4.34 21 6 21H13.35C13.13 20.37 13 19.7 13 19C13 18.3 13.13 17.63 13.35 17M21.86 13.73C21.95 13.5 22 13.26 22 13C22 11.9 21.11 11 20 11H11L8.5 13L6 11H4C2.9 11 2 11.9 2 13S2.9 15 4 15H14.54C15.64 13.78 17.23 13 19 13C20.04 13 21 13.26 21.86 13.73M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-off.svg
new file mode 100644
index 00000000..7842a130
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger-off" viewBox="0 0 24 24"><path d="M20 11C21.11 11 22 11.9 22 13S21.11 15 20 15H18.2L14.2 11H20M20.42 19.77L20.42 19.76L17.66 17H17.65L15.65 15H15.66L11.66 11H11.66L9.66 9H9.66L2.39 1.73L1.11 3L4.12 6C3 7.5 3 9 3 9H7.11L9.11 11H4C2.9 11 2 11.9 2 13S2.9 15 4 15H13.11L15.11 17H3V18C3 19.66 4.34 21 6 21H18C18.33 21 18.65 20.93 18.94 20.83L20.84 22.73L22.11 21.46L20.42 19.77M21 9C21 9 21 3 12 3C9.88 3 8.28 3.34 7.05 3.85L12.2 9H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-plus.svg
new file mode 100644
index 00000000..bb2b3e17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger-plus" viewBox="0 0 24 24"><path d="M21 9H3C3 9 3 3 12 3S21 9 21 9M13.35 17H3V18C3 19.66 4.34 21 6 21H13.35C13.13 20.37 13 19.7 13 19C13 18.3 13.13 17.63 13.35 17M21.86 13.73C21.95 13.5 22 13.26 22 13C22 11.9 21.11 11 20 11H11L8.5 13L6 11H4C2.9 11 2 11.9 2 13S2.9 15 4 15H14.54C15.64 13.78 17.23 13 19 13C20.04 13 21 13.26 21.86 13.73M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-remove.svg
new file mode 100644
index 00000000..3de3dc0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger-remove" viewBox="0 0 24 24"><path d="M21 9H3C3 9 3 3 12 3S21 9 21 9M13.35 17H3V18C3 19.66 4.34 21 6 21H13.35C13.13 20.37 13 19.7 13 19C13 18.3 13.13 17.63 13.35 17M21.86 13.73C21.95 13.5 22 13.26 22 13C22 11.9 21.11 11 20 11H11L8.5 13L6 11H4C2.9 11 2 11.9 2 13S2.9 15 4 15H14.54C15.64 13.78 17.23 13 19 13C20.04 13 21 13.26 21.86 13.73M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hamburger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger.svg
new file mode 100644
index 00000000..c7444f34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hamburger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hamburger" viewBox="0 0 24 24"><path d="M22 13C22 14.11 21.11 15 20 15H4C2.9 15 2 14.11 2 13S2.9 11 4 11H13L15.5 13L18 11H20C21.11 11 22 11.9 22 13M12 3C3 3 3 9 3 9H21C21 9 21 3 12 3M3 18C3 19.66 4.34 21 6 21H18C19.66 21 21 19.66 21 18V17H3V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hammer-screwdriver.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-screwdriver.svg
new file mode 100644
index 00000000..0e315575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-screwdriver.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hammer-screwdriver" viewBox="0 0 24 24"><path d="M16.06 13.09L21.69 18.68L18.37 21.96L12.78 16.37V15.45L15.14 13.09H16.06M16.97 10.56L16 9.6L11.21 14.4V16.37L5.58 22L2.3 18.68L7.89 13.09H9.86L10.64 12.31L6.8 8.46H5.5L2.69 5.62L5.31 3L8.11 5.8V7.11L12 10.95L14.66 8.29L13.7 7.28L15 5.97H12.34L11.69 5.32L15 2L15.66 2.66V5.32L16.97 4L20.25 7.28C21.34 8.38 21.34 10.17 20.25 11.26L18.28 9.25L16.97 10.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hammer-sickle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-sickle.svg
new file mode 100644
index 00000000..53010dc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-sickle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hammer-sickle" viewBox="0 0 24 24"><path d="M22 20.59L20.59 22L17.45 18.86C16.89 19.23 16.3 19.56 15.66 19.78C14 20.36 12.2 20.4 10.53 19.88C9.5 19.58 8.56 19.05 7.75 18.37L4.56 21.56C4 22.15 3.03 22.15 2.44 21.56C1.86 21 1.86 20 2.44 19.44L5.82 16.06L8.47 15.54C9.19 16.45 10.19 17.13 11.28 17.5C12.44 17.85 13.72 17.84 14.87 17.46C15.16 17.37 15.44 17.26 15.7 17.12L7.6 9L5.83 10.78L3 7.95L7.95 3L12.19 4.41L9 7.6L17.31 15.89C17.5 15.71 17.65 15.53 17.8 15.33C19.3 13.36 19.42 10.42 18.09 8C16.78 5.57 14.5 3.55 12 2C13.41 2.5 14.76 3.17 16 4.04C17.24 4.91 18.43 5.93 19.33 7.25C20.23 8.54 20.87 10.12 21 11.79C21.1 13.47 20.66 15.23 19.7 16.65C19.5 17 19.24 17.28 19 17.56L22 20.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hammer-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-wrench.svg
new file mode 100644
index 00000000..1b859b8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hammer-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hammer-wrench" viewBox="0 0 24 24"><path d="M13.78 15.3L19.78 21.3L21.89 19.14L15.89 13.14L13.78 15.3M17.5 10.1C17.11 10.1 16.69 10.05 16.36 9.91L4.97 21.25L2.86 19.14L10.27 11.74L8.5 9.96L7.78 10.66L6.33 9.25V12.11L5.63 12.81L2.11 9.25L2.81 8.55H5.62L4.22 7.14L7.78 3.58C8.95 2.41 10.83 2.41 12 3.58L9.89 5.74L11.3 7.14L10.59 7.85L12.38 9.63L14.2 7.75C14.06 7.42 14 7 14 6.63C14 4.66 15.56 3.11 17.5 3.11C18.09 3.11 18.61 3.25 19.08 3.53L16.41 6.2L17.91 7.7L20.58 5.03C20.86 5.5 21 6 21 6.63C21 8.55 19.45 10.1 17.5 10.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hammer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hammer.svg
new file mode 100644
index 00000000..29ebd785
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hammer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hammer" viewBox="0 0 24 24"><path d="M2 19.63L13.43 8.2L12.72 7.5L14.14 6.07L12 3.89C13.2 2.7 15.09 2.7 16.27 3.89L19.87 7.5L18.45 8.91H21.29L22 9.62L18.45 13.21L17.74 12.5V9.62L16.27 11.04L15.56 10.33L4.13 21.76L2 19.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off-outline.svg
new file mode 100644
index 00000000..d5c2f456
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-left-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3.56 5.45C3.21 5.87 3 6.41 3 7V16C3 20.42 6.58 24 11 24C13.94 24 16.62 22.45 18.12 20L20.84 22.73L22.11 21.46M11 22C7.69 22 5 19.31 5 16V7C5 6.97 5 6.94 5 6.91L6 7.89V12H8V9.89L9 10.89V12H10.11L16.65 18.54C15.57 20.64 13.41 22 11 22M8 4.8L6.21 3C6.59 2.12 7.47 1.5 8.5 1.5C8.73 1.5 8.96 1.53 9.17 1.59C9.54 .66 10.44 0 11.5 0C12.73 0 13.75 .89 13.96 2.06C14.13 2 14.31 2 14.5 2C15.88 2 17 3.12 17 4.5V10.39C17.34 10.08 17.76 9.85 18.22 9.73L19 9.5C19.82 9.29 20.69 9.61 21.18 10.35C21.56 10.92 21.58 11.66 21.33 12.3L19.67 16.47L18.13 14.93L19.5 11.45L19 11.59C18.5 11.71 18.15 12.05 18 12.5L17.34 14.14L15 11.8V4.5C15 4.22 14.78 4 14.5 4S14 4.22 14 4.5V10.8L12 8.8V2.5C12 2.22 11.78 2 11.5 2S11 2.22 11 2.5V7.8L9 5.8V4C9 3.72 8.78 3.5 8.5 3.5S8 3.72 8 4V4.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off.svg
new file mode 100644
index 00000000..b7e845af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-left-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3.21 5.1C3.09 5.29 3 5.5 3 5.75V16C3 20.42 6.58 24 11 24C13.93 24 16.58 22.39 17.97 19.86L20.84 22.73L22.11 21.46M5.5 12V7.39L6.5 8.39V12H5.5M10 12H9V10.89L10 11.89V12M16 12.8L13.5 10.3V3.25C13.5 2.56 14.06 2 14.75 2S16 2.56 16 3.25V12.8M19.5 16.28L17.16 13.96L18.16 11.47C18.38 10.92 18.84 10.5 19.4 10.31L20.19 10.05C21 9.79 21.74 10.58 21.43 11.37L19.5 16.28M9 5.8L6.5 3.3V2.75C6.5 2.06 7.06 1.5 7.75 1.5S9 2.06 9 2.75V5.8M12.5 9.3L10 6.8V1.25C10 .56 10.56 0 11.25 0S12.5 .56 12.5 1.25V9.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-outline.svg
new file mode 100644
index 00000000..6297b0c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-left-outline" viewBox="0 0 24 24"><path d="M3 16C3 20.42 6.58 24 11 24C14.43 24 17.5 21.91 18.77 18.73L21.33 12.3C21.58 11.66 21.56 10.92 21.18 10.35C20.69 9.61 19.82 9.29 19 9.5L18.22 9.73C17.76 9.85 17.34 10.08 17 10.39V4.5C17 3.12 15.88 2 14.5 2C14.31 2 14.13 2 13.96 2.06C13.75 .89 12.73 0 11.5 0C10.44 0 9.54 .66 9.17 1.59C8.96 1.53 8.73 1.5 8.5 1.5C7.12 1.5 6 2.62 6 4V4.55C5.84 4.5 5.67 4.5 5.5 4.5C4.12 4.5 3 5.62 3 7V16M5 7C5 6.72 5.22 6.5 5.5 6.5S6 6.72 6 7V12H8V4C8 3.72 8.22 3.5 8.5 3.5S9 3.72 9 4V12H11V2.5C11 2.22 11.22 2 11.5 2S12 2.22 12 2.5V12H14V4.5C14 4.22 14.22 4 14.5 4S15 4.22 15 4.5V15H17L18 12.5C18.15 12.05 18.5 11.71 19 11.59L19.5 11.45L16.91 18C15.95 20.41 13.61 22 11 22C7.69 22 5 19.31 5 16V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left.svg
new file mode 100644
index 00000000..2ad1e722
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-left" viewBox="0 0 24 24"><path d="M3 16V5.75C3 5.06 3.56 4.5 4.25 4.5S5.5 5.06 5.5 5.75V12H6.5V2.75C6.5 2.06 7.06 1.5 7.75 1.5C8.44 1.5 9 2.06 9 2.75V12H10V1.25C10 .56 10.56 0 11.25 0S12.5 .56 12.5 1.25V12H13.5V3.25C13.5 2.56 14.06 2 14.75 2S16 2.56 16 3.25V15H16.75L18.16 11.47C18.38 10.92 18.84 10.5 19.4 10.31L20.19 10.05C21 9.79 21.74 10.58 21.43 11.37L18.4 19C17.19 22 14.26 24 11 24C6.58 24 3 20.42 3 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off-outline.svg
new file mode 100644
index 00000000..a95f8290
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-right-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L7 8.89V10.39C6.66 10.08 6.24 9.85 5.78 9.73L5 9.5C4.18 9.29 3.31 9.61 2.82 10.35C2.44 10.92 2.42 11.66 2.67 12.3L5.23 18.73C6.5 21.91 9.57 24 13 24C15.5 24 17.7 22.85 19.17 21.06L20.84 22.73L22.11 21.46M13 22C10.39 22 8.05 20.41 7.09 18L4.5 11.45L5 11.59C5.5 11.71 5.85 12.05 6 12.5L7 15H9V10.89L17.75 19.64C16.66 21.07 14.94 22 13 22M9 5.8L7.09 3.89C7.36 2.8 8.33 2 9.5 2C9.69 2 9.87 2 10.04 2.06C10.25 .89 11.27 0 12.5 0C13.56 0 14.46 .66 14.83 1.59C15.04 1.53 15.27 1.5 15.5 1.5C16.88 1.5 18 2.62 18 4V4.55C18.16 4.5 18.33 4.5 18.5 4.5C19.88 4.5 21 5.62 21 7V16C21 16.56 20.94 17.11 20.83 17.63L19 15.8V7C19 6.72 18.78 6.5 18.5 6.5S18 6.72 18 7V12H16V4C16 3.72 15.78 3.5 15.5 3.5S15 3.72 15 4V11.8L13 9.8V2.5C13 2.22 12.78 2 12.5 2S12 2.22 12 2.5V8.8L10 6.8V4.5C10 4.22 9.78 4 9.5 4S9 4.22 9 4.5V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off.svg
new file mode 100644
index 00000000..f1fbd746
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-right-off" viewBox="0 0 24 24"><path d="M20.84 22.73L19.17 21.06C17.7 22.85 15.5 24 13 24C9.74 24 6.81 22 5.6 19L2.57 11.37C2.26 10.58 3 9.79 3.81 10.05L4.6 10.31C5.16 10.5 5.62 10.92 5.84 11.47L7.25 15H8V9.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M14 1.25C14 .56 13.44 0 12.75 0S11.5 .56 11.5 1.25V8.3L14 10.8V1.25M21 16V5.75C21 5.06 20.44 4.5 19.75 4.5S18.5 5.06 18.5 5.75V12H17.5V2.75C17.5 2.06 16.94 1.5 16.25 1.5S15 2.06 15 2.75V11.8L20.83 17.63C20.94 17.11 21 16.56 21 16M10.5 3.25C10.5 2.56 9.94 2 9.25 2S8 2.56 8 3.25V4.8L10.5 7.3V3.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-outline.svg
new file mode 100644
index 00000000..0a66210c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-right-outline" viewBox="0 0 24 24"><path d="M21 7C21 5.62 19.88 4.5 18.5 4.5C18.33 4.5 18.16 4.5 18 4.55V4C18 2.62 16.88 1.5 15.5 1.5C15.27 1.5 15.04 1.53 14.83 1.59C14.46 .66 13.56 0 12.5 0C11.27 0 10.25 .89 10.04 2.06C9.87 2 9.69 2 9.5 2C8.12 2 7 3.12 7 4.5V10.39C6.66 10.08 6.24 9.85 5.78 9.73L5 9.5C4.18 9.29 3.31 9.61 2.82 10.35C2.44 10.92 2.42 11.66 2.67 12.3L5.23 18.73C6.5 21.91 9.57 24 13 24C17.42 24 21 20.42 21 16V7M19 16C19 19.31 16.31 22 13 22C10.39 22 8.05 20.41 7.09 18L4.5 11.45L5 11.59C5.5 11.71 5.85 12.05 6 12.5L7 15H9V4.5C9 4.22 9.22 4 9.5 4S10 4.22 10 4.5V12H12V2.5C12 2.22 12.22 2 12.5 2S13 2.22 13 2.5V12H15V4C15 3.72 15.22 3.5 15.5 3.5S16 3.72 16 4V12H18V7C18 6.72 18.22 6.5 18.5 6.5S19 6.72 19 7V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right.svg
new file mode 100644
index 00000000..9e03e288
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-back-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-back-right" viewBox="0 0 24 24"><path d="M13 24C9.74 24 6.81 22 5.6 19L2.57 11.37C2.26 10.58 3 9.79 3.81 10.05L4.6 10.31C5.16 10.5 5.62 10.92 5.84 11.47L7.25 15H8V3.25C8 2.56 8.56 2 9.25 2S10.5 2.56 10.5 3.25V12H11.5V1.25C11.5 .56 12.06 0 12.75 0S14 .56 14 1.25V12H15V2.75C15 2.06 15.56 1.5 16.25 1.5C16.94 1.5 17.5 2.06 17.5 2.75V12H18.5V5.75C18.5 5.06 19.06 4.5 19.75 4.5S21 5.06 21 5.75V16C21 20.42 17.42 24 13 24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap-off.svg
new file mode 100644
index 00000000..5959ecd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-clap-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L2.97 4.86C2.72 4.96 2.5 5.19 2.5 5.5L2 11.79C1.87 13.83 2.77 15.78 4.35 17C4.33 16.12 4.46 15.21 4.77 14.33L6.8 8.69L7.97 9.86L6.18 14.84C5.35 17.17 6 19.81 7.9 21.47C10.44 23.71 14.32 23.47 16.56 20.92L17.72 19.61L20.84 22.73L22.11 21.46M5 9.84L4.5 9.59L4.71 6.68C4.71 6.65 4.71 6.63 4.71 6.6L5.97 7.86L5 9.84M9.59 13.75L9.16 13.37L9.77 11.66L10.65 12.54L9.59 13.75M14.94 11.74L18.58 7.62C18.93 7.22 19.54 7.18 19.93 7.53C20.33 7.88 20.37 8.5 20 8.89L16.3 13.1L14.94 11.74M19.83 10.26C20.18 9.86 20.79 9.82 21.18 10.17C21.57 10.5 21.62 11.13 21.27 11.5L18.2 15L16.85 13.65L19.83 10.26M21.68 13.67C22.08 14 22.11 14.63 21.76 15L20.1 16.9L18.74 15.54L20.32 13.76C20.67 13.36 21.28 13.32 21.68 13.67M15.55 7C15.9 6.6 16.5 6.56 16.91 6.91C17.3 7.26 17.34 7.87 17 8.26L14.4 11.2L13.04 9.84L15.55 7M11.66 8.46L13.96 3.75C14.19 3.28 14.77 3.08 15.24 3.31C15.72 3.54 15.92 4.12 15.68 4.59L15.3 5.37C14.97 5.5 14.67 5.73 14.43 6L12 8.78L11.66 8.46M9.08 5.88L7.64 4.44L8.97 1.74C9.2 1.26 9.77 1.07 10.25 1.3C10.72 1.53 10.92 2.1 10.69 2.58L9.08 5.88M9.65 6.45L12.05 1.54C12.28 1.06 12.86 .865 13.33 1.1C13.81 1.33 14 1.9 13.78 2.38L11.08 7.88L9.65 6.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap.svg
new file mode 100644
index 00000000..c4c6a52d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-clap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-clap" viewBox="0 0 24 24"><path d="M7.9 21.47C6 19.81 5.35 17.17 6.18 14.84L8.31 8.91C8.53 8.3 9.36 8.22 9.69 8.78L10 9.33C10.24 9.72 10.29 10.2 10.14 10.63L9.16 13.37L9.59 13.75L15.55 7C15.9 6.6 16.5 6.56 16.91 6.91C17.3 7.26 17.34 7.87 17 8.26L12.55 13.29L13.13 13.8L18.58 7.62C18.93 7.22 19.54 7.18 19.93 7.53C20.33 7.88 20.37 8.5 20 8.89L14.56 15.07L15.14 15.58L19.83 10.26C20.18 9.86 20.79 9.82 21.18 10.17S21.62 11.13 21.27 11.5L16.58 16.84L17.15 17.35L20.32 13.76C20.67 13.36 21.28 13.32 21.68 13.67S22.11 14.63 21.76 15L16.56 20.92C14.32 23.47 10.44 23.71 7.9 21.47M11.59 9.22L14.43 6C14.67 5.73 14.97 5.5 15.3 5.37L15.68 4.59C15.92 4.12 15.72 3.54 15.24 3.31C14.77 3.08 14.19 3.28 13.96 3.75L11.45 8.89C11.5 9 11.56 9.11 11.59 9.22M11 8L11 8.05L13.78 2.38C14 1.9 13.81 1.33 13.33 1.1C12.86 .865 12.28 1.06 12.05 1.54L9.41 6.95C10.06 7.06 10.63 7.43 11 8M4.77 14.33L6.9 8.4C7.17 7.65 7.8 7.14 8.55 6.97L10.69 2.58C10.92 2.1 10.72 1.53 10.25 1.3C9.77 1.07 9.2 1.26 8.97 1.74L5 9.84L4.5 9.59L4.71 6.68C4.75 6.23 4.57 5.78 4.25 5.46L3.79 5C3.32 4.57 2.55 4.86 2.5 5.5L2 11.79C1.87 13.83 2.77 15.78 4.35 17C4.33 16.12 4.46 15.21 4.77 14.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin-outline.svg
new file mode 100644
index 00000000..57011ea6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-coin-outline" viewBox="0 0 24 24"><path d="M16 2C13.24 2 11 4.24 11 7S13.24 12 16 12 21 9.76 21 7 18.76 2 16 2M16 10C14.34 10 13 8.66 13 7S14.34 4 16 4 19 5.34 19 7 17.66 10 16 10M19 16H17C17 14.8 16.25 13.72 15.13 13.3L8.97 11H1V22H7V20.56L14 22.5L22 20V19C22 17.34 20.66 16 19 16M5 20H3V13H5V20M13.97 20.41L7 18.5V13H8.61L14.43 15.17C14.77 15.3 15 15.63 15 16C15 16 13 15.95 12.7 15.85L10.32 15.06L9.69 16.96L12.07 17.75C12.58 17.92 13.11 18 13.65 18H19C19.39 18 19.74 18.24 19.9 18.57L13.97 20.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin.svg
new file mode 100644
index 00000000..adfd4a41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-coin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-coin" viewBox="0 0 24 24"><path d="M16 12C18.76 12 21 9.76 21 7S18.76 2 16 2 11 4.24 11 7 13.24 12 16 12M21.45 17.6C21.06 17.2 20.57 17 20 17H13L10.92 16.27L11.25 15.33L13 16H15.8C16.15 16 16.43 15.86 16.66 15.63S17 15.12 17 14.81C17 14.27 16.74 13.9 16.22 13.69L8.95 11H7V20L14 22L22.03 19C22.04 18.47 21.84 18 21.45 17.6M5 11H.984V22H5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-cycle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-cycle.svg
new file mode 100644
index 00000000..25de60f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-cycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-cycle" viewBox="0 0 24 24"><path d="M19.5 13C18.18 13 17.05 13.74 16.45 14.81L13.23 12.18L10.96 13L9.87 11.32L11.21 11.69L13.87 9.5L12.93 8.36L10.9 10.03L7.96 9C7.96 9 7.96 9 7.95 9C7.54 8.85 7.08 8.89 6.69 9.14C6.04 9.56 5.83 10.39 6.16 11.07C5.95 11.03 5.73 11 5.5 11C3 11 1 13 1 15.5S3 20 5.5 20 10 18 10 15.5C10 15.37 9.97 15.25 9.96 15.12L13 14L16 16.5L16 16.5C16 18.43 17.57 20 19.5 20S23 18.43 23 16.5 21.43 13 19.5 13M5.5 18.5C3.85 18.5 2.5 17.15 2.5 15.5S3.85 12.5 5.5 12.5 8.5 13.85 8.5 15.5 7.15 18.5 5.5 18.5M19.5 18.5C18.4 18.5 17.5 17.6 17.5 16.5S18.4 14.5 19.5 14.5 21.5 15.4 21.5 16.5 20.6 18.5 19.5 18.5M6.44 7.57C5.85 7 5.85 6.06 6.44 5.5C7.03 4.89 7.97 4.89 8.56 5.5C9.15 6.06 9.15 7 8.56 7.57C7.97 8.15 7.03 8.15 6.44 7.57" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended-outline.svg
new file mode 100644
index 00000000..f0744825
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-extended-outline" viewBox="0 0 24 24"><path d="M22 15V16L14 18.5L7 16.6V18H1V7H9L15.2 9.3C16.2 9.7 17 10.8 17 12H19C20.7 12 22 13.3 22 15M5 16V9H3V16H5M19.9 14.6C19.7 14.2 19.4 14 19 14H13.6C13.1 14 12.5 13.9 12 13.8L9.7 13L10.3 11.1L12.7 11.9C13 11.9 15 12 15 12C15 11.6 14.8 11.3 14.4 11.2L8.6 9H7V14.5L14 16.4L19.9 14.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended.svg
new file mode 100644
index 00000000..0de1e288
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-extended.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-extended" viewBox="0 0 24 24"><path d="M20 13C20.6 13 21.1 13.2 21.5 13.6C21.8 14 22 14.5 22 15L14 18L7 16V7H8.9L16.2 9.7C16.7 9.9 17 10.3 17 10.8C17 11.1 16.9 11.4 16.7 11.6S16.1 12 15.8 12H13L11.2 11.3L10.9 12.2L13 13H20M1 7H5V18H1V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left-outline.svg
new file mode 100644
index 00000000..c13eff0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-front-left-outline" viewBox="0 0 24 24"><path d="M3 10.5V15.5C3 20.19 6.81 24 11.5 24S20 20.19 20 15.5V7C20 5.62 18.88 4.5 17.5 4.5C17.33 4.5 17.16 4.5 17 4.55V4C17 2.62 15.88 1.5 14.5 1.5C14.27 1.5 14.04 1.53 13.83 1.59C13.46 .66 12.56 0 11.5 0C10.27 0 9.25 .89 9.04 2.06C8.87 2 8.69 2 8.5 2C7.12 2 6 3.12 6 4.5V8.05C5.84 8 5.67 8 5.5 8C4.12 8 3 9.12 3 10.5M5 10.5C5 10.22 5.22 10 5.5 10S6 10.22 6 10.5V15C7.66 15 9 16.34 9 18H11C11 15.95 9.77 14.19 8 13.42V4.5C8 4.22 8.22 4 8.5 4S9 4.22 9 4.5V11H11V2.5C11 2.22 11.22 2 11.5 2S12 2.22 12 2.5V11H14V4C14 3.72 14.22 3.5 14.5 3.5S15 3.72 15 4V12H17V7C17 6.72 17.22 6.5 17.5 6.5S18 6.72 18 7V15.5C18 19.09 15.09 22 11.5 22S5 19.09 5 15.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left.svg
new file mode 100644
index 00000000..a3c0c8a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-front-left" viewBox="0 0 24 24"><path d="M3 9.25V15.75C3 20.31 6.69 24 11.25 24S19.5 20.31 19.5 15.75V5.75C19.5 5.06 18.94 4.5 18.25 4.5S17 5.06 17 5.75V12H16V2.75C16 2.06 15.44 1.5 14.75 1.5S13.5 2.06 13.5 2.75V11H12.5V1.25C12.5 .56 11.94 0 11.25 0S10 .56 10 1.25V11H9V3.25C9 2.56 8.44 2 7.75 2C7.06 2 6.5 2.56 6.5 3.25V14.03C8.47 14.28 10 15.96 10 18H9C9 16.35 7.65 15 6 15H5.5V9.25C5.5 8.56 4.94 8 4.25 8S3 8.56 3 9.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right-outline.svg
new file mode 100644
index 00000000..6a7663c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-front-right-outline" viewBox="0 0 24 24"><path d="M18.5 8C18.33 8 18.16 8 18 8.05V4.5C18 3.12 16.88 2 15.5 2C15.31 2 15.13 2 14.96 2.06C14.75 .89 13.73 0 12.5 0C11.44 0 10.54 .66 10.17 1.59C9.96 1.53 9.73 1.5 9.5 1.5C8.12 1.5 7 2.62 7 4V4.55C6.84 4.5 6.67 4.5 6.5 4.5C5.12 4.5 4 5.62 4 7V15.5C4 20.19 7.81 24 12.5 24S21 20.19 21 15.5V10.5C21 9.12 19.88 8 18.5 8M19 15.5C19 19.09 16.09 22 12.5 22S6 19.09 6 15.5V7C6 6.72 6.22 6.5 6.5 6.5S7 6.72 7 7V12H9V4C9 3.72 9.22 3.5 9.5 3.5S10 3.72 10 4V11H12V2.5C12 2.22 12.22 2 12.5 2S13 2.22 13 2.5V11H15V4.5C15 4.22 15.22 4 15.5 4S16 4.22 16 4.5V13.42C14.23 14.19 13 15.95 13 18H15C15 16.34 16.34 15 18 15V10.5C18 10.22 18.22 10 18.5 10S19 10.22 19 10.5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right.svg
new file mode 100644
index 00000000..d0ca40db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-front-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-front-right" viewBox="0 0 24 24"><path d="M19.75 8C19.06 8 18.5 8.56 18.5 9.25V15H18C16.35 15 15 16.35 15 18H14C14 15.96 15.53 14.28 17.5 14.03V3.25C17.5 2.56 16.94 2 16.25 2C15.56 2 15 2.56 15 3.25V11H14V1.25C14 .56 13.44 0 12.75 0S11.5 .56 11.5 1.25V11H10.5V2.75C10.5 2.06 9.94 1.5 9.25 1.5S8 2.06 8 2.75V12H7V5.75C7 5.06 6.44 4.5 5.75 4.5S4.5 5.06 4.5 5.75V15.75C4.5 20.31 8.19 24 12.75 24S21 20.31 21 15.75V9.25C21 8.56 20.44 8 19.75 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart-outline.svg
new file mode 100644
index 00000000..f3b3542b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-heart-outline" viewBox="0 0 24 24"><path d="M16 3.23C16.71 2.41 17.61 2 18.7 2C19.61 2 20.37 2.33 21 3C21.63 3.67 21.96 4.43 22 5.3C22 6 21.67 6.81 21 7.76S19.68 9.5 19.03 10.15C18.38 10.79 17.37 11.74 16 13C14.61 11.74 13.59 10.79 12.94 10.15S11.63 8.71 10.97 7.76C10.31 6.81 10 6 10 5.3C10 4.39 10.32 3.63 10.97 3C11.62 2.37 12.4 2.04 13.31 2C14.38 2 15.27 2.41 16 3.23M22 19V20L14 22.5L7 20.56V22H1V11H8.97L15.13 13.3C16.25 13.72 17 14.8 17 16H19C20.66 16 22 17.34 22 19M5 20V13H3V20H5M19.9 18.57C19.74 18.24 19.39 18 19 18H13.65C13.11 18 12.58 17.92 12.07 17.75L9.69 16.96L10.32 15.06L12.7 15.85C13 15.95 15 16 15 16C15 15.63 14.77 15.3 14.43 15.17L8.61 13H7V18.5L13.97 20.41L19.9 18.57Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart.svg
new file mode 100644
index 00000000..be600bfb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-heart" viewBox="0 0 24 24"><path d="M20 17Q20.86 17 21.45 17.6T22.03 19L14 22L7 20V11H8.95L16.22 13.69Q17 14 17 14.81 17 15.28 16.66 15.63T15.8 16H13L11.25 15.33L10.92 16.27L13 17H20M16 3.23Q17.06 2 18.7 2 20.06 2 21 3T22 5.3Q22 6.33 21 7.76T19.03 10.15 16 13Q13.92 11.11 12.94 10.15T10.97 7.76 10 5.3Q10 3.94 10.97 3T13.31 2Q14.91 2 16 3.23M.984 11H5V22H.984V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-okay.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-okay.svg
new file mode 100644
index 00000000..342ee5bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-okay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-okay" viewBox="0 0 24 24"><path d="M13.3,19.26L18.96,13.61L21.08,15.73L15.42,21.38L13.3,19.26M16.5,11.13L13.4,8.05C13.27,7.92 13.13,7.83 13,7.76L11.88,3.47C11.74,2.93 11.2,2.61 10.66,2.75C10.13,2.88 9.81,3.43 9.94,3.96L11,8.03V8.03L8.67,3.19C8.44,2.69 7.84,2.5 7.34,2.71C6.84,2.95 6.63,3.55 6.87,4.05L8.56,7.59L5.19,4.25C4.8,3.86 4.16,3.86 3.77,4.25C3.38,4.65 3.39,5.28 3.78,5.67L7.5,9.37L6.8,9.64L5.72,10.07L3.81,11.39C3.81,11.39 3,12.44 2.93,12.89C2.85,13.34 3.72,15.6 3.72,15.6H3.73C3.89,15.94 4.23,16.18 4.63,16.18A1,1 0 0,0 5.63,15.18C5.63,15.08 5.6,15 5.57,14.91L5.59,14.9L5,13.17L6.23,12.19C6.7,12.21 7.71,12.29 8.2,12.32C10.93,14.77 8.35,15.73 8.35,15.73L4.89,16.79L4.72,16.93C4.5,17.13 4.41,17.4 4.42,17.68L4.44,18.75L10.87,18.25C11.25,18.26 11.61,18.12 11.89,17.85L16.5,13.25C17.03,12.71 17.05,11.7 16.5,11.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace-variant.svg
new file mode 100644
index 00000000..d4d7d01d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-peace-variant" viewBox="0 0 24 24"><path d="M7,19H15V22H7V19M16.94,1C16.4,0.91 15.87,1.25 15.76,1.8L14.75,7.57C14.53,7.54 14.29,7.5 14,7.47L13.57,7.5L12.41,1.8C12.31,1.26 11.78,0.91 11.24,1C10.7,1.13 10.35,1.66 10.45,2.2L11.65,8.11L7.85,9.8C7.35,10 7,10.53 7,11.14V15.5C7,16.3 7.73,17 8.5,17H15C15.39,17 15.74,16.84 16,16.57L16.5,16.16C16.5,16.16 17,15.78 17,15.36V13C17,13 17,11.86 16.13,11.3L17.71,2.2C17.83,1.66 17.5,1.13 16.94,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace.svg
new file mode 100644
index 00000000..f3abc231
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-peace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-peace" viewBox="0 0 24 24"><path d="M7,19H15V22H7V19M16.15,12V12L12.97,10.34C12.82,10.34 12.69,10.4 12.6,10.5L12.3,10.81L12.89,13.23L11.91,13.47L10.72,8.5L9.25,9.18L10.29,13.47L9.32,13.7L8.32,9.59L7.85,9.8C7.35,10 7,10.53 7,11.14V15.5C7,16.3 7.73,17 8.5,17H15C15.39,17 15.74,16.84 16,16.57L16.5,16.16C16.5,16.16 17,15.78 17,15.36V13.7C17,13.7 17,12.56 16.15,12M16.94,1C16.4,0.91 15.87,1.25 15.76,1.8L14.69,7.97C14.47,7.94 14.38,7.86 14.08,7.83L13.65,7.88L12.41,1.8C12.3,1.26 11.78,0.91 11.24,1C10.69,1.13 10.34,1.66 10.45,2.2L11.65,8.11V8.11L12,9.67C12.28,9.47 12.61,9.34 12.97,9.34H13.31L16.31,10.95L17.72,2.2C17.83,1.66 17.5,1.13 16.94,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-down.svg
new file mode 100644
index 00000000..e062b97c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-pointing-down" viewBox="0 0 24 24"><path d="M9.9,21V11L6.7,12.69L6.5,12.72C6.19,12.72 5.93,12.6 5.74,12.4L5,11.63L9.9,7.43C10.16,7.16 10.5,7 10.9,7H17.4C18.17,7 18.9,7.7 18.9,8.5V12.86C18.9,13.47 18.55,14 18.05,14.2L13.11,16.4L11.9,16.53V21A1,1 0 0,1 10.9,22A1,1 0 0,1 9.9,21M18.9,5H10.9V2H18.9V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-left.svg
new file mode 100644
index 00000000..6585b142
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-pointing-left" viewBox="0 0 24 24"><path d="M3,9H13L11.31,5.8L11.28,5.58C11.28,5.29 11.4,5.03 11.6,4.84L12.37,4.1L16.57,9C16.84,9.26 17,9.61 17,10V16.5C17,17.27 16.3,18 15.5,18H11.14C10.53,18 10,17.65 9.8,17.15L7.6,12.21L7.47,11H3A1,1 0 0,1 2,10A1,1 0 0,1 3,9M19,18V10H22V18H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-right.svg
new file mode 100644
index 00000000..9f3d3c4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-pointing-right" viewBox="0 0 24 24"><path d="M21,9A1,1 0 0,1 22,10A1,1 0 0,1 21,11H16.53L16.4,12.21L14.2,17.15C14,17.65 13.47,18 12.86,18H8.5C7.7,18 7,17.27 7,16.5V10C7,9.61 7.16,9.26 7.43,9L11.63,4.1L12.4,4.84C12.6,5.03 12.72,5.29 12.72,5.58L12.69,5.8L11,9H21M2,18V10H5V18H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-up.svg
new file mode 100644
index 00000000..fd7148c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-pointing-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-pointing-up" viewBox="0 0 24 24"><path d="M14,3V13L17.2,11.31L17.42,11.28C17.71,11.28 17.97,11.4 18.16,11.6L18.9,12.37L14,16.57C13.74,16.84 13.39,17 13,17H6.5C5.73,17 5,16.3 5,15.5V11.14C5,10.53 5.35,10 5.85,9.8L10.79,7.6L12,7.47V3A1,1 0 0,1 13,2A1,1 0 0,1 14,3M5,19H13V22H5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-saw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-saw.svg
new file mode 100644
index 00000000..fc5b7d4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-saw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-saw" viewBox="0 0 24 24"><path d="M9.8,17L5.9,11.6L20,2L22,5V8H19V11H16V14H13V17M9.7,18.7L9.2,21.5L7.6,22.7C6.7,23.3 5.5,23.1 4.8,22.2L1.3,17.3C0.7,16.4 0.9,15.2 1.8,14.5L5.1,12.2L9.7,18.7M4.6,15L3,16.1L6.5,21L8.1,19.8L4.6,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash-outline.svg
new file mode 100644
index 00000000..d91233f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-wash-outline" viewBox="0 0 24 24"><path d="M17 5L17.62 6.37L19 7L17.62 7.63L17 9L16.36 7.63L15 7L16.36 6.37L17 5M20 14C21.1 14 22 13.1 22 12S20 8 20 8 18 10.9 18 12 18.9 14 20 14M11 6.1V4H13C13.57 4 14.1 4.17 14.55 4.45L16 3C15.15 2.39 14.13 2 13 2H7.5V4H9V6.11C7.22 6.5 5.8 7.79 5.25 9.5H7.41C7.94 8.61 8.89 8 10 8C11.62 8 12.94 9.29 13 10.9L15 11.65V11C15 8.58 13.28 6.56 11 6.1M22 19V20L14 22.5L7 20.56V22H1V11H8.97L15.13 13.3C16.25 13.72 17 14.8 17 16H19C20.66 16 22 17.34 22 19M5 20V13H3V20H5M19.9 18.57C19.74 18.24 19.39 18 19 18H13.65C13.11 18 12.58 17.92 12.07 17.75L9.69 16.96L10.32 15.06L12.7 15.85C13 15.95 15 16 15 16C15 15.63 14.77 15.3 14.43 15.17L8.61 13H7V18.5L13.97 20.41L19.9 18.57Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash.svg
new file mode 100644
index 00000000..89312aa7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-wash" viewBox="0 0 24 24"><path d="M17 5L17.62 6.37L19 7L17.62 7.63L17 9L16.36 7.63L15 7L16.36 6.37L17 5M11 6.13V4H13C13.57 4 14.1 4.17 14.55 4.45L16 3C15.15 2.39 14.13 2 13 2H7.5V4H9V6.14C7.23 6.5 5.81 7.8 5.26 9.5H9.24L15 11.65V11.03C15 8.61 13.28 6.59 11 6.13M1 22H5V11H1V22M20 17H13L10.91 16.27L11.24 15.33L13 16H15.82C16.47 16 17 15.47 17 14.82C17 14.33 16.69 13.89 16.23 13.71L8.97 11H7V20L14 22L22 19C22 17.9 21.11 17 20 17M20 14C21.1 14 22 13.1 22 12S20 8 20 8 18 10.9 18 12 18.9 14 20 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-water.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-water.svg
new file mode 100644
index 00000000..546d03a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-water.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-water" viewBox="0 0 24 24"><path d="M17.42 22.5H5.33C3.5 22.5 2 21 2 19.17V13.08C2 12.18 2.36 11.33 3 10.71L8.63 5.17C8.63 5.17 9.66 6.22 9.67 6.25C9.83 6.43 9.92 6.66 9.92 6.91C9.92 7.09 9.87 7.26 9.78 7.41C9.77 7.44 8 10 8 10H18.67C19.36 10 19.92 10.56 19.92 11.25C19.92 11.94 19.36 12.5 18.67 12.5H12.83V13.33H20.75C21.44 13.33 22 13.89 22 14.58C22 15.28 21.44 15.83 20.75 15.83H12.83V16.67H19.92C20.61 16.67 21.17 17.22 21.17 17.92C21.17 18.61 20.61 19.17 19.92 19.17H12.83V20H17.42C18.11 20 18.67 20.56 18.67 21.25C18.67 21.94 18.11 22.5 17.42 22.5M13.5 4.8C13.5 4.8 12 6.46 12 7.5C12 9.5 15 9.5 15 7.5C15 6.46 13.5 4.8 13.5 4.8M18.5 1C18.5 1 16 3.76 16 5.5C16 8.83 21 8.83 21 5.5C21 3.76 18.5 1 18.5 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave-outline.svg
new file mode 100644
index 00000000..c96e4d35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-wave-outline" viewBox="0 0 24 24"><path d="M7.03 4.95L3.5 8.5C.17 11.81 .17 17.19 3.5 20.5S12.19 23.83 15.5 20.5L21.5 14.5C22.5 13.53 22.5 11.94 21.5 10.96C21.4 10.84 21.27 10.73 21.13 10.64L21.5 10.25C22.5 9.28 22.5 7.69 21.5 6.71C21.36 6.55 21.17 6.41 21 6.3C21.38 5.38 21.21 4.28 20.46 3.53C19.59 2.66 18.24 2.57 17.26 3.25C17.16 3.1 17.05 2.96 16.92 2.83C15.95 1.86 14.36 1.86 13.38 2.83L10.87 5.34C10.78 5.2 10.67 5.07 10.55 4.95C9.58 4 8 4 7.03 4.95M8.44 6.37C8.64 6.17 8.95 6.17 9.15 6.37S9.35 6.88 9.15 7.08L5.97 10.26C7.14 11.43 7.14 13.33 5.97 14.5L7.38 15.91C8.83 14.46 9.2 12.34 8.5 10.55L14.8 4.25C15 4.05 15.31 4.05 15.5 4.25S15.71 4.76 15.5 4.96L10.91 9.56L12.32 10.97L18.33 4.96C18.53 4.76 18.84 4.76 19.04 4.96C19.24 5.16 19.24 5.47 19.04 5.67L13.03 11.68L14.44 13.09L19.39 8.14C19.59 7.94 19.9 7.94 20.1 8.14C20.3 8.34 20.3 8.65 20.1 8.85L14.44 14.5L15.85 15.92L19.39 12.38C19.59 12.18 19.9 12.18 20.1 12.38C20.3 12.58 20.3 12.89 20.1 13.09L14.1 19.1C11.56 21.64 7.45 21.64 4.91 19.1S2.37 12.45 4.91 9.91L8.44 6.37M23 17C23 20.31 20.31 23 17 23V21.5C19.5 21.5 21.5 19.5 21.5 17H23M1 7C1 3.69 3.69 1 7 1V2.5C4.5 2.5 2.5 4.5 2.5 7H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave.svg
new file mode 100644
index 00000000..55afddc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hand-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hand-wave" viewBox="0 0 24 24"><path d="M23 17C23 20.31 20.31 23 17 23V21.5C19.5 21.5 21.5 19.5 21.5 17H23M1 7C1 3.69 3.69 1 7 1V2.5C4.5 2.5 2.5 4.5 2.5 7H1M8 4.32L3.41 8.92C.19 12.14 .19 17.37 3.41 20.59S11.86 23.81 15.08 20.59L22.15 13.5C22.64 13.03 22.64 12.24 22.15 11.75C21.66 11.26 20.87 11.26 20.38 11.75L15.96 16.17L15.25 15.46L21.79 8.92C22.28 8.43 22.28 7.64 21.79 7.15S20.5 6.66 20 7.15L14.19 13L13.5 12.27L20.37 5.38C20.86 4.89 20.86 4.1 20.37 3.61S19.09 3.12 18.6 3.61L11.71 10.5L11 9.8L16.5 4.32C17 3.83 17 3.04 16.5 2.55S15.22 2.06 14.73 2.55L7.11 10.17C8.33 11.74 8.22 14 6.78 15.45L6.07 14.74C7.24 13.57 7.24 11.67 6.07 10.5L5.72 10.15L9.79 6.08C10.28 5.59 10.28 4.8 9.79 4.31C9.29 3.83 8.5 3.83 8 4.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/handball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/handball.svg
new file mode 100644
index 00000000..fff8c5e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/handball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-handball" viewBox="0 0 24 24"><path d="M15.83 10.43A6.93 6.93 0 0 1 18.39 14.86A6.64 6.64 0 0 1 17.5 19.5L15.78 18.5A5 5 0 0 0 16.44 16A5.22 5.22 0 0 0 15.46 13.06L9.18 23.93L7.44 22.95L10.44 17.75L8.71 16.76L7.21 19.34L5.5 18.36L10.63 9.45A7 7 0 0 1 8.8 5.46A6.91 6.91 0 0 1 9.69 1.1L11.43 2.13A4.84 4.84 0 0 0 10.91 5.9A4.74 4.74 0 0 0 13.21 8.93M16 5A2 2 0 1 0 18 7A2 2 0 0 0 16 5M13.5 1A1.5 1.5 0 1 0 15 2.5A1.5 1.5 0 0 0 13.5 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/handcuffs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/handcuffs.svg
new file mode 100644
index 00000000..c3ee8181
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/handcuffs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-handcuffs" viewBox="0 0 24 24"><path d="M20.24 6.76C18.4 4.91 15.65 4.53 13.42 5.59L12.46 4.63C12.07 4.24 11.44 4.24 11.05 4.63L10.97 4.72C10.83 3.75 10 3 9 3C7.9 3 7 3.9 7 5C7 5.09 7 5.18 7.03 5.26C6.42 5.61 6 6.25 6 7C6 7.46 6.16 7.87 6.42 8.21C6.17 8.39 6 8.67 6 9V10.35C3.67 11.17 2 13.39 2 16C2 19.31 4.69 22 8 22S14 19.31 14 16C14 13.39 12.33 11.17 10 10.35V9C10 8.67 9.83 8.39 9.58 8.21C9.84 7.87 10 7.46 10 7C10 6.91 10 6.82 9.97 6.74C10.15 6.64 10.3 6.5 10.43 6.38C11.36 6.88 12 7.86 12 9V9.08C12.13 9.15 12.25 9.25 12.38 9.33C12.57 8.91 12.83 8.5 13.17 8.17C14.73 6.61 17.27 6.61 18.83 8.17C20.39 9.73 20.39 12.27 18.83 13.83C18.03 14.63 17 15 15.93 15C16 15.32 16 15.66 16 16C16 16.34 15.97 16.67 15.93 17C17.5 17 19.05 16.43 20.24 15.24C22.59 12.9 22.59 9.1 20.24 6.76M9 4C9.55 4 10 4.45 10 5C10 5.33 9.83 5.61 9.58 5.79C9.22 5.31 8.65 5 8 5C8 4.45 8.45 4 9 4M7.42 6.21C7.78 6.69 8.35 7 9 7C9 7.55 8.55 8 8 8S7 7.55 7 7C7 6.67 7.17 6.39 7.42 6.21M12 16C12 18.21 10.21 20 8 20S4 18.21 4 16C4 13.79 5.79 12 8 12S12 13.79 12 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hands-pray.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hands-pray.svg
new file mode 100644
index 00000000..4da23e00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hands-pray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hands-pray" viewBox="0 0 24 24"><path d="M11.43 9.67C11.47 9.78 11.5 9.88 11.5 10V15.22C11.5 15.72 11.31 16.2 10.97 16.57L8.18 19.62L4.78 16.22L6 15L8.8 2.86C8.92 2.36 9.37 2 9.89 2C10.5 2 11 2.5 11 3.11V8.07C10.84 8.03 10.67 8 10.5 8C9.4 8 8.5 8.9 8.5 10V13C8.5 13.28 8.72 13.5 9 13.5S9.5 13.28 9.5 13V10C9.5 9.45 9.95 9 10.5 9C10.69 9 10.85 9.07 11 9.16C11.12 9.23 11.21 9.32 11.3 9.42C11.33 9.46 11.36 9.5 11.38 9.55C11.4 9.59 11.42 9.63 11.43 9.67M2 19L6 22L7.17 20.73L3.72 17.28L2 19M18 15L15.2 2.86C15.08 2.36 14.63 2 14.11 2C13.5 2 13 2.5 13 3.11V8.07C13.16 8.03 13.33 8 13.5 8C14.6 8 15.5 8.9 15.5 10V13C15.5 13.28 15.28 13.5 15 13.5S14.5 13.28 14.5 13V10C14.5 9.45 14.05 9 13.5 9C13.31 9 13.15 9.07 13 9.16C12.88 9.23 12.79 9.32 12.71 9.42C12.68 9.46 12.64 9.5 12.62 9.55C12.6 9.59 12.58 9.63 12.57 9.67C12.53 9.78 12.5 9.88 12.5 10V15.22C12.5 15.72 12.69 16.2 13.03 16.57L15.82 19.62L19.22 16.22L18 15M20.28 17.28L16.83 20.73L18 22L22 19L20.28 17.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/handshake-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/handshake-outline.svg
new file mode 100644
index 00000000..42d2a5f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/handshake-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-handshake-outline" viewBox="0 0 24 24"><path d="M21.71 8.71C22.96 7.46 22.39 6 21.71 5.29L18.71 2.29C17.45 1.04 16 1.61 15.29 2.29L13.59 4H11C9.1 4 8 5 7.44 6.15L3 10.59V14.59L2.29 15.29C1.04 16.55 1.61 18 2.29 18.71L5.29 21.71C5.83 22.25 6.41 22.45 6.96 22.45C7.67 22.45 8.32 22.1 8.71 21.71L11.41 19H15C16.7 19 17.56 17.94 17.87 16.9C19 16.6 19.62 15.74 19.87 14.9C21.42 14.5 22 13.03 22 12V9H21.41L21.71 8.71M20 12C20 12.45 19.81 13 19 13L18 13L18 14C18 14.45 17.81 15 17 15L16 15L16 16C16 16.45 15.81 17 15 17H10.59L7.31 20.28C7 20.57 6.82 20.4 6.71 20.29L3.72 17.31C3.43 17 3.6 16.82 3.71 16.71L5 15.41V11.41L7 9.41V11C7 12.21 7.8 14 10 14S13 12.21 13 11H20V12M20.29 7.29L18.59 9H11V11C11 11.45 10.81 12 10 12S9 11.45 9 11V8C9 7.54 9.17 6 11 6H14.41L16.69 3.72C17 3.43 17.18 3.6 17.29 3.71L20.28 6.69C20.57 7 20.4 7.18 20.29 7.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/handshake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/handshake.svg
new file mode 100644
index 00000000..71b94774
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/handshake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-handshake" viewBox="0 0 24 24"><path d="M11 6H14L17.29 2.7A1 1 0 0 1 18.71 2.7L21.29 5.29A1 1 0 0 1 21.29 6.7L19 9H11V11A1 1 0 0 1 10 12A1 1 0 0 1 9 11V8A2 2 0 0 1 11 6M5 11V15L2.71 17.29A1 1 0 0 0 2.71 18.7L5.29 21.29A1 1 0 0 0 6.71 21.29L11 17H15A1 1 0 0 0 16 16V15H17A1 1 0 0 0 18 14V13H19A1 1 0 0 0 20 12V11H13V12A2 2 0 0 1 11 14H9A2 2 0 0 1 7 12V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hanger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hanger.svg
new file mode 100644
index 00000000..5e58ff2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hanger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hanger" viewBox="0 0 24 24"><path d="M12 4A3.5 3.5 0 0 0 8.5 7.5H10.5A1.5 1.5 0 0 1 12 6A1.5 1.5 0 0 1 13.5 7.5A1.5 1.5 0 0 1 12 9C11.45 9 11 9.45 11 10V11.75L2.4 18.2A1 1 0 0 0 3 20H21A1 1 0 0 0 21.6 18.2L13 11.75V10.85A3.5 3.5 0 0 0 15.5 7.5A3.5 3.5 0 0 0 12 4M12 13.5L18 18H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hard-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hard-hat.svg
new file mode 100644
index 00000000..3b9bc051
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hard-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hard-hat" viewBox="0 0 24 24"><path d="M9.87,12.15L9,6.46C10.95,5.84 13.05,5.84 15,6.46L14.13,12.15C14.06,12.64 13.63,13 13.13,13H10.86C10.37,13 9.94,12.64 9.87,12.15M22,16V16C22,15.21 21.53,14.5 20.8,14.17C20.32,11.86 18.96,9.83 17,8.5L15.24,13.34C15.1,13.74 14.72,14 14.3,14H9.7C9.28,14 8.9,13.74 8.76,13.34L7,8.5C5.04,9.83 3.68,11.86 3.2,14.16C2.47,14.5 2,15.2 2,16L8.45,17.84C8.81,17.94 9.18,18 9.55,18H14.43C14.8,18 15.17,17.94 15.53,17.84L22,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-plus.svg
new file mode 100644
index 00000000..eb1e66c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk-plus" viewBox="0 0 24 24"><path d="M12 9A1 1 0 1 0 13 10A1 1 0 0 0 12 9M12 9A1 1 0 1 0 13 10A1 1 0 0 0 12 9M18 2H6A2 2 0 0 0 4 4V13.09A5.47 5.47 0 0 1 5 13A5.71 5.71 0 0 1 7 13.36A6 6 0 1 1 15.71 14.69L13.79 12.27A1 1 0 0 0 12.42 11.9L11.56 12.4A1 1 0 0 0 11.19 13.77L12.1 16A6.12 6.12 0 0 1 10 15.62A6 6 0 0 1 10.19 22H18A2 2 0 0 0 20 20V4A2 2 0 0 0 18 2M14.58 19.58L12.09 13.27L12.95 12.77L17.17 18.08M12 11A1 1 0 1 0 11 10A1 1 0 0 0 12 11M9 20H6V23H4V20H1V18H4V15H6V18H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-remove.svg
new file mode 100644
index 00000000..17649e12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk-remove" viewBox="0 0 24 24"><path d="M12 9A1 1 0 1 0 13 10A1 1 0 0 0 12 9M12 9A1 1 0 1 0 13 10A1 1 0 0 0 12 9M18 2H6A2 2 0 0 0 4 4V13.09A5.47 5.47 0 0 1 5 13A5.71 5.71 0 0 1 7 13.36A6 6 0 1 1 15.71 14.69L13.79 12.27A1 1 0 0 0 12.42 11.9L11.56 12.4A1 1 0 0 0 11.19 13.77L12.1 16A6.12 6.12 0 0 1 10 15.62A6 6 0 0 1 10.19 22H18A2 2 0 0 0 20 20V4A2 2 0 0 0 18 2M14.58 19.58L12.09 13.27L12.95 12.77L17.17 18.08M12 11A1 1 0 1 0 11 10A1 1 0 0 0 12 11M7.12 22.54L5 20.41L2.88 22.54L1.46 21.12L3.59 19L1.46 16.88L2.88 15.46L5 17.59L7.12 15.46L8.54 16.88L6.41 19L8.54 21.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/harddisk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk.svg
new file mode 100644
index 00000000..1bcb2e13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/harddisk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-harddisk" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12,4A6,6 0 0,0 6,10C6,13.31 8.69,16 12.1,16L11.22,13.77C10.95,13.29 11.11,12.68 11.59,12.4L12.45,11.9C12.93,11.63 13.54,11.79 13.82,12.27L15.74,14.69C17.12,13.59 18,11.9 18,10A6,6 0 0,0 12,4M12,9A1,1 0 0,1 13,10A1,1 0 0,1 12,11A1,1 0 0,1 11,10A1,1 0 0,1 12,9M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M12.09,13.27L14.58,19.58L17.17,18.08L12.95,12.77L12.09,13.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hat-fedora.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hat-fedora.svg
new file mode 100644
index 00000000..246ac416
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hat-fedora.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hat-fedora" viewBox="0 0 24 24"><path d="M19.11,11.92C19.13,11.71 19.14,11.5 19.14,11.29C19.14,7.86 17.71,4.14 16.28,4.14C14.85,4.14 13.42,5.57 12,5.57C10.57,5.57 9.14,4.14 7.71,4.14C6.28,4.14 4.86,7.79 4.86,11.29C4.86,11.5 4.86,11.71 4.88,11.92C7.22,12.45 9.6,12.72 12,12.71C14.45,12.71 16.83,12.44 19.11,11.92M3.45,18.18C9,19.85 14.96,19.86 20.54,18.18C20.96,18.04 21.33,17.77 21.59,17.41C21.85,17.05 22,16.61 22,16.17C22,15.72 21.86,15.29 21.61,14.92C21.35,14.56 21,14.29 20.56,14.14C17.86,15 15,15.45 12,15.45C9,15.45 6.13,15 3.43,14.14C3,14.29 2.65,14.57 2.39,14.93C2.14,15.29 2,15.72 2,16.17C2,17.11 2.61,17.9 3.45,18.18V18.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hazard-lights.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hazard-lights.svg
new file mode 100644
index 00000000..3b4c9670
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hazard-lights.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hazard-lights" viewBox="0 0 24 24"><path d="M12,12L14.33,16H9.68L12,12M12,8L6.21,18H17.8L12,8M12,2L1,21H23L12,2M12,6L19.53,19H4.47L12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hdmi-port.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hdmi-port.svg
new file mode 100644
index 00000000..3ffc99d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hdmi-port.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hdmi-port" viewBox="0 0 24 24"><path d="M21 7H3C1.9 7 1 7.9 1 9V14C1 15.1 1.9 16 3 16H4L5.4 17.4C5.8 17.8 6.3 18 6.8 18H17.1C17.6 18 18.1 17.8 18.5 17.4L20 16H21C22.1 16 23 15.1 23 14V9C23 7.9 22.1 7 21 7M3 14V9H21V14H19.2L17.2 16H6.8L4.8 14H3M19 11H5V13H19V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hdr-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hdr-off.svg
new file mode 100644
index 00000000..cc8610ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hdr-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hdr-off" viewBox="0 0 24 24"><path d="M17.5,15V13H18.6L19.5,15H21L20.1,12.9C20.6,12.7 21,12.1 21,11.5V10.5C21,9.7 20.3,9 19.5,9H16V13.9L17.1,15H17.5M17.5,10.5H19.5V11.5H17.5V10.5M13,10.5V10.9L14.5,12.4V10.5C14.5,9.7 13.8,9 13,9H11.1L12.6,10.5H13M9.5,9.5L2.5,2.5L1.4,3.5L6.9,9H6.5V11H4.5V9H3V15H4.5V12.5H6.5V15H8V10.1L9.5,11.6V15H12.9L20.5,22.6L21.6,21.5L9.5,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hdr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hdr.svg
new file mode 100644
index 00000000..a47e81ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hdr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hdr" viewBox="0 0 24 24"><path d="M21,11.5V10.5C21,9.7 20.3,9 19.5,9H16V15H17.5V13H18.6L19.5,15H21L20.1,12.9C20.6,12.6 21,12.1 21,11.5M19.5,11.5H17.5V10.5H19.5V11.5M6.5,11H4.5V9H3V15H4.5V12.5H6.5V15H8V9H6.5V11M13,9H9.5V15H13C13.8,15 14.5,14.3 14.5,13.5V10.5C14.5,9.7 13.8,9 13,9M13,13.5H11V10.5H13V13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-alert-outline.svg
new file mode 100644
index 00000000..3f965953
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-alert-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.8 1.9 12.8 2.3 13.6C2.7 14.3 3.3 14.8 4 14.9V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.8 22 13.1 22 10C22 5 18 1 13 1M14 15H12V13H14V15M14 11H12V5H14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-alert.svg
new file mode 100644
index 00000000..b0908145
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-alert" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 5.9 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3M14 15H12V13H14V14M14 11H12V5H14V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-check-outline.svg
new file mode 100644
index 00000000..e1152bdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-check-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M13 1C8.42 1 4.61 4.43 4.06 8.91L2.5 11C1.92 11.72 1.82 12.72 2.24 13.59C2.6 14.31 3.24 14.8 4 14.95V16C4 17.86 5.28 19.43 7 19.87V23H18V17.47C20.5 15.83 22 13.06 22 10C22 5.04 17.96 1 13 1M12.47 13L9 9.5L10.4 8.09L12.47 10.17L16.6 6L18 7.41L12.47 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-check.svg
new file mode 100644
index 00000000..6ae3d602
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-check" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M12.47 13L9 9.5L10.4 8.09L12.47 10.17L16.6 6L18 7.41L12.47 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-cog-outline.svg
new file mode 100644
index 00000000..d95db780
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-cog-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M13 1C8.42 1 4.61 4.43 4.06 8.91L2.5 11C1.92 11.72 1.82 12.72 2.24 13.59C2.6 14.31 3.24 14.8 4 14.95V16C4 17.86 5.28 19.43 7 19.87V23H18V17.47C20.5 15.83 22 13.06 22 10C22 5.04 17.96 1 13 1M16.1 9.42V9C16.1 8.85 16.1 8.76 16.04 8.62L16.93 7.96C17 7.92 17 7.78 17 7.68L16.18 6.32C16.13 6.23 16 6.18 15.9 6.23L14.91 6.65C14.73 6.46 14.5 6.32 14.26 6.23L14.1 5.2C14.07 5.06 14 5 13.88 5H12.29C12.19 5 12.1 5.06 12.1 5.2L11.96 6.23C11.73 6.32 11.5 6.46 11.3 6.65L10.27 6.23C10.18 6.18 10.1 6.23 10.04 6.32L9.24 7.68C9.19 7.82 9.19 7.92 9.29 7.96L10.13 8.62C10.13 8.76 10.1 8.9 10.1 9C10.1 9.14 10.13 9.28 10.13 9.42L9.29 10.07C9.19 10.12 9.19 10.21 9.24 10.31L10.04 11.71C10.1 11.81 10.18 11.81 10.27 11.81L11.26 11.38C11.5 11.57 11.68 11.67 11.96 11.76L12.1 12.84C12.1 12.93 12.19 13 12.29 13H13.88C14 13 14.07 12.93 14.1 12.84L14.26 11.76C14.5 11.67 14.73 11.57 14.91 11.39L15.9 11.81C16 11.81 16.13 11.81 16.18 11.71L17 10.31C17 10.21 17 10.12 16.93 10.07L16.1 9.42M13.1 10.45C12.32 10.45 11.68 9.79 11.68 9S12.29 7.59 13.1 7.59C13.88 7.59 14.54 8.2 14.54 9S13.88 10.45 13.1 10.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-cog.svg
new file mode 100644
index 00000000..500c13e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-cog" viewBox="0 0 24 24"><path d="M13 8.58C13.78 8.58 14.44 9.19 14.44 10S13.78 11.44 13 11.44 11.58 10.78 11.58 10 12.19 8.58 13 8.58M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M16 10C16 9.84 16 9.75 15.94 9.61L16.83 8.95C16.88 8.91 16.92 8.77 16.88 8.67L16.08 7.31C16.03 7.22 15.89 7.17 15.8 7.22L14.81 7.64C14.63 7.45 14.39 7.31 14.16 7.22L14 6.19C13.97 6.05 13.92 6 13.78 6H12.19C12.09 6 12 6.05 12 6.19L11.86 7.22C11.63 7.31 11.39 7.45 11.2 7.64L10.17 7.22C10.08 7.17 10 7.22 9.94 7.31L9.14 8.67C9.09 8.81 9.09 8.91 9.19 8.95L10.03 9.61C10.03 9.75 10 9.89 10 10C10 10.13 10.03 10.27 10.03 10.41L9.19 11.06C9.09 11.11 9.09 11.2 9.14 11.3L9.94 12.7C10 12.8 10.08 12.8 10.17 12.8L11.16 12.37C11.39 12.56 11.58 12.66 11.86 12.75L12 13.83C12 13.92 12.09 14 12.19 14H13.78C13.92 14 13.97 13.92 14 13.83L14.16 12.75C14.39 12.66 14.63 12.56 14.81 12.38L15.8 12.8C15.89 12.8 16.03 12.8 16.08 12.7L16.88 11.3C16.92 11.2 16.88 11.11 16.83 11.06L16 10.41V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal-outline.svg
new file mode 100644
index 00000000..18b676f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-dots-horizontal-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.8 1.9 12.8 2.3 13.6C2.7 14.3 3.3 14.8 4 14.9V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.8 22 13.1 22 10C22 5 18 1 13 1M10 10C9.4 10 9 9.6 9 9S9.4 8 10 8 11 8.4 11 9 10.6 10 10 10M13 10C12.4 10 12 9.6 12 9S12.4 8 13 8 14 8.4 14 9 13.6 10 13 10M16 10C15.5 10 15 9.6 15 9S15.5 8 16 8 17 8.4 17 9 16.5 10 16 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal.svg
new file mode 100644
index 00000000..fffd27d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-dots-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-dots-horizontal" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M10 11C9.45 11 9 10.55 9 10S9.45 9 10 9 11 9.45 11 10 10.55 11 10 11M13 11C12.45 11 12 10.55 12 10S12.45 9 13 9 14 9.45 14 10 13.55 11 13 11M16 11C15.45 11 15 10.55 15 10S15.45 9 16 9 17 9.45 17 10 16.55 11 16 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-flash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-flash-outline.svg
new file mode 100644
index 00000000..748a0566
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-flash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-flash-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.8 1.9 12.8 2.3 13.6C2.7 14.3 3.3 14.8 4 14.9V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.8 22 13.1 22 10C22 5 18 1 13 1M15 9L11.9 15L12.5 11H10.4L12.5 6H15L13.5 9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-flash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-flash.svg
new file mode 100644
index 00000000..2297f350
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-flash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-flash" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 6 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3M15 9L11.9 15L12.5 11H10.5L12.5 6H15L13.5 9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-heart-outline.svg
new file mode 100644
index 00000000..a05cac15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-heart-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M13 1C8.41 1 4.61 4.42 4.06 8.9L2.5 11L2.47 11L2.45 11.03C1.9 11.79 1.83 12.79 2.26 13.62C2.62 14.31 3.26 14.79 4 14.94V16C4 17.85 5.28 19.42 7 19.87V23H18V17.5C20.5 15.83 22 13.06 22 10C22 5.03 17.96 1 13 1M17 8.83C17 10.37 15.64 11.6 13.58 13.47L13 14L12.42 13.47C10.36 11.6 9 10.37 9 8.83C9 7.63 9.96 6.64 11.16 6.63H11.2C11.89 6.63 12.55 6.94 13 7.46C13.45 6.94 14.11 6.63 14.8 6.63C16 6.62 17 7.59 17 8.79V8.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-heart.svg
new file mode 100644
index 00000000..82f409bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-heart" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M17 8.83C17 10.37 15.64 11.6 13.58 13.47L13 14L12.42 13.47C10.36 11.6 9 10.37 9 8.83C9 7.63 9.96 6.64 11.16 6.63H11.2C11.89 6.63 12.55 6.94 13 7.46C13.45 6.94 14.11 6.63 14.8 6.63C16 6.62 17 7.59 17 8.79V8.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb-outline.svg
new file mode 100644
index 00000000..46692b5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-lightbulb-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.8 1.9 12.8 2.3 13.6C2.7 14.3 3.3 14.8 4 14.9V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.8 22 13.1 22 10C22 5 18 1 13 1M14 14H12V13H14V14M15.6 9.5C15.3 9.9 15 10.3 14.5 10.6V12H11.5V10.6C10.1 9.8 9.6 7.9 10.4 6.5S13.1 4.6 14.5 5.4 16.4 8.1 15.6 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb.svg
new file mode 100644
index 00000000..ff05530c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-lightbulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-lightbulb" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M14 14H12V13H14V14M15.6 9.5C15.34 9.94 14.96 10.32 14.5 10.58V12H11.5V10.58C10.07 9.75 9.57 7.92 10.4 6.5S13.07 4.56 14.5 5.38 16.43 8.05 15.6 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-minus-outline.svg
new file mode 100644
index 00000000..503a2445
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-minus-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.7 1.8 12.7 2.2 13.6C2.6 14.3 3.2 14.8 4 15V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.9 22 13.1 22 10C22 5 18 1 13 1M17 10H9V8H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-minus.svg
new file mode 100644
index 00000000..5d429aee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-minus" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 5.9 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3M17 10H9V8H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-outline.svg
new file mode 100644
index 00000000..c841dd65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-outline" viewBox="0 0 24 24"><path d="M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C2 11.8 1.9 12.8 2.3 13.6C2.7 14.3 3.3 14.8 4 14.9V16C4 17.8 5.3 19.4 7 19.9V23H18V17.5C20.5 15.8 22 13.1 22 10C22 5 18 1 13 1M16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 6 9.2 3 13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-plus-outline.svg
new file mode 100644
index 00000000..d1eb8496
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-plus-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.7 1.8 12.7 2.2 13.6C2.6 14.3 3.2 14.8 4 15V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.9 22 13.1 22 10C22 5 18 1 13 1M17 10H14V13H12V10H9V8H12V5H14V8H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-plus.svg
new file mode 100644
index 00000000..aa1543ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-plus" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 5.9 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3M17 10H14V13H12V10H9V8H12V5H14V8H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-question-outline.svg
new file mode 100644
index 00000000..fea6a17a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-question-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M10.32 7.39H12.25C12.26 7.09 12.35 6.86 12.53 6.7C12.71 6.55 12.93 6.47 13.19 6.47C13.5 6.47 13.76 6.57 13.94 6.75C14.12 6.94 14.2 7.2 14.2 7.5C14.2 7.82 14.13 8.09 13.97 8.32C13.83 8.55 13.62 8.75 13.36 8.91C12.85 9.25 12.5 9.55 12.31 9.82C12.11 10.08 12 10.5 12 11H14C14 10.69 14.04 10.44 14.13 10.26C14.22 10.07 14.39 9.9 14.64 9.74C15.09 9.5 15.46 9.21 15.75 8.81C16.04 8.41 16.19 8 16.19 7.5C16.19 6.74 15.92 6.13 15.38 5.68C14.85 5.23 14.12 5 13.19 5C12.32 5 11.62 5.2 11.08 5.59C10.56 6 10.3 6.57 10.31 7.36L10.32 7.39M12 14H14V12H12V14M13 1C8.41 1 4.61 4.42 4.06 8.9L2.5 11L2.47 11L2.45 11.03C1.9 11.79 1.83 12.79 2.26 13.62C2.62 14.31 3.26 14.79 4 14.94V16C4 17.85 5.28 19.42 7 19.87V23H18V17.5C20.5 15.83 22 13.06 22 10C22 5.03 17.96 1 13 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-question.svg
new file mode 100644
index 00000000..6dc37966
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-question" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M14 14H12V12H14V14M15.75 8.81C15.46 9.21 15.09 9.5 14.64 9.74C14.39 9.9 14.22 10.07 14.13 10.26C14.04 10.44 14 10.69 14 11H12C12 10.5 12.11 10.08 12.31 9.82C12.5 9.55 12.85 9.25 13.36 8.91C13.62 8.75 13.83 8.55 13.97 8.32C14.13 8.09 14.2 7.82 14.2 7.5C14.2 7.2 14.12 6.94 13.94 6.75C13.76 6.57 13.5 6.47 13.19 6.47C12.93 6.47 12.71 6.55 12.53 6.7C12.35 6.86 12.26 7.09 12.25 7.39H10.32L10.31 7.36C10.3 6.57 10.56 6 11.08 5.59C11.62 5.2 12.32 5 13.19 5C14.12 5 14.85 5.23 15.38 5.68C15.92 6.13 16.19 6.74 16.19 7.5C16.19 8 16.04 8.41 15.75 8.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-remove-outline.svg
new file mode 100644
index 00000000..3441b762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-remove-outline" viewBox="0 0 24 24"><path d="M13 3C16.9 3 20 6.1 20 10C20 12.8 18.4 15.2 16 16.3V21H9V18H8C6.9 18 6 17.1 6 16V13H4.5C4.1 13 3.8 12.5 4.1 12.2L6 9.7C6.2 5.9 9.2 3 13 3M13 1C8.4 1 4.6 4.4 4.1 8.9L2.5 11C1.9 11.7 1.8 12.7 2.2 13.6C2.6 14.3 3.2 14.8 4 15V16C4 17.9 5.3 19.4 7 19.9V23H18V17.5C20.5 15.9 22 13.1 22 10C22 5 18 1 13 1M16.5 6.9L14.4 9L16.5 11.1L15.1 12.5L13 10.4L10.9 12.5L9.5 11.1L11.6 9L9.5 6.9L10.9 5.5L13 7.6L15.1 5.5L16.5 6.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-remove.svg
new file mode 100644
index 00000000..44fea68f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-remove" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 5.9 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3M15.1 12.5L13 10.4L10.9 12.5L9.5 11.1L11.6 9L9.5 6.9L10.9 5.5L13 7.6L15.1 5.5L16.5 6.9L14.4 9L16.5 11.1L15.1 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake-outline.svg
new file mode 100644
index 00000000..9829b098
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-snowflake-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M13 1C8.41 1 4.61 4.42 4.06 8.9L2.5 11L2.47 11L2.45 11.03C1.9 11.79 1.83 12.79 2.26 13.62C2.62 14.31 3.26 14.79 4 14.94V16C4 17.85 5.28 19.42 7 19.87V23H18V17.5C20.5 15.83 22 13.06 22 10C22 5.03 17.96 1 13 1M17.33 9.3L15.37 9.81L16.81 11.27C17.16 11.61 17.16 12.19 16.81 12.54S15.88 12.89 15.54 12.54L14.09 11.1L13.57 13.06C13.45 13.55 12.96 13.82 12.5 13.7C12 13.57 11.72 13.08 11.84 12.59L12.37 10.63L10.41 11.16C9.92 11.28 9.43 11 9.3 10.5C9.18 10.05 9.46 9.55 9.94 9.43L11.9 8.91L10.46 7.46C10.11 7.12 10.11 6.55 10.46 6.19C10.81 5.84 11.39 5.84 11.73 6.19L13.19 7.63L13.7 5.67C13.82 5.18 14.32 4.9 14.79 5.03C15.28 5.16 15.56 5.65 15.43 6.13L14.9 8.1L16.87 7.57C17.35 7.44 17.84 7.72 17.97 8.21C18.1 8.68 17.82 9.18 17.33 9.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake.svg
new file mode 100644
index 00000000..6363e8a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-snowflake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-snowflake" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M17.06 9.57L15.1 10.09L16.54 11.54C16.89 11.88 16.89 12.46 16.54 12.81C16.19 13.16 15.61 13.16 15.27 12.81L13.81 11.37L13.3 13.33C13.18 13.82 12.68 14.1 12.21 13.97C11.72 13.84 11.44 13.35 11.57 12.87L12.1 10.9L10.13 11.43C9.65 11.56 9.15 11.28 9.03 10.79C8.9 10.32 9.18 9.82 9.67 9.7L11.63 9.19L10.19 7.73C9.84 7.39 9.84 6.82 10.19 6.46C10.54 6.11 11.12 6.11 11.46 6.46L12.91 7.9L13.43 5.94C13.55 5.46 14.04 5.18 14.5 5.3C15 5.43 15.28 5.92 15.16 6.41L14.63 8.37L16.59 7.84C17.08 7.72 17.57 8 17.7 8.5C17.82 8.96 17.54 9.45 17.06 9.57Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-sync-outline.svg
new file mode 100644
index 00000000..2539e42b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-sync-outline" viewBox="0 0 24 24"><path d="M13 3C16.88 3 20 6.14 20 10C20 12.8 18.37 15.19 16 16.31V21H9V18H8C6.89 18 6 17.11 6 16V13H4.5C4.08 13 3.84 12.5 4.08 12.19L6 9.66C6.19 5.95 9.23 3 13 3M13 1C8.41 1 4.61 4.42 4.06 8.9L2.5 11L2.47 11L2.45 11.03C1.9 11.79 1.83 12.79 2.26 13.62C2.62 14.31 3.26 14.79 4 14.94V16C4 17.85 5.28 19.42 7 19.87V23H18V17.5C20.5 15.83 22 13.06 22 10C22 5.03 17.96 1 13 1M14 15V13.5C11.79 13.5 10 11.71 10 9.5C10 8.68 10.25 7.92 10.67 7.29L11.76 8.38C11.59 8.72 11.5 9.1 11.5 9.5C11.5 10.88 12.62 12 14 12V10.5L16.25 12.75L14 15M17.33 11.71L16.24 10.62C16.41 10.28 16.5 9.9 16.5 9.5C16.5 8.12 15.38 7 14 7V8.5L11.75 6.25L14 4V5.5C16.21 5.5 18 7.29 18 9.5C18 10.32 17.75 11.08 17.33 11.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head-sync.svg
new file mode 100644
index 00000000..99f5c2db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head-sync" viewBox="0 0 24 24"><path d="M13 3C9.23 3 6.19 5.95 6 9.66L4.08 12.19C3.84 12.5 4.08 13 4.5 13H6V16C6 17.11 6.89 18 8 18H9V21H16V16.31C18.37 15.19 20 12.8 20 10C20 6.14 16.88 3 13 3M13 15V13.5C10.79 13.5 9 11.71 9 9.5C9 8.68 9.25 7.92 9.67 7.29L10.76 8.38C10.59 8.72 10.5 9.1 10.5 9.5C10.5 10.88 11.62 12 13 12V10.5L15.25 12.75L13 15M16.33 11.71L15.24 10.62C15.41 10.28 15.5 9.9 15.5 9.5C15.5 8.12 14.38 7 13 7V8.5L10.75 6.25L13 4V5.5C15.21 5.5 17 7.29 17 9.5C17 10.32 16.75 11.08 16.33 11.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/head.svg b/apps/phoenix_webcomponent/priv/mdi/svg/head.svg
new file mode 100644
index 00000000..a820c484
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/head.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-head" viewBox="0 0 24 24"><path d="M13 3C9.2 3 6.2 5.9 6 9.7L4.1 12.2C3.9 12.5 4.1 13 4.5 13H6V16C6 17.1 6.9 18 8 18H9V21H16V16.3C18.4 15.2 20 12.8 20 10C20 6.1 16.9 3 13 3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headphones-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-bluetooth.svg
new file mode 100644
index 00000000..b04f457d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headphones-bluetooth" viewBox="0 0 24 24"><path d="M8,6A6,6 0 0,0 2,12V16.8C2,17.46 2.54,18 3.2,18H6V14H4V12A4,4 0 0,1 8,8A4,4 0 0,1 12,12V14H10V18H12.8A1.2,1.2 0 0,0 14,16.8V12A6,6 0 0,0 8,6M19,7V10.79L16.71,8.5L16,9.21L18.79,12L16,14.79L16.71,15.5L19,13.21V17H19.5L22.35,14.14L20.21,12L22.35,9.85L19.5,7H19M20,8.91L20.94,9.85L20,10.79V8.91M20,13.21L20.94,14.14L20,15.08V13.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headphones-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-box.svg
new file mode 100644
index 00000000..590a8795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headphones-box" viewBox="0 0 24 24"><path d="M7.2,18C6.54,18 6,17.46 6,16.8V13.2L6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12V13.2L18,16.8A1.2,1.2 0 0,1 16.8,18H14V14H16V12A4,4 0 0,0 12,8A4,4 0 0,0 8,12V14H10V18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headphones-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-off.svg
new file mode 100644
index 00000000..6dc0aade
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headphones-off" viewBox="0 0 24 24"><path d="M12,1A9,9 0 0,1 21,10V17C21,17.62 20.81,18.19 20.5,18.67L15,13.18V12H19V10A7,7 0 0,0 12,3C10,3 8.23,3.82 6.96,5.14L5.55,3.72C7.18,2.04 9.47,1 12,1M2.78,3.5L20.5,21.22L19.23,22.5L16.73,20H15V18.27L9,12.27V20H6A3,3 0 0,1 3,17V10C3,8.89 3.2,7.82 3.57,6.84L1.5,4.77L2.78,3.5M5.17,8.44C5.06,8.94 5,9.46 5,10V12H8.73L5.17,8.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headphones-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-settings.svg
new file mode 100644
index 00000000..e23ee697
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headphones-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headphones-settings" viewBox="0 0 24 24"><path d="M12,1A9,9 0 0,1 21,10V17A3,3 0 0,1 18,20H15V12H19V10A7,7 0 0,0 12,3A7,7 0 0,0 5,10V12H9V20H6A3,3 0 0,1 3,17V10A9,9 0 0,1 12,1M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headphones.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headphones.svg
new file mode 100644
index 00000000..cb1a62f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headphones.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headphones" viewBox="0 0 24 24"><path d="M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H18A3,3 0 0,0 21,17V10C21,5 16.97,1 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headset-dock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headset-dock.svg
new file mode 100644
index 00000000..224c25eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headset-dock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headset-dock" viewBox="0 0 24 24"><path d="M2,18H9V6.13C7.27,6.57 6,8.14 6,10V11H8V17H6A2,2 0 0,1 4,15V10A6,6 0 0,1 10,4H11A6,6 0 0,1 17,10V12H18V9H20V12A2,2 0 0,1 18,14H17V15A2,2 0 0,1 15,17H13V11H15V10C15,8.14 13.73,6.57 12,6.13V18H22V20H2V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headset-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headset-off.svg
new file mode 100644
index 00000000..3d44131b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headset-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headset-off" viewBox="0 0 24 24"><path d="M1.5,4.77L3.57,6.84C3.2,7.82 3,8.89 3,10V20A3,3 0 0,0 6,23H12V21H5V20H9V12.27L15,18.27V20H16.73L19.23,22.5L20.5,21.22L2.78,3.5L1.5,4.77M12,1C9.47,1 7.18,2.04 5.55,3.72L6.96,5.14C8.23,3.82 10,3 12,3A7,7 0 0,1 19,10V12H15V13.18L20.5,18.67C20.81,18.19 21,17.62 21,17V10A9,9 0 0,0 12,1M5,12V10C5,9.46 5.06,8.94 5.17,8.44L8.73,12H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/headset.svg b/apps/phoenix_webcomponent/priv/mdi/svg/headset.svg
new file mode 100644
index 00000000..957984bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/headset.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-headset" viewBox="0 0 24 24"><path d="M12,1C7,1 3,5 3,10V17A3,3 0 0,0 6,20H9V12H5V10A7,7 0 0,1 12,3A7,7 0 0,1 19,10V12H15V20H19V21H12V23H18A3,3 0 0,0 21,20V10C21,5 16.97,1 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-box-outline.svg
new file mode 100644
index 00000000..b89e4850
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-box-outline" viewBox="0 0 24 24"><path d="M12,17L11.28,16.34C8.7,14 7,12.46 7,10.57C7,9.03 8.21,7.82 9.75,7.82C10.62,7.82 11.45,8.23 12,8.87C12.55,8.23 13.38,7.82 14.25,7.82C15.79,7.82 17,9.03 17,10.57C17,12.46 15.3,14 12.72,16.34L12,17M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-box.svg
new file mode 100644
index 00000000..08ff45b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken-outline.svg
new file mode 100644
index 00000000..2bbdce14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-broken-outline" viewBox="0 0 24 24"><path d="M7.5,5C7.7,5 7.9,5 8.1,5.1L10.5,9.2L6.8,13.8C5.1,11.8 4,10.2 4,8.5C4,6.5 5.5,5 7.5,5M7.5,3C4.4,3 2,5.4 2,8.5C2,12.3 5.4,15.4 10.6,20L12,21.3L9,14.3L13,9.3L9.4,3.3C8.8,3.1 8.2,3 7.5,3M16.5,5C18.5,5 20,6.5 20,8.5C20,11.1 17.4,13.7 13.4,17.3L13.1,15L17.9,9.7L15.6,5.2C15.9,5 16.2,5 16.5,5M16.5,3C15.2,3 13.9,3.5 12.9,4.3L15.5,9.4L11,14.4L12,21.4L13.4,20.1C18.6,15.4 22,12.3 22,8.6C22,5.4 19.6,3 16.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken.svg
new file mode 100644
index 00000000..30324c26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-broken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-broken" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C8.17,3 8.82,3.12 9.44,3.33L13,9.35L9,14.35L12,21.35V21.35M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L11,14.35L15.5,9.35L12.85,4.27C13.87,3.47 15.17,3 16.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle-outline.svg
new file mode 100644
index 00000000..c58c3d04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M9.75,7.82C8.21,7.82 7,9.03 7,10.57C7,12.46 8.7,14 11.28,16.34L12,17L12.72,16.34C15.3,14 17,12.46 17,10.57C17,9.03 15.79,7.82 14.25,7.82C13.38,7.82 12.55,8.23 12,8.87C11.45,8.23 10.62,7.82 9.75,7.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle.svg
new file mode 100644
index 00000000..88b23184
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9.75,7.82C10.62,7.82 11.45,8.23 12,8.87C12.55,8.23 13.38,7.82 14.25,7.82C15.79,7.82 17,9.03 17,10.57C17,12.46 15.3,14 12.72,16.34L12,17L11.28,16.34C8.7,14 7,12.46 7,10.57C7,9.03 8.21,7.82 9.75,7.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog-outline.svg
new file mode 100644
index 00000000..f2d53cdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-cog-outline" viewBox="0 0 24 24"><path d="M16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12 18.63C12 18.75 12 18.88 12 19C12 19.71 12.12 20.4 12.32 21.06L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.8 21.59 11 20.84 12.25C20.25 12.09 19.63 12 19 12C18.87 12 18.74 12 18.6 12C19.5 10.79 20 9.65 20 8.5C20 6.5 18.5 5 16.5 5M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.83 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5C19.83 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog.svg
new file mode 100644
index 00000000..cb305e5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-cog" viewBox="0 0 24 24"><path d="M12 19C12 19.71 12.12 20.4 12.32 21.06L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.8 21.59 11 20.84 12.25C20.25 12.09 19.63 12 19 12C15.14 12 12 15.14 12 19M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.83 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5C19.83 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-flash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-flash.svg
new file mode 100644
index 00000000..811945c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-flash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-flash" viewBox="0 0 24 24"><path d="M16.5,2.83C14.76,2.83 13.09,3.64 12,4.9C10.91,3.64 9.24,2.83 7.5,2.83C4.42,2.83 2,5.24 2,8.33C2,12.1 5.4,15.19 10.55,19.86L12,21.17L13.45,19.86C18.6,15.19 22,12.1 22,8.33C22,5.24 19.58,2.83 16.5,2.83M12,17.83V13.83H9L12,6.83V10.83H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-full.svg
new file mode 100644
index 00000000..eee18204
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-half-full" viewBox="0 0 24 24"><path d="M16.5,5C15,5 13.58,5.91 13,7.2V17.74C17.25,13.87 20,11.2 20,8.5C20,6.5 18.5,5 16.5,5M16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-outline.svg
new file mode 100644
index 00000000..79b7ddec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-half-outline" viewBox="0 0 24 24"><path d="M4,8.5C4,11.2 6.75,13.87 11,17.74V7.2C10.42,5.91 9,5 7.5,5C5.5,5 4,6.5 4,8.5M13,7.2V17.74L13,20.44L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C10,3 13,5 13,7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half.svg
new file mode 100644
index 00000000..f78e7900
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-half" viewBox="0 0 24 24"><path d="M13,7.2V17.74L13,20.44L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C10,3 13,5 13,7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus-outline.svg
new file mode 100644
index 00000000..8fc249cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-minus-outline" viewBox="0 0 24 24"><path d="M12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C20 12.31 19.31 12.11 18.59 12.04C19.5 10.8 20 9.65 20 8.5C20 6.5 18.5 5 16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12.04 18.61C12.12 19.37 12.34 20.09 12.67 20.74M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus.svg
new file mode 100644
index 00000000..bfbc7817
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-minus" viewBox="0 0 24 24"><path d="M12 18C12 19 12.25 19.92 12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C19.83 12.23 18.94 12 18 12C14.69 12 12 14.69 12 18M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple-outline.svg
new file mode 100644
index 00000000..a66efdd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-multiple-outline" viewBox="0 0 24 24"><path d="M12,21.1L10.5,22.4C3.9,16.5 0.5,13.4 0.5,9.6C0.5,8.4 0.9,7.3 1.5,6.4C1.5,6.6 1.5,6.8 1.5,7C1.5,11.7 5.4,15.2 12,21.1M13.6,17C18.3,12.7 21.5,9.9 21.6,7C21.6,5 20.1,3.5 18.1,3.5C16.5,3.5 15,4.5 14.5,5.9H12.6C12,4.5 10.5,3.5 9,3.5C7,3.5 5.5,5 5.5,7C5.5,9.9 8.6,12.7 13.4,17L13.5,17.1M18,1.5C21.1,1.5 23.5,3.9 23.5,7C23.5,10.7 20.1,13.8 13.5,19.8C6.9,13.9 3.5,10.8 3.5,7C3.5,3.9 5.9,1.5 9,1.5C10.7,1.5 12.4,2.3 13.5,3.6C14.6,2.3 16.3,1.5 18,1.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple.svg
new file mode 100644
index 00000000..d8740243
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-multiple" viewBox="0 0 24 24"><path d="M13.5,20C6.9,13.9 3.5,10.8 3.5,7.1C3.5,4 5.9,1.6 9,1.6C10.7,1.6 12.4,2.4 13.5,3.7C14.6,2.4 16.3,1.6 18,1.6C21.1,1.6 23.5,4 23.5,7.1C23.5,10.9 20.1,14 13.5,20M12,21.1C5.4,15.2 1.5,11.7 1.5,7C1.5,6.8 1.5,6.6 1.5,6.4C0.9,7.3 0.5,8.4 0.5,9.6C0.5,13.4 3.9,16.5 10.5,22.4L12,21.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-off-outline.svg
new file mode 100644
index 00000000..c3b3f7e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L3.19 5.08C2.45 6 2 7.19 2 8.5C2 12.27 5.4 15.36 10.55 20.03L12 21.35L13.45 20.03C14.32 19.24 15.14 18.5 15.9 17.79L20 22L21.27 20.73M12.1 18.55L12 18.65L11.89 18.55C7.14 14.24 4 11.39 4 8.5C4 7.74 4.22 7.06 4.61 6.5L14.5 16.37C13.74 17.06 12.95 17.78 12.1 18.55M8.3 5.1L6.33 3.13C6.7 3.05 7.1 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 10.84 20.69 12.92 18.47 15.27L17.06 13.86C18.91 11.88 20 10.2 20 8.5C20 6.5 18.5 5 16.5 5C15.1 5 13.74 5.83 13.11 7H10.89C10.38 6.06 9.39 5.34 8.3 5.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-off.svg
new file mode 100644
index 00000000..ba5ecd7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L15.18,18.44L13.45,20.03L12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,7.55 2.23,6.67 2.63,5.9L1,4.27M7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,11.07 20.42,13.32 17.79,15.97L5.27,3.45C5.95,3.16 6.7,3 7.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-outline.svg
new file mode 100644
index 00000000..91475fdb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-outline" viewBox="0 0 24 24"><path d="M12.1,18.55L12,18.65L11.89,18.55C7.14,14.24 4,11.39 4,8.5C4,6.5 5.5,5 7.5,5C9.04,5 10.54,6 11.07,7.36H12.93C13.46,6 14.96,5 16.5,5C18.5,5 20,6.5 20,8.5C20,11.39 16.86,14.24 12.1,18.55M16.5,3C14.76,3 13.09,3.81 12,5.08C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.41 2,8.5C2,12.27 5.4,15.36 10.55,20.03L12,21.35L13.45,20.03C18.6,15.36 22,12.27 22,8.5C22,5.41 19.58,3 16.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus-outline.svg
new file mode 100644
index 00000000..24f0558e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-plus-outline" viewBox="0 0 24 24"><path d="M12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C20 12.31 19.31 12.11 18.59 12.04C19.5 10.8 20 9.65 20 8.5C20 6.5 18.5 5 16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12.04 18.61C12.12 19.37 12.34 20.09 12.67 20.74M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus.svg
new file mode 100644
index 00000000..5a30ad83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-plus" viewBox="0 0 24 24"><path d="M12 18C12 19 12.25 19.92 12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C19.83 12.23 18.94 12 18 12C14.69 12 12 14.69 12 18M19 14H17V17H14V19H17V22H19V19H22V17H19V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-pulse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-pulse.svg
new file mode 100644
index 00000000..5953e95b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-pulse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-pulse" viewBox="0 0 24 24"><path d="M7.5,4A5.5,5.5 0 0,0 2,9.5C2,10 2.09,10.5 2.22,11H6.3L7.57,7.63C7.87,6.83 9.05,6.75 9.43,7.63L11.5,13L12.09,11.58C12.22,11.25 12.57,11 13,11H21.78C21.91,10.5 22,10 22,9.5A5.5,5.5 0 0,0 16.5,4C14.64,4 13,4.93 12,6.34C11,4.93 9.36,4 7.5,4V4M3,12.5A1,1 0 0,0 2,13.5A1,1 0 0,0 3,14.5H5.44L11,20C12,20.9 12,20.9 13,20L18.56,14.5H21A1,1 0 0,0 22,13.5A1,1 0 0,0 21,12.5H13.4L12.47,14.8C12.07,15.81 10.92,15.67 10.55,14.83L8.5,9.5L7.54,11.83C7.39,12.21 7.05,12.5 6.6,12.5H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove-outline.svg
new file mode 100644
index 00000000..d2d45954
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-remove-outline" viewBox="0 0 24 24"><path d="M12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C20 12.31 19.31 12.11 18.59 12.04C19.5 10.8 20 9.65 20 8.5C20 6.5 18.5 5 16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12.04 18.61C12.12 19.37 12.34 20.09 12.67 20.74M20.12 14.46L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88L20.12 14.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove.svg
new file mode 100644
index 00000000..e0ea10a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-remove" viewBox="0 0 24 24"><path d="M12 18C12 19 12.25 19.92 12.67 20.74L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5C22 9.93 21.5 11.26 20.62 12.61C19.83 12.23 18.94 12 18 12C14.69 12 12 14.69 12 18M21.54 15.88L20.12 14.47L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings-outline.svg
new file mode 100644
index 00000000..411aa0b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-settings-outline" viewBox="0 0 24 24"><path d="M7 22H9V24H7V22M11 24H13V22H11V24M15 24H17V22H15V24M22 8.5C22 12.27 18.6 15.36 13.45 20.03L12 21.35L10.55 20.03C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3C9.24 3 10.91 3.81 12 5.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5M20 8.5C20 6.5 18.5 5 16.5 5C14.96 5 13.46 6 12.93 7.36H11.07C10.54 6 9.04 5 7.5 5C5.5 5 4 6.5 4 8.5C4 11.39 7.14 14.24 11.89 18.55L12 18.65L12.1 18.55C16.86 14.24 20 11.39 20 8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings.svg
new file mode 100644
index 00000000..bc51d7e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart-settings" viewBox="0 0 24 24"><path d="M15 22H17V24H15V22M11 24H13V22H11V24M7 24H9V22H7V24M16.5 3C14.76 3 13.09 3.81 12 5.08C10.91 3.81 9.24 3 7.5 3C4.42 3 2 5.41 2 8.5C2 12.27 5.4 15.36 10.55 20.03L12 21.35L13.45 20.03C18.6 15.36 22 12.27 22 8.5C22 5.41 19.58 3 16.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heart.svg
new file mode 100644
index 00000000..551a3572
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heart" viewBox="0 0 24 24"><path d="M12,21.35L10.55,20.03C5.4,15.36 2,12.27 2,8.5C2,5.41 4.42,3 7.5,3C9.24,3 10.91,3.81 12,5.08C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.41 22,8.5C22,12.27 18.6,15.36 13.45,20.03L12,21.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump-outline.svg
new file mode 100644
index 00000000..2a656862
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heat-pump-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M12 18C15.31 18 18 15.31 18 12S15.31 6 12 6 6 8.69 6 12 8.69 18 12 18M11.25 15.92C10.7 15.82 10.2 15.6 9.75 15.3L11.25 13.8V15.92M12.75 15.92V13.81L14.25 15.31C13.8 15.61 13.3 15.82 12.75 15.92M15.31 14.25L13.81 12.75H15.92C15.82 13.3 15.61 13.8 15.31 14.25M15.92 11.25H13.81L15.31 9.75C15.61 10.2 15.82 10.7 15.92 11.25M12.75 8.08C13.3 8.18 13.8 8.4 14.25 8.7L12.75 10.2V8.08M12 11C12.55 11 13 11.45 13 12S12.55 13 12 13 11 12.55 11 12 11.45 11 12 11M11.25 8.08V10.19L9.75 8.69C10.2 8.39 10.7 8.18 11.25 8.08M8.69 9.75L10.19 11.25H8.08C8.18 10.7 8.39 10.2 8.69 9.75M10.19 12.75L8.69 14.25C8.39 13.81 8.18 13.3 8.07 12.75H10.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump.svg
new file mode 100644
index 00000000..2084f180
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heat-pump.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heat-pump" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M12.75 7.08C13.57 7.2 14.32 7.5 14.95 8L12.75 10.19V7.08M11.25 7.08V10.19L9.05 8C9.68 7.5 10.43 7.2 11.25 7.08M8 9.05L10.19 11.25H7.08C7.2 10.43 7.5 9.68 8 9.05M7.08 12.75H10.19L8 14.95C7.5 14.32 7.2 13.57 7.08 12.75M11.25 16.92C10.43 16.8 9.68 16.5 9.05 16L11.25 13.81V16.92M12 13C11.45 13 11 12.55 11 12S11.45 11 12 11 13 11.45 13 12 12.55 13 12 13M12.75 16.92V13.81L14.95 16C14.32 16.5 13.57 16.8 12.75 16.92M16 14.95L13.81 12.75H16.92C16.8 13.57 16.5 14.32 16 14.95M13.81 11.25L16 9.05C16.5 9.69 16.8 10.44 16.92 11.25H13.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heat-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heat-wave.svg
new file mode 100644
index 00000000..c4534bda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heat-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heat-wave" viewBox="0 0 24 24"><path d="M8.5 4.5L5.4 9.5L8.5 14.7L5.2 20.5L3.4 19.6L6.1 14.7L3 9.5L6.7 3.6L8.5 4.5M14.7 4.4L11.6 9.5L14.7 14.5L11.4 20.3L9.6 19.4L12.3 14.5L9.2 9.5L12.9 3.5L14.7 4.4M21 4.4L17.9 9.5L21 14.5L17.7 20.3L15.9 19.4L18.6 14.5L15.5 9.5L19.2 3.5L21 4.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/heating-coil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/heating-coil.svg
new file mode 100644
index 00000000..c467acae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/heating-coil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-heating-coil" viewBox="0 0 24 24"><path d="M19 17C20.21 17 22 16.2 22 14S20.21 11 19 11H17V9H19C21.2 9 22 7.21 22 6C22 3.8 20.21 3 19 3H17V2H16V3H8V2H7V3H2V5H7V7H5C3.79 7 2 7.8 2 10S3.79 13 5 13H7V15H5C3.79 15 2 15.8 2 18S3.79 21 5 21H7V22H8V21H16V22H17V21H22V19H17V17H19M19 13C19.45 13 20 13.19 20 14S19.45 15 19 15H17V13H19M16 11H8V9H16V11M19 5C19.45 5 20 5.2 20 6C20 6.45 19.81 7 19 7H17V5H19M8 5H16V7H8V5M5 11C4.55 11 4 10.81 4 10S4.55 9 5 9H7V11H5M8 13H16V15H8V13M5 19C4.55 19 4 18.81 4 18S4.55 17 5 17H7V19H5M16 19H8V17H16V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/helicopter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/helicopter.svg
new file mode 100644
index 00000000..66e58001
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/helicopter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-helicopter" viewBox="0 0 24 24"><path d="M3,3H17V5H3V3M23,6V10.5L14.75,12.2C14.91,12.6 15,13.04 15,13.5C15,14.9 14.18,16.1 13,16.66V17L13,19H16V21H4A3,3 0 0,1 1,18V17H3V18A1,1 0 0,0 4,19H5V16.74C3.25,16.13 2,14.46 2,12.5C2,10 4,8 6.5,8H9V6H11V8H21V6H23M11,19V17H7V19H11M7.5,10C6.12,10 5,10.9 5,12C5,13.1 6.12,14 7.5,14C8.88,14 10,13.1 10,12C10,10.9 8.88,10 7.5,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple-outline.svg
new file mode 100644
index 00000000..d5a75fc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-box-multiple-outline" viewBox="0 0 24 24"><path d="M20 16V4H8V16H20M22 16C22 17.1 21.1 18 20 18H8C6.9 18 6 17.1 6 16V4C6 2.9 6.9 2 8 2H20C21.1 2 22 2.9 22 4V16M16 20V22H4C2.9 22 2 21.1 2 20V7H4V20H16M14.2 5C13.3 5 12.6 5.2 12.1 5.6C11.6 6 11.3 6.6 11.3 7.4H13.2C13.2 7.1 13.3 6.9 13.5 6.7C13.7 6.6 13.9 6.5 14.2 6.5C14.5 6.5 14.8 6.6 15 6.8C15.2 7 15.3 7.2 15.3 7.6C15.3 7.9 15.2 8.2 15.1 8.4C15 8.6 14.7 8.8 14.5 9C14 9.3 13.6 9.6 13.5 9.9C13.1 10.1 13 10.5 13 11H15C15 10.7 15 10.4 15.1 10.3C15.2 10.1 15.4 9.9 15.6 9.8C16 9.6 16.4 9.3 16.7 8.9C17 8.4 17.2 8 17.2 7.5C17.2 6.7 16.9 6.1 16.4 5.7C15.9 5.2 15.1 5 14.2 5M13 12V14H15V12H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple.svg
new file mode 100644
index 00000000..11712d4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-box-multiple" viewBox="0 0 24 24"><path d="M16 20V22H4C2.9 22 2 21.1 2 20V7H4V20H16M20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M15 14H13V12H15V14M16.8 8.8C16.5 9.2 16.1 9.5 15.7 9.7C15.5 9.9 15.3 10 15.2 10.2C15 10.4 15 10.7 15 11H13C13 10.5 13.1 10.1 13.3 9.8C13.5 9.5 13.8 9.2 14.3 8.9C14.6 8.7 14.8 8.5 14.9 8.3C15.1 8.1 15.1 7.8 15.1 7.5C15.1 7.2 15 6.9 14.8 6.7C14.6 6.5 14.4 6.4 14 6.4C13.7 6.4 13.5 6.5 13.3 6.6C13.1 6.8 13 7 13 7.3H11.1C11.1 6.5 11.3 5.9 11.9 5.5C12.6 5.2 13.3 5 14.2 5C15.1 5 15.9 5.2 16.4 5.7C16.9 6.2 17.2 6.8 17.2 7.5C17.2 8 17 8.4 16.8 8.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-outline.svg
new file mode 100644
index 00000000..99754898
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-box-outline" viewBox="0 0 24 24"><path d="M11 18H13V16H11V18M12 6C9.8 6 8 7.8 8 10H10C10 8.9 10.9 8 12 8S14 8.9 14 10C14 12 11 11.8 11 15H13C13 12.8 16 12.5 16 10C16 7.8 14.2 6 12 6M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-box.svg
new file mode 100644
index 00000000..857b6a39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-box" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-circle-outline.svg
new file mode 100644
index 00000000..e01897b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-circle-outline" viewBox="0 0 24 24"><path d="M11,18H13V16H11V18M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,6A4,4 0 0,0 8,10H10A2,2 0 0,1 12,8A2,2 0 0,1 14,10C14,12 11,11.75 11,15H13C13,12.75 16,12.5 16,10A4,4 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-circle.svg
new file mode 100644
index 00000000..7aa4180b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-circle" viewBox="0 0 24 24"><path d="M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-network-outline.svg
new file mode 100644
index 00000000..8fe86c1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M11.95,6C11.17,6 10.55,6.18 10.07,6.5C9.61,6.89 9.38,7.4 9.39,8.1L9.4,8.13H11.11C11.12,7.86 11.2,7.65 11.36,7.5C11.5,7.38 11.72,7.31 11.95,7.31C12.22,7.31 12.45,7.4 12.61,7.56C12.77,7.73 12.85,7.96 12.85,8.22C12.85,8.5 12.78,8.75 12.64,8.95C12.5,9.16 12.33,9.33 12.1,9.5C11.65,9.78 11.34,10.05 11.17,10.29C11,10.5 10.89,10.89 10.89,11.33H12.67C12.67,11.06 12.7,10.84 12.78,10.68C12.86,10.5 13,10.36 13.24,10.21C13.64,10 13.97,9.74 14.22,9.39C14.5,9.03 14.62,8.67 14.62,8.22C14.62,7.55 14.38,7 13.9,6.61C13.42,6.2 12.77,6 11.95,6M10.89,12.22V14H12.67V12.22H10.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-network.svg
new file mode 100644
index 00000000..1faa7f9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12.19,5C11.32,5 10.62,5.2 10.08,5.59C9.56,6 9.3,6.57 9.31,7.36L9.32,7.39H11.25C11.26,7.09 11.35,6.86 11.53,6.7C11.71,6.55 11.93,6.47 12.19,6.47C12.5,6.47 12.76,6.57 12.94,6.75C13.12,6.94 13.2,7.2 13.2,7.5C13.2,7.82 13.13,8.09 12.97,8.32C12.83,8.55 12.62,8.75 12.36,8.91C11.85,9.25 11.5,9.55 11.31,9.82C11.11,10.08 11,10.5 11,11H13C13,10.69 13.04,10.44 13.13,10.26C13.22,10.07 13.39,9.9 13.64,9.74C14.09,9.5 14.46,9.21 14.75,8.81C15.04,8.41 15.19,8 15.19,7.5C15.19,6.74 14.92,6.13 14.38,5.68C13.85,5.23 13.12,5 12.19,5M11,12V14H13V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus-outline.svg
new file mode 100644
index 00000000..da94d67a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-rhombus-outline" viewBox="0 0 24 24"><path d="M11 15.5H12.5V17H11V15.5M12 6.95C14.7 7.06 15.87 9.78 14.28 11.81C13.86 12.31 13.19 12.64 12.85 13.07C12.5 13.5 12.5 14 12.5 14.5H11C11 13.65 11 12.94 11.35 12.44C11.68 11.94 12.35 11.64 12.77 11.31C14 10.18 13.68 8.59 12 8.46C11.18 8.46 10.5 9.13 10.5 9.97H9C9 8.3 10.35 6.95 12 6.95M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L20 12L12 20L4 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus.svg
new file mode 100644
index 00000000..6a6002b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help-rhombus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help-rhombus" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 6.95C14.7 7.06 15.87 9.78 14.28 11.81C13.86 12.31 13.19 12.64 12.85 13.07C12.5 13.5 12.5 14 12.5 14.5H11C11 13.65 11 12.94 11.35 12.44C11.68 11.94 12.35 11.64 12.77 11.31C14 10.18 13.68 8.59 12 8.46C11.18 8.46 10.5 9.13 10.5 9.97H9C9 8.3 10.35 6.95 12 6.95M11 15.5H12.5V17H11V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/help.svg b/apps/phoenix_webcomponent/priv/mdi/svg/help.svg
new file mode 100644
index 00000000..ce916895
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/help.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-help" viewBox="0 0 24 24"><path d="M10,19H13V22H10V19M12,2C17.35,2.22 19.68,7.62 16.5,11.67C15.67,12.67 14.33,13.33 13.67,14.17C13,15 13,16 13,17H10C10,15.33 10,13.92 10.67,12.92C11.33,11.92 12.67,11.33 13.5,10.67C15.92,8.43 15.32,5.26 12,5A3,3 0 0,0 9,8H6A6,6 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexadecimal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexadecimal.svg
new file mode 100644
index 00000000..c8ad865a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexadecimal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexadecimal" viewBox="0 0 24 24"><path d="M7 7C5.9 7 5 7.9 5 9V15C5 16.11 5.9 17 7 17H9C10.11 17 11 16.11 11 15V9C11 7.9 10.11 7 9 7H7M7 9H9V15H7V9M17.6 17L15.5 14.9L13.4 17L12 15.6L14.1 13.5L12 11.4L13.4 10L15.5 12.1L17.6 10L19 11.4L16.9 13.5L19 15.6L17.6 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple-outline.svg
new file mode 100644
index 00000000..63e83344
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-multiple-outline" viewBox="0 0 24 24"><path d="M9.37 4L10.78 6.5L9.37 9H6.63L5.23 6.5L6.63 4H9.37M10.25 2H5.75C5.56 2 5.39 2.11 5.31 2.26L3.09 6.22L3 6.5L3.09 6.78L5.31 10.74C5.39 10.89 5.56 11 5.75 11H10.25C10.44 11 10.61 10.89 10.69 10.74L12.91 6.78L13 6.5L12.91 6.22L10.69 2.26C10.61 2.11 10.44 2 10.25 2M18.62 9.5L20 12L18.62 14.5H15.88L14.5 12L15.88 9.5H18.62M19.5 7.5H15C14.81 7.5 14.64 7.61 14.56 7.76L12.34 11.72L12.25 12L12.34 12.28L14.56 16.24C14.64 16.39 14.81 16.5 15 16.5H19.5C19.69 16.5 19.86 16.39 19.94 16.24L22.16 12.28L22.25 12L22.16 11.72L19.94 7.76C19.86 7.61 19.69 7.5 19.5 7.5M9.37 15L10.78 17.5L9.37 20H6.63L5.23 17.5L6.63 15H9.37M10.25 13H5.75C5.56 13 5.39 13.11 5.31 13.26L3.09 17.22L3 17.5L3.09 17.78L5.31 21.74C5.39 21.89 5.56 22 5.75 22H10.25C10.44 22 10.61 21.89 10.69 21.74L12.91 17.78L13 17.5L12.91 17.22L10.69 13.26C10.61 13.11 10.44 13 10.25 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple.svg
new file mode 100644
index 00000000..2bb5cead
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-multiple" viewBox="0 0 24 24"><path d="M10.25,2C10.44,2 10.61,2.11 10.69,2.26L12.91,6.22L13,6.5L12.91,6.78L10.69,10.74C10.61,10.89 10.44,11 10.25,11H5.75C5.56,11 5.39,10.89 5.31,10.74L3.09,6.78L3,6.5L3.09,6.22L5.31,2.26C5.39,2.11 5.56,2 5.75,2H10.25M10.25,13C10.44,13 10.61,13.11 10.69,13.26L12.91,17.22L13,17.5L12.91,17.78L10.69,21.74C10.61,21.89 10.44,22 10.25,22H5.75C5.56,22 5.39,21.89 5.31,21.74L3.09,17.78L3,17.5L3.09,17.22L5.31,13.26C5.39,13.11 5.56,13 5.75,13H10.25M19.5,7.5C19.69,7.5 19.86,7.61 19.94,7.76L22.16,11.72L22.25,12L22.16,12.28L19.94,16.24C19.86,16.39 19.69,16.5 19.5,16.5H15C14.81,16.5 14.64,16.39 14.56,16.24L12.34,12.28L12.25,12L12.34,11.72L14.56,7.76C14.64,7.61 14.81,7.5 15,7.5H19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-outline.svg
new file mode 100644
index 00000000..0ffe8575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-outline" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-1.svg
new file mode 100644
index 00000000..37d9bdae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-1" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15M12,12V5.32L17.94,8.66L12,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-2.svg
new file mode 100644
index 00000000..8a1fc3f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-2" viewBox="0 0 24 24"><path d="M18,15.38L12,12V5.32L18,8.69V15.38M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-3.svg
new file mode 100644
index 00000000..5075ef38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-3" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-4.svg
new file mode 100644
index 00000000..01fff711
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-4" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6.06,15.34L12,12V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-5.svg
new file mode 100644
index 00000000..7feb6f95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-5" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,12V5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-6.svg
new file mode 100644
index 00000000..77172a50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon-slice-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon-slice-6" viewBox="0 0 24 24"><path d="M12,5.32L18,8.69V15.31L12,18.68L6,15.31V8.69L12,5.32M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon.svg
new file mode 100644
index 00000000..58307205
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagon" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagram-outline.svg
new file mode 100644
index 00000000..95e4bf2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagram-outline" viewBox="0 0 24 24"><path d="M12,7L13.3,9.8L16.5,9.4L14.5,12L16.4,14.5L13.2,14.1L12,17L10.7,14.2L7.5,14.6L9.5,12L7.6,9.5L10.8,9.9L12,7M12,2L9.5,7.7L3.3,7L7,12L3.4,17L9.6,16.3L12,22L14.5,16.3L20.7,16.9L17,12L20.6,7L14.4,7.7L12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hexagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hexagram.svg
new file mode 100644
index 00000000..8de35c28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hexagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hexagram" viewBox="0 0 24 24"><path d="M14.5,7.66L20.64,6.97L17,12L20.68,16.97L14.5,16.32L12.03,22L9.5,16.34L3.36,17.03L7,12L3.32,7.03L9.5,7.68L11.97,2L14.5,7.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/high-definition-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/high-definition-box.svg
new file mode 100644
index 00000000..2205ebcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/high-definition-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-high-definition-box" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11V15M13,9H17A1,1 0 0,1 18,10V14A1,1 0 0,1 17,15H13V9M14.5,13.5H16.5V10.5H14.5V13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/high-definition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/high-definition.svg
new file mode 100644
index 00000000..6e3c7c03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/high-definition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-high-definition" viewBox="0 0 24 24"><path d="M5,7H7V11H9V7H11V17H9V13H7V17H5V7M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/highway.svg b/apps/phoenix_webcomponent/priv/mdi/svg/highway.svg
new file mode 100644
index 00000000..6809560c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/highway.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-highway" viewBox="0 0 24 24"><path d="M10,2L8,8H11V2H10M13,2V8H16L14,2H13M2,9V10H4V11H6V10H18L18.06,11H20V10H22V9H2M7,11L3.34,22H11V11H7M13,11V22H20.66L17,11H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hiking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hiking.svg
new file mode 100644
index 00000000..c387a87b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hiking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hiking" viewBox="0 0 24 24"><path d="M17.47 8.67H19V23H17.47V12.6C16.67 12.44 15.92 12.14 15.21 11.71S13.9 10.78 13.39 10.2L12.77 13.27L15 15.47V23H13V17L10.76 14.8L8.89 23H6.73C6.73 23 9.86 7.22 9.89 7.09C10 6.61 10.22 6.24 10.59 6C10.96 5.73 11.33 5.6 11.71 5.6C12.1 5.6 12.46 5.69 12.79 5.87C13.13 6.04 13.39 6.29 13.58 6.61L14.64 8.24C14.93 8.78 15.32 9.25 15.81 9.63S16.86 10.3 17.47 10.5V8.67M8.55 5.89L7.4 5.65C6.83 5.5 6.31 5.62 5.84 5.94C5.38 6.26 5.1 6.7 5 7.28L4.19 11.26C4.16 11.55 4.22 11.81 4.38 12.05C4.54 12.29 4.75 12.42 5 12.46L7.21 12.89L8.55 5.89M13 1C11.9 1 11 1.9 11 3S11.9 5 13 5 15 4.11 15 3 14.11 1 13 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/history.svg b/apps/phoenix_webcomponent/priv/mdi/svg/history.svg
new file mode 100644
index 00000000..675288a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/history.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-history" viewBox="0 0 24 24"><path d="M13.5,8H12V13L16.28,15.54L17,14.33L13.5,12.25V8M13,3A9,9 0 0,0 4,12H1L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hockey-puck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hockey-puck.svg
new file mode 100644
index 00000000..0bde2632
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hockey-puck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hockey-puck" viewBox="0 0 24 24"><path d="M12,5C6.5,5 2,6.57 2,8.5C2,10.43 6.5,12 12,12C17.5,12 22,10.43 22,8.5C22,6.57 17.5,5 12,5M2,11.76V16.5C2,18.43 6.5,20 12,20C17.5,20 22,18.43 22,16.5V11.76C21.33,12.22 20.58,12.57 19.73,12.86C17.62,13.6 14.95,14 12,14C9.05,14 6.38,13.6 4.27,12.86C3.42,12.57 2.67,12.22 2,11.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hockey-sticks.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hockey-sticks.svg
new file mode 100644
index 00000000..b045f018
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hockey-sticks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hockey-sticks" viewBox="0 0 24 24"><path d="M17.68 4H14.3L12.56 8C12.53 8.04 12.45 8.22 12.31 8.5S12.06 9.04 12 9.19L9.7 4H6.32L10.41 12.84C10.5 13.06 10.73 13.59 11.11 14.43C11.5 15.28 11.78 15.91 12 16.35L13.41 19.44C13.6 19.78 13.89 19.95 14.3 19.95L19 20V16H15L13.6 12.84L17.68 4M20.03 16V20H22V17C22 16.73 21.91 16.5 21.72 16.28C21.53 16.08 21.3 16 21 16H20.03M5 16V20L9.7 19.95C10.11 19.95 10.4 19.78 10.59 19.44L11.44 17.5L9.84 14.06L9 16H5M2 20H3.97V16H3C2.7 16 2.47 16.08 2.28 16.28C2.09 16.5 2 16.73 2 17V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hololens.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hololens.svg
new file mode 100644
index 00000000..2d8dd4ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hololens.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hololens" viewBox="0 0 24 24"><path d="M12,8C12,8 22,8 22,11C22,11 22.09,14.36 21.75,14.25C21,11 12,11 12,11C12,11 3,11 2.25,14.25C1.91,14.36 2,11 2,11C2,8 12,8 12,8M12,12C20,12 20.75,14.25 20.75,14.25C19.75,17.25 19,18 15,18C12,18 13,16.5 12,16.5C11,16.5 12,18 9,18C5,18 4.25,17.25 3.25,14.25C3.25,14.25 4,12 12,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-account.svg
new file mode 100644
index 00000000..60af19cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-account" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8.75A2.25,2.25 0 0,1 14.25,11A2.25,2.25 0 0,1 12,13.25A2.25,2.25 0 0,1 9.75,11A2.25,2.25 0 0,1 12,8.75M12,15C13.5,15 16.5,15.75 16.5,17.25V18H7.5V17.25C7.5,15.75 10.5,15 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-alert-outline.svg
new file mode 100644
index 00000000..f47c8f4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-alert-outline" viewBox="0 0 24 24"><path d="M12 5.7L17 10.2V18H7V10.2L12 5.7M19 20V12H22L12 3L2 12H5V20M13 8H11V13H13V8M13 15H11V17H13V15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-alert.svg
new file mode 100644
index 00000000..51b54f86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-alert" viewBox="0 0 24 24"><path d="M12 3L2 12H5V20H19V12H22L12 3M13 18H11V16H13V18M13 14H11V8H13V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-analytics.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-analytics.svg
new file mode 100644
index 00000000..e3987b87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-analytics.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-analytics" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22M9,18H7V12H9M13,18H11V10H13M17,18H15V14H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-assistant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-assistant.svg
new file mode 100644
index 00000000..00f290d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-assistant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-assistant" viewBox="0 0 24 24"><path d="M21.8,13H20V21H13V17.67L15.79,14.88L16.5,15C17.66,15 18.6,14.06 18.6,12.9C18.6,11.74 17.66,10.8 16.5,10.8A2.1,2.1 0 0,0 14.4,12.9L14.5,13.61L13,15.13V9.65C13.66,9.29 14.1,8.6 14.1,7.8A2.1,2.1 0 0,0 12,5.7A2.1,2.1 0 0,0 9.9,7.8C9.9,8.6 10.34,9.29 11,9.65V15.13L9.5,13.61L9.6,12.9A2.1,2.1 0 0,0 7.5,10.8A2.1,2.1 0 0,0 5.4,12.9A2.1,2.1 0 0,0 7.5,15L8.21,14.88L11,17.67V21H4V13H2.25C1.83,13 1.42,13 1.42,12.79C1.43,12.57 1.85,12.15 2.28,11.72L11,3C11.33,2.67 11.67,2.33 12,2.33C12.33,2.33 12.67,2.67 13,3L17,7V6H19V9L21.78,11.78C22.18,12.18 22.59,12.59 22.6,12.8C22.6,13 22.2,13 21.8,13M7.5,12A0.9,0.9 0 0,1 8.4,12.9A0.9,0.9 0 0,1 7.5,13.8A0.9,0.9 0 0,1 6.6,12.9A0.9,0.9 0 0,1 7.5,12M16.5,12C17,12 17.4,12.4 17.4,12.9C17.4,13.4 17,13.8 16.5,13.8A0.9,0.9 0 0,1 15.6,12.9A0.9,0.9 0 0,1 16.5,12M12,6.9C12.5,6.9 12.9,7.3 12.9,7.8C12.9,8.3 12.5,8.7 12,8.7C11.5,8.7 11.1,8.3 11.1,7.8C11.1,7.3 11.5,6.9 12,6.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-automation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-automation.svg
new file mode 100644
index 00000000..3370f8f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-automation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-automation" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8.5C14.34,8.5 16.46,9.43 18,10.94L16.8,12.12C15.58,10.91 13.88,10.17 12,10.17C10.12,10.17 8.42,10.91 7.2,12.12L6,10.94C7.54,9.43 9.66,8.5 12,8.5M12,11.83C13.4,11.83 14.67,12.39 15.6,13.3L14.4,14.47C13.79,13.87 12.94,13.5 12,13.5C11.06,13.5 10.21,13.87 9.6,14.47L8.4,13.3C9.33,12.39 10.6,11.83 12,11.83M12,15.17C12.94,15.17 13.7,15.91 13.7,16.83C13.7,17.75 12.94,18.5 12,18.5C11.06,18.5 10.3,17.75 10.3,16.83C10.3,15.91 11.06,15.17 12,15.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-battery-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-battery-outline.svg
new file mode 100644
index 00000000..dec50d41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-battery-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-battery-outline" viewBox="0 0 24 24"><path d="M15 9H16V7.5H20V9H21C21.55 9 22 9.45 22 10V21C22 21.55 21.55 22 21 22H15C14.45 22 14 21.55 14 21V10C14 9.45 14.45 9 15 9M16 11V14H20V11H16M12 5.69L7 10.19V18H12V20H5V12H2L12 3L14.78 5.5H14V7.17L13.76 7.27L12 5.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-battery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-battery.svg
new file mode 100644
index 00000000..c09af1b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-battery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-battery" viewBox="0 0 24 24"><path d="M12 20L5 20V12H2L12 3L14.78 5.5H14V7.17C12.84 7.58 12 8.7 12 10V20M15 9H16V7.5H20V9H21C21.55 9 22 9.45 22 10V21C22 21.55 21.55 22 21 22H15C14.45 22 14 21.55 14 21V10C14 9.45 14.45 9 15 9M16 11V14H20V11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-circle-outline.svg
new file mode 100644
index 00000000..0dc74773
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-circle-outline" viewBox="0 0 24 24"><path d="M12 20C7.6 20 4 16.4 4 12S7.6 4 12 4 20 7.6 20 12 16.4 20 12 20M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M11 14H13V17H16V12H18L12 7L6 12H8V17H11V14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-circle.svg
new file mode 100644
index 00000000..417e6dea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-circle" viewBox="0 0 24 24"><path d="M19.07,4.93C17.22,3 14.66,1.96 12,2C9.34,1.96 6.79,3 4.94,4.93C3,6.78 1.96,9.34 2,12C1.96,14.66 3,17.21 4.93,19.06C6.78,21 9.34,22.04 12,22C14.66,22.04 17.21,21 19.06,19.07C21,17.22 22.04,14.66 22,12C22.04,9.34 21,6.78 19.07,4.93M17,12V18H13.5V13H10.5V18H7V12H5L12,5L19.5,12H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-city-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-city-outline.svg
new file mode 100644
index 00000000..f7d4e9d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-city-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-city-outline" viewBox="0 0 24 24"><path d="M10,2V4.26L12,5.59V4H22V19H17V21H24V2H10M7.5,5L0,10V21H15V10L7.5,5M14,6V6.93L15.61,8H16V6H14M18,6V8H20V6H18M7.5,7.5L13,11V19H10V13H5V19H2V11L7.5,7.5M18,10V12H20V10H18M18,14V16H20V14H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-city.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-city.svg
new file mode 100644
index 00000000..ecfdd5c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-city.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-city" viewBox="0 0 24 24"><path d="M0,21V10L7.5,5L15,10V21H10V14H5V21H0M24,2V21H17V8.93L16,8.27V6H14V6.93L10,4.27V2H24M21,14H19V16H21V14M21,10H19V12H21V10M21,6H19V8H21V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-clock-outline.svg
new file mode 100644
index 00000000..6ffcb8e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-clock-outline" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C13.62 23 11.53 21.81 10.26 20H4V12H1L11 3L18 9.29C20.89 10.15 23 12.83 23 16M9.29 18C9.11 17.37 9 16.7 9 16C9 12.54 11.5 9.68 14.8 9.11L11 5.69L6 10.19V18H9.29M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-clock.svg
new file mode 100644
index 00000000..cb6bbfe0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-clock" viewBox="0 0 24 24"><path d="M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M23 16C23 19.87 19.87 23 16 23C13.62 23 11.53 21.81 10.26 20H4V12H1L11 3L18 9.29C20.89 10.15 23 12.83 23 16M21 16C21 13.24 18.76 11 16 11S11 13.24 11 16 13.24 21 16 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-edit-outline.svg
new file mode 100644
index 00000000..228aa385
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-edit-outline" viewBox="0 0 24 24"><path d="M 21.0413,11.14C 21.1827,11.14 21.3173,11.1973 21.4213,11.3027L 22.6973,12.5787C 22.912,12.792 22.912,13.14 22.6973,13.3493L 21.6973,14.3493L 19.6507,12.3027L 20.6507,11.3027C 20.76,11.1973 20.9013,11.14 21.0413,11.14 Z M 19.0627,12.88L 21.1093,14.932L 15.0627,21L 13,21L 13,18.9373L 19.0627,12.88 Z M 12,5.688L 7,10.188L 7,18L 11,18L 11,20L 5,20L 5,12L 2,12L 12,3L 19.4587,9.71285L 17,12.1716L 17,10.188L 12,5.688 Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-edit.svg
new file mode 100644
index 00000000..d4785961
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-edit" viewBox="0 0 24 24"><path d="M12 3L2 12H5V20H10V14H14V15.11L19.43 9.68L12 3M21.04 11.14C20.9 11.14 20.76 11.2 20.65 11.3L19.65 12.3L21.7 14.35L22.7 13.35C22.91 13.14 22.91 12.79 22.7 12.58L21.42 11.3C21.32 11.2 21.18 11.14 21.04 11.14M19.06 12.88L13 18.94V21H15.06L21.11 14.93L19.06 12.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-export-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-export-outline.svg
new file mode 100644
index 00000000..a079b81f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-export-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-export-outline" viewBox="0 0 24 24"><path d="M24 13L20 17V14H11V12H20V9L24 13M4 20V12H1L11 3L18 9.3V10H15.79L11 5.69L6 10.19V18H16V16H18V20H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-flood.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-flood.svg
new file mode 100644
index 00000000..062e4628
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-flood.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-flood" viewBox="0 0 24 24"><path d="M18.67 19C16.72 19 16.58 20 15.34 20C14.15 20 13.92 19 12 19C10.06 19 9.91 20 8.67 20S7.29 19 5.34 19 3.24 20 2 20V22C3.95 22 4.11 21 5.34 21C6.58 21 6.72 22 8.67 22S10.77 21 12 21C13.23 21 13.41 22 15.34 22S17.44 21 18.67 21C19.89 21 20.07 22 22 22V20C20.76 20 20.62 19 18.67 19M8.68 17.5C10.63 17.5 10.77 16.5 12 16.5C13.2 16.5 13.43 17.5 15.34 17.5C17.29 17.5 17.43 16.5 18.67 16.5C19.86 16.5 20.07 17.5 22 17.5V15.5C21.35 15.5 21 15.22 20.5 14.95L18.5 7.42L20.57 8.27L21.31 6.41L9.78 2L2 11.61L3.57 12.84L4.96 11.06L5.89 14.54C5.71 14.5 5.54 14.5 5.33 14.5C3.38 14.5 3.24 15.5 2 15.5V17.5C3.9 17.5 4.17 16.5 5.35 16.5C6.54 16.5 6.77 17.5 8.68 17.5M14.04 10.18L15.46 15.5C14.12 15.58 14 14.5 12 14.5C11.63 14.5 11.34 14.54 11.08 14.6L10.17 11.21L14.04 10.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-0.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-0.svg
new file mode 100644
index 00000000..e01ed814
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-0.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-0" viewBox="0 0 24 24"><path d="M11,10H13V16H11V10M22,12H19V20H5V12H2L12,3L22,12M15,10A2,2 0 0,0 13,8H11A2,2 0 0,0 9,10V16A2,2 0 0,0 11,18H13A2,2 0 0,0 15,16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-1.svg
new file mode 100644
index 00000000..a9f8e4da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-1" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M10,8H14V18H12V10H10V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-2.svg
new file mode 100644
index 00000000..d3c2fccc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-2" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V12A2,2 0 0,1 13,14H11V16H15V18H9V14A2,2 0 0,1 11,12H13V10H9V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-3.svg
new file mode 100644
index 00000000..296a5dbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-3" viewBox="0 0 24 24"><path d="M12,3L22,12H19V20H5V12H2L12,3M15,11.5V10C15,8.89 14.1,8 13,8H9V10H13V12H11V14H13V16H9V18H13A2,2 0 0,0 15,16V14.5A1.5,1.5 0 0,0 13.5,13A1.5,1.5 0 0,0 15,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-a.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-a.svg
new file mode 100644
index 00000000..1fc93eb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-a.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-a" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,8H13A2,2 0 0,1 15,10V18H13V15H11V18H9V10C9,8.89 9.9,8 11,8M11,10V13H13V10H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-b.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-b.svg
new file mode 100644
index 00000000..a60e34f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-b.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-b" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H13A2,2 0 0,1 15,10V11.5A1.5,1.5 0 0,1 13.5,13A1.5,1.5 0 0,1 15,14.5V16A2,2 0 0,1 13,18H9V8M11,10V12H13V10H11M11,14V16H13V14H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-g.svg
new file mode 100644
index 00000000..54e48670
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-g" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,8H15V10H11V16H13V12H15V16C15,17.11 14.1,18 13,18H11A2,2 0 0,1 9,16V10C9,8.89 9.9,8 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-l.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-l.svg
new file mode 100644
index 00000000..0eca7345
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-l.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-l" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M9,8H11V16H15V18H9V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-negative-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-negative-1.svg
new file mode 100644
index 00000000..d963f405
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-floor-negative-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-floor-negative-1" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M11,15H7V13H11V15M15,18H13V10H11V8H15V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-group-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-minus.svg
new file mode 100644
index 00000000..92ab500f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-group-minus" viewBox="0 0 24 24"><path d="M2 6H1L5 2L9 6H8V9H6V6H4V9H2V6M13 10.9L14.3 12H16V9H18V12H21V8H22L17 3L12 8H13V10.9M13.8 22C13.3 21.1 13 20.1 13 19C13 17.4 13.6 15.9 14.7 14.9L9 10L2 16H4V22H7V17H11V22H13.8M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-group-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-plus.svg
new file mode 100644
index 00000000..cf6c9c4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-group-plus" viewBox="0 0 24 24"><path d="M2 6H1L5 2L9 6H8V9H6V6H4V9H2V6M13 10.9L14.3 12H16V9H18V12H21V8H22L17 3L12 8H13V10.9M13.8 22C13.3 21.1 13 20.1 13 19C13 17.4 13.6 15.9 14.7 14.9L9 10L2 16H4V22H7V17H11V22H13.8M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-group-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-remove.svg
new file mode 100644
index 00000000..b5085bc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-group-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-group-remove" viewBox="0 0 24 24"><path d="M2 6H1L5 2L9 6H8V9H6V6H4V9H2V6M13 10.9L14.3 12H16V9H18V12H21V8H22L17 3L12 8H13V10.9M13.8 22C13.3 21.1 13 20.1 13 19C13 17.4 13.6 15.9 14.7 14.9L9 10L2 16H4V22H7V17H11V22H13.8M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-group.svg
new file mode 100644
index 00000000..e075c132
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-group" viewBox="0 0 24 24"><path d="M17,16H15V22H12V17H8V22H5V16H3L10,10L17,16M6,2L10,6H9V9H7V6H5V9H3V6H2L6,2M18,3L23,8H22V12H19V9H17V12H15.34L14,10.87V8H13L18,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-heart.svg
new file mode 100644
index 00000000..01809a09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-heart" viewBox="0 0 24 24"><path d="M2,12L12,3L22,12H19V20H5V12H2M12,18L12.72,17.34C15.3,15 17,13.46 17,11.57C17,10.03 15.79,8.82 14.25,8.82C13.38,8.82 12.55,9.23 12,9.87C11.45,9.23 10.62,8.82 9.75,8.82C8.21,8.82 7,10.03 7,11.57C7,13.46 8.7,15 11.28,17.34L12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-import-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-import-outline.svg
new file mode 100644
index 00000000..f035ab0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-import-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-import-outline" viewBox="0 0 24 24"><path d="M15 13L11 17V14H2V12H11V9L15 13M5 20V16H7V18H17V10.19L12 5.69L7.21 10H4.22L12 3L22 12H19V20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb-outline.svg
new file mode 100644
index 00000000..e9eddf84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lightbulb-outline" viewBox="0 0 24 24"><path d="M5 20V12H2L12 3L22 12H19V20H5M12 5.69L7 10.19V18H17V10.19L12 5.69M11 17V16H13V17H11M11 15C10.72 15 10.5 14.78 10.5 14.5V13.6C9.6 13.08 9 12.11 9 11C9 9.34 10.34 8 12 8C13.66 8 15 9.34 15 11C15 12.11 14.4 13.08 13.5 13.6V14.5C13.5 14.78 13.28 15 13 15H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb.svg
new file mode 100644
index 00000000..e153fc58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightbulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lightbulb" viewBox="0 0 24 24"><path d="M12 3L2 12H5V20H19V12H22M13 18H11V17H13M13.5 14.58V16H10.5V14.58A3 3 0 1 1 13.5 14.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt-outline.svg
new file mode 100644
index 00000000..bac76658
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lightning-bolt-outline" viewBox="0 0 24 24"><path d="M5 20V12H2L12 3L22 12H19V20H5M12 5.69L7 10.19V18H17V10.19L12 5.69M11.5 18V14H9L12.5 7V11H15L11.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt.svg
new file mode 100644
index 00000000..78bf13fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lightning-bolt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lightning-bolt" viewBox="0 0 24 24"><path d="M12 3L2 12H5V20H19V12H22L12 3M11.5 18V14H9L12.5 7V11H15L11.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lock-open.svg
new file mode 100644
index 00000000..28c3807d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lock-open" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,8A3,3 0 0,1 15,11H13A1,1 0 0,0 12,10A1,1 0 0,0 11,11V13H16V17H8V13H9V11A3,3 0 0,1 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-lock.svg
new file mode 100644
index 00000000..1eafe0df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-lock" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,9A3,3 0 0,1 15,12V13H16V17H8V13H9V12A3,3 0 0,1 12,9M12,11A1,1 0 0,0 11,12V13H13V12C13,11.5 12.6,11 12,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-map-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-map-marker.svg
new file mode 100644
index 00000000..30a4df1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-map-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-map-marker" viewBox="0 0 24 24"><path d="M12,3L2,12H5V20H19V12H22L12,3M12,7.7C14.1,7.7 15.8,9.4 15.8,11.5C15.8,14.5 12,18 12,18C12,18 8.2,14.5 8.2,11.5C8.2,9.4 9.9,7.7 12,7.7M12,10A1.5,1.5 0 0,0 10.5,11.5A1.5,1.5 0 0,0 12,13A1.5,1.5 0 0,0 13.5,11.5A1.5,1.5 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-minus-outline.svg
new file mode 100644
index 00000000..d61e4564
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-minus-outline" viewBox="0 0 24 24"><path d="M14 17H22V19H14V17M5 20V12H2L12 3L22 12H17V10.19L12 5.69L7 10.19V18H12C12 18.7 12.12 19.37 12.34 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-minus.svg
new file mode 100644
index 00000000..71d4e491
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-minus" viewBox="0 0 24 24"><path d="M22 17V19H14V17H22M12 3L22 12H18C14.69 12 12 14.69 12 18C12 18.7 12.12 19.37 12.34 20H5V12H2L12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-modern.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-modern.svg
new file mode 100644
index 00000000..77afc130
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-modern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-modern" viewBox="0 0 24 24"><path d="M6,21V8A2,2 0 0,1 8,6L16,3V6A2,2 0 0,1 18,8V21H12V16H8V21H6M14,19H16V16H14V19M8,13H10V9H8V13M12,13H16V9H12V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-off-outline.svg
new file mode 100644
index 00000000..ae918ce4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.27 8.16L2 12H5V20H11V14H12.11L13 14.89V20H18.11L20.84 22.73L22.11 21.46M9 12V18H7V10.19L7.68 9.57L10.11 12H9M15 18V16.89L16.11 18H15M10.36 7.16L8.95 5.75L12 3L22 12H19V15.8L17 13.8V10.19L12 5.69L10.36 7.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-off.svg
new file mode 100644
index 00000000..b3b3d35b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.11 20H14V15.89L12.11 14H10V20H5V12H2L6.27 8.16L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M19 12H22L12 3L8.95 5.75L19 15.8V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-outline.svg
new file mode 100644
index 00000000..a22a78aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-outline" viewBox="0 0 24 24"><path d="M12 5.69L17 10.19V18H15V12H9V18H7V10.19L12 5.69M12 3L2 12H5V20H11V14H13V20H19V12H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-plus-outline.svg
new file mode 100644
index 00000000..8452493e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-plus-outline" viewBox="0 0 24 24"><path d="M17 14H19V17H22V19H19V22H17V19H14V17H17V14M5 20V12H2L12 3L22 12H17V10.19L12 5.69L7 10.19V18H12C12 18.7 12.12 19.37 12.34 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-plus.svg
new file mode 100644
index 00000000..6bfcfe9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-plus" viewBox="0 0 24 24"><path d="M17 14H19V17H22V19H19V22H17V19H14V17H17V14M12 3L22 12H18C14.69 12 12 14.69 12 18C12 18.7 12.12 19.37 12.34 20H5V12H2L12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-remove-outline.svg
new file mode 100644
index 00000000..521b8b57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-remove-outline" viewBox="0 0 24 24"><path d="M14.46 15.88L15.88 14.46L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.46 20.12L16.59 18L14.47 15.88M5 20V12H2L12 3L22 12H17V10.19L12 5.69L7 10.19V18H12C12 18.7 12.12 19.37 12.34 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-remove.svg
new file mode 100644
index 00000000..e2d0cd85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-remove" viewBox="0 0 24 24"><path d="M14.46 15.88L15.88 14.46L18 16.59L20.12 14.47L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.46 20.12L16.59 18L14.47 15.88M12 3L22 12H18C14.69 12 12 14.69 12 18C12 18.7 12.12 19.37 12.34 20H5V12H2L12 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-roof.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-roof.svg
new file mode 100644
index 00000000..2fa92785
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-roof.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-roof" viewBox="0 0 24 24"><path d="M19 16H22L12 7L2 16H5L12 9.69L19 16M7 8.81V7H4V11.5L7 8.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-search-outline.svg
new file mode 100644
index 00000000..234c3042
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-search-outline" viewBox="0 0 24 24"><path d="M19.31 18.9C19.75 18.21 20 17.38 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.37 21 17.19 20.75 17.88 20.32L21 23.39L22.39 22L19.31 18.9M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M5 20V12H2L12 3L22 12H20.18C19.33 11.11 18.23 10.47 17 10.18L12 5.69L7 10.19V18H9.18C9.35 18.72 9.64 19.39 10.03 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-search.svg
new file mode 100644
index 00000000..0553f688
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-search" viewBox="0 0 24 24"><path d="M19.31 18.9C19.75 18.21 20 17.38 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.37 21 17.19 20.75 17.88 20.32L21 23.39L22.39 22L19.31 18.9M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M5 20V12H2L12 3L22 12H20.18C19 10.77 17.34 10 15.5 10C11.92 10 9 12.92 9 16.5C9 17.79 9.38 19 10.03 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-silo-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-silo-outline.svg
new file mode 100644
index 00000000..431a095e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-silo-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-silo-outline" viewBox="0 0 24 24"><path d="M20 21H17V19H20V21M20 17H17V15H20V17M20 13H17V11H20V13M24 7.8C23.6 4.5 20.8 2 17.5 2C15.8 2 14.1 2.7 12.9 3.9C12.2 4.6 11.7 5.3 11.4 6.2L15.6 9H22V22H24V7.8M13.3 7C13.9 5.2 15.6 4 17.5 4S21.1 5.2 21.7 7H13.3M7.5 6L0 11V22H15V11L7.5 6M13 20H10V14H5V20H2V12L7.5 8.5L13 12V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-silo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-silo.svg
new file mode 100644
index 00000000..c2d3c853
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-silo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-silo" viewBox="0 0 24 24"><path d="M24 7.8C23.6 4.5 20.9 2 17.5 2C15.8 2 14.1 2.7 12.9 3.9C12.2 4.6 11.7 5.3 11.4 6.2L17 9.9V10H20V12H17V14H20V16H17V18H20V20H17V22H24V7.8M13.3 7C13.9 5.2 15.6 4 17.5 4S21.1 5.2 21.7 7H13.3M0 11V22H5V15H10V22H15V11L7.5 6L0 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-switch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-switch-outline.svg
new file mode 100644
index 00000000..fc28d7d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-switch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-switch-outline" viewBox="0 0 24 24"><path d="M8 3L1 9H3V15H7V11H9V15H13V9H15L8 3M11.5 9V13.5H10.5V9.5H5.5V13.5H4.5V8L8 5L11.5 8V9M9 16V18H15V16L18 19L15 22V20H9V22L6 19L9 16M23 9H21V15H15V10H19L13.54 5.11L16 3L23 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-switch.svg
new file mode 100644
index 00000000..6c6a9229
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-switch" viewBox="0 0 24 24"><path d="M6.5 15V11H9.5V15H13V9H15L8 3L1 9H3V15H6.5M9 16V18H15V16L18 19L15 22V20H9V22L6 19L9 16M23 9H21V15H15V10H19L13.54 5.11L16 3L23 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer-outline.svg
new file mode 100644
index 00000000..22f65998
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-thermometer-outline" viewBox="0 0 24 24"><path d="M19 8C20.11 8 21 8.9 21 10V16.76C21.61 17.31 22 18.11 22 19C22 20.66 20.66 22 19 22C17.34 22 16 20.66 16 19C16 18.11 16.39 17.31 17 16.76V10C17 8.9 17.9 8 19 8M19 9C18.45 9 18 9.45 18 10V11H20V10C20 9.45 19.55 9 19 9M12 5.69L7 10.19V18H14.1L14 19L14.1 20H5V12H2L12 3L16.4 6.96C15.89 7.4 15.5 7.97 15.25 8.61L12 5.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer.svg
new file mode 100644
index 00000000..b5ad3cb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-thermometer" viewBox="0 0 24 24"><path d="M19 8C20.11 8 21 8.9 21 10V16.76C21.61 17.31 22 18.11 22 19C22 20.66 20.66 22 19 22C17.34 22 16 20.66 16 19C16 18.11 16.39 17.31 17 16.76V10C17 8.9 17.9 8 19 8M19 9C18.45 9 18 9.45 18 10V11H20V10C20 9.45 19.55 9 19 9M5 20V12H2L12 3L16.4 6.96C15.54 7.69 15 8.78 15 10V16C14.37 16.83 14 17.87 14 19L14.1 20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-variant-outline.svg
new file mode 100644
index 00000000..7667d74a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-variant-outline" viewBox="0 0 24 24"><path d="M9,13H15V19H18V10L12,5.5L6,10V19H9V13M4,21V9L12,3L20,9V21H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home-variant.svg
new file mode 100644
index 00000000..79bf478a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home-variant" viewBox="0 0 24 24"><path d="M12,3L20,9V21H15V14H9V21H4V9L12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/home.svg b/apps/phoenix_webcomponent/priv/mdi/svg/home.svg
new file mode 100644
index 00000000..0cf7c605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-home" viewBox="0 0 24 24"><path d="M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hook-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hook-off.svg
new file mode 100644
index 00000000..b731eb0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hook-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hook-off" viewBox="0 0 24 24"><path d="M13,9.86V11.18L15,13.18V9.86C17.14,9.31 18.43,7.13 17.87,5C17.32,2.85 15.14,1.56 13,2.11C10.86,2.67 9.57,4.85 10.13,7C10.5,8.4 11.59,9.5 13,9.86M14,4A2,2 0 0,1 16,6A2,2 0 0,1 14,8A2,2 0 0,1 12,6A2,2 0 0,1 14,4M18.73,22L14.86,18.13C14.21,20.81 11.5,22.46 8.83,21.82C6.6,21.28 5,19.29 5,17V12L10,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17V16.27L2,5.27L3.28,4L13,13.72L15,15.72L20,20.72L18.73,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hook.svg
new file mode 100644
index 00000000..918394e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hook" viewBox="0 0 24 24"><path d="M18,6C18,7.82 16.76,9.41 15,9.86V17A5,5 0 0,1 10,22A5,5 0 0,1 5,17V12L10,17H7A3,3 0 0,0 10,20A3,3 0 0,0 13,17V9.86C11.23,9.4 10,7.8 10,5.97C10,3.76 11.8,2 14,2C16.22,2 18,3.79 18,6M14,8A2,2 0 0,0 16,6A2,2 0 0,0 14,4A2,2 0 0,0 12,6A2,2 0 0,0 14,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hoop-house.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hoop-house.svg
new file mode 100644
index 00000000..dccbdaae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hoop-house.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hoop-house" viewBox="0 0 24 24"><path d="M12 5C6.5 5 2 9.5 2 15V21H22V15C22 9.5 17.5 5 12 5M12 7C14.53 7 16.78 8.17 18.25 10H5.76C7.22 8.17 9.47 7 12 7M8 19H4V15C4 13.94 4.21 12.93 4.58 12H8V19M14 19H10V12H14V19M20 19H16V12H19.42C19.79 12.93 20 13.94 20 15V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hops.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hops.svg
new file mode 100644
index 00000000..feb3c1bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hops.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hops" viewBox="0 0 24 24"><path d="M21,12C21,12 12.5,10 12.5,2C12.5,2 21,2 21,12M3,12C3,2 11.5,2 11.5,2C11.5,10 3,12 3,12M12,6.5C12,6.5 13,8.66 15,10.5C14.76,14.16 12,16 12,16C12,16 9.24,14.16 9,10.5C11,8.66 12,6.5 12,6.5M20.75,13.25C20.75,13.25 20,17 18,19C18,19 15.53,17.36 14.33,14.81C15.05,13.58 15.5,12.12 15.75,11.13C17.13,12.18 18.75,13 20.75,13.25M15.5,18.25C14.5,20.25 12,21.75 12,21.75C12,21.75 9.5,20.25 8.5,18.25C8.5,18.25 9.59,17.34 10.35,15.8C10.82,16.35 11.36,16.79 12,17C12.64,16.79 13.18,16.35 13.65,15.8C14.41,17.34 15.5,18.25 15.5,18.25M3.25,13.25C5.25,13 6.87,12.18 8.25,11.13C8.5,12.12 8.95,13.58 9.67,14.81C8.47,17.36 6,19 6,19C4,17 3.25,13.25 3.25,13.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-clockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-clockwise.svg
new file mode 100644
index 00000000..bb9e9a73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-clockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horizontal-rotate-clockwise" viewBox="0 0 24 24"><path d="M12 14L8 10L4 14H7.1C7.56 18.56 9.58 22 12 22S16.44 18.56 16.9 14H14.91C14.57 17.45 13.4 20 12 20S9.43 17.45 9.09 14H12M12 4C13.4 4 14.57 6.55 14.91 10H16.9C16.44 5.44 14.42 2 12 2C9.84 2 8 4.74 7.3 8.58L8 7.88L9.21 9.08C9.64 6.11 10.73 4 12 4M22 13V11H11L13 13H22M2 13H3L5 11H2V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-counterclockwise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-counterclockwise.svg
new file mode 100644
index 00000000..ba65b77e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horizontal-rotate-counterclockwise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horizontal-rotate-counterclockwise" viewBox="0 0 24 24"><path d="M12 10H9.09C9.43 6.55 10.6 4 12 4S14.57 6.55 14.91 10H16.9C16.44 5.44 14.42 2 12 2S7.56 5.44 7.1 10H4L8 14L12 10M12 20C10.73 20 9.64 17.89 9.21 14.92L8 16.12L7.3 15.42C8 19.26 9.84 22 12 22C14.42 22 16.44 18.56 16.9 14H14.91C14.57 17.45 13.4 20 12 20M22 11H13L11 13H22V11M2 13H5L3 11H2V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horse-human.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horse-human.svg
new file mode 100644
index 00000000..30fff94f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horse-human.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horse-human" viewBox="0 0 24 24"><path d="M10 3.5C10 2.67 10.67 2 11.5 2S13 2.67 13 3.5 12.33 5 11.5 5 10 4.33 10 3.5M22 8V11.5L20.97 11.85C20.8 13.06 19.76 14 18.5 14H18.42C18.28 14.68 17.95 15.29 17.5 15.78V22H15V17C14.92 17 14.84 17 14.75 17C14.54 17 14.33 16.97 14.13 16.94L9.69 16.2L8.57 18.21L9.32 22H6.78L6 18.25C5.97 17.95 6 17.65 6.16 17.39L7.18 15.58C6.2 15.03 5.53 14 5.5 12.81C5.46 12.96 5.44 13.18 5.47 13.5C5.5 13.94 5.61 14.59 5.54 15.31C5.5 16.03 5.17 16.77 4.75 17.26C4.32 17.75 3.85 18.09 3.35 18.35L2.65 17.65C2.84 17.18 3.03 16.76 3.07 16.37C3.13 16 3.06 15.7 2.95 15.43L2.42 14.3C2.21 13.79 1.95 13.05 2 12.18C2.03 11.33 2.5 10.22 3.39 9.61C4.29 9 5.26 8.91 6.05 9.08C6.55 9.18 7.06 9.42 7.5 9.76C7.87 9.59 8.3 9.5 8.75 9.5H9V8.11C9 7.11 9.68 6.19 10.66 6.03C11.92 5.82 13 6.79 13 8V9.5H14.5V9C14.5 6.79 16.29 5 18.5 5H22L21.11 6.34C21.65 6.7 22 7.31 22 8M20 11.2L18.96 9.54C18.83 9.33 18.5 9.42 18.5 9.67V13C19.33 13 20 12.33 20 11.5V11.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant-fast.svg
new file mode 100644
index 00000000..a47c7a26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horse-variant-fast" viewBox="0 0 24 24"><path d="M23 8V16L20 17L16.91 11.5C16.65 11.04 15.92 11.27 16 11.81L17 21L7 17L8.15 8.94C8.64 5.53 11.56 3 15 3H23L21.42 5.37C22.36 5.88 23 6.86 23 8M4 5H7.58C8.08 4.24 8.7 3.57 9.41 3H4C3.45 3 3 3.45 3 4S3.45 5 4 5M5.84 11H2C1.45 11 1 11.45 1 12S1.45 13 2 13H5.55L5.84 11M3 9H6.12L6.17 8.66C6.25 8.08 6.39 7.53 6.58 7H3C2.45 7 2 7.45 2 8S2.45 9 3 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant.svg
new file mode 100644
index 00000000..91168ad1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horse-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horse-variant" viewBox="0 0 24 24"><path d="M20 8V16L17 17L13.91 11.5C13.65 11.04 12.92 11.27 13 11.81L14 21L4 17L5.15 8.94C5.64 5.53 8.56 3 12 3H20L18.42 5.37C19.36 5.88 20 6.86 20 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horse.svg
new file mode 100644
index 00000000..c72a5538
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horse" viewBox="0 0 24 24"><path d="M22 6V9.5L20.5 10L18.96 7.54C18.83 7.33 18.5 7.42 18.5 7.67V11.25C18.5 12.23 18.11 13.11 17.5 13.78V21H15V15C14.92 15 14.84 15 14.75 15C14.54 15 14.33 14.97 14.13 14.94L9.69 14.2L8.57 16.21L9.53 21H7L6 16.25C5.97 15.95 6 15.65 6.16 15.39L7.18 13.58C6.2 13.03 5.53 12 5.5 10.81C5.46 10.96 5.44 11.18 5.47 11.5C5.5 11.94 5.61 12.59 5.54 13.31C5.5 14.03 5.17 14.77 4.75 15.26C4.32 15.75 3.85 16.09 3.35 16.35L2.65 15.65C2.84 15.18 3.03 14.76 3.07 14.37C3.13 14 3.06 13.7 2.95 13.43L2.42 12.3C2.21 11.79 1.95 11.05 2 10.18C2.03 9.33 2.5 8.22 3.39 7.61C4.29 7 5.26 6.92 6.05 7.08C6.55 7.18 7.06 7.42 7.5 7.76C7.87 7.59 8.3 7.5 8.75 7.5H14.5V7C14.5 4.79 16.29 3 18.5 3H22L21.11 4.34C21.65 4.7 22 5.31 22 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/horseshoe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/horseshoe.svg
new file mode 100644
index 00000000..9127e28a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/horseshoe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-horseshoe" viewBox="0 0 24 24"><path d="M19,4H20V1H16V4C16,4 18,8 18,12C18,16 16,19 12,19C8,19 6,16 6,12C6,8 8,4 8,4V1H4V4H5C5,4 2,8 2,14C2,19 7,23 12,23C17,23 22,19 22,14C22,8 19,4 19,4M4,13C3.4,13 3,12.6 3,12C3,11.4 3.4,11 4,11C4.6,11 5,11.4 5,12C5,12.6 4.6,13 4,13M6,19C5.4,19 5,18.6 5,18C5,17.4 5.4,17 6,17C6.6,17 7,17.4 7,18C7,18.6 6.6,19 6,19M12,22C11.4,22 11,21.6 11,21C11,20.4 11.4,20 12,20C12.6,20 13,20.4 13,21C13,21.6 12.6,22 12,22M18,19C17.4,19 17,18.6 17,18C17,17.4 17.4,17 18,17C18.6,17 19,17.4 19,18C19,18.6 18.6,19 18,19M20,13C19.4,13 19,12.6 19,12C19,11.4 19.4,11 20,11C20.6,11 21,11.4 21,12C21,12.6 20.6,13 20,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box-outline.svg
new file mode 100644
index 00000000..3872364d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hospital-box-outline" viewBox="0 0 24 24"><path d="M18 14H14V18H10V14H6V10H10V6H14V10H18M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M20 20H4V4H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box.svg
new file mode 100644
index 00000000..ca8eda88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hospital-box" viewBox="0 0 24 24"><path d="M18,14H14V18H10V14H6V10H10V6H14V10H18M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hospital-building.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-building.svg
new file mode 100644
index 00000000..5511e73e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-building.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hospital-building" viewBox="0 0 24 24"><path d="M2,22V7A1,1 0 0,1 3,6H7V2H17V6H21A1,1 0 0,1 22,7V22H14V17H10V22H2M9,4V10H11V8H13V10H15V4H13V6H11V4H9M4,20H8V17H4V20M4,15H8V12H4V15M16,20H20V17H16V20M16,15H20V12H16V15M10,15H14V12H10V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hospital-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-marker.svg
new file mode 100644
index 00000000..e7c934af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hospital-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hospital-marker" viewBox="0 0 24 24"><path d="M12,2C15.86,2 19,5.13 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M9,6V12H11V10H13V12H15V6H13V8H11V6H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hospital.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hospital.svg
new file mode 100644
index 00000000..c3f11799
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hospital.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hospital" viewBox="0 0 24 24"><path d="M18 14H14V18H10V14H6V10H10V6H14V10H18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hot-tub.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hot-tub.svg
new file mode 100644
index 00000000..6c091d51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hot-tub.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hot-tub" viewBox="0 0 24 24"><path d="M7,4A2,2 0 0,1 9,6A2,2 0 0,1 7,8A2,2 0 0,1 5,6A2,2 0 0,1 7,4M11.15,12H22V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12H5V11.25C5,10 6,9 7.25,9H7.28C7.62,9 7.95,9.09 8.24,9.23C8.5,9.35 8.74,9.5 8.93,9.73L10.33,11.28C10.56,11.54 10.84,11.78 11.15,12M7,20V14H5V20H7M11,20V14H9V20H11M15,20V14H13V20H15M19,20V14H17V20H19M18.65,5.86C19.68,6.86 20.16,8.21 19.95,9.57L19.89,10H18L18.09,9.41C18.24,8.62 18,7.83 17.42,7.21L17.35,7.15C16.32,6.14 15.85,4.79 16.05,3.43L16.11,3H18L17.91,3.59C17.76,4.38 18,5.17 18.58,5.79L18.65,5.86M14.65,5.86C15.68,6.86 16.16,8.21 15.95,9.57L15.89,10H14L14.09,9.41C14.24,8.62 14,7.83 13.42,7.21L13.35,7.15C12.32,6.14 11.85,4.79 12.05,3.43L12.11,3H14L13.91,3.59C13.76,4.38 14,5.17 14.58,5.79L14.65,5.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hours-24.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hours-24.svg
new file mode 100644
index 00000000..92308b04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hours-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hours-24" viewBox="0 0 24 24"><path d="M13 2.05V4.07C16.95 4.56 20 7.92 20 12C20 15.21 18.08 18 15.28 19.28L13 17V22H18L16.78 20.78C19.91 19.07 22 15.76 22 12C22 6.82 18.05 2.55 13 2.05M11 2C9.05 2.2 7.2 2.96 5.68 4.21L7.1 5.63C8.23 4.75 9.58 4.2 11 4V2M4.2 5.68C2.96 7.2 2.2 9.05 2 11H4C4.19 9.58 4.75 8.23 5.63 7.1L4.2 5.68M6 8V10H9V11H8C6.9 11 6 11.9 6 13V16H11V14H8V13H9C10.11 13 11 12.11 11 11V10C11 8.9 10.11 8 9 8H6M12 8V13H15V16H17V13H18V11H17V8H15V11H14V8H12M2 13C2.2 14.95 2.97 16.8 4.22 18.32L5.64 16.9C4.76 15.77 4.2 14.42 4 13H2M7.11 18.37L5.68 19.79C7.2 21.03 9.05 21.8 11 22V20C9.58 19.81 8.24 19.25 7.11 18.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hubspot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hubspot.svg
new file mode 100644
index 00000000..db2fc922
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hubspot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hubspot" viewBox="0 0 24 24"><path d="M17.1,8.6V6.2C17.7,5.9 18.2,5.3 18.2,4.6V4.5C18.2,3.5 17.4,2.7 16.4,2.7H16.3C15.3,2.7 14.5,3.5 14.5,4.5V4.6C14.5,5.3 14.9,5.9 15.6,6.2V8.6C14.7,8.7 13.8,9.1 13.1,9.7L6.5,4.6C6.8,3.5 6.1,2.3 5,2.1C3.9,1.9 2.8,2.4 2.5,3.5C2.2,4.6 2.9,5.8 4,6.1C4.5,6.2 5.1,6.2 5.6,5.9L12,10.9C10.8,12.7 10.8,15 12.1,16.8L10.1,18.8C9.9,18.8 9.8,18.7 9.6,18.7C8.7,18.7 7.9,19.5 7.9,20.4C7.9,21.3 8.7,22 9.6,22C10.5,22 11.3,21.2 11.3,20.3V20.3C11.3,20.1 11.3,20 11.2,19.8L13.1,17.9C15.4,19.6 18.7,19.2 20.4,16.9C22.1,14.6 21.7,11.3 19.4,9.6C18.8,9.1 18,8.7 17.1,8.6M16.3,16.4C14.8,16.4 13.6,15.2 13.6,13.7C13.6,12.2 14.8,11 16.3,11C17.8,11 19,12.2 19,13.7C19,15.2 17.8,16.4 16.3,16.4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hulu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hulu.svg
new file mode 100644
index 00000000..3c305ebe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hulu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hulu" viewBox="0 0 24 24"><path d="M19.5,12.8V22H14.7V13.9C14.7,13.2 14.1,12.6 13.4,12.6H10.5C9.8,12.6 9.2,13.2 9.2,13.9V22H4.5V2H9.3V8.4C9.6,8.3 9.9,8.2 10.2,8.2H15C17.5,8.2 19.5,10.3 19.5,12.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-baby-changing-table.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-baby-changing-table.svg
new file mode 100644
index 00000000..f89cbff8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-baby-changing-table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-baby-changing-table" viewBox="0 0 24 24"><path d="M6.5 6.08C5.72 6.12 5 6.62 4.72 7.4L3 12.13V22H7V12.84L8.42 8.94L10.7 10H14V8H11.15L7.29 6.2C7.03 6.11 6.76 6.07 6.5 6.08M9 17H21V19H9M10 3.5A2 2 0 0 1 8 5.5A2 2 0 0 1 6 3.5A2 2 0 0 1 8 1.5A2 2 0 0 1 10 3.5M21 14.5A1.5 1.5 0 0 1 19.5 16A1.5 1.5 0 0 1 18 14.5A1.5 1.5 0 0 1 19.5 13A1.5 1.5 0 0 1 21 14.5M9 11V13H11V14C11 15.11 11.89 16 13 16H15C16.11 16 17 15.11 17 14V11H15V13H13V12A1 1 0 0 0 12 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-cane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-cane.svg
new file mode 100644
index 00000000..dd1e0040
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-cane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-cane" viewBox="0 0 24 24"><path d="M18 12.24V22H17.06V12.24C17.06 12.09 17 12 16.93 11.89C16.84 11.8 16.74 11.76 16.62 11.76C16.47 11.76 16.36 11.8 16.27 11.89C16.18 12 16.14 12.1 16.14 12.24V13.16H15.23V12.5C14.53 12.33 13.9 12.04 13.35 11.63C12.8 11.22 12.34 10.74 11.96 10.19L11.61 11.39C11.5 11.81 11.5 12.24 11.5 12.68L11.5 13L11.5 13.33L13.35 15.94V22H11.5V17.34L9.82 15L9.65 18.25L6.86 22L5.38 20.87L7.77 17.64V12.68C7.77 12.15 7.82 11.63 7.91 11.11L8.25 9.54L6.86 10.32V13.63H5V9.23L10 6.4C10.29 6.26 10.59 6.18 10.91 6.18C11.23 6.18 11.54 6.27 11.83 6.44C12.15 6.62 12.39 6.88 12.57 7.23L13.31 8.8C13.6 9.38 14.04 9.87 14.64 10.26C15.23 10.65 15.89 10.85 16.62 10.85C17 10.85 17.32 11 17.6 11.24C17.88 11.5 18 11.83 18 12.24M12 2C13.11 2 14 2.9 14 4C14 5.11 13.11 6 12 6C10.9 6 10 5.11 10 4C10 2.9 10.9 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-decrease.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-decrease.svg
new file mode 100644
index 00000000..f43720ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-decrease.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-capacity-decrease" viewBox="0 0 24 24"><path d="M16 4C16 2.9 16.9 2 18 2S20 2.9 20 4 19.1 6 18 6 16 5.1 16 4M20.78 7.58C19.93 7.21 19 7 18 7C17.33 7 16.69 7.1 16.08 7.28C16.66 7.83 17 8.6 17 9.43V10H22V9.43C22 8.62 21.5 7.9 20.78 7.58M6 6C7.1 6 8 5.1 8 4S7.1 2 6 2 4 2.9 4 4 4.9 6 6 6M7.92 7.28C7.31 7.1 6.67 7 6 7C5 7 4.07 7.21 3.22 7.58C2.5 7.9 2 8.62 2 9.43V10H7V9.43C7 8.6 7.34 7.83 7.92 7.28M10 4C10 2.9 10.9 2 12 2S14 2.9 14 4 13.1 6 12 6 10 5.1 10 4M16 10H8V9.43C8 8.62 8.5 7.9 9.22 7.58C10.07 7.21 11 7 12 7C13 7 13.93 7.21 14.78 7.58C15.5 7.9 16 8.62 16 9.43V10M15 16C15 14.9 15.9 14 17 14S19 14.9 19 16 18.1 18 17 18 15 17.1 15 16M21 22H13V21.43C13 20.62 13.5 19.9 14.22 19.58C15.07 19.21 16 19 17 19C18 19 18.93 19.21 19.78 19.58C20.5 19.9 21 20.62 21 21.43V22M5 16C5 14.9 5.9 14 7 14S9 14.9 9 16 8.1 18 7 18 5 17.1 5 16M11 22H3V21.43C3 20.62 3.5 19.9 4.22 19.58C5.07 19.21 6 19 7 19C8 19 8.93 19.21 9.78 19.58C10.5 19.9 11 20.62 11 21.43V22M12.75 13V11H11.25V13H9L12 16L15 13H12.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-increase.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-increase.svg
new file mode 100644
index 00000000..316b5e3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-capacity-increase.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-capacity-increase" viewBox="0 0 24 24"><path d="M16 4C16 2.9 16.9 2 18 2C19.1 2 20 2.9 20 4C20 5.1 19.1 6 18 6C16.9 6 16 5.1 16 4M20.78 7.58C19.93 7.21 19 7 18 7C17.33 7 16.69 7.1 16.08 7.28C16.66 7.83 17 8.6 17 9.43V10H22V9.43C22 8.62 21.5 7.9 20.78 7.58M6 6C7.1 6 8 5.1 8 4C8 2.9 7.1 2 6 2C4.9 2 4 2.9 4 4C4 5.1 4.9 6 6 6M7.92 7.28C7.31 7.1 6.67 7 6 7C5 7 4.07 7.21 3.22 7.58C2.5 7.9 2 8.62 2 9.43V10H7V9.43C7 8.6 7.34 7.83 7.92 7.28M10 4C10 2.9 10.9 2 12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4M16 10H8V9.43C8 8.62 8.5 7.9 9.22 7.58C10.07 7.21 11 7 12 7C13 7 13.93 7.21 14.78 7.58C15.5 7.9 16 8.62 16 9.43M15 16C15 14.9 15.9 14 17 14C18.1 14 19 14.9 19 16C19 17.1 18.1 18 17 18C15.9 18 15 17.1 15 16M21 22H13V21.43C13 20.62 13.5 19.9 14.22 19.58C15.07 19.21 16 19 17 19C18 19 18.93 19.21 19.78 19.58C20.5 19.9 21 20.62 21 21.43M5 16C5 14.9 5.9 14 7 14C8.1 14 9 14.9 9 16C9 17.1 8.1 18 7 18C5.9 18 5 17.1 5 16M11 22H3V21.43C3 20.62 3.5 19.9 4.22 19.58C5.07 19.21 6 19 7 19C8 19 8.93 19.21 9.78 19.58C10.5 19.9 11 20.62 11 21.43M12.75 14V16H11.25V14H9L12 11L15 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-child.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-child.svg
new file mode 100644
index 00000000..bbca2d48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-child.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-child" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M11,22H8V16H6V9H18V16H16V22H13V18H11V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-dolly.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-dolly.svg
new file mode 100644
index 00000000..1f161f67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-dolly.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-dolly" viewBox="0 0 24 24"><path d="M16.78 21.84C15.77 22.27 14.59 21.8 14.16 20.78C13.73 19.77 14.2 18.59 15.22 18.16C16.23 17.73 17.41 18.2 17.84 19.22C18.27 20.23 17.8 21.41 16.78 21.84M7.62 6C8.73 6 9.62 5.11 9.62 4C9.62 2.9 8.73 2 7.62 2C6.5 2 5.62 2.9 5.62 4C5.62 5.11 6.5 6 7.62 6M22.05 16.34L18.2 18C18.42 18.22 18.62 18.5 18.76 18.82C18.9 19.15 18.96 19.5 19 19.82L22.83 18.18L22.05 16.34M10.16 8.78L10.9 10.59C10.66 10.5 10.44 10.38 10.26 10.26C9.66 9.87 9.22 9.38 8.93 8.8L8.19 7.23C8 6.88 7.77 6.62 7.45 6.44C7.16 6.27 6.85 6.18 6.53 6.18C6.21 6.18 5.91 6.26 5.62 6.4C4.22 7.5 3.87 9.54 3.87 9.54L3.53 11.11C3.44 11.63 3.39 12.15 3.39 12.68V17.64L1 20.87L2.5 22L5.27 18.25L5.44 15L7.12 17.34V22H8.97V15.94L7.12 13.33V12.68C7.12 12.24 7.12 11.81 7.23 11.39L7.58 10.19C7.96 10.74 8.42 11.22 8.97 11.63C9.42 11.97 10.68 12.57 11.87 12.86L14 17.8C14.22 17.58 14.5 17.38 14.83 17.24C15.15 17.1 15.5 17.04 15.82 17L12 8L10.16 8.78M15.36 12.12L17.32 16.72L22.95 14.31L21 9.72" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-edit.svg
new file mode 100644
index 00000000..5a6daa51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-edit" viewBox="0 0 24 24"><path d="M19.07 14.88L21.12 16.93L15.06 23H13V20.94L19.07 14.88M21.04 13.13C21.18 13.13 21.31 13.19 21.42 13.3L22.7 14.58C22.92 14.79 22.92 15.14 22.7 15.35L21.7 16.35L19.65 14.3L20.65 13.3C20.76 13.19 20.9 13.13 21.04 13.13M21 9H15V16L13 18V16H11V22H9V9H3V7H21V9M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-female-boy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-boy.svg
new file mode 100644
index 00000000..8d2a9e91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-boy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-female-boy" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16H9V22H6M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M13.5,15H19.5V19H18V22H15V19H13.5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-female-dance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-dance.svg
new file mode 100644
index 00000000..32624f7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-dance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-female-dance" viewBox="0 0 24 24"><path d="M17 17H15V23H13V17H10.88L9.34 18.93L11.71 21.29L10.29 22.71L7.93 20.34C7.58 20 7.38 19.53 7.35 19.04C7.32 18.55 7.47 18.06 7.78 17.68L8.32 17H7L9 13V10C8.38 10.47 7.88 11.07 7.53 11.76C7.18 12.46 7 13.22 7 14H5C5 12.14 5.74 10.36 7.05 9.05C8.36 7.74 10.14 7 12 7C13.33 7 14.6 6.47 15.54 5.54C16.47 4.6 17 3.33 17 2H19C19 3.32 18.62 4.62 17.91 5.73C17.2 6.85 16.2 7.74 15 8.31V13L17 17M14 4C14 4.4 13.88 4.78 13.66 5.11C13.44 5.44 13.13 5.7 12.77 5.85C12.4 6 12 6.04 11.61 5.96C11.22 5.88 10.87 5.69 10.59 5.41C10.31 5.13 10.12 4.78 10.04 4.39C9.96 4 10 3.6 10.15 3.24C10.3 2.87 10.56 2.56 10.89 2.34C11.22 2.12 11.6 2 12 2C12.53 2 13.04 2.21 13.41 2.59C13.79 2.96 14 3.47 14 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-female-female.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-female.svg
new file mode 100644
index 00000000..dfbfeb1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-female.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-female-female" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16L14.6,8.4C14.9,7.6 15.6,7 16.5,7C17.4,7 18.2,7.6 18.4,8.4L21,16H18V22H15V16H12L9,16V22H6M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-female-girl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-girl.svg
new file mode 100644
index 00000000..f957a838
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-female-girl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-female-girl" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,22V16H3L5.6,8.4C5.9,7.6 6.6,7 7.5,7C8.4,7 9.2,7.6 9.4,8.4L12,16H9V22H6M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M15,15H18L19.5,19H18V22H15V19H13.5L15,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-female.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-female.svg
new file mode 100644
index 00000000..6a8a5797
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-female.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-female" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M10.5,22V16H7.5L10.09,8.41C10.34,7.59 11.1,7 12,7C12.9,7 13.66,7.59 13.91,8.41L16.5,16H13.5V22H10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-proximity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-proximity.svg
new file mode 100644
index 00000000..c6a67ed6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-proximity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-greeting-proximity" viewBox="0 0 24 24"><path d="M11 14H9C9 9.03 13.03 5 18 5V7C14.13 7 11 10.13 11 14M18 11V9C15.24 9 13 11.24 13 14H15C15 12.34 16.34 11 18 11M7 4C7 2.89 6.11 2 5 2S3 2.89 3 4 3.89 6 5 6 7 5.11 7 4M11.45 4.5H9.45C9.21 5.92 8 7 6.5 7H3.5C2.67 7 2 7.67 2 8.5V11H8V8.74C9.86 8.15 11.25 6.5 11.45 4.5M19 17C20.11 17 21 16.11 21 15S20.11 13 19 13 17 13.89 17 15 17.89 17 19 17M20.5 18H17.5C16 18 14.79 16.92 14.55 15.5H12.55C12.75 17.5 14.14 19.15 16 19.74V22H22V19.5C22 18.67 21.33 18 20.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-variant.svg
new file mode 100644
index 00000000..6329ab71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-greeting-variant" viewBox="0 0 24 24"><path d="M1.5,4V5.5C1.5,9.65 3.71,13.28 7,15.3V20H22V18C22,15.34 16.67,14 14,14C14,14 13.83,14 13.75,14C9,14 5,10 5,5.5V4M14,4A4,4 0 0,0 10,8A4,4 0 0,0 14,12A4,4 0 0,0 18,8A4,4 0 0,0 14,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting.svg
new file mode 100644
index 00000000..8d0703fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-greeting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-greeting" viewBox="0 0 24 24"><path d="M12 2C13.1 2 14 2.9 14 4S13.1 6 12 6 10 5.1 10 4 10.9 2 12 2M15.9 8.1C15.5 7.7 14.8 7 13.5 7H11C8.2 7 6 4.8 6 2H4C4 5.2 6.1 7.8 9 8.7V22H11V16H13V22H15V10.1L19 14L20.4 12.6L15.9 8.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-handsdown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-handsdown.svg
new file mode 100644
index 00000000..a0b3de71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-handsdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-handsdown" viewBox="0 0 24 24"><path d="M12,1C10.89,1 10,1.9 10,3C10,4.11 10.89,5 12,5C13.11,5 14,4.11 14,3A2,2 0 0,0 12,1M10,6C9.73,6 9.5,6.11 9.31,6.28H9.3L4,11.59L5.42,13L9,9.41V22H11V15H13V22H15V9.41L18.58,13L20,11.59L14.7,6.28C14.5,6.11 14.27,6 14,6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-handsup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-handsup.svg
new file mode 100644
index 00000000..fc8a8e3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-handsup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-handsup" viewBox="0 0 24 24"><path d="M5,1C5,3.7 6.56,6.16 9,7.32V22H11V15H13V22H15V7.31C17.44,6.16 19,3.7 19,1H17A5,5 0 0,1 12,6A5,5 0 0,1 7,1M12,1C10.89,1 10,1.89 10,3C10,4.11 10.89,5 12,5C13.11,5 14,4.11 14,3C14,1.89 13.11,1 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board-poll.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board-poll.svg
new file mode 100644
index 00000000..4fd30208
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board-poll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-board-poll" viewBox="0 0 24 24"><path d="M20 17C21.1 17 22 16.1 22 15V4C22 2.9 21.1 2 20 2H9.5C9.8 2.6 10 3.3 10 4H20V15H11V17M15 7V9H9V22H7V16H5V22H3V14H1.5V9C1.5 7.9 2.4 7 3.5 7H15M8 4C8 5.1 7.1 6 6 6S4 5.1 4 4 4.9 2 6 2 8 2.9 8 4M17 6H19V14H17V6M14 10H16V14H14V10M11 10H13V14H11V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board.svg
new file mode 100644
index 00000000..8aac5f14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-board" viewBox="0 0 24 24"><path d="M20,17A2,2 0 0,0 22,15V4A2,2 0 0,0 20,2H9.46C9.81,2.61 10,3.3 10,4H20V15H11V17M15,7V9H9V22H7V16H5V22H3V14H1.5V9A2,2 0 0,1 3.5,7H15M8,4A2,2 0 0,1 6,6A2,2 0 0,1 4,4A2,2 0 0,1 6,2A2,2 0 0,1 8,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-boy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-boy.svg
new file mode 100644
index 00000000..280073e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-boy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-boy" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M13.5,15H19.5V19H18V22H15V19H13.5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-child.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-child.svg
new file mode 100644
index 00000000..950641e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-child.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-child" viewBox="0 0 24 24"><path d="M7 2C5.9 2 5 2.9 5 4S5.9 6 7 6 9 5.11 9 4 8.11 2 7 2M5 7C3.89 7 3 7.89 3 9V15H5V22H10V11.6L12.53 16H14.97L16 14.66V22H20V17H21V14C21 12.89 20.11 12 19 12H16.5C15.9 12 15.37 12.26 15 12.68C14.67 13.1 14.32 13.56 14 14H13.69L10 7.66C9.84 7.38 9.22 7 8.5 7H5M18 8C17.17 8 16.5 8.67 16.5 9.5S17.17 11 18 11 19.5 10.33 19.5 9.5 18.83 8 18 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female-child.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female-child.svg
new file mode 100644
index 00000000..0e5cbff0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female-child.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-female-child" viewBox="0 0 24 24"><path d="M16 4C16 2.9 16.9 2 18 2S20 2.9 20 4 19.1 6 18 6 16 5.1 16 4M20 22V16H22.5L20 8.4C19.7 7.6 19 7 18.1 7H18C17.1 7 16.4 7.6 16.1 8.4L15.2 11C16.3 11.6 17 12.7 17 14.1V22.1H20M12.5 11.5C13.3 11.5 14 10.8 14 10S13.3 8.5 12.5 8.5 11 9.2 11 10 11.7 11.5 12.5 11.5M5.5 6C6.6 6 7.5 5.1 7.5 4S6.6 2 5.5 2 3.5 2.9 3.5 4 4.4 6 5.5 6M7.5 22V15H9V9C9 7.9 8.1 7 7 7H4C2.9 7 2 7.9 2 9V15H3.5V22H7.5M14 22V18H15V14C15 13.2 14.3 12.5 13.5 12.5H11.5C10.7 12.5 10 13.2 10 14V18H11V22H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female.svg
new file mode 100644
index 00000000..9f6349c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-female.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-female" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2M15,22V16H12L14.59,8.41C14.84,7.59 15.6,7 16.5,7C17.4,7 18.16,7.59 18.41,8.41L21,16H18V22H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-girl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-girl.svg
new file mode 100644
index 00000000..a87c9a92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-girl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-girl" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M14.5,12A2,2 0 0,1 16.5,10A2,2 0 0,1 18.5,12A2,2 0 0,1 16.5,14A2,2 0 0,1 14.5,12M15,15H18L19.5,19H18V22H15V19H13.5L15,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height-variant.svg
new file mode 100644
index 00000000..f0f1b0f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-height-variant" viewBox="0 0 24 24"><path d="M7,2C8.78,2 9.67,4.16 8.42,5.42C7.16,6.67 5,5.78 5,4A2,2 0 0,1 7,2M5.5,7H8.5A2,2 0 0,1 10.5,9V14.5H9V22H5V14.5H3.5V9A2,2 0 0,1 5.5,7M19,8H21L18,4L15,8H17V16H15L18,20L21,16H19M22,2H14V4H22M22,20H14V22H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height.svg
new file mode 100644
index 00000000..69c1ef25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-height.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-height" viewBox="0 0 24 24"><path d="M7,2C8.78,2 9.67,4.16 8.42,5.42C7.16,6.67 5,5.78 5,4A2,2 0 0,1 7,2M5.5,7H8.5A2,2 0 0,1 10.5,9V14.5H9V22H5V14.5H3.5V9A2,2 0 0,1 5.5,7M21,8H15V10H21M21,11H18V13H21M21,2H15V4H21M21,5H18V7H21M21,14H15V16H21M21,20H15V22H21M21,17H18V19H21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male-male.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-male.svg
new file mode 100644
index 00000000..7f210cea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male-male.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male-male" viewBox="0 0 24 24"><path d="M7.5,2A2,2 0 0,1 9.5,4A2,2 0 0,1 7.5,6A2,2 0 0,1 5.5,4A2,2 0 0,1 7.5,2M6,7H9A2,2 0 0,1 11,9V14.5H9.5V22H5.5V14.5H4V9A2,2 0 0,1 6,7M16.5,2A2,2 0 0,1 18.5,4A2,2 0 0,1 16.5,6A2,2 0 0,1 14.5,4A2,2 0 0,1 16.5,2M15,7H18A2,2 0 0,1 20,9V14.5H18.5V22H14.5V14.5H13V9A2,2 0 0,1 15,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-male.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-male.svg
new file mode 100644
index 00000000..3e66b539
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-male.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-male" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M10.5,7H13.5A2,2 0 0,1 15.5,9V14.5H14V22H10V14.5H8.5V9A2,2 0 0,1 10.5,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-non-binary.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-non-binary.svg
new file mode 100644
index 00000000..89d8fce9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-non-binary.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-non-binary" viewBox="0 0 24 24"><path d="M12 2C13.11 2 14 2.9 14 4S13.11 6 12 6 10 5.11 10 4 10.9 2 12 2M13.91 8.41C13.66 7.59 12.9 7 12 7H10.5C9.4 7 8.5 7.9 8.5 9V14.5H10V22H13.5V16H16.5L13.91 8.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-pregnant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-pregnant.svg
new file mode 100644
index 00000000..8799cc06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-pregnant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-pregnant" viewBox="0 0 24 24"><path d="M9,4C9,2.89 9.89,2 11,2C12.11,2 13,2.89 13,4C13,5.11 12.11,6 11,6C9.89,6 9,5.11 9,4M16,13C16,11.66 15.17,10.5 14,10A3,3 0 0,0 11,7A3,3 0 0,0 8,10V17H10V22H13V17H16V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-queue.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-queue.svg
new file mode 100644
index 00000000..a1a39504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-queue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-queue" viewBox="0 0 24 24"><path d="M5 6C3.9 6 3 6.9 3 8S3.9 10 5 10 7 9.11 7 8 6.11 6 5 6M12 4C10.9 4 10 4.89 10 6S10.9 8 12 8 14 7.11 14 6 13.11 4 12 4M19 2C17.9 2 17 2.9 17 4S17.9 6 19 6 21 5.11 21 4 20.11 2 19 2M3.5 11C2.67 11 2 11.67 2 12.5V17H3V22H7V17H8V12.5C8 11.67 7.33 11 6.5 11H3.5M10.5 9C9.67 9 9 9.67 9 10.5V15H10V20H14V15H15V10.5C15 9.67 14.33 9 13.5 9H10.5M17.5 7C16.67 7 16 7.67 16 8.5V13H17V18H21V13H22V8.5C22 7.67 21.33 7 20.5 7H17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-scooter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-scooter.svg
new file mode 100644
index 00000000..956705d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-scooter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-scooter" viewBox="0 0 24 24"><path d="M16.5 2.25C17.33 2.25 18 2.92 18 3.75C18 4.58 17.33 5.25 16.5 5.25C15.67 5.25 15 4.58 15 3.75C15 2.92 15.67 2.25 16.5 2.25M20 18C21.11 18 22 18.9 22 20C22 21.11 21.11 22 20 22C19.26 22 18.61 21.6 18.27 21H8.73C8.39 21.6 7.74 22 7 22C5.9 22 5 21.11 5 20C5 18.9 5.9 18 7 18C7.74 18 8.39 18.4 8.73 19H13V13.5L9.73 11.23L6.77 14C6.36 14.37 5.73 14.34 5.35 13.94L2.28 10.65C1.91 10.24 1.93 9.61 2.33 9.23C2.74 8.86 3.37 8.88 3.74 9.28L6.13 11.84L13.26 5.2L13.3 5.18C13.72 4.82 14.35 4.88 14.71 5.3L16.97 8H20C20.55 8 21 8.45 21 9C21 9.55 20.55 10 20 10H16.5C16.15 10 15.85 9.82 15.67 9.56L14.17 7.77L11.64 10.13L14.57 12.18H14.57C14.83 12.36 15 12.66 15 13V19H15.61C16.04 17.13 17.63 15.7 19.58 15.5L18.81 11H20.31L21.39 17.34C20.97 17.12 20.5 17 20 17C18.69 17 17.58 17.84 17.17 19H18.27C18.61 18.4 19.26 18 20 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-walker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-walker.svg
new file mode 100644
index 00000000..71ae7c24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-walker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-walker" viewBox="0 0 24 24"><path d="M12 2C13.1 2 14 2.9 14 4S13.1 6 12 6 10 5.1 10 4 10.9 2 12 2M19.8 17.7L19.2 11.3C19.1 10.5 18.5 10 17.7 10H16C14.5 10 13.1 9.5 12.2 8.6L10.2 6.6C10.1 6.4 9.6 6 8.8 6C8.3 6 7.8 6.2 7.4 6.6L4.1 9.9C3.6 10.6 3.6 11.5 3.9 12L5.3 14.8L2.2 18.8L3.8 20L7.5 15.3L7.2 14L8 14.8V20H10V13.9L7.9 11.8L10.3 9.4C11.2 10.3 12 11.2 13.9 11.7L13 20H14.5L14.9 16.5H18.1L18.2 17.7C17.8 18 17.5 18.4 17.5 19C17.5 19.8 18.2 20.5 19 20.5S20.5 19.8 20.5 19C20.5 18.5 20.2 18 19.8 17.7M15.1 15L15.5 11.5H17.5L17.9 15H15.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-wheelchair.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-wheelchair.svg
new file mode 100644
index 00000000..5e333da0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-wheelchair.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-wheelchair" viewBox="0 0 24 24"><path d="M8.5 4A2 2 0 0 1 6.5 6A2 2 0 0 1 4.5 4A2 2 0 0 1 6.5 2A2 2 0 0 1 8.5 4M5 7C3.89 7 3 7.89 3 9V15H5V22H8.61A7 7 0 0 1 6.5 17A7 7 0 0 1 10 10.95V9C10 7.89 9.11 7 8 7M13 8V16H18.5L21.2 19.6L22.8 18.4L19.5 14H15V8M12 12.23A5 5 0 0 0 8.5 17A5 5 0 0 0 13.5 22A5 5 0 0 0 18.5 17H16.5A3 3 0 0 1 13.5 20A3 3 0 0 1 10.5 17A3 3 0 0 1 12 14.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human-white-cane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human-white-cane.svg
new file mode 100644
index 00000000..e903eb97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human-white-cane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human-white-cane" viewBox="0 0 24 24"><path d="M8 4C8 2.9 8.9 2 10 2C11.11 2 12 2.9 12 4C12 5.11 11.11 6 10 6C8.9 6 8 5.11 8 4M20.65 21.5L14.5 10.85L14.5 10.85V10.85C13.77 10.85 13.23 10.65 12.64 10.26C12.04 9.87 11.6 9.38 11.31 8.8L10.57 7.23C10.39 6.88 10.15 6.62 9.83 6.44C9.54 6.27 9.23 6.18 8.91 6.18C8.59 6.18 8.29 6.26 8 6.4L3 9.23V13.63H4.86V10.32L6.25 9.54L5.91 11.11C5.82 11.63 5.77 12.15 5.77 12.68V17.64L3.38 20.87L4.86 22L7.65 18.25L7.82 15L9.5 17.34V22H11.35V15.94L9.5 13.33V12.68C9.5 12.24 9.5 11.81 9.61 11.39L9.96 10.19C10.34 10.74 10.81 11.2 11.35 11.63C12.2 12.31 13 12.59 14.35 12.58L19.78 22L20.65 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/human.svg b/apps/phoenix_webcomponent/priv/mdi/svg/human.svg
new file mode 100644
index 00000000..72b0b570
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/human.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-human" viewBox="0 0 24 24"><path d="M21,9H15V22H13V16H11V22H9V9H3V7H21M12,2A2,2 0 0,1 14,4A2,2 0 0,1 12,6C10.89,6 10,5.1 10,4C10,2.89 10.89,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/humble-bundle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/humble-bundle.svg
new file mode 100644
index 00000000..0721bd40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/humble-bundle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-humble-bundle" viewBox="0 0 24 24"><path d="M16.91,18.12C14.09,18.12 18.43,2.13 18.43,2.13H15.53C15.53,2.13 14.34,5.89 13.55,10.07H11.05C11.11,9.21 11.15,8.34 11.13,7.5C11,0.59 7,1.87 5.18,3.45C3.47,4.95 2.03,7.8 2,10C2.27,10 3.35,10 3.35,10C3.35,10 4.25,5.88 7.07,5.88C9.89,5.88 5.54,21.87 5.54,21.87H8.45C8.45,21.87 9.95,17.59 10.7,12.81L13.09,12.8C12.95,14.04 12.91,15.4 12.93,16.67C13.04,23.56 17.06,22.08 18.86,20.5C20.67,18.92 22,15.58 22,14H20.61C20.62,14.12 19.73,18.12 16.91,18.12V18.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hvac-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hvac-off.svg
new file mode 100644
index 00000000..57bc4d0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hvac-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hvac-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3 4.89V21H19.11L20.84 22.73L22.11 21.46M12 18C8.67 18 6 15.33 6 12C6 10.82 6.34 9.73 6.92 8.81L8.43 10.32C8.24 10.69 8.1 11.09 8.06 11.5H9.61L10.61 12.5H8.06C8.11 13.03 8.3 13.55 8.58 14H12.11L13.11 15H9.38C10.08 15.61 10.97 16 12 16C12.63 16 13.19 15.84 13.7 15.59L15.19 17.08C14.27 17.66 13.18 18 12 18M12 8C13.03 8 13.92 8.39 14.63 9H12.2L11.27 8.07C11.5 8.03 11.75 8 12 8M9.67 6.47L6.2 3H21V17.8L17.53 14.33C17.83 13.62 18 12.83 18 12C18 8.67 15.33 6 12 6C11.17 6 10.38 6.17 9.67 6.47M15.94 11.5H14.7L13.2 10H15.42C15.7 10.45 15.89 10.97 15.94 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hvac.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hvac.svg
new file mode 100644
index 00000000..c15eb530
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hvac.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hvac" viewBox="0 0 24 24"><path d="M8.58 14C8.3 13.55 8.11 13.03 8.06 12.5H15.94C15.89 13.03 15.7 13.55 15.47 14H8.58M12 16C10.97 16 10.08 15.61 9.38 15H14.63C13.92 15.61 13.03 16 12 16M12 8C13.03 8 13.92 8.39 14.63 9H9.38C10.08 8.39 10.97 8 12 8M8.58 10H15.42C15.7 10.45 15.89 10.97 15.94 11.5H8.06C8.11 10.97 8.3 10.45 8.58 10M3 3V21H21V3H3M12 18C8.67 18 6 15.33 6 12S8.67 6 12 6 18 8.67 18 12 15.33 18 12 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-level.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-level.svg
new file mode 100644
index 00000000..3b482d27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-level.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hydraulic-oil-level" viewBox="0 0 24 24"><path d="M15 18C13.34 18 12 16.66 12 15C12 13 15 9.63 15 9.63S18 13 18 15C18 16.66 16.66 18 15 18M20 4V20H10V4H8V20C8 21.11 8.89 22 10 22H20C21.11 22 22 21.11 22 20V4H20M2 19L7 14L2 9V19M16 6V2H14V6H11V8H19V6H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-temperature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-temperature.svg
new file mode 100644
index 00000000..3d4031a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hydraulic-oil-temperature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hydraulic-oil-temperature" viewBox="0 0 24 24"><path d="M9 18C7.34 18 6 16.66 6 15C6 13 9 9.63 9 9.63S12 13 12 15C12 16.66 10.66 18 9 18M14 4V20H4V4H2V20C2 21.11 2.89 22 4 22H14C15.11 22 16 21.11 16 20V4H14M10 6V2H8V6H5V8H13V6H10M21 17.5V5.5C21 4.67 20.33 4 19.5 4S18 4.67 18 5.5V17.5C17.37 17.97 17 18.71 17 19.5C17 20.88 18.12 22 19.5 22S22 20.88 22 19.5C22 18.71 21.63 18 21 17.5M20 13H19V6H20V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hydro-power.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hydro-power.svg
new file mode 100644
index 00000000..cef607d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hydro-power.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hydro-power" viewBox="0 0 24 24"><path d="M17.12 3.55A2 2 0 0 0 15.2 4.95L14.4 7.5A3 3 0 0 0 13.33 7.74L11.5 5.77L10.17 4.29A2 2 0 0 0 10.05 7.12L11.86 9.09A3 3 0 0 0 11.64 9.6A3 3 0 0 0 11.53 10.13L8.92 10.71L6.96 11.15A2 2 0 0 0 9.35 12.67L11.96 12.08A3 3 0 0 0 12.7 12.89L11.9 15.44L11.3 17.35A2 2 0 0 0 13.8 16.04L14.61 13.5A3 3 0 0 0 15.68 13.26L17.5 15.23L18.83 16.7A2 2 0 0 0 18.96 13.88L17.15 11.91A3 3 0 0 0 17.36 11.4A3 3 0 0 0 17.5 10.86L20.09 10.28L22.04 9.85A2 2 0 0 0 19.66 8.33L17.05 8.91A3 3 0 0 0 16.31 8.11L17.11 5.55L17.71 3.65A2 2 0 0 0 17.12 3.55M14.56 9A1.5 1.5 0 0 1 14.95 9.07A1.5 1.5 0 0 1 15.93 10.95A1.5 1.5 0 0 1 14.05 11.93A1.5 1.5 0 0 1 13.07 10.05A1.5 1.5 0 0 1 14.55 9M8 13.67C6.78 14.53 5.39 15 4 15H2V17H4C5.37 17 6.74 16.65 8 16C8.77 16.4 9.58 16.66 10.41 16.81L10.94 15.14L11.03 14.88C9.97 14.73 8.93 14.32 8 13.67M20.45 15C20.5 15.7 20.33 16.41 19.91 17C19.93 17 19.97 17 20 17H22V15H20.45M8 17.67C6.78 18.53 5.39 19 4 19H2V21H4C5.37 21 6.74 20.65 8 20C10.5 21.3 13.5 21.3 16 20C17.26 20.65 18.62 21 20 21H22V19H20C18.61 19 17.22 18.53 16 17.67C13.56 19.38 10.44 19.38 8 17.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/hydrogen-station.svg b/apps/phoenix_webcomponent/priv/mdi/svg/hydrogen-station.svg
new file mode 100644
index 00000000..19d6e9e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/hydrogen-station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-hydrogen-station" viewBox="0 0 24 24"><path d="M6 3C4.89 3 4 3.9 4 5V21H14V13.5H15.5V18.5C15.5 19.88 16.62 21 18 21S20.5 19.88 20.5 18.5V9C20.5 8.31 20.22 7.68 19.77 7.23L19.78 7.22L16.06 3.5L15 4.56L17.11 6.67C16.17 7.03 15.5 7.93 15.5 9C15.5 10.38 16.62 11.5 18 11.5C18.36 11.5 18.69 11.42 19 11.29V18.5C19 19.05 18.55 19.5 18 19.5S17 19.05 17 18.5V14C17 12.9 16.11 12 15 12H14V5C14 3.9 13.11 3 12 3H6M6 7H8V11H10V7H12V17H10V13H8V17H6V7M18 8C18.55 8 19 8.45 19 9S18.55 10 18 10 17 9.55 17 9 17.45 8 18 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream-off.svg
new file mode 100644
index 00000000..53237218
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ice-cream-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.95 6.84C4.37 7.38 4 8.14 4 9C4 10.66 5.34 12 7 12L12 22L14.7 16.59L20.84 22.73L22.11 21.46M12 17.53L8.89 11.31C8.95 11.26 9 11.21 9.08 11.16C9.21 11.24 9.35 11.3 9.5 11.37L13.21 15.1L12 17.53M7.15 3.95C8.07 2.2 9.89 1 12 1C14.89 1 17.25 3.22 17.5 6.05C18.91 6.28 20 7.5 20 9C20 10.66 18.66 12 17 12L16.4 13.2L7.15 3.95Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream.svg
new file mode 100644
index 00000000..a0856153
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ice-cream.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ice-cream" viewBox="0 0 24 24"><path d="M17.5 6.05C17.25 3.22 14.89 1 12 1S6.75 3.22 6.5 6.05C5.09 6.28 4 7.5 4 9C4 10.66 5.34 12 7 12L12 22L17 12C18.66 12 20 10.66 20 9C20 7.5 18.91 6.28 17.5 6.05M12 17.53L8.89 11.31C8.95 11.26 9 11.21 9.08 11.16C9.93 11.69 10.93 12 12 12S14.07 11.69 14.92 11.16C15 11.21 15.05 11.26 15.11 11.31L12 17.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ice-pop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ice-pop.svg
new file mode 100644
index 00000000..0f05638f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ice-pop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ice-pop" viewBox="0 0 24 24"><path d="M18.15 14.96L9.95 18.65L5.85 9.65C7.21 9.13 8.12 7.82 8.15 6.36C8.14 5 7.36 3.76 6.15 3.15C6.54 2.8 7 2.5 7.45 2.25C9.71 1.25 12.37 2.23 13.45 4.46M13.15 18.36L14.75 21.86L17.45 20.65L15.85 17.15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/id-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/id-card.svg
new file mode 100644
index 00000000..0a24623a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/id-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-id-card" viewBox="0 0 24 24"><path d="M4 4C2.89 4 2 4.89 2 6V18C2 19.11 2.89 20 4 20H20C21.11 20 22 19.11 22 18V6C22 4.89 21.11 4 20 4H4M4 6H20V10H4V6M4 12H8V14H4V12M10 12H20V14H10V12M4 16H14V18H4V16M16 16H20V18H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/identifier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/identifier.svg
new file mode 100644
index 00000000..7a531169
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/identifier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-identifier" viewBox="0 0 24 24"><path d="M10 7V9H9V15H10V17H6V15H7V9H6V7H10M16 7C17.11 7 18 7.9 18 9V15C18 16.11 17.11 17 16 17H12V7M16 9H14V15H16V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk-variant.svg
new file mode 100644
index 00000000..0c3904a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ideogram-cjk-variant" viewBox="0 0 24 24"><path d="M11 4V6H4V8H15.36C15.13 8.87 14.63 9.77 13.88 10.69C13.35 11.35 12.71 12 12 12.67C11.29 12 10.65 11.35 10.12 10.69C9.65 10.12 9.3 9.55 9.03 9H6.85C7.21 10.05 7.82 11.03 8.56 11.95C9.13 12.66 9.79 13.34 10.5 14L5.36 18.23L6.64 19.77L12 15.34L17.36 19.77L18.64 18.23L13.5 14C14.21 13.34 14.87 12.66 15.44 11.95C16.41 10.74 17.16 9.43 17.4 8H20V6H13V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk.svg
new file mode 100644
index 00000000..b8530cd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ideogram-cjk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ideogram-cjk" viewBox="0 0 24 24"><path d="M11 4V6H4V10H6V8H18V10H20V6H13V4M8 10V12H13.59L11.59 14H4V16H11V18H10V20H13V16H20V14H14.21L16 12.21V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-album.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-album.svg
new file mode 100644
index 00000000..4755e13e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-album.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-album" viewBox="0 0 24 24"><path d="M6,19L9,15.14L11.14,17.72L14.14,13.86L18,19H6M6,4H11V12L8.5,10.5L6,12M18,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-area-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-area-close.svg
new file mode 100644
index 00000000..4b14c330
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-area-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-area-close" viewBox="0 0 24 24"><path d="M12,23L8,19H16L12,23M20,3A2,2 0 0,1 22,5V15A2,2 0 0,1 20,17H4A2,2 0 0,1 2,15V5A2,2 0 0,1 4,3H20M5,14H19L14.5,8L11,12.5L8.5,9.5L5,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-area.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-area.svg
new file mode 100644
index 00000000..efecae08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-area.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-area" viewBox="0 0 24 24"><path d="M20,5A2,2 0 0,1 22,7V17A2,2 0 0,1 20,19H4C2.89,19 2,18.1 2,17V7C2,5.89 2.89,5 4,5H20M5,16H19L14.5,10L11,14.5L8.5,11.5L5,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-auto-adjust.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-auto-adjust.svg
new file mode 100644
index 00000000..820b74f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-auto-adjust.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-auto-adjust" viewBox="0 0 24 24"><path d="M19 10V19H5V5H14V3H5C3.92 3 3 3.9 3 5V19C3 20.1 3.92 21 5 21H19C20.12 21 21 20.1 21 19V10H19M17 10L17.94 7.94L20 7L17.94 6.06L17 4L16.06 6.06L14 7L16.06 7.94L17 10M13.25 10.75L12 8L10.75 10.75L8 12L10.75 13.25L12 16L13.25 13.25L16 12L13.25 10.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-broken-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-broken-variant.svg
new file mode 100644
index 00000000..e2f41397
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-broken-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-broken-variant" viewBox="0 0 24 24"><path d="M21,5V11.59L18,8.58L14,12.59L10,8.59L6,12.59L3,9.58V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M18,11.42L21,14.43V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V12.42L6,15.41L10,11.41L14,15.41" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-broken.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-broken.svg
new file mode 100644
index 00000000..83253283
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-broken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-broken" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V11H19V13H19L17,13V15H15V17H13V19H11V21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19M21,15V19A2,2 0 0,1 19,21H19L15,21V19H17V17H19V15H21M19,8.5A0.5,0.5 0 0,0 18.5,8H5.5A0.5,0.5 0 0,0 5,8.5V15.5A0.5,0.5 0 0,0 5.5,16H11V15H13V13H15V11H17V9H19V8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-check-outline.svg
new file mode 100644
index 00000000..450ae539
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-check-outline" viewBox="0 0 24 24"><path d="M12.18 17C12.54 15.5 13.43 14.16 14.68 13.25L13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H12.18M5 5V19H12.03C12.09 19.7 12.24 20.38 12.5 21H5C4.47 21 3.96 20.79 3.59 20.41C3.21 20.04 3 19.53 3 19V5C3 3.9 3.9 3 5 3H19C19.53 3 20.04 3.21 20.41 3.59C20.79 3.96 21 4.47 21 5V12.5C20.38 12.24 19.7 12.09 19 12.03V5H5M17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25L17.75 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-check.svg
new file mode 100644
index 00000000..64994994
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-check" viewBox="0 0 24 24"><path d="M12.5 21C12.18 20.23 12 19.39 12 18.5C12 18.33 12 18.17 12.03 18H5L8.5 13.5L11 16.5L14.5 12L15.19 12.92C16.16 12.34 17.29 12 18.5 12C19.39 12 20.23 12.18 21 12.5V5C21 4.47 20.79 3.96 20.41 3.59C20.04 3.21 19.53 3 19 3H5C3.9 3 3 3.9 3 5V19C3 19.53 3.21 20.04 3.59 20.41C3.96 20.79 4.47 21 5 21H12.5M17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25L17.75 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-edit-outline.svg
new file mode 100644
index 00000000..60cd4a3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-edit-outline" viewBox="0 0 24 24"><path d="M22.7 14.3L21.7 15.3L19.7 13.3L20.7 12.3C20.8 12.2 20.9 12.1 21.1 12.1C21.2 12.1 21.4 12.2 21.5 12.3L22.8 13.6C22.9 13.8 22.9 14.1 22.7 14.3M13 19.9V22H15.1L21.2 15.9L19.2 13.9L13 19.9M11.21 15.83L9.25 13.47L6.5 17H13.12L15.66 14.55L13.96 12.29L11.21 15.83M11 19.9V19.05L11.05 19H5V5H19V11.31L21 9.38V5C21 3.9 20.11 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H11V19.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-edit.svg
new file mode 100644
index 00000000..d97a27a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-edit" viewBox="0 0 24 24"><path d="M22.7 14.3L21.7 15.3L19.7 13.3L20.7 12.3C20.8 12.2 20.9 12.1 21.1 12.1C21.2 12.1 21.4 12.2 21.5 12.3L22.8 13.6C22.9 13.8 22.9 14.1 22.7 14.3M13 19.9V22H15.1L21.2 15.9L19.2 13.9L13 19.9M21 5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H11V19.1L12.1 18H5L8.5 13.5L11 16.5L14.5 12L16.1 14.1L21 9.1V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-black-white.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-black-white.svg
new file mode 100644
index 00000000..72c9d779
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-black-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-black-white" viewBox="0 0 24 24"><path d="M19,19L12,11V19H5L12,11V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong-outline.svg
new file mode 100644
index 00000000..a1222207
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-center-focus-strong-outline" viewBox="0 0 24 24"><path d="M17 12C17 7.55 11.62 5.31 8.46 8.46C5.31 11.61 7.55 17 12 17C14.76 17 17 14.76 17 12M12 15C9.33 15 8 11.77 9.88 9.88C11.77 8 15 9.33 15 12C15 13.66 13.66 15 12 15M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong.svg
new file mode 100644
index 00000000..f211584d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-strong.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-center-focus-strong" viewBox="0 0 24 24"><path d="M12 8C8.44 8 6.65 12.31 9.17 14.83C11.69 17.35 16 15.56 16 12C16 9.79 14.21 8 12 8M5 15H3V19C3 20.1 3.9 21 5 21H9V19H5M5 5H9V3H5C3.9 3 3 3.9 3 5V9H5M19 3H15V5H19V9H21V5C21 3.9 20.1 3 19 3M19 19H15V21H19C20.1 21 21 20.1 21 19V15H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-weak.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-weak.svg
new file mode 100644
index 00000000..0d382b9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus-weak.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-center-focus-weak" viewBox="0 0 24 24"><path d="M5,15H3V19A2,2 0 0,0 5,21H9V19H5M5,5H9V3H5A2,2 0 0,0 3,5V9H5M19,3H15V5H19V9H21V5A2,2 0 0,0 19,3M19,19H15V21H19A2,2 0 0,0 21,19V15H19M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus.svg
new file mode 100644
index 00000000..1642ae5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-center-focus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-center-focus" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M19,19H15V21H19A2,2 0 0,0 21,19V15H19M19,3H15V5H19V9H21V5A2,2 0 0,0 19,3M5,5H9V3H5A2,2 0 0,0 3,5V9H5M5,15H3V19A2,2 0 0,0 5,21H9V19H5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama-outline.svg
new file mode 100644
index 00000000..bbb03ffa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-drama-outline" viewBox="0 0 24 24"><path d="M6.5 20Q4.2 20 2.6 18.4T1 14.5Q1 12.55 2.21 11.06 3.43 9.57 5.25 9.15 5.88 6.9 7.73 5.45 9.57 4 12 4 15 4 17 6.06 19 8.13 19 11 20.88 11.2 21.94 12.55 23 13.9 23 15.5 23 17.35 21.69 18.68 20.38 20 18.5 20M6.5 18H18.5Q19.55 18 20.27 17.27 21 16.55 21 15.5 21 14.45 20.27 13.73 19.55 13 18.5 13H17V11Q17 8.93 15.54 7.46 14.08 6 12 6 10.43 6 9.2 6.86 8 7.73 7.4 9.07 9.35 9.4 10.68 10.91 12 12.43 12 14.5H10Q10 13.05 9 12.03 7.95 11 6.5 11 5.05 11 4.03 12.03 3 13.05 3 14.5 3 15.95 4.03 17 5.05 18 6.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama.svg
new file mode 100644
index 00000000..71c08fc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-drama.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-drama" viewBox="0 0 24 24"><path d="M6.5 20H18.5Q20.38 20 21.69 18.69 23 17.38 23 15.5 23 13.8 21.79 12.4 20.58 11 19 11 19 8.05 17 6.03 14.95 4 12 4 9.88 4 8.29 5.08 6.7 6.15 6.25 8 8.8 8.45 10.4 10.19 12 11.93 12 14.5H10Q10 12.68 8.66 11.34 7.33 10 5.5 10T2.34 11.34Q1 12.68 1 14.5 1 16.8 2.6 18.4T6.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-frames.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-frames.svg
new file mode 100644
index 00000000..72979550
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-frames.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-frames" viewBox="0 0 24 24"><path d="M18,8H6V18H18M20,20H4V6H8.5L12.04,2.5L15.5,6H20M20,4H16L12,0L8,4H4A2,2 0 0,0 2,6V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V6A2,2 0 0,0 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-hdr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-hdr.svg
new file mode 100644
index 00000000..fde037f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-hdr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-hdr" viewBox="0 0 24 24"><path d="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-none.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-none.svg
new file mode 100644
index 00000000..41f5a27f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-none" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-tilt-shift.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-tilt-shift.svg
new file mode 100644
index 00000000..45dca97b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-tilt-shift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-tilt-shift" viewBox="0 0 24 24"><path d="M5.68,19.74C7.16,20.95 9,21.75 11,21.95V19.93C9.54,19.75 8.21,19.17 7.1,18.31M13,19.93V21.95C15,21.75 16.84,20.95 18.32,19.74L16.89,18.31C15.79,19.17 14.46,19.75 13,19.93M18.31,16.9L19.74,18.33C20.95,16.85 21.75,15 21.95,13H19.93C19.75,14.46 19.17,15.79 18.31,16.9M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12M4.07,13H2.05C2.25,15 3.05,16.84 4.26,18.32L5.69,16.89C4.83,15.79 4.25,14.46 4.07,13M5.69,7.1L4.26,5.68C3.05,7.16 2.25,9 2.05,11H4.07C4.25,9.54 4.83,8.21 5.69,7.1M19.93,11H21.95C21.75,9 20.95,7.16 19.74,5.68L18.31,7.1C19.17,8.21 19.75,9.54 19.93,11M18.32,4.26C16.84,3.05 15,2.25 13,2.05V4.07C14.46,4.25 15.79,4.83 16.9,5.69M11,4.07V2.05C9,2.25 7.16,3.05 5.68,4.26L7.1,5.69C8.21,4.83 9.54,4.25 11,4.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-vintage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-vintage.svg
new file mode 100644
index 00000000..25c069e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-filter-vintage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-filter-vintage" viewBox="0 0 24 24"><path d="M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M18.7,12.4C18.42,12.24 18.13,12.11 17.84,12C18.13,11.89 18.42,11.76 18.7,11.6C20.62,10.5 21.69,8.5 21.7,6.41C19.91,5.38 17.63,5.3 15.7,6.41C15.42,6.57 15.16,6.76 14.92,6.95C14.97,6.64 15,6.32 15,6C15,3.78 13.79,1.85 12,0.81C10.21,1.85 9,3.78 9,6C9,6.32 9.03,6.64 9.08,6.95C8.84,6.75 8.58,6.56 8.3,6.4C6.38,5.29 4.1,5.37 2.3,6.4C2.3,8.47 3.37,10.5 5.3,11.59C5.58,11.75 5.87,11.88 6.16,12C5.87,12.1 5.58,12.23 5.3,12.39C3.38,13.5 2.31,15.5 2.3,17.58C4.09,18.61 6.37,18.69 8.3,17.58C8.58,17.42 8.84,17.23 9.08,17.04C9.03,17.36 9,17.68 9,18C9,20.22 10.21,22.15 12,23.19C13.79,22.15 15,20.22 15,18C15,17.68 14.97,17.36 14.92,17.05C15.16,17.25 15.42,17.43 15.7,17.59C17.62,18.7 19.9,18.62 21.7,17.59C21.69,15.5 20.62,13.5 18.7,12.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-frame.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-frame.svg
new file mode 100644
index 00000000..27f4ffa1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-frame.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-frame" viewBox="0 0 24 24"><path d="M10,14.29L6.5,19H17.46L14.75,15.46L12.78,17.8L10,14.29M5,21V7H18.96V21H5M12,2.4L14.61,5.03H9.37L12,2.4M5,5.03C4.5,5.03 4,5.22 3.61,5.61C3.2,6 3,6.46 3,7V21C3,21.5 3.2,22 3.61,22.39C4,22.8 4.5,23 5,23H18.96C19.5,23 19.96,22.8 20.37,22.39C20.77,22 21,21.5 21,21V7C21,6.46 20.77,6 20.37,5.61C19.96,5.22 19.5,5.03 18.96,5.03H16L12,1L7.96,5.03H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-lock-outline.svg
new file mode 100644
index 00000000..f996090c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-lock-outline" viewBox="0 0 24 24"><path d="M21.8 16V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16M20.5 16H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V16M5 3C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.03C13 20.9 13 20.8 13 20.7V19H5V5H19V10C19.69 10 20.37 10.16 21 10.42V5C21 3.9 20.11 3 19 3H5M13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H13C13.08 16.14 13.46 15.46 13.96 14.96C14.03 14.89 14.13 14.85 14.2 14.79V14.5C14.2 13.95 14.3 13.44 14.47 12.97L13.96 12.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-lock.svg
new file mode 100644
index 00000000..49e51718
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-lock" viewBox="0 0 24 24"><path d="M21.8 16V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16M20.5 16H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V16M5 3C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.03C13 20.9 13 20.8 13 20.7V18H5L8.5 13.5L11 16.5L14.5 12L14.77 12.37C15.61 10.89 17.27 10 19 10C19.69 10 20.37 10.16 21 10.42V5C21 3.89 20.1 3 19 3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-marker-outline.svg
new file mode 100644
index 00000000..f42c8a06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-marker-outline" viewBox="0 0 24 24"><path d="M14 19C14.36 19.72 14.78 20.4 15.19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5V10.63C20.39 10.3 19.71 10.09 19 10.03V5H5V19H14M13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H13.22C13.09 16.5 13 16 13 15.5C13 14.35 13.38 13.26 14 12.37L13.96 12.29M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-marker.svg
new file mode 100644
index 00000000..4069c202
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-marker" viewBox="0 0 24 24"><path d="M13.55 18C13.97 19.08 14.59 20.12 15.19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.89 21 5V10.63C20.25 10.23 19.39 10 18.5 10C16.29 10 14.33 11.39 13.47 13.33L11 16.5L8.5 13.5L5 18H13.55M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-minus-outline.svg
new file mode 100644
index 00000000..e8162706
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-minus-outline" viewBox="0 0 24 24"><path d="M15.4 14.21C14.47 14.91 13.75 15.88 13.35 17H6.5L9.25 13.47L11.21 15.83L13.96 12.29L15.4 14.21M5 19V5H19V13C19.7 13 20.37 13.13 21 13.35V5C21 3.9 20.11 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H13.35C13.13 20.37 13 19.7 13 19H5M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-minus.svg
new file mode 100644
index 00000000..4a1ad234
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-minus" viewBox="0 0 24 24"><path d="M15 18V20H23V18H15M13.3 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5V13.3C20.4 13.1 19.7 13 19 13C17.9 13 16.8 13.3 15.9 13.9L14.5 12L11 16.5L8.5 13.5L5 18H13.1C13 18.3 13 18.7 13 19C13 19.7 13.1 20.4 13.3 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-move.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-move.svg
new file mode 100644
index 00000000..75c80c81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-move.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-move" viewBox="0 0 24 24"><path d="M15,3H19V0L24,5L19,10V7H15V3M21,11.94V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H12.06C12,3.33 12,3.67 12,4A8,8 0 0,0 20,12C20.33,12 20.67,12 21,11.94M19,18L14.5,12L11,16.5L8.5,13.5L5,18H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple-outline.svg
new file mode 100644
index 00000000..8c7414a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-multiple-outline" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3M15.96,10.29L13.21,13.83L11.25,11.47L8.5,15H19.5L15.96,10.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple.svg
new file mode 100644
index 00000000..d56ce38d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-multiple" viewBox="0 0 24 24"><path d="M22,16V4A2,2 0 0,0 20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16M11,12L13.03,14.71L16,11L20,16H8M2,6V20A2,2 0 0,0 4,22H18V20H4V6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-off-outline.svg
new file mode 100644
index 00000000..86c769d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-off-outline" viewBox="0 0 24 24"><path d="M22 20.7L3.3 2L2 3.3L3 4.3V19C3 20.1 3.9 21 5 21H19.7L20.7 22L22 20.7M5 19V6.3L12.6 13.9L11.1 15.8L9 13.1L6 17H15.7L17.7 19H5M8.8 5L6.8 3H19C20.1 3 21 3.9 21 5V17.2L19 15.2V5H8.8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-off.svg
new file mode 100644
index 00000000..55ffa10e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-off" viewBox="0 0 24 24"><path d="M21 17.2L6.8 3H19C20.1 3 21 3.9 21 5V17.2M20.7 22L19.7 21H5C3.9 21 3 20.1 3 19V4.3L2 3.3L3.3 2L22 20.7L20.7 22M16.8 18L12.9 14.1L11 16.5L8.5 13.5L5 18H16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-outline.svg
new file mode 100644
index 00000000..bb9ef595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.96,12.29L11.21,15.83L9.25,13.47L6.5,17H17.5L13.96,12.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-plus-outline.svg
new file mode 100644
index 00000000..c4f9f235
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-plus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.7 13.13 20.37 13.35 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13M13.96 12.29L11.21 15.83L9.25 13.47L6.5 17H13.35C13.75 15.88 14.47 14.91 15.4 14.21L13.96 12.29M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-plus.svg
new file mode 100644
index 00000000..2044317c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-plus" viewBox="0 0 24 24"><path d="M18 15V18H15V20H18V23H20V20H23V18H20V15H18M13.3 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5V13.3C20.4 13.1 19.7 13 19 13C17.9 13 16.8 13.3 15.9 13.9L14.5 12L11 16.5L8.5 13.5L5 18H13.1C13 18.3 13 18.7 13 19C13 19.7 13.1 20.4 13.3 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh-outline.svg
new file mode 100644
index 00000000..e6dbd3bb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-refresh-outline" viewBox="0 0 24 24"><path d="M14.68 13.25C13.45 14.15 12.54 15.47 12.18 17H6.5L9.25 13.47L11.21 15.83L13.96 12.29L14.68 13.25M5 19V5H19V12.03C19.7 12.09 20.38 12.24 21 12.5V5C21 3.9 20.11 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H12.5C12.24 20.38 12.09 19.7 12.03 19H5M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh.svg
new file mode 100644
index 00000000..04e65ec6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-refresh" viewBox="0 0 24 24"><path d="M12 18.5C12 19.39 12.18 20.23 12.5 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.89 21 5V12.5C20.23 12.18 19.39 12 18.5 12C17.29 12 16.16 12.34 15.19 12.92L14.5 12L11 16.5L8.5 13.5L5 18H12.03C12 18.17 12 18.33 12 18.5M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-remove-outline.svg
new file mode 100644
index 00000000..e2db107e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-remove-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.7 13.13 20.37 13.35 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13M11.21 15.83L9.25 13.47L6.5 17H13.35C13.75 15.88 14.47 14.91 15.4 14.21L13.96 12.29L11.21 15.83M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-remove.svg
new file mode 100644
index 00000000..6852d530
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-remove" viewBox="0 0 24 24"><path d="M5 3C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H14.09C14.03 20.67 14 20.34 14 20C14 19.32 14.12 18.64 14.35 18H5L8.5 13.5L11 16.5L14.5 12L16.73 14.97C17.7 14.34 18.84 14 20 14C20.34 14 20.67 14.03 21 14.09V5C21 3.89 20.1 3 19 3H5M16.47 17.88L18.59 20L16.47 22.12L17.88 23.54L20 21.41L22.12 23.54L23.54 22.12L21.41 20L23.54 17.88L22.12 16.46L20 18.59L17.88 16.47L16.46 17.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-search-outline.svg
new file mode 100644
index 00000000..5a0d582e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-search-outline" viewBox="0 0 24 24"><path d="M15.5,9C16.2,9 16.79,8.76 17.27,8.27C17.76,7.79 18,7.2 18,6.5C18,5.83 17.76,5.23 17.27,4.73C16.79,4.23 16.2,4 15.5,4C14.83,4 14.23,4.23 13.73,4.73C13.23,5.23 13,5.83 13,6.5C13,7.2 13.23,7.79 13.73,8.27C14.23,8.76 14.83,9 15.5,9M19.31,8.91L22.41,12L21,13.41L17.86,10.31C17.08,10.78 16.28,11 15.47,11C14.22,11 13.16,10.58 12.3,9.7C11.45,8.83 11,7.77 11,6.5C11,5.27 11.45,4.2 12.33,3.33C13.2,2.45 14.27,2 15.5,2C16.77,2 17.83,2.45 18.7,3.33C19.58,4.2 20,5.27 20,6.5C20,7.33 19.78,8.13 19.31,8.91M16.5,18H5.5L8.25,14.5L10.22,16.83L12.94,13.31L16.5,18M18,13L20,15V20C20,20.55 19.81,21 19.41,21.4C19,21.79 18.53,22 18,22H4C3.45,22 3,21.79 2.6,21.4C2.21,21 2,20.55 2,20V6C2,5.47 2.21,5 2.6,4.59C3,4.19 3.45,4 4,4H9.5C9.2,4.64 9.03,5.31 9,6H4V20H18V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-search.svg
new file mode 100644
index 00000000..246674e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-search" viewBox="0 0 24 24"><path d="M15.5,2C18,2 20,4 20,6.5C20,7.38 19.75,8.21 19.31,8.9L22.39,12L21,13.39L17.88,10.32C17.19,10.75 16.37,11 15.5,11C13,11 11,9 11,6.5C11,4 13,2 15.5,2M15.5,4A2.5,2.5 0 0,0 13,6.5A2.5,2.5 0 0,0 15.5,9A2.5,2.5 0 0,0 18,6.5A2.5,2.5 0 0,0 15.5,4M7.5,14.5L4,19H18L13.5,13L10,17.5L7.5,14.5M20,20A2,2 0 0,1 18,22H4A2,2 0 0,1 2,20V6A2,2 0 0,1 4,4H9.5C9.18,4.77 9,5.61 9,6.5A6.5,6.5 0 0,0 15.5,13C16.18,13 16.84,12.89 17.46,12.7L20,15.24V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-actual.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-actual.svg
new file mode 100644
index 00000000..ca92d1da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-actual.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-size-select-actual" viewBox="0 0 24 24"><path d="M21,3H3C2,3 1,4 1,5V19A2,2 0 0,0 3,21H21C22,21 23,20 23,19V5C23,4 22,3 21,3M5,17L8.5,12.5L11,15.5L14.5,11L19,17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-large.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-large.svg
new file mode 100644
index 00000000..c87d6dd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-size-select-large" viewBox="0 0 24 24"><path d="M21,15H23V17H21V15M21,11H23V13H21V11M23,19H21V21C22,21 23,20 23,19M13,3H15V5H13V3M21,7H23V9H21V7M21,3V5H23C23,4 22,3 21,3M1,7H3V9H1V7M17,3H19V5H17V3M17,19H19V21H17V19M3,3C2,3 1,4 1,5H3V3M9,3H11V5H9V3M5,3H7V5H5V3M1,11V19A2,2 0 0,0 3,21H15V11H1M3,19L5.5,15.79L7.29,17.94L9.79,14.72L13,19H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-small.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-small.svg
new file mode 100644
index 00000000..598ce4c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-size-select-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-size-select-small" viewBox="0 0 24 24"><path d="M23,15H21V17H23V15M23,11H21V13H23V11M23,19H21V21C22,21 23,20 23,19M15,3H13V5H15V3M23,7H21V9H23V7M21,3V5H23C23,4 22,3 21,3M3,21H11V15H1V19A2,2 0 0,0 3,21M3,7H1V9H3V7M15,19H13V21H15V19M19,3H17V5H19V3M19,19H17V21H19V19M3,3C2,3 1,4 1,5H3V3M3,11H1V13H3V11M11,3H9V5H11V3M7,3H5V5H7V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-sync-outline.svg
new file mode 100644
index 00000000..57aea5a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-sync-outline" viewBox="0 0 24 24"><path d="M13.18 19C13.35 19.72 13.64 20.39 14.03 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.11 3 21 3.9 21 5V11.18C20.5 11.07 20 11 19.5 11C19.33 11 19.17 11 19 11.03V5H5V19H13.18M11.21 15.83L9.25 13.47L6.5 17H13.03C13.14 15.54 13.73 14.22 14.64 13.19L13.96 12.29L11.21 15.83M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-sync.svg
new file mode 100644
index 00000000..971942f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-sync" viewBox="0 0 24 24"><path d="M8.5 13.5L5 18H13.03C13.11 19.1 13.47 20.12 14.03 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.89 21 5V11.18C20.5 11.07 20 11 19.5 11C17.78 11 16.23 11.67 15.07 12.76L14.5 12L11 16.5L8.5 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image-text.svg
new file mode 100644
index 00000000..5df5fba5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image-text" viewBox="0 0 24 24"><path d="M22 13H14V11H22V13M22 7H14V9H22V7M14 17H22V15H14V17M12 9V15C12 16.1 11.1 17 10 17H4C2.9 17 2 16.1 2 15V9C2 7.9 2.9 7 4 7H10C11.1 7 12 7.9 12 9M10.5 15L8.3 12L6.5 14.3L5.3 12.8L3.5 15H10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/image.svg
new file mode 100644
index 00000000..c3290a9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-image" viewBox="0 0 24 24"><path d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/import.svg
new file mode 100644
index 00000000..5457d3ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-import" viewBox="0 0 24 24"><path d="M14,12L10,8V11H2V13H10V16M20,18V6C20,4.89 19.1,4 18,4H6A2,2 0 0,0 4,6V9H6V6H18V18H6V15H4V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down-outline.svg
new file mode 100644
index 00000000..7cf1f3f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-arrow-down-outline" viewBox="0 0 24 24"><path d="M19 3H5A2 2 0 0 0 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5A2 2 0 0 0 19 3M5 19V17H8.13A4.13 4.13 0 0 0 9.4 19M19 19H14.6A4.13 4.13 0 0 0 15.87 17H19M19 15H14V16A2 2 0 0 1 10 16V15H5V5H19M16 10H14V7H10V10H8L12 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down.svg
new file mode 100644
index 00000000..fdedfbe7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-arrow-down" viewBox="0 0 24 24"><path d="M16,10H14V7H10V10H8L12,14M19,15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5V5H19M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up-outline.svg
new file mode 100644
index 00000000..4ccc45d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-arrow-up-outline" viewBox="0 0 24 24"><path d="M19 3H5A2 2 0 0 0 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5A2 2 0 0 0 19 3M5 19V17H8.13A4.13 4.13 0 0 0 9.4 19M19 19H14.6A4.13 4.13 0 0 0 15.87 17H19M19 15H14V16A2 2 0 0 1 10 16V15H5V5H19M8 11H10V14H14V11H16L12 7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up.svg
new file mode 100644
index 00000000..77788fef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-arrow-up" viewBox="0 0 24 24"><path d="M14,14H10V11H8L12,7L16,11H14V14M16,11M5,15V5H19V15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full-outline.svg
new file mode 100644
index 00000000..e051124c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-full-outline" viewBox="0 0 24 24"><path d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M5 19H9.4C8.79 18.47 8.35 17.78 8.13 17H5V19M19 19V17H15.87C15.65 17.78 15.21 18.47 14.6 19H19M19 15V5H5V15H10V16C10 18.67 14 18.67 14 16V15H19M7 7H17V9H7V7M17 11V13H7V11H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full.svg
new file mode 100644
index 00000000..93adfda0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-full" viewBox="0 0 24 24"><path d="M19 15V5H5V15H9C9 16.66 10.34 18 12 18C13.66 18 15 16.66 15 15H19M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.89 21 3 20.1 3 19L3 5C3 3.9 3.89 3 5 3H19M7 13V11H17V13H7M7 9V7H17V9H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple-outline.svg
new file mode 100644
index 00000000..4cffcfbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-multiple-outline" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V12A2,2 0 0,1 19,14H5A2,2 0 0,1 3,12V5A2,2 0 0,1 5,3H19M5,10V12H9.4C8.8,11.47 8.34,10.78 8.13,10H5M19,12V10H15.87C15.66,10.78 15.2,11.47 14.6,12H19M19,8V5H5V8H10V9C10,10.07 10.93,11 12,11C13.07,11 14,10.07 14,9V8H19M21,19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V15H10V16C10,17.07 10.93,18 12,18C13.07,18 14,17.07 14,16V15H21V19M5,17V19H9.4C8.8,18.47 8.34,17.78 8.13,17H5M19,19V17H15.87C15.66,17.78 15.2,18.47 14.6,19H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple.svg
new file mode 100644
index 00000000..2dbc5027
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-multiple" viewBox="0 0 24 24"><path d="M19,8V5H5V8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H19M19,3A2,2 0 0,1 21,5V12A2,2 0 0,1 19,14H5A2,2 0 0,1 3,12V5A2,2 0 0,1 5,3H19M3,15H9A3,3 0 0,0 12,18A3,3 0 0,0 15,15H21V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-outline.svg
new file mode 100644
index 00000000..5a87f953
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-outline" viewBox="0 0 24 24"><path d="M19 3H5A2 2 0 0 0 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5A2 2 0 0 0 19 3M5 19V17H8.13A4.13 4.13 0 0 0 9.4 19M19 19H14.6A4.13 4.13 0 0 0 15.87 17H19M19 15H14V16A2 2 0 0 1 10 16V15H5V5H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove-outline.svg
new file mode 100644
index 00000000..03ca3361
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-remove-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M5 19V17H8.1C8.3 17.8 8.8 18.5 9.4 19M19 19H14.6C15.2 18.5 15.7 17.8 15.9 17H19M19 15H14V16C14 17.1 13.1 18 12 18S10 17.1 10 16V15H5V5H19V15M14.1 6.5L15.5 7.9L13.4 10L15.5 12.1L14.1 13.5L12 11.4L9.9 13.5L8.5 12.1L10.6 10L8.5 7.9L9.9 6.5L12 8.6L14.1 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove.svg
new file mode 100644
index 00000000..1557d9da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox-remove" viewBox="0 0 24 24"><path d="M19 15H15C15 16.7 13.7 18 12 18S9 16.7 9 15H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M14.1 6.5L15.5 7.9L13.4 10L15.5 12.1L14.1 13.5L12 11.4L9.9 13.5L8.5 12.1L10.6 10L8.5 7.9L9.9 6.5L12 8.6L14.1 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/inbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/inbox.svg
new file mode 100644
index 00000000..27f4eacf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/inbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-inbox" viewBox="0 0 24 24"><path d="M19,15H15A3,3 0 0,1 12,18A3,3 0 0,1 9,15H5V5H19M19,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle-off.svg
new file mode 100644
index 00000000..4ea001ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-incognito-circle-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.06 5.95C2.77 7.63 2 9.72 2 12C2 17.5 6.5 22 12 22C14.28 22 16.37 21.23 18.05 19.94L20.84 22.73L22.11 21.46M8.94 10.83H8.36L8.5 10.41L8.94 10.83M6.17 11.5H9.61L10.28 12.17H6.17V11.5M14.92 17.33C13.73 17.33 12.77 16.42 12.67 15.26C12.04 14.86 11.53 15.12 11.33 15.25C11.24 16.42 10.28 17.33 9.08 17.33C7.83 17.33 6.82 16.32 6.82 15.07C6.82 13.82 7.83 12.81 9.08 12.81C10.15 12.81 11.05 13.55 11.29 14.55C11.65 14.4 12.13 14.34 12.65 14.54L13.31 15.2C13.37 16 14 16.61 14.78 16.67L15.38 17.27C15.23 17.3 15.08 17.33 14.92 17.33M9.94 6.74L6.72 3.5C8.25 2.56 10.06 2 12 2C17.5 2 22 6.5 22 12C22 13.94 21.44 15.75 20.5 17.28L15.37 12.17H17.83V11.5H14.7L14.03 10.83H15.64L14.16 6.92L14.15 6.89C14 6.59 13.67 6.43 13.35 6.53L12 7L10.65 6.53L10.61 6.5C10.36 6.45 10.1 6.55 9.94 6.74M10.7 15.07C10.7 15.96 10 16.69 9.08 16.69C8.19 16.69 7.46 15.96 7.46 15.07S8.19 13.45 9.08 13.45C10 13.45 10.7 14.18 10.7 15.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle.svg
new file mode 100644
index 00000000..2b862f36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-incognito-circle" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M14.92 12.81C13.84 12.81 12.95 13.56 12.71 14.56C12.17 14.33 11.66 14.39 11.29 14.55C11.05 13.55 10.15 12.81 9.08 12.81C7.83 12.81 6.82 13.82 6.82 15.07C6.82 16.32 7.83 17.33 9.08 17.33C10.28 17.33 11.24 16.42 11.33 15.25C11.53 15.12 12.04 14.86 12.67 15.26C12.77 16.42 13.73 17.33 14.92 17.33C16.17 17.33 17.18 16.32 17.18 15.07C17.18 13.82 16.17 12.81 14.92 12.81M9.08 13.45C10 13.45 10.7 14.18 10.7 15.07C10.7 15.96 10 16.69 9.08 16.69C8.19 16.69 7.46 15.96 7.46 15.07C7.46 14.18 8.19 13.45 9.08 13.45M14.92 13.45C15.81 13.45 16.54 14.18 16.54 15.07C16.54 15.96 15.81 16.69 14.92 16.69C14 16.69 13.3 15.96 13.3 15.07C13.3 14.18 14 13.45 14.92 13.45M17.83 11.5H6.17V12.17H17.83V11.5M14.15 6.89C14 6.59 13.67 6.43 13.35 6.53L12 7L10.65 6.53L10.61 6.5C10.29 6.43 9.95 6.61 9.84 6.92L8.36 10.83H15.64L14.16 6.92L14.15 6.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/incognito-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-off.svg
new file mode 100644
index 00000000..ef9e8d9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/incognito-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-incognito-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.31 8.2L6 9H7.11L8.61 10.5H2V12H10.11L13.5 15.37C13.38 15.61 13.3 15.85 13.24 16.1C12.29 15.69 11.41 15.8 10.76 16.09C10.35 14.31 8.79 13 6.94 13C4.77 13 3 14.79 3 17C3 19.21 4.77 21 6.94 21C9 21 10.68 19.38 10.84 17.32C11.18 17.08 12.07 16.63 13.16 17.34C13.34 19.39 15 21 17.06 21C17.66 21 18.22 20.86 18.72 20.61L20.84 22.73L22.11 21.46M6.94 19.86C5.38 19.86 4.13 18.58 4.13 17C4.13 15.42 5.39 14.14 6.94 14.14C8.5 14.14 9.75 15.42 9.75 17C9.75 18.58 8.5 19.86 6.94 19.86M17.06 19.86C15.5 19.86 14.25 18.58 14.25 17C14.25 16.74 14.29 16.5 14.36 16.25L17.84 19.73C17.59 19.81 17.34 19.86 17.06 19.86M22 12H15.2L13.7 10.5H22V12M17.06 13C19.23 13 21 14.79 21 17C21 17.25 20.97 17.5 20.93 17.73L19.84 16.64C19.68 15.34 18.66 14.32 17.38 14.17L16.29 13.09C16.54 13.03 16.8 13 17.06 13M12.2 9L7.72 4.5L8.43 2.68C8.63 2.17 9.19 1.89 9.72 2.04L9.77 2.05L12 2.79L14.22 2.05C14.75 1.88 15.32 2.14 15.54 2.63L15.56 2.68L18 9H12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/incognito.svg b/apps/phoenix_webcomponent/priv/mdi/svg/incognito.svg
new file mode 100644
index 00000000..c1e9a6d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/incognito.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-incognito" viewBox="0 0 24 24"><path d="M17.06 13C15.2 13 13.64 14.33 13.24 16.1C12.29 15.69 11.42 15.8 10.76 16.09C10.35 14.31 8.79 13 6.94 13C4.77 13 3 14.79 3 17C3 19.21 4.77 21 6.94 21C9 21 10.68 19.38 10.84 17.32C11.18 17.08 12.07 16.63 13.16 17.34C13.34 19.39 15 21 17.06 21C19.23 21 21 19.21 21 17C21 14.79 19.23 13 17.06 13M6.94 19.86C5.38 19.86 4.13 18.58 4.13 17S5.39 14.14 6.94 14.14C8.5 14.14 9.75 15.42 9.75 17S8.5 19.86 6.94 19.86M17.06 19.86C15.5 19.86 14.25 18.58 14.25 17S15.5 14.14 17.06 14.14C18.62 14.14 19.88 15.42 19.88 17S18.61 19.86 17.06 19.86M22 10.5H2V12H22V10.5M15.53 2.63C15.31 2.14 14.75 1.88 14.22 2.05L12 2.79L9.77 2.05L9.72 2.04C9.19 1.89 8.63 2.17 8.43 2.68L6 9H18L15.56 2.68L15.53 2.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/induction.svg b/apps/phoenix_webcomponent/priv/mdi/svg/induction.svg
new file mode 100644
index 00000000..8a442f56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/induction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-induction" viewBox="0 0 24 24"><path d="M23 2C20.75 2 18.75 2.61 17.19 3.33C15.79 2.61 14 2 12 2S8.21 2.61 6.81 3.33C5.25 2.61 3.25 2 1 2V4C2.36 4 3.61 4.27 4.71 4.64C4.03 5.15 3.63 5.54 3.59 5.59C3.21 5.96 3 6.47 3 7V18C3 20.21 4.79 22 7 22S11 20.21 11 18V7C11 6.42 10.75 5.88 10.32 5.5C10.26 5.45 9.8 5.05 9 4.54C9.92 4.22 10.92 4 12 4S14.08 4.22 15 4.54C14.2 5.05 13.74 5.45 13.68 5.5C13.25 5.88 13 6.42 13 7V18C13 20.21 14.79 22 17 22S21 20.21 21 18V7C21 6.47 20.79 5.96 20.41 5.59C20.37 5.54 19.97 5.15 19.29 4.64C20.39 4.27 21.64 4 23 4V2M9 7V18C9 19.11 8.11 20 7 20S5 19.11 5 18V7C5 7 5.7 6.31 6.87 5.58C8.2 6.31 9 7 9 7M19 7V18C19 19.11 18.11 20 17 20S15 19.11 15 18V7C15 7 15.8 6.31 17.13 5.58C18.3 6.31 19 7 19 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/infinity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/infinity.svg
new file mode 100644
index 00000000..6f6431ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/infinity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-infinity" viewBox="0 0 24 24"><path d="M18.6,6.62C21.58,6.62 24,9 24,12C24,14.96 21.58,17.37 18.6,17.37C17.15,17.37 15.8,16.81 14.78,15.8L12,13.34L9.17,15.85C8.2,16.82 6.84,17.38 5.4,17.38C2.42,17.38 0,14.96 0,12C0,9.04 2.42,6.62 5.4,6.62C6.84,6.62 8.2,7.18 9.22,8.2L12,10.66L14.83,8.15C15.8,7.18 17.16,6.62 18.6,6.62M7.8,14.39L10.5,12L7.84,9.65C7.16,8.97 6.31,8.62 5.4,8.62C3.53,8.62 2,10.13 2,12C2,13.87 3.53,15.38 5.4,15.38C6.31,15.38 7.16,15.03 7.8,14.39M16.2,9.61L13.5,12L16.16,14.35C16.84,15.03 17.7,15.38 18.6,15.38C20.47,15.38 22,13.87 22,12C22,10.13 20.47,8.62 18.6,8.62C17.69,8.62 16.84,8.97 16.2,9.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/information-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/information-off-outline.svg
new file mode 100644
index 00000000..086faafa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/information-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 17.5 6.5 22 12 22C14.3 22 16.4 21.2 18 19.9L20.8 22.7L22.1 21.5M12 20C7.6 20 4 16.4 4 12C4 10.3 4.6 8.7 5.5 7.4L11 12.9V17H13V14.9L16.6 18.5C15.3 19.4 13.7 20 12 20M8.2 5L6.7 3.5C8.3 2.6 10.1 2 12 2C17.5 2 22 6.5 22 12C22 13.9 21.4 15.7 20.5 17.3L19 15.8C19.6 14.7 20 13.4 20 12C20 7.6 16.4 4 12 4C10.6 4 9.3 4.4 8.2 5M11 7H13V9H11V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/information-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/information-off.svg
new file mode 100644
index 00000000..ed04e76c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/information-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 17.5 6.5 22 12 22C14.3 22 16.4 21.2 18 19.9L20.8 22.7L22.1 21.5M13 17H11V12.9L13 14.9V17M11 7.8L6.7 3.5C8.3 2.6 10.1 2 12 2C17.5 2 22 6.5 22 12C22 13.9 21.4 15.7 20.5 17.3L12.2 9H13V7H11V7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/information-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/information-outline.svg
new file mode 100644
index 00000000..5b1336f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/information-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-outline" viewBox="0 0 24 24"><path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/information-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/information-variant.svg
new file mode 100644
index 00000000..5b277934
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/information-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information-variant" viewBox="0 0 24 24"><path d="M13.5,4A1.5,1.5 0 0,0 12,5.5A1.5,1.5 0 0,0 13.5,7A1.5,1.5 0 0,0 15,5.5A1.5,1.5 0 0,0 13.5,4M13.14,8.77C11.95,8.87 8.7,11.46 8.7,11.46C8.5,11.61 8.56,11.6 8.72,11.88C8.88,12.15 8.86,12.17 9.05,12.04C9.25,11.91 9.58,11.7 10.13,11.36C12.25,10 10.47,13.14 9.56,18.43C9.2,21.05 11.56,19.7 12.17,19.3C12.77,18.91 14.38,17.8 14.54,17.69C14.76,17.54 14.6,17.42 14.43,17.17C14.31,17 14.19,17.12 14.19,17.12C13.54,17.55 12.35,18.45 12.19,17.88C12,17.31 13.22,13.4 13.89,10.71C14,10.07 14.3,8.67 13.14,8.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/information.svg b/apps/phoenix_webcomponent/priv/mdi/svg/information.svg
new file mode 100644
index 00000000..89ce3242
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/information.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-information" viewBox="0 0 24 24"><path d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/instagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/instagram.svg
new file mode 100644
index 00000000..06be2bbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-instagram" viewBox="0 0 24 24"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/instrument-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/instrument-triangle.svg
new file mode 100644
index 00000000..ff57ac0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/instrument-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-instrument-triangle" viewBox="0 0 24 24"><path d="M11.5 2H10.5V6.2C10.4 6.3 10.3 6.3 10.2 6.5L2.1 20.7C1.8 21.3 2.2 22 2.9 22H16V20H4.8L11 9.2L16.7 19.2L18.4 18.2L11.8 6.4L11.5 6.1V2M21 6H20V18L19.5 22H21.5L21 18V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/integrated-circuit-chip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/integrated-circuit-chip.svg
new file mode 100644
index 00000000..a4fb6e57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/integrated-circuit-chip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-integrated-circuit-chip" viewBox="0 0 24 24"><path d="M10 4H20C21.11 4 22 4.89 22 6V8H18.59L16 10.59V14.59L14 16.59V20H10V16.59L8 14.59V9.41L10 7.41V4M18 11.41V14H22V10H19.41L18 11.41M6.59 8L8 6.59V4H4C2.89 4 2 4.89 2 6V8H6.59M6 14V10H2V14H6M8 17.41L6.59 16H2V18C2 19.11 2.89 20 4 20H8V17.41M17.41 16L16 17.41V20H20C21.11 20 22 19.11 22 18V16H17.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors-off.svg
new file mode 100644
index 00000000..ec2bb55d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-invert-colors-off" viewBox="0 0 24 24"><path d="M20.65,20.87L18.3,18.5L12,12.23L8.44,8.66L7,7.25L4.27,4.5L3,5.77L5.78,8.55C3.23,11.69 3.42,16.31 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C13.79,21.58 15.57,21 17.03,19.8L19.73,22.5L21,21.23L20.65,20.87M12,19.59C10.4,19.59 8.89,18.97 7.76,17.83C6.62,16.69 6,15.19 6,13.59C6,12.27 6.43,11 7.21,10L12,14.77V19.59M12,5.1V9.68L19.25,16.94C20.62,14 20.09,10.37 17.65,7.93L12,2.27L8.3,5.97L9.71,7.38L12,5.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors.svg b/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors.svg
new file mode 100644
index 00000000..ea0f81cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/invert-colors.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-invert-colors" viewBox="0 0 24 24"><path d="M12,19.58V19.58C10.4,19.58 8.89,18.96 7.76,17.83C6.62,16.69 6,15.19 6,13.58C6,12 6.62,10.47 7.76,9.34L12,5.1M17.66,7.93L12,2.27V2.27L6.34,7.93C3.22,11.05 3.22,16.12 6.34,19.24C7.9,20.8 9.95,21.58 12,21.58C14.05,21.58 16.1,20.8 17.66,19.24C20.78,16.12 20.78,11.05 17.66,7.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/iobroker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/iobroker.svg
new file mode 100644
index 00000000..ca872198
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/iobroker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-iobroker" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.04 10.5 2.11V4.85C11 4.75 11.5 4.7 12 4.7C12.5 4.7 13 4.75 13.5 4.85V2.12C13 2.04 12.5 2 12 2M9.82 2.25C5.4 3.25 2.11 7.24 2.11 12C2.11 17.5 6.53 22 12 22C17.47 22 21.89 17.5 21.89 12C21.89 7.24 18.6 3.25 14.19 2.25V5.03C17.17 5.96 19.34 8.73 19.34 12C19.34 16 16.05 19.3 12 19.3C7.96 19.3 4.67 16 4.67 12C4.67 8.73 6.84 5.96 9.82 5.03M12 5.45C11.5 5.45 11 5.5 10.5 5.62V18.27C11 18.38 11.5 18.44 12 18.44C12.5 18.44 13 18.39 13.5 18.27V5.62C13 5.5 12.5 5.45 12 5.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ip-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ip-network-outline.svg
new file mode 100644
index 00000000..57149cc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ip-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ip-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M10,6H8V14H10V6M14,6H11V14H13V12H14A2,2 0 0,0 16,10V8A2,2 0 0,0 14,6M14,10H13V8H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ip-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ip-network.svg
new file mode 100644
index 00000000..d0f5e165
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ip-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ip-network" viewBox="0 0 24 24"><path d="M15,9H13V7H15V9M22,20V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7A2,2 0 0,1 5,15V5A2,2 0 0,1 7,3H17A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22M9,5H7V15H9V5M11,15H13V11H15A2,2 0 0,0 17,9V7A2,2 0 0,0 15,5H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ip-outline.svg
new file mode 100644
index 00000000..6191d853
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ip-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9 7H7V17H9V7M15 7H11V17H13V13H15C16.1 13 17 12.1 17 11V9C17 7.9 16.1 7 15 7M15 11H13V9H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ip.svg
new file mode 100644
index 00000000..96113d5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ip" viewBox="0 0 24 24"><path d="M16,11H14V9H16V11M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M10,7H8V17H10V7M12,17H14V13H16A2,2 0 0,0 18,11V9A2,2 0 0,0 16,7H12V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ipod.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ipod.svg
new file mode 100644
index 00000000..c94aba5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ipod.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ipod" viewBox="0 0 24 24"><path d="M7,2A2,2 0 0,0 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4A2,2 0 0,0 17,2H7M7,4H17V10H7V4M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,14A2,2 0 0,0 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16A2,2 0 0,0 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/iron-board.svg b/apps/phoenix_webcomponent/priv/mdi/svg/iron-board.svg
new file mode 100644
index 00000000..5e6a4889
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/iron-board.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-iron-board" viewBox="0 0 24 24"><path d="M19 6H16V4.8C16 3.68 16.56 2.63 17.5 2C18.44 2.63 19 3.68 19 4.8V6M15.28 13.63L19.59 19C20.38 19.06 21 19.7 21 20.5C21 21.33 20.33 22 19.5 22S18 21.33 18 20.5C18 20.42 18 20.34 18 20.26L14 15.23L10 20.26C10 20.34 10 20.42 10 20.5C10 21.33 9.33 22 8.5 22S7 21.33 7 20.5C7 19.7 7.63 19.06 8.41 19L12.72 13.63L9 9H3V7H21V9H19L15.28 13.63M14 12L16.42 9H11.58L14 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/iron-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/iron-outline.svg
new file mode 100644
index 00000000..2a7ead2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/iron-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-iron-outline" viewBox="0 0 24 24"><path d="M21 6C19.34 6 18 7.34 18 9V13C18 13.55 17.55 14 17 14V10C17 8.34 15.66 7 14 7H10C8.34 7 7 8.34 7 10H9C9 9.45 9.45 9 10 9H14C14.55 9 15 9.45 15 10V11H6C3.79 11 2 12.79 2 15V18H17V16C18.66 16 20 14.66 20 13V9C20 8.45 20.45 8 21 8H22V6H21M15 16H4V15C4 13.9 4.9 13 6 13H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/iron.svg b/apps/phoenix_webcomponent/priv/mdi/svg/iron.svg
new file mode 100644
index 00000000..e0960f79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/iron.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-iron" viewBox="0 0 24 24"><path d="M21 6C19.34 6 18 7.34 18 9V13C18 13.55 17.55 14 17 14V10C17 8.34 15.66 7 14 7H10C8.34 7 7 8.34 7 10H9C9 9.45 9.45 9 10 9H14C14.55 9 15 9.45 15 10V11H6C3.79 11 2 12.79 2 15V18H17V16C18.66 16 20 14.66 20 13V9C20 8.45 20.45 8 21 8H22V6H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/island.svg b/apps/phoenix_webcomponent/priv/mdi/svg/island.svg
new file mode 100644
index 00000000..ac6cc09f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/island.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-island" viewBox="0 0 24 24"><path d="M20 20C18.61 20 17.22 19.53 16 18.67C13.56 20.38 10.44 20.38 8 18.67C6.78 19.53 5.39 20 4 20H2V22H4C5.37 22 6.74 21.65 8 21C10.5 22.3 13.5 22.3 16 21C17.26 21.65 18.62 22 20 22H22V20H20M20.78 19H20C18.82 19 17.64 18.6 16.58 17.85L16 17.45L15.42 17.85C14.39 18.57 13.21 18.95 12 18.95C10.77 18.95 9.59 18.57 8.56 17.85L8 17.45L7.43 17.85C6.36 18.6 5.18 19 4 19H3.22C3.75 17.54 5.58 15 12 15C14 15 15 15.24 15 15.24C15.68 13.87 16.83 10.77 16 6.82L17.06 7.53C17.39 8.96 18 11.75 16.8 15.65C19.43 16.5 20.42 18 20.78 19M22 7.59C21.21 6.5 20 5.71 18.58 5.53C18.7 5.67 18.81 5.83 18.92 6C20.12 7.91 19.87 10.32 18.47 11.95C19.06 10.5 19 8.79 18.08 7.36C18 7.28 17.96 7.2 17.9 7.11C17.5 6.53 16.96 6.06 16.38 5.72C14.35 6.37 12.88 8.27 12.88 10.5C12.88 11.03 12.96 11.53 13.1 12C12.5 11.17 12.16 10.17 12.16 9.07C12.16 7.41 12.96 5.95 14.2 5.03C13.16 4.95 12.09 5.18 11.14 5.78C10.7 6.05 10.32 6.38 10 6.76C10.39 5.82 11.05 5 12 4.4C13.04 3.74 14.25 3.5 15.39 3.69C15.1 3.29 14.75 2.92 14.33 2.6C13.92 2.29 13.47 2.05 13 1.88C14 1.91 15.04 2.24 15.91 2.89C16.35 3.22 16.7 3.62 17 4.05C17.06 4.05 17.12 4.04 17.19 4.04C19.45 4.04 21.37 5.53 22 7.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/iv-bag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/iv-bag.svg
new file mode 100644
index 00000000..f5b6afab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/iv-bag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-iv-bag" viewBox="0 0 24 24"><path d="M14 1H10C5 1 5 3 5 3V15C5 15 5 17 10 17V19H11V20C11 21.21 11.8 23 14 23H18V21H14C13.19 21 13 20.45 13 20V19H14V17C19 17 19 15 19 15V3C19 3 19 1 14 1M17 12H14V11H17V12M17 5H14V6H17V8H14V9H17V10H7V3.5C7.3 3.32 8.13 3 10 3H14C15.88 3 16.7 3.32 17 3.5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jabber.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jabber.svg
new file mode 100644
index 00000000..7250ec05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jabber.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jabber" viewBox="0 0 24 24"><path d="M5.23,5.72C4.61,5.55 5,3.19 5,3.17C5,3.19 12.58,-0.71 16.7,5.73C20.8,12.15 15.86,14.86 13.97,16.06C12.08,17.27 12.73,19.72 12.73,20.13C12.73,20.53 12.16,20.97 12,20.41C11.88,19.84 11.25,16.55 13.33,15.16C17.13,12.61 17.9,10.1 16,6.42C14.2,3 8.28,3.41 7.03,4.08C5.78,4.75 5.86,5.89 5.23,5.72M9.33,12.63L9.11,12.16C9.23,10.28 7.63,10.39 8.08,13.33C8.21,14.16 7.47,13.8 7.45,13.73C6.89,11.44 7.42,10.22 8.55,10.45C9.62,10.68 9.53,11.83 9.53,11.83C9.56,11.78 11,10.17 11.5,10.92C12.58,12.5 10.53,14.47 10.41,14.63C10.28,14.78 10.14,15.05 9.92,14.84C9.7,14.64 9.72,14.5 9.89,14.27C12.77,10 9.59,12.22 9.33,12.63M6.5,15.33V15.31C6.5,15.31 8,18.13 10.61,17.08C11,16.92 11.17,17.14 11.2,17.27C11.27,17.53 11.13,17.64 10.86,17.73C7.86,18.72 5.89,16.63 5.63,16.13C5.39,15.68 5.5,15.38 5.75,15.22C6,15.06 6.5,15.33 6.5,15.33M6,17.5C6,17.5 7.67,19.5 10.8,19C11.09,18.94 11.2,19.13 11.25,19.38C11.3,19.63 11.22,19.84 10.92,19.94C10.63,20.03 7.08,20.5 5.13,17.72C5,17.56 5.3,17.36 5.47,17.36C5.64,17.36 6.03,17.5 6,17.5M5.95,19.39C7.53,21.5 10.33,21.55 11.28,20.88C11.5,20.73 11.7,21.05 11.56,21.19C9.64,23.16 5.67,21 5.27,20.33C5.09,20.05 5.13,19.66 5.31,19.45C5.5,19.25 5.93,19.38 5.95,19.39Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jeepney.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jeepney.svg
new file mode 100644
index 00000000..2ab42fd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jeepney.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jeepney" viewBox="0 0 24 24"><path d="M19,13V7H20V4H4V7H5V13H2C2,13.93 2.5,14.71 3.5,14.93V20A1,1 0 0,0 4.5,21H5.5A1,1 0 0,0 6.5,20V19H17.5V20A1,1 0 0,0 18.5,21H19.5A1,1 0 0,0 20.5,20V14.93C21.5,14.7 22,13.93 22,13H19M8,15A1.5,1.5 0 0,1 6.5,13.5A1.5,1.5 0 0,1 8,12A1.5,1.5 0 0,1 9.5,13.5A1.5,1.5 0 0,1 8,15M16,15A1.5,1.5 0 0,1 14.5,13.5A1.5,1.5 0 0,1 16,12A1.5,1.5 0 0,1 17.5,13.5A1.5,1.5 0 0,1 16,15M17.5,10.5C15.92,10.18 14.03,10 12,10C9.97,10 8,10.18 6.5,10.5V7H17.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish-outline.svg
new file mode 100644
index 00000000..3f123ddf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jellyfish-outline" viewBox="0 0 24 24"><path d="M12,4C15.8,4 18.5,6.8 18.5,10.8C14.31,12.39 9.69,12.39 5.5,10.8C5.5,6.8 8.2,4 12,4M12,2C7.3,2 3.5,5.5 3.5,10.9C3.56,11.7 4.06,12.4 4.8,12.7L6.5,13.2V15.5A0.5,0.5 0 0,1 6,16A0.5,0.5 0 0,1 5.5,15.5C5.57,14.92 5.08,14.43 4.5,14.5C3.92,14.43 3.43,14.92 3.5,15.5C3.44,16.86 4.54,18 5.9,18H6C7.41,18.06 8.56,16.91 8.5,15.5V13.7H9.5V19.4C9.5,20.07 8.5,20.07 8.5,19.4C8.57,18.82 8.08,18.33 7.5,18.4C6.92,18.33 6.43,18.82 6.5,19.4C6.39,20.8 7.5,22 8.9,22H9C10.41,22.06 11.56,20.91 11.5,19.5V14H12.5V19.5C12.44,20.91 13.59,22.06 15,22H15.1C16.47,22 17.56,20.86 17.5,19.5C17.5,18.17 15.5,18.17 15.5,19.5C15.5,20.17 14.5,20.17 14.5,19.5V13.8H15.5V15.6C15.5,16.96 16.63,18.06 18,18H18.1C19.47,18 20.56,16.86 20.5,15.5C20.5,14.17 18.5,14.17 18.5,15.5C18.5,16.17 17.5,16.17 17.5,15.5V13.2L19.2,12.7C19.92,12.36 20.41,11.68 20.5,10.9C20.5,5.5 16.7,2 12,2M12,6.2C10.53,6.6 9.24,7.53 8.4,8.8C8,9.33 7.2,8.73 7.6,8.2C8.6,6.73 10.09,5.67 11.8,5.2C12.08,5.14 12.35,5.32 12.4,5.6C12.5,5.9 12.3,6.1 12,6.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish.svg
new file mode 100644
index 00000000..4f0337f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jellyfish.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jellyfish" viewBox="0 0 24 24"><path d="M19.5,14.5C18.92,14.43 18.43,14.92 18.5,15.5C18.5,16.17 17.5,16.17 17.5,15.5V13.2L19.2,12.7C19.92,12.36 20.41,11.68 20.5,10.9C20.5,5.5 16.7,2 12,2C7.3,2 3.5,5.5 3.5,10.9C3.56,11.7 4.06,12.4 4.8,12.7L6.5,13.2V15.5A0.5,0.5 0 0,1 6,16A0.5,0.5 0 0,1 5.5,15.5C5.57,14.92 5.08,14.43 4.5,14.5C3.92,14.43 3.43,14.92 3.5,15.5C3.44,16.91 4.59,18.06 6,18C7.41,18.06 8.56,16.91 8.5,15.5V13.7H9.5V19.4C9.5,20.07 8.5,20.07 8.5,19.4C8.57,18.82 8.08,18.33 7.5,18.4C6.92,18.33 6.43,18.82 6.5,19.4C6.38,20.84 7.55,22.07 9,22C10.41,22.06 11.56,20.91 11.5,19.5V14H12.5V19.5C12.44,20.91 13.59,22.06 15,22C16.41,22.06 17.56,20.91 17.5,19.5C17.5,18.17 15.5,18.17 15.5,19.5C15.5,20.17 14.5,20.17 14.5,19.5V13.8H15.5V15.6C15.5,16.96 16.63,18.06 18,18C19.41,18.06 20.56,16.91 20.5,15.5C20.57,14.92 20.08,14.43 19.5,14.5M10.6,4.7C9.09,5.03 7.79,5.97 7,7.3C6.83,7.5 6.5,7.57 6.3,7.4C6.08,7.23 6.04,6.92 6.2,6.7C7.16,5.19 8.67,4.12 10.4,3.7C10.67,3.68 10.91,3.85 11,4.1C11.06,4.37 10.88,4.65 10.6,4.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jira.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jira.svg
new file mode 100644
index 00000000..e314a4a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jira.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jira" viewBox="0 0 24 24"><path d="M11.53,2C11.53,4.4 13.5,6.35 15.88,6.35H17.66V8.05C17.66,10.45 19.6,12.39 22,12.4V2.84A0.84,0.84 0 0,0 21.16,2H11.53M6.77,6.8C6.78,9.19 8.72,11.13 11.11,11.14H12.91V12.86C12.92,15.25 14.86,17.19 17.25,17.2V7.63C17.24,7.17 16.88,6.81 16.42,6.8H6.77M2,11.6C2,14 3.95,15.94 6.35,15.94H8.13V17.66C8.14,20.05 10.08,22 12.47,22V12.43A0.84,0.84 0 0,0 11.63,11.59L2,11.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jquery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jquery.svg
new file mode 100644
index 00000000..2c9914ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jquery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jquery" viewBox="0 0 24 24"><path d="M22.88,10.41C20.77,12.18 17.61,11.9 15.84,9.79C14.06,7.67 14.34,4.5 16.45,2.75L16.96,2.37C15.27,4.19 15.16,7.03 16.8,9C18.43,10.94 21.25,11.32 23.34,9.97L22.88,10.41M21.1,14.5C17.93,17.17 13.2,16.76 10.54,13.58C7.87,10.41 8.29,5.68 11.46,3L12.38,2.36C9.96,5.09 9.84,9.26 12.26,12.14C14.68,15 18.8,15.63 21.91,13.72L21.1,14.5M19.97,19.38C15.53,23.11 8.9,22.53 5.17,18.08C1.45,13.64 2.03,7 6.47,3.29L7.58,2.5C4.07,6.3 3.85,12.23 7.28,16.32C10.71,20.4 16.59,21.22 20.96,18.43L19.97,19.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jsfiddle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jsfiddle.svg
new file mode 100644
index 00000000..2655970e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jsfiddle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jsfiddle" viewBox="0 0 24 24"><path d="M17.34 13.7C17.34 15 16.23 16.04 14.86 16.04C13.65 16.04 12.64 15 11.75 14.04L11.5 13.79C11.5 13.76 11.47 13.73 11.45 13.7C10.74 12.96 9.96 12.22 9.21 12.22C8.32 12.22 7.6 12.88 7.6 13.69C7.6 14.5 8.32 15.17 9.21 15.17C9.97 15.17 10.35 14.75 10.63 14.45L10.7 14.37C10.86 14.2 11.14 14.19 11.31 14.35C11.5 14.5 11.5 14.79 11.33 14.96L11.27 15.03C10.94 15.38 10.35 16.03 9.21 16.03C7.84 16.03 6.73 15 6.73 13.69C6.73 12.4 7.84 11.35 9.21 11.35C10.42 11.35 11.43 12.41 12.32 13.35L12.56 13.6C12.58 13.63 12.6 13.66 12.62 13.69C13.33 14.43 14.11 15.17 14.86 15.17C15.75 15.17 16.47 14.5 16.47 13.69C16.47 12.88 15.75 12.22 14.86 12.22C14.11 12.22 13.72 12.64 13.44 12.94L13.37 13C13.21 13.19 12.94 13.2 12.76 13.04C12.59 12.87 12.58 12.6 12.74 12.42L12.81 12.36C13.13 12 13.73 11.36 14.86 11.36C16.23 11.36 17.34 12.4 17.34 13.7M22 14.85C22 15.96 21.57 17 20.78 17.79C20 18.57 18.95 19 17.84 19H6.28C3.96 18.96 2.07 17.06 2.07 14.75C2.07 13.37 2.76 12.07 3.89 11.28C3.85 11.09 3.83 10.9 3.83 10.7C3.83 9.03 5.2 7.67 6.88 7.67C7.39 7.67 7.88 7.79 8.32 8.03C9.41 6.17 11.43 5 13.6 5C16.97 5 19.7 7.72 19.7 11.07L19.7 11.14C21.11 11.84 22 13.27 22 14.85M21.13 14.85C21.13 13.5 20.33 12.32 19.09 11.81C18.92 11.74 18.81 11.57 18.82 11.38L18.83 11.29C18.83 11.22 18.84 11.14 18.84 11.07C18.84 8.2 16.5 5.87 13.6 5.87C11.6 5.87 9.74 7.03 8.87 8.83C8.82 8.95 8.71 9.04 8.58 9.07C8.46 9.1 8.32 9.07 8.22 9C7.83 8.69 7.37 8.53 6.88 8.53C5.68 8.53 4.7 9.5 4.7 10.7C4.7 10.92 4.73 11.14 4.8 11.34C4.86 11.54 4.78 11.75 4.61 11.85C3.56 12.47 2.94 13.55 2.94 14.75C2.94 16.59 4.44 18.1 6.29 18.13H17.83C18.72 18.13 19.54 17.79 20.16 17.17C20.79 16.55 21.13 15.73 21.13 14.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/jump-rope.svg b/apps/phoenix_webcomponent/priv/mdi/svg/jump-rope.svg
new file mode 100644
index 00000000..691d58ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/jump-rope.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-jump-rope" viewBox="0 0 24 24"><path d="M21 4.5V10.5C21 11.2 20.5 11.9 19.8 12V17.3C19.8 18.6 19 21.1 16 21.1H14.5C14.9 20.7 15.3 20.2 15.5 19.6H16C18.1 19.6 18.2 17.7 18.2 17.4V12C17.5 11.9 17 11.3 17 10.5V4.5C17 3.7 17.7 3 18.5 3H19.5C20.3 3 21 3.7 21 4.5M14.8 18.2C14.8 19.7 13.6 21 12 21H8C5 21 4.2 18.5 4.2 17.2V12C3.5 11.9 3 11.2 3 10.5V4.5C3 3.7 3.7 3 4.5 3H5.5C6.3 3 7 3.7 7 4.5V10.5C7 11.2 6.5 11.9 5.8 12V17.3C5.8 17.7 5.9 19.5 8 19.5H9.6C9.4 19.1 9.3 18.7 9.3 18.3V8.3C9.3 6.8 10.5 5.5 12.1 5.5S14.8 6.7 14.8 8.3M13.2 8.2C13.2 7.6 12.7 7 12 7S10.8 7.6 10.8 8.2V18.2C10.8 18.9 11.4 19.4 12 19.4S13.2 18.8 13.2 18.2V8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kabaddi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kabaddi.svg
new file mode 100644
index 00000000..78a08b28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kabaddi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kabaddi" viewBox="0 0 24 24"><path d="M11.2 10.6C12.2 11.6 13.4 12.1 14.8 12.1L14.9 14.2C13 14.2 11.3 13.5 9.8 12.1L9.1 11.4L6.8 13.8L9 15.9V21.9H7V16.7L5.7 15.5V17.7L1.5 22L.1 20.6L3.7 17L2.5 13.5C2.3 12.9 2.6 12.4 3.1 12L6.4 8.7C6.8 8.2 7.3 8 7.8 8C8.3 8 8.6 8.1 8.9 8.3L11.2 10.6M24 11.9H22V8.5L20.2 7.8L21.1 12.2L22.1 17.4L23 21.8H20.9L19.1 13.8L17 15.8V21.8H15V14.3L17.1 12.3L16.5 9.3C15.9 9.9 15.2 10.5 14.4 10.9C13.5 10.8 12.6 10.4 11.9 9.7C13.5 9.4 14.6 8.6 15.3 7.4L16.3 5.8C16.9 4.8 17.8 4.5 18.9 5L24 7.2V11.9M11.4 4.4C12.5 4.4 13.4 5.3 13.4 6.4C13.4 7.5 12.5 8.4 11.4 8.4C10.3 8.4 9.4 7.5 9.4 6.4C9.4 5.3 10.3 4.4 11.4 4.4M16.5 .3C17.6 .3 18.5 1.2 18.5 2.3C18.5 3.4 17.6 4.3 16.5 4.3C15.4 4.3 14.5 3.4 14.5 2.3C14.5 1.2 15.4 .3 16.5 .3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kangaroo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kangaroo.svg
new file mode 100644
index 00000000..ae3e5c15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kangaroo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kangaroo" viewBox="0 0 24 24"><path d="M19.8 6.59L19 7.97V10.04L17.69 11.61L17.31 13.25L16 14L15.5 13.12L16.44 12.59L16.7 11.45L16.7 11.45L16.77 11.15L16.77 11.15V11.15L17.47 10.31C17.65 10.1 17.62 9.78 17.41 9.61C17.2 9.43 16.88 9.46 16.7 9.67L15.85 10.69L15.56 11.93C15.38 11.96 15.2 12 15 12C14.31 12 13.68 11.76 13.23 11.4C13.15 12.7 12.73 13.81 12.13 14.43L10.5 16.19L9.96 19.79L8.07 21L7.53 20.17L9.04 19.19L9.5 15.92L9.5 15.91L10 14.54C9.47 14.08 9.08 13.28 8.88 12.3L8.71 12.61C8.35 13.25 8 13.9 7.56 14.56C7.11 15.2 6.66 15.9 5.78 16.44C5.34 16.72 4.7 16.84 4.17 16.73C3.61 16.61 3.14 16.26 2.86 15.89C2.31 15.13 2.15 14.35 2 13.62L2.97 13.36C3.2 14 3.5 14.65 3.88 15C4.26 15.33 4.57 15.26 4.84 15C5.16 14.73 5.47 14.15 5.73 13.55C6 12.94 6.22 12.28 6.45 11.6C6.93 10.24 7.39 8.82 8.2 7.36C8.62 6.64 9.13 5.89 9.92 5.22C10.7 4.55 11.73 4 13 4S15.7 5.22 16.58 6.34C17 6.89 17.87 6.82 18.22 6.21L19.14 4.63C19 4.58 18.89 4.5 18.79 4.4C18.4 4 18.4 3.38 18.79 3L19.93 4.13C19.96 4.13 20 4.11 20 4.11C20.41 4.11 20.75 4.35 20.91 4.69L22 7L21 7.5L19.8 6.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/karate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/karate.svg
new file mode 100644
index 00000000..79f16852
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/karate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-karate" viewBox="0 0 24 24"><path d="M19.8 2L11.6 8.7L10.39 7.66L14 5.58L9.41 1L8 2.41L10.74 5.15L5 8.46L3.81 12.75L6.27 17L8 16L5.97 12.5L6.32 11.18L9.5 13L10 22H12L12.5 12L21 3.4L19.8 2M5 3C6.11 3 7 3.9 7 5S6.11 7 5 7 3 6.11 3 5 3.9 3 5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kayaking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kayaking.svg
new file mode 100644
index 00000000..a818ba26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kayaking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kayaking" viewBox="0 0 24 24"><path d="M22 23V21C20.58 21.05 19.21 20.9 18 20C16.23 21.25 13.77 21.25 12 20C10.23 21.25 7.77 21.25 6 20C4.79 20.9 3.42 21.05 2 21V23C3.38 23.05 4.79 22.94 6 22.25C7.84 23.25 10.16 23.25 12 22.25C13.84 23.25 16.16 23.25 18 22.25C19.21 22.94 20.62 23.05 22 23M23.39 17.21C21.13 16.29 18.3 15.56 15.66 15.22L19.36 6.88L20.67 6.41L22 3.41L18.8 2L17.5 4.95L18 6.27L16.31 9.97L13.5 11.47L11 10.2C10.95 10.14 10.86 10.09 10.74 10.06C9.82 9.73 8.77 10.32 8.5 11.23L7.13 15.41C6.59 15.18 1.25 16.97 .915 17.12L0 17.47C1.33 18.04 2.2 18.39 3.94 18.88C4.75 18.63 5.44 18.09 6 17.47C7.5 19.42 10.5 19.42 12 17.47C13.5 19.42 16.5 19.42 18 17.47C18.56 18.09 19.25 18.63 20.06 18.88L22.95 17.91L24 17.47L23.39 17.21M14.06 15.08C13.07 15 12.06 15 11.06 15L11.77 12.83L13.5 13.77L15 12.92L14.06 15.08M14 7.5C14 8.61 13.11 9.5 12 9.5S10 8.61 10 7.5 10.9 5.5 12 5.5 14 6.4 14 7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keg.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keg.svg
new file mode 100644
index 00000000..1cca3034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keg" viewBox="0 0 24 24"><path d="M5,22V20H6V16H5V14H6V11H5V7H11V3H10V2H11L13,2H14V3H13V7H19V11H18V14H19V16H18V20H19V22H5M17,9A1,1 0 0,0 16,8H14A1,1 0 0,0 13,9A1,1 0 0,0 14,10H16A1,1 0 0,0 17,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert-outline.svg
new file mode 100644
index 00000000..7a82ac48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-alert-outline" viewBox="0 0 24 24"><path d="M9.5 3C4.8 3 1 5.7 1 9C1 10.2 1.5 11.3 2.4 12.3C1.5 13.5 1 15 1 16.5V20C1 21.1 1.9 22 3 22H16C17.1 22 18 21.1 18 20V16.5C18 15.3 17.7 14.1 17 13L19 11L16 8L13.9 10.1C11 8.5 7.4 8.6 4.6 10.4C4.2 10 4 9.5 4 9C4 7.2 6.5 5.7 9.5 5.7C10.9 5.7 12.3 6.1 13.3 6.7L15.3 4.7C13.6 3.5 11.6 3 9.5 3M9.5 11C13 11 16 14 16 16.5V20H3V16.5C3 14 6 11 9.5 11M10 12.5C7 12.5 5 14 5 17V18H7V17C7 16 7 13.5 10 12.5M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert.svg
new file mode 100644
index 00000000..ddc7ffe4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-alert" viewBox="0 0 24 24"><path d="M9.5 3C4.8 3 1 5.7 1 9C1 10.2 1.5 11.3 2.4 12.3C1.5 13.5 1 15 1 16.5V20C1 21.1 1.9 22 3 22H16C17.1 22 18 21.1 18 20V16.5C18 15.3 17.7 14.1 17 13L19 11L16 8L13.9 10.1C12.6 9.4 11.1 9 9.5 9C7.7 9 5.9 9.5 4.6 10.4C4.2 10 4 9.5 4 9C4 7.2 6.5 5.8 9.5 5.8C10.9 5.8 12.3 6.1 13.3 6.7L15.3 4.7C13.8 3.6 11.7 3 9.5 3M9.5 11C9.8 11 10.2 11 10.5 11.1C7.4 11.6 5 14.2 5 17.5V20H3V17.5C3 13.9 5.9 11 9.5 11M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off-outline.svg
new file mode 100644
index 00000000..2d2cd260
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.7 6.6C4.3 7.3 4 8.1 4 9C4 10.2 4.5 11.3 5.4 12.3C4.5 13.5 4 15 4 16.5V20C4 21.1 4.9 22 6 22H19C19.3 22 19.6 21.9 19.9 21.8L20.8 22.7L22.1 21.5M8.2 10.1L7.6 10.4C7.2 10 7 9.5 7 9V8.9L8.2 10.1M6 20V16.5C6 14.7 7.6 12.6 9.7 11.6L10.9 12.8C9.1 13.4 8 14.8 8 17V18H10V17C10 16.2 10 14.5 11.4 13.3L18.1 20H6M16.9 10.1L19 8L22 11L20 13C20.7 14.1 21 15.3 21 16.5V17.8L18.9 15.7C18.5 13.9 16.8 12.1 14.6 11.4L12.2 9C13.8 8.9 15.4 9.3 16.9 10.1M9.5 6.3L7.4 4.2C8.8 3.5 10.6 3 12.5 3C14.6 3 16.6 3.5 18.3 4.7L16.3 6.7C15.3 6.1 13.9 5.7 12.5 5.7C11.4 5.7 10.3 5.9 9.5 6.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off.svg
new file mode 100644
index 00000000..67d4bde6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.7 6.6C4.3 7.3 4 8.1 4 9C4 10.2 4.5 11.3 5.4 12.3C4.5 13.5 4 15 4 16.5V20C4 21.1 4.9 22 6 22H19C19.3 22 19.6 21.9 19.9 21.8L20.8 22.7L22.1 21.5M8.2 10.1L7.6 10.4C7.2 10 7 9.5 7 9V8.9L8.2 10.1M8 17.5V20H6V17.5C6 14.9 7.5 12.7 9.7 11.6L10.5 12.4C9 13.6 8 15.4 8 17.5M16.9 10.1L19 8L22 11L20 13C20.7 14.1 21 15.3 21 16.5V17.8L12.2 9H12.5C14 9 15.6 9.4 16.9 10.1M9.5 6.3L7.4 4.2C8.8 3.5 10.6 3 12.5 3C14.7 3 16.8 3.6 18.3 4.7L16.3 6.7C15.3 6.1 13.9 5.8 12.5 5.8C11.4 5.8 10.4 5.9 9.5 6.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-outline.svg
new file mode 100644
index 00000000..8a658a81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-outline" viewBox="0 0 24 24"><path d="M12.5 3C7.8 3 4 5.7 4 9C4 10.2 4.5 11.3 5.4 12.3A6.8 6.8 0 0 0 4 16.5V20C4 21.1 4.9 22 6 22H19A2 2 0 0 0 21 20V16.5C21 15.3 20.7 14.1 20 13L22 11L19 8L16.9 10.1A9.2 9.2 0 0 0 7.6 10.4A2 2 0 0 1 7 9C7 7.2 9.5 5.7 12.5 5.7C13.9 5.7 15.3 6.1 16.3 6.7L18.3 4.7A10 10 0 0 0 12.5 3M12.5 11C16 11 19 14 19 16.5V20H6V16.5C6 14 9 11 12.5 11M13 12.5C10 12.5 8 14 8 17V18H10V17C10 16 10 13.5 13 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-pour-over.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-pour-over.svg
new file mode 100644
index 00000000..59794b5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-pour-over.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-pour-over" viewBox="0 0 24 24"><path d="M10 4C9.4 4 9 4.4 9 5V6H14V5C14 4.4 13.6 4 13 4H10M3 7L4.1 14.1C4.2 14.8 4.5 15.5 5.1 16.1C5.5 16.6 6.2 16.9 7 17C7 17.6 7.4 18 8 18H16C16.6 18 17 17.6 17 17L15 11H17L20.3 16L22 15L18.7 10L20 9.2L19 7.5L16.4 9H15V7H8V11L7.2 16C6.5 15.9 6.1 15.7 5.8 15.4C5.4 15 5.2 14.5 5.1 13.9L4 7H3M4 19V21H20V19H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam-outline.svg
new file mode 100644
index 00000000..87df4b6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-steam-outline" viewBox="0 0 24 24"><path d="M9.5 3C4.8 3 1 5.7 1 9C1 10.2 1.5 11.3 2.4 12.3C1.5 13.5 .985 15 1 16.5V20C1 21.1 1.9 22 3 22H16C17.11 22 18 21.11 18 20V16.5C18 15.3 17.7 14.1 17 13L19 11L16 8L13.9 10.1C10.97 8.5 7.42 8.63 4.6 10.4C4.22 10.03 4 9.53 4 9C4 7.2 6.5 5.7 9.5 5.7C10.9 5.7 12.3 6.1 13.3 6.7L15.3 4.7C13.59 3.55 11.56 2.96 9.5 3M9.5 11C13 11 16 14 16 16.5V20H3V16.5C3 14 6 11 9.5 11M10 12.5C7 12.5 5 14 5 17V18H7V17C7 16 7 13.5 10 12.5M23 7.3C23 8.93 21.91 10.6 20.38 10.97L19.71 10.29L19 9.6H19.75C20.75 9.6 21.5 8.22 21.5 7.2C21.5 6.18 20.65 5.14 19.65 5.14V3.64C21.5 3.64 23 5.45 23 7.3M17.65 6.73C17.03 6.12 16.65 5.28 16.65 4.35C16.65 2.5 18.15 1 20 1V2.5C19 2.5 18.15 3.33 18.15 4.35C18.15 5.37 19 6.2 20 6.2V7.7C19.18 7.7 18.42 7.95 17.79 8.38L16.72 7.31C17 7.09 17.32 6.89 17.65 6.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam.svg
new file mode 100644
index 00000000..dbdfdd73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle-steam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle-steam" viewBox="0 0 24 24"><path d="M19 11L16 8L13.9 10.1C12.58 9.38 11.05 9 9.5 9C7.65 9 5.95 9.53 4.55 10.41C4.19 9.97 4 9.5 4 9C4 7.21 6.46 5.75 9.5 5.75C10.93 5.75 12.3 6.08 13.33 6.67L15.35 4.65C13.77 3.59 11.68 3 9.5 3C4.81 3 1 5.69 1 9C1 10.19 1.5 11.34 2.44 12.33C1.53 13.5 1 14.96 1 16.5V20C1 21.11 1.89 22 3 22H16C17.11 22 18 21.11 18 20V16.5C18 15.28 17.66 14.07 17 13L19 11M5 17.5V20H3V17.5C3 13.91 5.91 11 9.5 11C9.84 11 10.17 11.04 10.5 11.09C7.39 11.57 5 14.25 5 17.5M23 7.3C23 8.93 21.91 10.6 20.38 10.97L19.71 10.29L19 9.6H19.75C20.75 9.6 21.5 8.22 21.5 7.2C21.5 6.18 20.65 5.14 19.65 5.14V3.64C21.5 3.64 23 5.45 23 7.3M17.65 6.73C17.03 6.12 16.65 5.28 16.65 4.35C16.65 2.5 18.15 1 20 1V2.5C19 2.5 18.15 3.33 18.15 4.35C18.15 5.37 19 6.2 20 6.2V7.7C19.18 7.7 18.42 7.95 17.79 8.38L16.72 7.31C17 7.09 17.32 6.89 17.65 6.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettle.svg
new file mode 100644
index 00000000..02e2ea09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettle" viewBox="0 0 24 24"><path d="M12.5,3C7.81,3 4,5.69 4,9V9C4,10.19 4.5,11.34 5.44,12.33C4.53,13.5 4,14.96 4,16.5C4,17.64 4,18.83 4,20C4,21.11 4.89,22 6,22H19C20.11,22 21,21.11 21,20C21,18.85 21,17.61 21,16.5C21,15.28 20.66,14.07 20,13L22,11L19,8L16.9,10.1C15.58,9.38 14.05,9 12.5,9C10.65,9 8.95,9.53 7.55,10.41C7.19,9.97 7,9.5 7,9C7,7.21 9.46,5.75 12.5,5.75V5.75C13.93,5.75 15.3,6.08 16.33,6.67L18.35,4.65C16.77,3.59 14.68,3 12.5,3M12.5,11C12.84,11 13.17,11.04 13.5,11.09C10.39,11.57 8,14.25 8,17.5V20H6V17.5A6.5,6.5 0 0,1 12.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kettlebell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kettlebell.svg
new file mode 100644
index 00000000..76d2aeae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kettlebell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kettlebell" viewBox="0 0 24 24"><path d="M16.2 10.7L16.8 8.3C16.9 8 17.3 6.6 16.5 5.4C15.9 4.5 14.7 4 13 4H11C9.3 4 8.1 4.5 7.5 5.4C6.7 6.6 7.1 7.9 7.2 8.3L7.8 10.7C6.7 11.8 6 13.3 6 15C6 17.1 7.1 18.9 8.7 20H15.3C16.9 18.9 18 17.1 18 15C18 13.3 17.3 11.8 16.2 10.7M9.6 9.5L9.1 7.8V7.7C9.1 7.7 8.9 7 9.2 6.6C9.4 6.2 10 6 11 6H13C13.9 6 14.6 6.2 14.9 6.5C15.2 6.9 15 7.6 15 7.6L14.5 9.5C13.7 9.2 12.9 9 12 9C11.1 9 10.3 9.2 9.6 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-alert-outline.svg
new file mode 100644
index 00000000..714dcc09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-alert-outline" viewBox="0 0 24 24"><path d="M16 22H12V24H6V13.32C3.58 12.17 2 9.72 2 7C2 3.14 5.14 0 9 0C12.86 0 16 3.14 16 7C16 9.72 14.42 12.18 12 13.32V16H16V22M14 18H10V11.94L10.67 11.71C12.66 11 14 9.11 14 7C14 4.24 11.76 2 9 2S4 4.24 4 7C4 9.11 5.34 11 7.33 11.71L8 11.94V22H10V20H14V18M12 7C12 8.66 10.66 10 9 10S6 8.66 6 7 7.34 4 9 4 12 5.34 12 7M9 8C9.55 8 10 7.55 10 7S9.55 6 9 6 8 6.45 8 7 8.45 8 9 8M20 7H22V13H20M20 17H22V15H20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-alert.svg
new file mode 100644
index 00000000..10bb09b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-alert" viewBox="0 0 24 24"><path d="M4 6.5C4 4 6 2 8.5 2S13 4 13 6.5C13 8.46 11.75 10.13 10 10.74V15H13V18H10V22H7V10.74C5.25 10.13 4 8.46 4 6.5M7 6.5C7 7.33 7.67 8 8.5 8S10 7.33 10 6.5 9.33 5 8.5 5 7 5.67 7 6.5M18 7H20V13H18M18 17H20V15H18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-arrow-right.svg
new file mode 100644
index 00000000..2fd51f25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-arrow-right" viewBox="0 0 24 24"><path d="M11.7 6C11.1 4.2 9.4 3 7.5 3C5 3 3 5 3 7.5S5 12 7.5 12C9.5 12 11.1 10.8 11.7 9H15V12H18V9H21V6H11.7M7.5 9C6.7 9 6 8.3 6 7.5S6.7 6 7.5 6 9 6.7 9 7.5 8.3 9 7.5 9M13 21V19H8V17H13V15L16 18L13 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-chain-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-chain-variant.svg
new file mode 100644
index 00000000..f5b2d9bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-chain-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-chain-variant" viewBox="0 0 24 24"><path d="M12.66 13.67C12.32 14 11.93 14.29 11.5 14.5V21L9.5 23L7.5 21L9.5 19.29L8 18L9.5 16.71L7.5 15V14.5C6 13.77 5 12.26 5 10.5C5 8 7 6 9.5 6C9.54 6 9.58 6 9.61 6C9.59 6.07 9.54 6.12 9.5 6.18C9.23 6.79 9.08 7.43 9.03 8.08C8.43 8.28 8 8.84 8 9.5C8 10.33 8.67 11 9.5 11C9.53 11 9.57 11 9.6 11C10.24 12.25 11.34 13.2 12.66 13.67M16 6C16 5.37 15.9 4.75 15.72 4.18C17.06 4.56 18.21 5.55 18.73 6.96C19.33 8.62 18.89 10.39 17.75 11.59L20 17.68L18.78 20.25L16.22 19.05L17.5 16.76L15.66 16.06L16.63 14.34L14.16 13.41L14 12.95C12.36 12.77 10.88 11.7 10.27 10.04C9.42 7.71 10.63 5.12 12.96 4.27C13.14 4.21 13.33 4.17 13.5 4.13C12.84 2.87 11.53 2 10 2C7.79 2 6 3.79 6 6C6 6.09 6 6.17 6.03 6.26C5.7 6.53 5.4 6.82 5.15 7.15C5.06 6.78 5 6.4 5 6C5 3.24 7.24 1 10 1S15 3.24 15 6C15 7.16 14.6 8.21 13.94 9.06C16.08 8.88 16 6 16 6M12.81 8.1C12.87 8.27 12.96 8.41 13.06 8.54C13.62 7.88 13.97 7.04 14 6.11C13.89 6.13 13.8 6.15 13.7 6.18C12.92 6.47 12.5 7.33 12.81 8.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-chain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-chain.svg
new file mode 100644
index 00000000..094e6e4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-chain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-chain" viewBox="0 0 24 24"><path d="M12.67 13.67C12.2 14.13 11.63 14.5 11 14.73V23H8V21H5V18H8V14.72C6.26 14.1 5 12.46 5 10.5C5 8 7 6 9.5 6C9.54 6 9.57 6 9.6 6C9.13 6.95 8.92 8 9.03 9.08C8.44 9.28 8 9.84 8 10.5C8 11.33 8.67 12 9.5 12C9.73 12 9.95 11.94 10.15 11.85C10.79 12.69 11.67 13.32 12.67 13.67M20.73 19.44L17.97 20.6L17.19 18.76L14.43 19.93L13.26 17.16L16.03 16L14.76 13C12.91 13.08 11.11 12.05 10.35 10.25C9.39 7.96 10.47 5.32 12.76 4.35C13 4.25 13.26 4.18 13.5 4.12C12.84 2.87 11.5 2 10 2C7.79 2 6 3.79 6 6C6 6.08 6 6.16 6 6.24C5.7 6.5 5.4 6.82 5.15 7.15C5.06 6.78 5 6.4 5 6C5 3.24 7.24 1 10 1S15 3.24 15 6C15 7.42 14.4 8.67 13.45 9.57C13.87 10 14.5 10.13 15.08 9.88C15.85 9.56 16.2 8.68 15.88 7.92C15.85 7.83 15.8 7.74 15.74 7.66C15.9 7.13 16 6.58 16 6C16 5.37 15.9 4.76 15.72 4.19C17 4.55 18.1 5.44 18.65 6.76C19.41 8.56 18.89 10.57 17.5 11.81L20.73 19.44M13 8.6C13.37 8.19 13.65 7.71 13.82 7.18C13.28 7.45 12.97 8 13 8.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-change.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-change.svg
new file mode 100644
index 00000000..cc561093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-change.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-change" viewBox="0 0 24 24"><path d="M7.5 2C9.5 2 11.1 3.2 11.7 5H21V8H18V11H15V8H11.7C11.1 9.8 9.4 11 7.5 11C5 11 3 9 3 6.5S5 2 7.5 2M7.5 5C6.7 5 6 5.7 6 6.5S6.7 8 7.5 8 9 7.3 9 6.5 8.3 5 7.5 5M7.5 13C9.5 13 11.1 14.2 11.7 16H21V19H20V22H18V19H16V22H13V19H11.7C11.1 20.8 9.4 22 7.5 22C5 22 3 20 3 17.5S5 13 7.5 13M7.5 16C6.7 16 6 16.7 6 17.5S6.7 19 7.5 19 9 18.3 9 17.5 8.3 16 7.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-link.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-link.svg
new file mode 100644
index 00000000..e90456e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-link" viewBox="0 0 24 24"><path d="M7.5 3C5 3 3 5 3 7.5S5 12 7.5 12C9.5 12 11.1 10.8 11.7 9H15V12H18V9H21V6H11.7C11.1 4.2 9.5 3 7.5 3M7.5 6C8.3 6 9 6.7 9 7.5S8.3 9 7.5 9 6 8.3 6 7.5 6.7 6 7.5 6M10 14C8.4 14 6 15.1 6 18C6 20.9 8.4 22 10 22H11V20H10C9.7 20 8 19.9 8 18C8 16.2 9.5 16 10 16H11V14M13 14V16H14C14.3 16 16 16.1 16 18C16 19.8 14.5 20 14 20H13V22H14C15.6 22 18 20.9 18 18C18 15.1 15.6 14 14 14M9 17V19H15V17H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-minus.svg
new file mode 100644
index 00000000..a71875f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-minus" viewBox="0 0 24 24"><path d="M7.5 3C9.5 3 11.1 4.2 11.7 6H21V9H18V12H15V9H11.7C11.1 10.8 9.4 12 7.5 12C5 12 3 10 3 7.5S5 3 7.5 3M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M8 17H16V19H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-outline.svg
new file mode 100644
index 00000000..3909e485
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-outline" viewBox="0 0 24 24"><path d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-plus.svg
new file mode 100644
index 00000000..25d7ed75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-plus" viewBox="0 0 24 24"><path d="M7.5 3C9.5 3 11.1 4.2 11.7 6H21V9H18V12H15V9H11.7C11.1 10.8 9.4 12 7.5 12C5 12 3 10 3 7.5S5 3 7.5 3M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M8 17H11V14H13V17H16V19H13V22H11V19H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-remove.svg
new file mode 100644
index 00000000..ac253ff3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-remove" viewBox="0 0 24 24"><path d="M7.5 3C9.5 3 11.1 4.2 11.7 6H21V9H18V12H15V9H11.7C11.1 10.8 9.4 12 7.5 12C5 12 3 10 3 7.5S5 3 7.5 3M7.5 6C6.7 6 6 6.7 6 7.5S6.7 9 7.5 9 9 8.3 9 7.5 8.3 6 7.5 6M14.6 14L16 15.4L13.4 18L16 20.6L14.6 22L12 19.4L9.4 22L8 20.6L10.6 18L8 15.4L9.4 14L12 16.6L14.6 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-star.svg
new file mode 100644
index 00000000..4a42d470
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-star" viewBox="0 0 24 24"><path d="M7.5 3C5 3 3 5 3 7.5S5 12 7.5 12C9.5 12 11.1 10.8 11.7 9H15V12H18V9H21V6H11.7C11.1 4.2 9.5 3 7.5 3M7.5 6C8.3 6 9 6.7 9 7.5S8.3 9 7.5 9 6 8.3 6 7.5 6.7 6 7.5 6M12 14L10.9 16.6L8 16.9L10.2 18.8L9.5 21.6L12 20.1L14.4 21.6L13.8 18.8L16 16.9L13.1 16.7L12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-variant.svg
new file mode 100644
index 00000000..251604fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-variant" viewBox="0 0 24 24"><path d="M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key-wireless.svg
new file mode 100644
index 00000000..1646cf2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key-wireless" viewBox="0 0 24 24"><path d="M4.9 5.9L6.3 7.3C9.4 4.2 14.5 4.2 17.6 7.3L19 5.9C15.2 2 8.8 2 4.9 5.9M7.8 8.8L9.2 10.2C10.8 8.6 13.3 8.6 14.9 10.2L16.3 8.8C13.9 6.4 10.1 6.4 7.8 8.8M11.8 15C11 12.7 8.4 11.4 6.1 12.3S2.4 15.7 3.3 18 6.7 21.6 9 20.7C10.3 20.2 11.3 19.2 11.7 18H15V21H18V18H21V15M7.5 18C6.7 18 6 17.3 6 16.5C6 15.7 6.7 15 7.5 15S9 15.7 9 16.5C9 17.3 8.3 18 7.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/key.svg
new file mode 100644
index 00000000..98415965
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-key" viewBox="0 0 24 24"><path d="M7 14C5.9 14 5 13.1 5 12S5.9 10 7 10 9 10.9 9 12 8.1 14 7 14M12.6 10C11.8 7.7 9.6 6 7 6C3.7 6 1 8.7 1 12S3.7 18 7 18C9.6 18 11.8 16.3 12.6 14H16V18H20V14H23V10H12.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-backspace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-backspace.svg
new file mode 100644
index 00000000..5f0ae9fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-backspace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-backspace" viewBox="0 0 24 24"><path d="M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-caps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-caps.svg
new file mode 100644
index 00000000..3bfcea7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-caps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-caps" viewBox="0 0 24 24"><path d="M6,18H18V16H6M12,8.41L16.59,13L18,11.58L12,5.58L6,11.58L7.41,13L12,8.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close-outline.svg
new file mode 100644
index 00000000..e3451023
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-close-outline" viewBox="0 0 24 24"><path d="M12 23L16 19H8M4 3C2.9 3 2 3.9 2 5V15C2 16.1 2.9 17 4 17H20C21.1 17 22 16.1 22 15V5C22 3.9 21.1 3 20 3H4M4 5H20V15H4V5M5 6V8H7V6H5M8 6V8H10V6H8M11 6V8H13V6H11M14 6V8H16V6H14M17 6V8H19V6H17M5 9V11H7V9H5M8 9V11H10V9H8M11 9V11H13V9H11M14 9V11H16V9H14M17 9V11H19V9H17M8 12V14H16V12H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close.svg
new file mode 100644
index 00000000..3248ec74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-close" viewBox="0 0 24 24"><path d="M12,23L16,19H8M19,8H17V6H19M19,11H17V9H19M16,8H14V6H16M16,11H14V9H16M16,15H8V13H16M7,8H5V6H7M7,11H5V9H7M8,9H10V11H8M8,6H10V8H8M11,9H13V11H11M11,6H13V8H11M20,3H4C2.89,3 2,3.89 2,5V15A2,2 0 0,0 4,17H20A2,2 0 0,0 22,15V5C22,3.89 21.1,3 20,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-esc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-esc.svg
new file mode 100644
index 00000000..182d3f2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-esc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-esc" viewBox="0 0 24 24"><path d="M1 7H7V9H3V11H7V13H3V15H7V17H1V7M11 7H15V9H11V11H13C14.11 11 15 11.9 15 13V15C15 16.11 14.11 17 13 17H9V15H13V13H11C9.9 13 9 12.11 9 11V9C9 7.9 9.9 7 11 7M19 7H21C22.11 7 23 7.9 23 9V10H21V9H19V15H21V14H23V15C23 16.11 22.11 17 21 17H19C17.9 17 17 16.11 17 15V9C17 7.9 17.9 7 19 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f1.svg
new file mode 100644
index 00000000..8838e458
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f1" viewBox="0 0 24 24"><path d="M6 7H12V9H8V11H11V13H8V17H6V7M14 7H18V17H16V9H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f10.svg
new file mode 100644
index 00000000..1e0ac1c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f10" viewBox="0 0 24 24"><path d="M2 7H8V9H4V11H7V13H4V17H2V7M10 7H14V17H12V9H10V7M18 7H20C21.11 7 22 7.9 22 9V15C22 16.11 21.11 17 20 17H18C16.9 17 16 16.11 16 15V9C16 7.9 16.9 7 18 7M18 9V15H20V9H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f11.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f11.svg
new file mode 100644
index 00000000..99ac1719
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f11.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f11" viewBox="0 0 24 24"><path d="M3 7H9V9H5V11H8V13H5V17H3V7M11 7H15V17H13V9H11V7M17 7H21V17H19V9H17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f12.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f12.svg
new file mode 100644
index 00000000..5dd1233c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f12.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f12" viewBox="0 0 24 24"><path d="M2 7H8V9H4V11H7V13H4V17H2V7M16 7H20C21.11 7 22 7.9 22 9V11C22 12.11 21.11 13 20 13H18V15H22V17H16V13C16 11.9 16.9 11 18 11H20V9H16V7M10 7H14V17H12V9H10V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f2.svg
new file mode 100644
index 00000000..b58286b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f2" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M13 7H17C18.11 7 19 7.9 19 9V11C19 12.11 18.11 13 17 13H15V15H19V17H13V13C13 11.9 13.9 11 15 11H17V9H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f3.svg
new file mode 100644
index 00000000..261be50f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f3" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M19 15C19 16.11 18.11 17 17 17H13V15H17V13H15V11H17V9H13V7H17C18.1 7 19 7.89 19 9V10.5C19 11.33 18.33 12 17.5 12C18.33 12 19 12.67 19 13.5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f4.svg
new file mode 100644
index 00000000..fed2d5fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f4" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M13 7H15V11H17V7H19V17H17V13H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f5.svg
new file mode 100644
index 00000000..344fd22c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f5" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M13 7H19V9H15V11H17C18.11 11 19 11.9 19 13V15C19 16.11 18.11 17 17 17H13V15H17V13H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f6.svg
new file mode 100644
index 00000000..472034c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f6" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M15 7H19V9H15V11H17C18.11 11 19 11.9 19 13V15C19 16.11 18.11 17 17 17H15C13.9 17 13 16.11 13 15V9C13 7.9 13.9 7 15 7M15 13V15H17V13H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f7.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f7.svg
new file mode 100644
index 00000000..468c3b44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f7" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M15 17H13L17 9H13V7H19V9L15 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f8.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f8.svg
new file mode 100644
index 00000000..c658397a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f8" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M15 13V15H17V13H15M15 9V11H17V9H15M15 17C13.9 17 13 16.11 13 15V13.5C13 12.67 13.67 12 14.5 12C13.67 12 13 11.33 13 10.5V9C13 7.9 13.9 7 15 7H17C18.1 7 19 7.89 19 9V10.5C19 11.33 18.33 12 17.5 12C18.33 12 19 12.67 19 13.5V15C19 16.11 18.11 17 17 17H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f9.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f9.svg
new file mode 100644
index 00000000..724498ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-f9.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-f9" viewBox="0 0 24 24"><path d="M5 7H11V9H7V11H10V13H7V17H5V7M17 17H13V15H17V13H15C13.9 13 13 12.11 13 11V9C13 7.9 13.9 7 15 7H17C18.11 7 19 7.9 19 9V15C19 16.11 18.11 17 17 17M17 11V9H15V11H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off-outline.svg
new file mode 100644
index 00000000..fbd92a51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-off-outline" viewBox="0 0 24 24"><path d="M1,4.27L2.47,5.74C2.18,6.08 2,6.5 2,7V17A2,2 0 0,0 4,19H15.73L18.73,22L20,20.72L2.28,3L1,4.27M4,17V7.27L5,8.27V10H6.73L8,11.27V13H9.73L10.73,14H8V16H12.73L13.73,17H4M5,11H7V13H5V11M17,11H19V13H17V11M19,10H17V8H19V10M14,11H16V13H14.83L14,12.17V11M13,10H11.83L11,9.17V8H13V10M22,7V17C22,17.86 21.45,18.58 20.7,18.87L18.83,17H20V7H8.83L6.83,5H20A2,2 0 0,1 22,7M16,10H14V8H16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off.svg
new file mode 100644
index 00000000..4b9bc650
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L15.73,19H4C2.89,19 2,18.1 2,17V7C2,6.5 2.18,6.07 2.46,5.73L1,4.27M19,10V8H17V10H19M19,13V11H17V13H19M16,10V8H14V10H16M16,13V11H14V12.18L11.82,10H13V8H11V9.18L9.82,8L6.82,5H20A2,2 0 0,1 22,7V17C22,17.86 21.46,18.59 20.7,18.87L14.82,13H16M8,15V17H13.73L11.73,15H8M5,10H6.73L5,8.27V10M7,13V11H5V13H7M8,13H9.73L8,11.27V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-outline.svg
new file mode 100644
index 00000000..9baeac24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-outline" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H20V17H4V7M5,8V10H7V8H5M8,8V10H10V8H8M11,8V10H13V8H11M14,8V10H16V8H14M17,8V10H19V8H17M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M14,11V13H16V11H14M17,11V13H19V11H17M8,14V16H16V14H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-return.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-return.svg
new file mode 100644
index 00000000..28dfb957
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-return.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-return" viewBox="0 0 24 24"><path d="M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings-outline.svg
new file mode 100644
index 00000000..ea54aeb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-settings-outline" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H20V17H4V7M5,8V10H7V8H5M8,8V10H10V8H8M11,8V10H13V8H11M14,8V10H16V8H14M17,8V10H19V8H17M5,11V13H7V11H5M8,11V13H10V11H8M11,11V13H13V11H11M14,11V13H16V11H14M17,11V13H19V11H17M8,14V16H16V14H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings.svg
new file mode 100644
index 00000000..5b904ffd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-settings" viewBox="0 0 24 24"><path d="M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-space.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-space.svg
new file mode 100644
index 00000000..99177570
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-space.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab-reverse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab-reverse.svg
new file mode 100644
index 00000000..355801a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab-reverse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-tab-reverse" viewBox="0 0 24 24"><path d="M4 6H2V18H4M11 6L5 12L11 18L12.41 16.58L8.83 13H23V11H8.83L12.41 7.41L11 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab.svg
new file mode 100644
index 00000000..4b7876f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-tab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-tab" viewBox="0 0 24 24"><path d="M20,18H22V6H20M11.59,7.41L15.17,11H1V13H15.17L11.59,16.58L13,18L19,12L13,6L11.59,7.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-variant.svg
new file mode 100644
index 00000000..94ac9756
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-variant" viewBox="0 0 24 24"><path d="M6,16H18V18H6V16M6,13V15H2V13H6M7,15V13H10V15H7M11,15V13H13V15H11M14,15V13H17V15H14M18,15V13H22V15H18M2,10H5V12H2V10M19,12V10H22V12H19M18,12H16V10H18V12M8,12H6V10H8V12M12,12H9V10H12V12M15,12H13V10H15V12M2,9V7H4V9H2M5,9V7H7V9H5M8,9V7H10V9H8M11,9V7H13V9H11M14,9V7H16V9H14M17,9V7H22V9H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/keyboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard.svg
new file mode 100644
index 00000000..18a8cc62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/keyboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard" viewBox="0 0 24 24"><path d="M19,10H17V8H19M19,13H17V11H19M16,10H14V8H16M16,13H14V11H16M16,17H8V15H16M7,10H5V8H7M7,13H5V11H7M8,11H10V13H8M8,8H10V10H8M11,11H13V13H11M11,8H13V10H11M20,5H4C2.89,5 2,5.89 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7C22,5.89 21.1,5 20,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/khanda.svg b/apps/phoenix_webcomponent/priv/mdi/svg/khanda.svg
new file mode 100644
index 00000000..02be010c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/khanda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-khanda" viewBox="0 0 24 24"><path d="M16 20C19.72 18 22 15.27 22 12C22 9.34 20.46 6.9 17.89 5H17.82C19 6.35 19.68 8.09 19.68 10C19.68 13 18 15 15.5 16.83C15.5 16.84 14.38 17.54 13 18.41V17.33L15 16C15 16 14.8 15.4 14.58 14.46C16.6 13.58 18 11.69 18 9.5C18 7.34 16.64 5.47 14.65 4.57C14.84 3.63 15 3 15 3L12 1L9 3C9 3 9.16 3.63 9.35 4.57C7.37 5.47 6 7.34 6 9.5C6 11.69 7.4 13.58 9.42 14.46C9.2 15.4 9 16 9 16L11 17.33V18.41C9.62 17.54 8.5 16.84 8.5 16.83C6 15 4.32 13 4.32 10C4.32 8.09 5 6.35 6.18 5H6.12C3.54 6.9 2 9.34 2 12C2 15.27 4.29 18 8 20L9 18.5L10.92 19.73L7.34 22L8 23L11 21.07V23H13V21.07L16 23L16.66 22L13.08 19.73L15 18.5L16 20M16.75 9.5C16.75 11.09 15.76 12.46 14.31 13.19C14.14 12.23 14 11.12 14 10C14 8.67 14.2 7.15 14.42 5.86C15.81 6.6 16.75 7.95 16.75 9.5M7.25 9.5C7.25 7.95 8.19 6.6 9.59 5.86C9.8 7.15 10 8.67 10 10C10 11.12 9.86 12.23 9.69 13.19C8.24 12.46 7.25 11.09 7.25 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kickstarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kickstarter.svg
new file mode 100644
index 00000000..50ae40de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kickstarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kickstarter" viewBox="0 0 24 24"><path d="M19.3 10.2L17.5 12L19.3 13.8C21.19 15.67 21.19 18.72 19.3 20.59C17.42 22.46 14.35 22.46 12.47 20.59L11.8 19.93C10.93 21.19 9.5 22 7.83 22C5.16 22 3 19.85 3 17.2V6.8C3 4.15 5.16 2 7.83 2C9.5 2 10.93 2.82 11.8 4.07L12.47 3.41C14.35 1.54 17.42 1.54 19.3 3.41C21.19 5.28 21.19 8.33 19.3 10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kite-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kite-outline.svg
new file mode 100644
index 00000000..8eba5081
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kite-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kite-outline" viewBox="0 0 24 24"><path d="M12.5 5.1L17.95 10.38L12.5 17.88L7.07 10.38L12.5 5.1M12.5 3C12.05 3 11.66 3.15 11.33 3.46L5.54 9.08C5.23 9.38 5.06 9.75 5 10.2C5 10.64 5.08 11.04 5.33 11.4L11.45 19.83C11.2 20.36 10.75 20.62 10.09 20.62C9.29 20.62 8.79 20.25 8.6 19.5C8.4 18.84 8 18.27 7.38 17.8C6.76 17.34 6.1 17.1 5.41 17.1C4.36 17.1 3.5 17.5 2.85 18.3L4.21 19.42C4.5 19.03 4.92 18.84 5.41 18.84C6.21 18.84 6.71 19.21 6.9 19.95C7.09 20.62 7.5 21.19 8.12 21.67S9.4 22.4 10.09 22.4C11.33 22.4 12.28 21.83 12.94 20.7L19.68 11.4C19.93 11.04 20.03 10.64 20 10.2C19.95 9.76 19.77 9.38 19.47 9.08L13.68 3.46C13.35 3.15 12.96 3 12.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kite.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kite.svg
new file mode 100644
index 00000000..d3f734e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kite" viewBox="0 0 24 24"><path d="M13.69 3.46C13.35 3.15 12.96 3 12.5 3C12.05 3 11.66 3.15 11.33 3.46L5.54 9.08C5.23 9.38 5.06 9.75 5 10.2C5 10.64 5.08 11.04 5.33 11.4L11.45 19.83C11.2 20.36 10.75 20.62 10.09 20.62C9.29 20.62 8.79 20.25 8.6 19.5C8.4 18.84 8 18.27 7.38 17.8C6.76 17.34 6.1 17.1 5.41 17.1C4.36 17.1 3.5 17.5 2.85 18.3L4.21 19.42C4.5 19.03 4.92 18.84 5.41 18.84C6.21 18.84 6.71 19.21 6.9 19.95C7.09 20.62 7.5 21.19 8.12 21.67C8.74 22.15 9.4 22.4 10.09 22.4C11.33 22.4 12.28 21.83 12.94 20.7L19.68 11.39C19.93 11.04 20.03 10.64 20 10.2C19.95 9.75 19.77 9.38 19.47 9.08L13.69 3.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kitesurfing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kitesurfing.svg
new file mode 100644
index 00000000..98a56ddb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kitesurfing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kitesurfing" viewBox="0 0 24 24"><path d="M16.5 4.5L15.5 3.43L17.92 1H20L16.5 4.5M20.96 23C19.9 23 18.9 22.75 17.96 22.25C16.12 23.25 13.81 23.25 11.97 22.25C10.13 23.25 7.82 23.25 6 22.25C4.77 22.94 3.36 23.05 2 23V21C3.41 21.05 4.77 20.9 6 20C7.74 21.25 10.21 21.25 11.97 20C13.74 21.25 16.2 21.25 17.96 20C19.17 20.9 20.54 21.05 21.94 21V23H20.96M20.35 12.26C18.3 11.5 16.14 12.61 14.08 13.36L12.39 11.5H9.58V8C11.89 8.19 14.29 7.67 15.9 5.96L14.5 4.56C13.6 5.46 12.3 6 11 6H8C6.89 6 5.95 6.92 6 8C6.07 9.35 5.67 12.73 6.45 13.87L8 16.82C7.43 17.23 6.93 17.62 6.5 18C8.09 19.5 10.65 19.17 11.97 17.5C12.91 18.59 14.45 19.3 15.9 18.83C17.45 17.77 22.74 14 20.35 12.26M11.43 14.65C11 14.89 10.16 15.37 9.82 15.61L8.97 13.59L11.46 13.5L12.16 14.25L11.43 14.65M8 1C6.9 1 6 1.9 6 3S6.9 5 8 5 10 4.11 10 3 9.11 1 8 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/klingon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/klingon.svg
new file mode 100644
index 00000000..b9e97e69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/klingon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-klingon" viewBox="0 0 24 24"><path d="M4.79 21.5L4.71 21.24C4.53 20.65 4.47 20.08 4.5 19.4C4.6 18.17 5.14 17.31 5.82 16.59C5.64 16 5.53 15.39 5.53 14.74C5.53 13 6.26 11.44 7.45 10.3C8.33 9.46 9.46 8.86 10.71 8.6C11.37 6.23 11.8 3.8 12 1.5C12.24 3.5 12.65 6.12 13.3 8.58C14.6 8.82 15.76 9.43 16.67 10.3C17.85 11.44 18.59 13 18.59 14.74C18.59 15.35 18.5 15.93 18.33 16.5C19.21 16.92 20.2 17.17 21.5 17.29L21.44 17.44C21.32 17.77 21 18 20.71 18.18L20.69 18.19C20.13 18.57 19.18 19 17.85 19C17.7 19 17.56 19 17.41 19C17.23 19 17.06 18.97 16.9 18.95C16.83 19 16.75 19.1 16.67 19.18C15.5 20.31 13.86 21 12.06 21C10.27 21 8.64 20.31 7.46 19.18C7.42 19.14 7.38 19.1 7.34 19.06C6.34 19.59 5.54 20.33 4.94 21.27L4.8 21.5M6.5 15.94C6.65 15.82 8.2 14.5 8.63 13.78L8.73 13.61C9.65 15 10.4 16.28 11.43 18.08L11.22 18.09C10.08 18.16 9.05 18.37 8.15 18.7C9.17 19.62 10.55 20.19 12.06 20.19C13.54 20.19 14.88 19.65 15.89 18.77C15.64 18.72 15.39 18.65 15.15 18.59C14.38 18.41 13.65 18.22 12.81 18.19L12.62 18.18L12.7 18C13.1 17.2 14.8 14.41 15.23 13.63L15.34 13.81C16 14.77 16.73 15.5 17.58 16.07C17.69 15.64 17.75 15.2 17.75 14.75C17.75 13.25 17.11 11.89 16.09 10.9C15.4 10.24 14.53 9.74 13.55 9.5C13.85 10.5 14.2 11.5 14.59 12.35L14.62 12.4L14.59 12.46C14.2 13.22 13.76 13.95 13.33 14.66C12.94 15.3 12.54 15.96 12.18 16.64L12.08 16.83L11.96 16.65C11.39 15.82 9.75 13.06 9.41 12.5C9.81 11.5 10.15 10.5 10.45 9.5C9.5 9.78 8.7 10.26 8.03 10.9C7 11.88 6.37 13.25 6.37 14.74C6.37 15.16 6.42 15.56 6.5 15.95" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/knife-military.svg b/apps/phoenix_webcomponent/priv/mdi/svg/knife-military.svg
new file mode 100644
index 00000000..422d0335
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/knife-military.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-knife-military" viewBox="0 0 24 24"><path d="M22,2L17.39,3.75L10.46,10.68L14,14.22L20.92,7.29C22.43,5.78 22,2 22,2M8.33,10L6.92,11.39L8.33,12.8L2.68,18.46L6.21,22L11.87,16.34L13.28,17.76L14.7,16.34L8.33,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/knife.svg b/apps/phoenix_webcomponent/priv/mdi/svg/knife.svg
new file mode 100644
index 00000000..2a503714
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/knife.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-knife" viewBox="0 0 24 24"><path d="M20.62,2C23.97,7.61 12.47,20.15 12.47,20.15L9.6,17.28L4.91,22L2.77,19.86L20.62,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/knob.svg b/apps/phoenix_webcomponent/priv/mdi/svg/knob.svg
new file mode 100644
index 00000000..3afbdabe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/knob.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-knob" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M13 10H11V4.1C11.3 4 11.7 4 12 4S12.7 4 13 4.1V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/koala.svg b/apps/phoenix_webcomponent/priv/mdi/svg/koala.svg
new file mode 100644
index 00000000..ced317c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/koala.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-koala" viewBox="0 0 24 24"><path d="M19 3C18.1 3 15.5 3 14.3 6.1C13.9 6 13.4 6 13 6H11C10.6 6 10.1 6 9.7 6.1C8.5 3 5.9 3 5 3C4 3 1 4 1 9C1 12.6 3.5 13.6 5 13.9V15C5 18.3 7.7 21 11 21H13C16.3 21 19 18.3 19 15V13.9C20.5 13.6 23 12.6 23 9C23 4 20 3 19 3M5 12V12.4C2.9 11.8 3.3 9.5 4.3 8.7C4 8.3 3 9 3 8.6C3 8.1 4.8 7.4 5.1 7.3C4.8 6.8 3.6 7 3.6 6.6C3.6 6.3 4.8 5.8 5.8 6C6.3 6.1 6.9 6.3 7.4 6.7C6 8 5 9.8 5 12M8.5 15C6.5 15 6.5 12 8.5 12C10.5 12 10.5 15 8.5 15M12.5 18H11.5C10.8 18 10.3 17.3 10.6 16.7L11.3 13.7C11.4 13.3 11.8 13.1 12.1 13C12.4 13 12.7 13.2 12.9 13.7L13.6 16.7C13.7 17.3 13.2 18 12.5 18M15.5 15C13.5 15 13.5 12 15.5 12C17.5 12 17.5 15 15.5 15M19.7 8.6C20.7 9.4 21.1 11.7 19 12.3C19.1 10.1 18.1 8 16.6 6.7C17.1 6.3 17.7 6.1 18.2 6C19.2 5.8 20.4 6.2 20.4 6.6C20.4 7 19.2 6.8 18.9 7.2C19.2 7.4 21 8.1 21 8.6C21 9 20.1 8.3 19.7 8.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kodi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kodi.svg
new file mode 100644
index 00000000..da5fc2f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kodi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kodi" viewBox="0 0 24 24"><path d="M12.03,1C11.82,1 11.6,1.11 11.41,1.31C10.56,2.16 9.72,3 8.88,3.84C8.66,4.06 8.6,4.18 8.38,4.38C8.09,4.62 7.96,4.91 7.97,5.28C8,6.57 8,7.84 8,9.13C8,10.46 8,11.82 8,13.16C8,13.26 8,13.34 8.03,13.44C8.11,13.75 8.31,13.82 8.53,13.59C9.73,12.39 10.8,11.3 12,10.09C13.36,8.73 14.73,7.37 16.09,6C16.5,5.6 16.5,5.15 16.09,4.75C14.94,3.6 13.77,2.47 12.63,1.31C12.43,1.11 12.24,1 12.03,1M18.66,7.66C18.45,7.66 18.25,7.75 18.06,7.94C16.91,9.1 15.75,10.24 14.59,11.41C14.2,11.8 14.2,12.23 14.59,12.63C15.74,13.78 16.88,14.94 18.03,16.09C18.43,16.5 18.85,16.5 19.25,16.09C20.36,15 21.5,13.87 22.59,12.75C22.76,12.58 22.93,12.42 23,12.19V11.88C22.93,11.64 22.76,11.5 22.59,11.31C21.47,10.19 20.37,9.06 19.25,7.94C19.06,7.75 18.86,7.66 18.66,7.66M4.78,8.09C4.65,8.04 4.58,8.14 4.5,8.22C3.35,9.39 2.34,10.43 1.19,11.59C0.93,11.86 0.93,12.24 1.19,12.5C1.81,13.13 2.44,13.75 3.06,14.38C3.6,14.92 4,15.33 4.56,15.88C4.72,16.03 4.86,16 4.94,15.81C5,15.71 5,15.58 5,15.47C5,14.29 5,13.37 5,12.19C5,11 5,9.81 5,8.63C5,8.55 5,8.45 4.97,8.38C4.95,8.25 4.9,8.14 4.78,8.09M12.09,14.25C11.89,14.25 11.66,14.34 11.47,14.53C10.32,15.69 9.18,16.87 8.03,18.03C7.63,18.43 7.63,18.85 8.03,19.25C9.14,20.37 10.26,21.47 11.38,22.59C11.54,22.76 11.71,22.93 11.94,23H12.22C12.44,22.94 12.62,22.79 12.78,22.63C13.9,21.5 15.03,20.38 16.16,19.25C16.55,18.85 16.5,18.4 16.13,18C14.97,16.84 13.84,15.69 12.69,14.53C12.5,14.34 12.3,14.25 12.09,14.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/kubernetes.svg b/apps/phoenix_webcomponent/priv/mdi/svg/kubernetes.svg
new file mode 100644
index 00000000..6e4a4dac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/kubernetes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-kubernetes" viewBox="0 0 24 24"><path d="M13.95 13.5H13.72C13.54 13.61 13.46 13.82 13.54 14L14.4 16.11C15.23 15.58 15.86 14.79 16.19 13.86L13.96 13.5H13.95M10.5 13.79C10.44 13.62 10.29 13.5 10.12 13.5H10.04L7.82 13.87C8.15 14.79 8.78 15.57 9.61 16.1L10.46 14.03V14C10.5 13.95 10.5 13.86 10.5 13.79M12.33 14.6C12.23 14.42 12 14.35 11.82 14.45C11.75 14.5 11.7 14.53 11.67 14.6H11.66L10.57 16.57C11.35 16.83 12.19 16.88 13 16.69C13.14 16.66 13.29 16.62 13.43 16.57L12.34 14.6H12.33M15.78 10.03L14.1 11.5L14.11 11.53C13.95 11.67 13.93 11.91 14.07 12.06C14.12 12.12 14.18 12.16 14.25 12.18L14.26 12.19L16.43 12.81C16.5 11.84 16.29 10.86 15.78 10.03M12.67 10.19C12.68 10.4 12.85 10.56 13.06 10.55C13.14 10.55 13.21 10.53 13.27 10.5H13.28L15.11 9.19C14.41 8.5 13.5 8.07 12.54 7.95L12.67 10.19M10.73 10.5C10.9 10.61 11.13 10.58 11.25 10.41C11.3 10.35 11.32 10.28 11.33 10.2H11.34L11.46 7.95C11.31 7.97 11.16 8 11 8.03C10.2 8.21 9.46 8.61 8.88 9.19L10.72 10.5H10.73M9.74 12.19C9.94 12.14 10.06 11.93 10 11.73C10 11.65 9.95 11.59 9.89 11.54V11.53L8.21 10C7.69 10.86 7.47 11.84 7.58 12.82L9.74 12.2V12.19M11.38 12.85L12 13.15L12.62 12.85L12.77 12.18L12.34 11.65H11.65L11.22 12.18L11.38 12.85M22.27 14.17L20.5 6.5C20.41 6.08 20.13 5.74 19.76 5.56L12.59 2.13C12.22 1.96 11.78 1.96 11.4 2.13L4.24 5.56C3.87 5.74 3.59 6.08 3.5 6.5L1.73 14.17C1.68 14.37 1.68 14.57 1.73 14.76C1.74 14.82 1.76 14.88 1.78 14.94C1.81 15.03 1.86 15.13 1.91 15.21C1.94 15.25 1.96 15.29 2 15.32L6.95 21.5C6.97 21.5 7 21.54 7 21.56C7.1 21.65 7.19 21.72 7.28 21.78C7.4 21.86 7.54 21.92 7.68 21.95C7.79 22 7.91 22 8 22H16.12C16.19 22 16.26 21.97 16.32 21.95C16.37 21.94 16.42 21.92 16.46 21.91C16.5 21.89 16.53 21.88 16.57 21.86C16.62 21.84 16.67 21.81 16.72 21.78C16.84 21.7 16.95 21.6 17.05 21.5L17.2 21.3L22 15.32C22.1 15.2 22.17 15.07 22.22 14.94C22.24 14.88 22.26 14.82 22.27 14.76C22.32 14.57 22.32 14.36 22.27 14.17M14.84 17.16C14.86 17.22 14.88 17.28 14.91 17.33C14.87 17.41 14.85 17.5 14.88 17.59C15 17.83 15.11 18.05 15.26 18.27C15.34 18.38 15.42 18.5 15.5 18.61C15.5 18.64 15.53 18.69 15.54 18.73C15.66 18.93 15.6 19.19 15.39 19.32S14.92 19.37 14.8 19.17C14.79 19.14 14.78 19.12 14.77 19.09C14.75 19.06 14.73 19 14.71 19C14.66 18.85 14.62 18.72 14.59 18.59C14.5 18.34 14.42 18.1 14.29 17.87C14.24 17.8 14.16 17.75 14.08 17.73L14 17.57C12.71 18.05 11.3 18.05 10.03 17.56L9.93 17.74C9.86 17.75 9.79 17.78 9.74 17.83C9.6 18.07 9.5 18.32 9.41 18.6C9.38 18.73 9.34 18.86 9.29 19C9.27 19 9.25 19.07 9.23 19.1C9.15 19.32 8.91 19.44 8.68 19.36C8.46 19.28 8.34 19.04 8.42 18.81C8.43 18.78 8.45 18.76 8.46 18.73C8.5 18.7 8.5 18.65 8.5 18.62C8.59 18.5 8.66 18.39 8.74 18.27C8.9 18.06 9.03 17.82 9.13 17.58C9.14 17.5 9.13 17.41 9.1 17.33L9.17 17.15C8 16.45 7.12 15.36 6.7 14.06L6.5 14.09C6.44 14.04 6.35 14 6.27 14C6 14.05 5.76 14.13 5.5 14.22C5.39 14.28 5.26 14.33 5.13 14.37C5.1 14.38 5.06 14.39 5 14.4C4.78 14.47 4.54 14.35 4.46 14.13C4.39 13.9 4.5 13.66 4.74 13.58C4.76 13.58 4.79 13.57 4.82 13.57V13.56H4.83L4.94 13.54C5.08 13.5 5.22 13.5 5.35 13.5C5.61 13.5 5.87 13.44 6.12 13.38C6.2 13.33 6.26 13.27 6.31 13.19L6.5 13.14C6.29 11.78 6.6 10.41 7.36 9.27L7.22 9.15C7.22 9.06 7.19 8.97 7.14 8.9C6.94 8.73 6.73 8.58 6.5 8.45C6.38 8.39 6.26 8.32 6.14 8.24C6.12 8.22 6.08 8.19 6.06 8.17L6.05 8.16C5.85 8 5.8 7.74 5.94 7.53C6.03 7.43 6.15 7.38 6.29 7.38C6.4 7.39 6.5 7.43 6.59 7.5L6.68 7.57C6.78 7.66 6.87 7.77 6.96 7.87C7.14 8.06 7.33 8.24 7.54 8.39C7.62 8.43 7.71 8.44 7.8 8.42L7.95 8.53C8.7 7.73 9.68 7.17 10.75 6.93C11 6.87 11.27 6.83 11.53 6.81L11.54 6.63C11.61 6.57 11.65 6.5 11.68 6.4C11.69 6.14 11.67 5.88 11.63 5.63C11.6 5.5 11.58 5.36 11.57 5.22V5.1C11.55 4.86 11.72 4.65 11.96 4.62S12.4 4.77 12.43 5V5.22C12.42 5.36 12.4 5.5 12.37 5.63C12.33 5.88 12.31 6.14 12.32 6.4C12.34 6.5 12.39 6.57 12.46 6.62L12.47 6.81C13.83 6.93 15.09 7.54 16.03 8.53L16.19 8.41C16.28 8.43 16.37 8.42 16.45 8.38C16.66 8.23 16.86 8.05 17.03 7.86C17.12 7.76 17.21 7.66 17.31 7.56C17.34 7.54 17.38 7.5 17.41 7.5C17.58 7.32 17.85 7.32 18 7.5C18.19 7.66 18.18 7.93 18 8.1C18 8.12 17.97 8.14 17.94 8.16C17.92 8.18 17.88 8.21 17.85 8.23C17.74 8.31 17.62 8.38 17.5 8.44C17.27 8.57 17.05 8.72 16.86 8.89C16.8 8.96 16.77 9.04 16.78 9.13L16.62 9.27C17.39 10.4 17.7 11.78 17.5 13.13L17.69 13.18C17.73 13.26 17.8 13.32 17.88 13.36C18.13 13.43 18.39 13.47 18.65 13.5H19.06C19.09 13.53 19.14 13.54 19.18 13.55C19.42 13.58 19.58 13.8 19.55 14.04C19.5 14.27 19.31 14.44 19.07 14.41C19.04 14.4 19 14.4 19 14.39V14.38C18.94 14.38 18.9 14.37 18.86 14.36C18.73 14.32 18.61 14.27 18.5 14.21C18.24 14.11 18 14.04 17.73 14C17.64 14 17.56 14 17.5 14.08C17.43 14.07 17.37 14.06 17.31 14.05C16.9 15.36 16 16.46 14.84 17.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple-outline.svg
new file mode 100644
index 00000000..2db7741c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-multiple-outline" viewBox="0 0 24 24"><path d="M4 18H13L11 20H4C3.5 20 2.97 19.79 2.59 19.41C2.21 19.03 2 18.5 2 18V8H4V18M17.63 4.84C17.27 4.33 16.67 4 16 4H8C6.9 4 6 4.9 6 6V14C6 15.1 6.9 16 8 16H16C16.67 16 17.27 15.66 17.63 15.15L22 10L17.63 4.84M16 14H8V6H16L19.55 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple.svg
new file mode 100644
index 00000000..c30f602e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-multiple" viewBox="0 0 24 24"><path d="M4 19H13L11 21H4C3.5 21 2.97 20.79 2.59 20.41C2.21 20.03 2 19.5 2 19V9H4V19M17.63 5.84C17.27 5.33 16.67 5 16 5H8C6.9 5 6 5.9 6 7V15C6 16.1 6.9 17 8 17H16C16.67 17 17.27 16.66 17.63 16.15L22 11L17.63 5.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-off-outline.svg
new file mode 100644
index 00000000..2eeb7820
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-off-outline" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L20,19.72L18.73,21L16.63,18.9C16.43,18.96 16.22,19 16,19H5A2,2 0 0,1 3,17V7C3,6.5 3.17,6.07 3.46,5.73L2,4.27M5,17H14.73L5,7.27V17M19.55,12L16,7H9.82L7.83,5H16C16.67,5 17.27,5.33 17.63,5.84L22,12L19,16.2L17.59,14.76L19.55,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-off.svg
new file mode 100644
index 00000000..6e70e8f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-off" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L20,19.72L18.73,21L16.63,18.9C16.43,18.96 16.22,19 16,19H5A2,2 0 0,1 3,17V7C3,6.5 3.17,6.07 3.46,5.73L2,4.27M17.63,5.84L22,12L19,16.2L7.83,5H16C16.67,5 17.27,5.33 17.63,5.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-outline.svg
new file mode 100644
index 00000000..ad9b7f2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-outline" viewBox="0 0 24 24"><path d="M16,17H5V7H16L19.55,12M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-percent-outline.svg
new file mode 100644
index 00000000..268fe8c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-percent-outline" viewBox="0 0 24 24"><path d="M16 17H5V7H16L19.55 12M17.63 5.84C17.27 5.33 16.67 5 16 5H5C3.9 5 3 5.9 3 7V17C3 18.11 3.9 19 5 19H16C16.67 19 17.27 18.66 17.63 18.15L22 12L17.63 5.84M13.8 8L15 9.2L8.2 16L7 14.8M8.45 8.03C9.23 8.03 9.87 8.67 9.87 9.45S9.23 10.87 8.45 10.87 7.03 10.23 7.03 9.45 7.67 8.03 8.45 8.03M13.55 13.13C14.33 13.13 14.97 13.77 14.97 14.55C14.97 15.33 14.33 15.97 13.55 15.97C12.77 15.97 12.13 15.33 12.13 14.55C12.13 13.77 12.77 13.13 13.55 13.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-percent.svg
new file mode 100644
index 00000000..fcff951e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-percent" viewBox="0 0 24 24"><path d="M17.63 5.84C17.27 5.33 16.67 5 16 5H5C3.9 5 3 5.9 3 7V17C3 18.11 3.9 19 5 19H16C16.67 19 17.27 18.66 17.63 18.15L22 12L17.63 5.84M8.45 8.03C9.23 8.03 9.87 8.67 9.87 9.45S9.23 10.87 8.45 10.87 7.03 10.23 7.03 9.45 7.67 8.03 8.45 8.03M13.55 15.97C12.77 15.97 12.13 15.33 12.13 14.55S12.77 13.13 13.55 13.13 14.97 13.77 14.97 14.55 14.33 15.97 13.55 15.97M8.2 16L7 14.8L13.8 8L15 9.2L8.2 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-variant-outline.svg
new file mode 100644
index 00000000..cac877b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-variant-outline" viewBox="0 0 24 24"><path d="M6.5,17H15L18.5,12L15,7H6.5L10,12L6.5,17M15,19H3L7.5,12L3,5H15C15.69,5 16.23,5.3 16.64,5.86L21,12L16.64,18.14C16.23,18.7 15.69,19 15,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label-variant.svg
new file mode 100644
index 00000000..dc697a40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label-variant" viewBox="0 0 24 24"><path d="M3.5,19L8.34,12L3.5,5H14.5C15.17,5 15.72,5.3 16.13,5.86L20.5,12L16.13,18.14C15.72,18.7 15.17,19 14.5,19H3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/label.svg b/apps/phoenix_webcomponent/priv/mdi/svg/label.svg
new file mode 100644
index 00000000..3f6eebb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/label.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-label" viewBox="0 0 24 24"><path d="M17.63,5.84C17.27,5.33 16.67,5 16,5H5A2,2 0 0,0 3,7V17A2,2 0 0,0 5,19H16C16.67,19 17.27,18.66 17.63,18.15L22,12L17.63,5.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ladder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ladder.svg
new file mode 100644
index 00000000..3d2c22b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ladder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ladder" viewBox="0 0 24 24"><path d="M14 1V3H10V1H8V22H10V20H14V22H16V1H14M14 5V8H10V5H14M14 10V13H10V10H14M10 18V15H14V18H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ladybug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ladybug.svg
new file mode 100644
index 00000000..ec4487b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ladybug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ladybug" viewBox="0 0 24 24"><path d="M12,5C12.74,5 13.47,5.1 14.15,5.29L15.78,2.46C16.06,2 16.67,1.82 17.15,2.1C17.63,2.37 17.79,3 17.5,3.46L16,6.07C17.22,6.78 18.23,7.79 18.93,9H5.07C5.77,7.79 6.78,6.78 8,6.07L6.5,3.46C6.21,3 6.37,2.37 6.85,2.1C7.33,1.82 7.94,2 8.22,2.46L9.85,5.29C10.53,5.1 11.26,5 12,5M20,13C20,17.17 16.82,20.59 12.75,20.97V10.5H19.6C19.86,11.29 20,12.13 20,13M4,13C4,12.13 4.14,11.29 4.4,10.5H11.25V20.97C7.18,20.59 4,17.17 4,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lambda.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lambda.svg
new file mode 100644
index 00000000..c4ead004
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lambda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lambda" viewBox="0 0 24 24"><path d="M6,20L10.16,7.91L9.34,6H8V4H10C10.42,4 10.78,4.26 10.93,4.63L16.66,18H18V20H16C15.57,20 15.21,19.73 15.07,19.36L11.33,10.65L8.12,20H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lamp-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lamp-outline.svg
new file mode 100644
index 00000000..2716e369
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lamp-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lamp-outline" viewBox="0 0 24 24"><path d="M14.56 4L17.23 12H6.78L9.44 4H14.56M16 2H8L4 14H20L16 2M11 15H13V20H18V22H6V20H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lamp.svg
new file mode 100644
index 00000000..08ed158d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lamp" viewBox="0 0 24 24"><path d="M8,2H16L20,14H4L8,2M11,15H13V20H18V22H6V20H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lamps-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lamps-outline.svg
new file mode 100644
index 00000000..307729f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lamps-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lamps-outline" viewBox="0 0 24 24"><path d="M8.5 4L9.35 7H4.65L5.5 4H8.5M10 2H4L2 9H12L10 2M6 10H8V20H11V22H3V20H6V10M18.5 10L19.35 13H14.65L15.5 10H18.5M20 8H14L12 15H22L20 8M16 16H18V20H21V22H13V20H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lamps.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lamps.svg
new file mode 100644
index 00000000..17a642df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lamps.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lamps" viewBox="0 0 24 24"><path d="M10 2L12 9H2L4 2M6 10H8V20H11V22H3V20H6V10M20 8L22 15H12L14 8M16 16H18V20H21V22H13V20H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lan-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lan-check.svg
new file mode 100644
index 00000000..047630ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lan-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lan-check" viewBox="0 0 24 24"><path d="M4 1C2.89 1 2 1.89 2 3V7C2 8.11 2.89 9 4 9H1V11H13V9H10C11.11 9 12 8.11 12 7V3C12 1.89 11.11 1 10 1H4M4 3H10V7H4V3M14 13C12.89 13 12 13.89 12 15V19C12 20.11 12.89 21 14 21H11V23H23V21H20C21.11 21 22 20.11 22 19V15C22 13.89 21.11 13 20 13H14M14 15H20V19H14V15M5.5 20.5L10.5 15.5L9 14L5.5 17.5L3.5 15.5L2 17L5.5 20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lan-connect.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lan-connect.svg
new file mode 100644
index 00000000..1121de04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lan-connect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lan-connect" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M3,13V18L3,20H10V18H5V13H3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M14,15H20V19H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lan-disconnect.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lan-disconnect.svg
new file mode 100644
index 00000000..4ca8e1c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lan-disconnect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lan-disconnect" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M3.88,13.46L2.46,14.88L4.59,17L2.46,19.12L3.88,20.54L6,18.41L8.12,20.54L9.54,19.12L7.41,17L9.54,14.88L8.12,13.46L6,15.59L3.88,13.46M14,15H20V19H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lan-pending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lan-pending.svg
new file mode 100644
index 00000000..8693ddbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lan-pending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lan-pending" viewBox="0 0 24 24"><path d="M4,1C2.89,1 2,1.89 2,3V7C2,8.11 2.89,9 4,9H1V11H13V9H10C11.11,9 12,8.11 12,7V3C12,1.89 11.11,1 10,1H4M4,3H10V7H4V3M3,12V14H5V12H3M14,13C12.89,13 12,13.89 12,15V19C12,20.11 12.89,21 14,21H11V23H23V21H20C21.11,21 22,20.11 22,19V15C22,13.89 21.11,13 20,13H14M3,15V17H5V15H3M14,15H20V19H14V15M3,18V20H5V18H3M6,18V20H8V18H6M9,18V20H11V18H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lan.svg
new file mode 100644
index 00000000..463e8656
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lan" viewBox="0 0 24 24"><path d="M10,2C8.89,2 8,2.89 8,4V7C8,8.11 8.89,9 10,9H11V11H2V13H6V15H5C3.89,15 3,15.89 3,17V20C3,21.11 3.89,22 5,22H9C10.11,22 11,21.11 11,20V17C11,15.89 10.11,15 9,15H8V13H16V15H15C13.89,15 13,15.89 13,17V20C13,21.11 13.89,22 15,22H19C20.11,22 21,21.11 21,20V17C21,15.89 20.11,15 19,15H18V13H22V11H13V9H14C15.11,9 16,8.11 16,7V4C16,2.89 15.11,2 14,2H10M10,4H14V7H10V4M5,17H9V20H5V17M15,17H19V20H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-fields.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-fields.svg
new file mode 100644
index 00000000..a51a2191
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-fields.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-fields" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M15.3 4C14.5 5.1 14 6.5 14 8H10C10 6.4 10.8 4.9 12 4H15.3M14 14H10C10 12.5 9.5 11.1 8.7 10H12C13.2 10.9 14 12.4 14 14M4 4H9.3C8.5 5.1 8 6.5 8 8H4V4M4 10H6C7.2 10.9 8 12.3 8 14H4V10M4 20V16H9.3C8.5 17.1 8 18.5 8 20H4M10 20C10 18.4 10.8 16.9 12 16H15.3C14.5 17.1 14 18.5 14 20H10M20 20H16C16 18.4 16.8 16.9 18 16H20V20M20 14H16C16 12.5 15.5 11.1 14.7 10H20V14M20 8H16C16 6.4 16.8 4.9 18 4H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle-variant.svg
new file mode 100644
index 00000000..d6b998d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-plots-circle-variant" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M20 9C20 11.8 17.8 14 15 14C12.2 14 10 11.8 10 9C10 6.2 12.2 4 15 4C17.8 4 20 6.2 20 9M4 4H8V14H4V4M4 20V16H8V20H4M20 20H10V16H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle.svg
new file mode 100644
index 00000000..7133c032
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-plots-circle" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M13 7.5C13 5.6 14.6 4 16.5 4C18.4 4 20 5.6 20 7.5C20 9.4 18.4 11 16.5 11C14.6 11 13 9.4 13 7.5M4 4H11V11H4V4M4 20V13H11V20H4M20 20H13V13H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-plots.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots.svg
new file mode 100644
index 00000000..f3fcd717
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-plots.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-plots" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M4 4H8V14H4V4M4 20V16H8V20H4M20 20H10V10H20V20M20 8H10V4H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-horizontal.svg
new file mode 100644
index 00000000..1b349a2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-rows-horizontal" viewBox="0 0 24 24"><path d="M22 20V4C22 2.9 21.1 2 20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20M4 6.5V4H20V6.5H4M4 11V8.5H20V11H4M4 15.5V13H20V15.5H4M4 20V17.5H20V20H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-vertical.svg
new file mode 100644
index 00000000..fef33bd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/land-rows-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-land-rows-vertical" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M6.5 20H4V4H6.5V20M11 20H8.5V4H11V20M15.5 20H13V4H15.5V20M20 20H17.5V4H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/landslide-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/landslide-outline.svg
new file mode 100644
index 00000000..75d4eff8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/landslide-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-landslide-outline" viewBox="0 0 24 24"><path d="M11 12L8 8H2V22H22L16 14L11 12M12.53 14.77L6 16.95L4 16.28V14.39L6 15.06L9.95 13.74L12.53 14.77M7 10L8.57 12.09L6 12.95L4 12.28V10H7M4 20V18.39L6 19.06L15.03 16.05L18 20H4M17 6V1L12 0L9 2V6L12 8L17 6M11 3.07L12.42 2.12L15 2.64V4.65L12.23 5.76L11 4.93V3.07M18.5 7L16 9V12L18.5 14L23 12V8L18.5 7M21 10.7L18.8 11.68L18 11.04V9.96L19 9.16L21 9.6V10.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/landslide.svg b/apps/phoenix_webcomponent/priv/mdi/svg/landslide.svg
new file mode 100644
index 00000000..3224977e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/landslide.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-landslide" viewBox="0 0 24 24"><path d="M15.47 13.79L12.89 12.76L6 15.05L2 13.5V15.61L6 16.95L15.47 13.79M10.57 11.42L8 8H2V11.61L6 12.95L10.57 11.42M6 19.05L2 17.72V22H22L17.03 15.38L6 19.05M17 6V1L12 0L9 2V6L12 8L17 6M18.5 7L16 9V12L18.5 14L23 12V8L18.5 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-c.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-c.svg
new file mode 100644
index 00000000..4a94a96b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-c.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-c" viewBox="0 0 24 24"><path d="M15.45,15.97L15.87,18.41C15.61,18.55 15.19,18.68 14.63,18.8C14.06,18.93 13.39,19 12.62,19C10.41,18.96 8.75,18.3 7.64,17.04C6.5,15.77 5.96,14.16 5.96,12.21C6,9.9 6.68,8.13 8,6.89C9.28,5.64 10.92,5 12.9,5C13.65,5 14.3,5.07 14.84,5.19C15.38,5.31 15.78,5.44 16.04,5.59L15.44,8.08L14.4,7.74C14,7.64 13.53,7.59 13,7.59C11.85,7.58 10.89,7.95 10.14,8.69C9.38,9.42 9,10.54 8.96,12.03C8.97,13.39 9.33,14.45 10.04,15.23C10.75,16 11.74,16.4 13.03,16.41L14.36,16.29C14.79,16.21 15.15,16.1 15.45,15.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-cpp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-cpp.svg
new file mode 100644
index 00000000..38f8599b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-cpp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-cpp" viewBox="0 0 24 24"><path d="M10.5,15.97L10.91,18.41C10.65,18.55 10.23,18.68 9.67,18.8C9.1,18.93 8.43,19 7.66,19C5.45,18.96 3.79,18.3 2.68,17.04C1.56,15.77 1,14.16 1,12.21C1.05,9.9 1.72,8.13 3,6.89C4.32,5.64 5.96,5 7.94,5C8.69,5 9.34,5.07 9.88,5.19C10.42,5.31 10.82,5.44 11.08,5.59L10.5,8.08L9.44,7.74C9.04,7.64 8.58,7.59 8.05,7.59C6.89,7.58 5.93,7.95 5.18,8.69C4.42,9.42 4.03,10.54 4,12.03C4,13.39 4.37,14.45 5.08,15.23C5.79,16 6.79,16.4 8.07,16.41L9.4,16.29C9.83,16.21 10.19,16.1 10.5,15.97M11,11H13V9H15V11H17V13H15V15H13V13H11V11M18,11H20V9H22V11H24V13H22V15H20V13H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-csharp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-csharp.svg
new file mode 100644
index 00000000..084b9825
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-csharp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-csharp" viewBox="0 0 24 24"><path d="M11.5,15.97L11.91,18.41C11.65,18.55 11.23,18.68 10.67,18.8C10.1,18.93 9.43,19 8.66,19C6.45,18.96 4.79,18.3 3.68,17.04C2.56,15.77 2,14.16 2,12.21C2.05,9.9 2.72,8.13 4,6.89C5.32,5.64 6.96,5 8.94,5C9.69,5 10.34,5.07 10.88,5.19C11.42,5.31 11.82,5.44 12.08,5.59L11.5,8.08L10.44,7.74C10.04,7.64 9.58,7.59 9.05,7.59C7.89,7.58 6.93,7.95 6.18,8.69C5.42,9.42 5.03,10.54 5,12.03C5,13.39 5.37,14.45 6.08,15.23C6.79,16 7.79,16.4 9.07,16.41L10.4,16.29C10.83,16.21 11.19,16.1 11.5,15.97M13.89,19L14.5,15H13L13.34,13H14.84L15.16,11H13.66L14,9H15.5L16.11,5H18.11L17.5,9H18.5L19.11,5H21.11L20.5,9H22L21.66,11H20.16L19.84,13H21.34L21,15H19.5L18.89,19H16.89L17.5,15H16.5L15.89,19H13.89M16.84,13H17.84L18.16,11H17.16L16.84,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-css3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-css3.svg
new file mode 100644
index 00000000..2a05efa0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-css3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-css3" viewBox="0 0 24 24"><path d="M5,3L4.35,6.34H17.94L17.5,8.5H3.92L3.26,11.83H16.85L16.09,15.64L10.61,17.45L5.86,15.64L6.19,14H2.85L2.06,18L9.91,21L18.96,18L20.16,11.97L20.4,10.76L21.94,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-fortran.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-fortran.svg
new file mode 100644
index 00000000..2c6c840f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-fortran.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-fortran" viewBox="0 0 24 24"><path d="M5 4V6H6C6.55 6 7 6.45 7 7V17C7 17.55 6.55 18 6 18H5V20H14V18H12C11.45 18 11 17.55 11 17V13H13C13.55 13 14 13.45 14 14V16H16V8H14V10C14 10.55 13.55 11 13 11H11V6H16C17.11 6 18 7.34 18 9V10H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-go.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-go.svg
new file mode 100644
index 00000000..0cd40030
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-go.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-go" viewBox="0 0 24 24"><path d="M2.64,10.33L2.62,10.27L2.84,10L2.96,9.92H6.8L6.83,10L6.65,10.26L6.54,10.32L2.64,10.33M1.03,11.31L1,11.26L1.22,10.97L1.34,10.91H6.24L6.29,11L6.21,11.24L6.11,11.31H1.03M3.63,12.3L3.59,12.24L3.75,11.96L3.85,11.9H6L6.07,11.97L6.05,12.22L5.97,12.3H3.63M14.78,10.14L13,10.61C12.81,10.65 12.8,10.66 12.66,10.5C12.5,10.32 12.39,10.21 12.16,10.1C11.5,9.76 10.83,9.86 10.22,10.25C9.5,10.73 9.11,11.42 9.12,12.3C9.13,13.16 9.72,13.87 10.57,14C11.3,14.09 11.91,13.83 12.4,13.28L12.69,12.89H10.62C10.4,12.89 10.35,12.75 10.42,12.57L10.97,11.39C11,11.33 11.08,11.22 11.24,11.22H14.68C14.83,10.72 15.09,10.26 15.43,9.81C16.21,8.78 17.16,8.24 18.43,8C19.5,7.82 20.56,7.93 21.5,8.57C22.34,9.15 22.87,9.93 23,10.96C23.19,12.41 22.76,13.59 21.76,14.61C21.05,15.33 20.18,15.78 19.19,16L18.33,16.08C17.35,16.06 16.46,15.78 15.71,15.13C15.19,14.68 14.83,14.14 14.65,13.5C14.5,13.74 14.38,13.97 14.21,14.2C13.44,15.22 12.43,15.85 11.15,16C10.1,16.16 9.12,15.95 8.26,15.31C7.47,14.71 7,13.91 6.9,12.92C6.76,11.75 7.1,10.7 7.81,9.78C8.57,8.78 9.58,8.15 10.82,7.92C11.82,7.74 12.79,7.86 13.66,8.44C14.23,8.82 14.63,9.34 14.9,9.96C14.94,10.05 14.9,10.11 14.78,10.14M20.89,11.74L20.86,11.38C20.67,10.32 19.69,9.72 18.67,9.95C17.66,10.17 17,10.8 16.79,11.81C16.6,12.65 17,13.5 17.77,13.84C18.36,14.1 18.96,14.06 19.53,13.78C20.37,13.35 20.84,12.66 20.89,11.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-haskell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-haskell.svg
new file mode 100644
index 00000000..e1cf63cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-haskell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-haskell" viewBox="0 0 24 24"><path d="M2.08,19L6.75,12L2.08,5H5.58L10.25,12L5.58,19H2.08M6.75,19L11.42,12L6.75,5H10.25L19.59,19H16.09L13.17,14.63L10.25,19H6.75M18.03,14.92L16.5,12.58H21.92V14.92H18.03M15.7,11.42L14.14,9.08H21.92V11.42H15.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-html5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-html5.svg
new file mode 100644
index 00000000..1d6e6f5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-html5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-html5" viewBox="0 0 24 24"><path d="M12,17.56L16.07,16.43L16.62,10.33H9.38L9.2,8.3H16.8L17,6.31H7L7.56,12.32H14.45L14.22,14.9L12,15.5L9.78,14.9L9.64,13.24H7.64L7.93,16.43L12,17.56M4.07,3H19.93L18.5,19.2L12,21L5.5,19.2L4.07,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-java.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-java.svg
new file mode 100644
index 00000000..6ea4c4f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-java.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-java" viewBox="0 0 24 24"><path d="M16.5,6.08C16.5,6.08 9.66,7.79 12.94,11.56C13.91,12.67 12.69,13.67 12.69,13.67C12.69,13.67 15.14,12.42 14,10.82C12.94,9.35 12.14,8.62 16.5,6.08M12.03,7.28C16.08,4.08 14,2 14,2C14.84,5.3 11.04,6.3 9.67,8.36C8.73,9.76 10.13,11.27 12,13C11.29,11.3 8.78,9.84 12.03,7.28M9.37,17.47C6.29,18.33 11.25,20.1 15.16,18.43C14.78,18.28 14.41,18.1 14.06,17.89C12.7,18.2 11.3,18.26 9.92,18.07C8.61,17.91 9.37,17.47 9.37,17.47M14.69,15.79C12.94,16.17 11.13,16.26 9.35,16.05C8.04,15.92 8.9,15.28 8.9,15.28C5.5,16.41 10.78,17.68 15.5,16.3C15.21,16.19 14.93,16 14.69,15.79M18.11,19.09C18.11,19.09 18.68,19.56 17.5,19.92C15.22,20.6 8.07,20.81 6.09,19.95C5.38,19.64 6.72,19.21 7.14,19.12C7.37,19.06 7.6,19.04 7.83,19.04C7.04,18.5 2.7,20.14 5.64,20.6C13.61,21.9 20.18,20 18.11,19.09M15.37,14.23C15.66,14.04 15.97,13.88 16.29,13.74C16.29,13.74 14.78,14 13.27,14.14C11.67,14.3 10.06,14.32 8.46,14.2C6.11,13.89 9.75,13 9.75,13C8.65,13 7.57,13.26 6.59,13.75C4.54,14.75 11.69,15.2 15.37,14.23M16.27,16.65C16.25,16.69 16.23,16.72 16.19,16.75C21.2,15.44 19.36,12.11 16.96,12.94C16.83,13 16.72,13.08 16.65,13.19C16.79,13.14 16.93,13.1 17.08,13.07C18.28,12.83 20,14.7 16.27,16.65M16.4,21.26C13.39,21.78 10.31,21.82 7.28,21.4C7.28,21.4 7.74,21.78 10.09,21.93C13.69,22.16 19.22,21.8 19.35,20.1C19.38,20.11 19.12,20.75 16.4,21.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-javascript.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-javascript.svg
new file mode 100644
index 00000000..5f3a500c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-javascript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-javascript" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-kotlin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-kotlin.svg
new file mode 100644
index 00000000..60ffd0db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-kotlin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-kotlin" viewBox="0 0 24 24"><path d="M2 2H22L12 12L22 22H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-lua.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-lua.svg
new file mode 100644
index 00000000..3a9fc590
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-lua.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-lua" viewBox="0 0 24 24"><path d="M10.5,5A8.5,8.5 0 0,0 2,13.5A8.5,8.5 0 0,0 10.5,22A8.5,8.5 0 0,0 19,13.5A8.5,8.5 0 0,0 10.5,5M13.5,13A2.5,2.5 0 0,1 11,10.5A2.5,2.5 0 0,1 13.5,8A2.5,2.5 0 0,1 16,10.5A2.5,2.5 0 0,1 13.5,13M19.5,2A2.5,2.5 0 0,0 17,4.5A2.5,2.5 0 0,0 19.5,7A2.5,2.5 0 0,0 22,4.5A2.5,2.5 0 0,0 19.5,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown-outline.svg
new file mode 100644
index 00000000..e8f2130d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-markdown-outline" viewBox="0 0 24 24"><path d="M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6H20.56C21.35 6 22 6.63 22 7.41V16.59C22 17.37 21.35 18 20.56 18M3.44 6.94C3.18 6.94 2.96 7.15 2.96 7.41V16.6C2.96 16.85 3.18 17.06 3.44 17.06H20.56C20.82 17.06 21.04 16.85 21.04 16.6V7.41C21.04 7.15 20.82 6.94 20.56 6.94H3.44M4.89 15.19V8.81H6.81L8.73 11.16L10.65 8.81H12.58V15.19H10.65V11.53L8.73 13.88L6.81 11.53V15.19H4.89M16.9 15.19L14 12.09H15.94V8.81H17.86V12.09H19.79L16.9 15.19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown.svg
new file mode 100644
index 00000000..b5369ca5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-markdown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-markdown" viewBox="0 0 24 24"><path d="M20.56 18H3.44C2.65 18 2 17.37 2 16.59V7.41C2 6.63 2.65 6 3.44 6H20.56C21.35 6 22 6.63 22 7.41V16.59C22 17.37 21.35 18 20.56 18M6.81 15.19V11.53L8.73 13.88L10.65 11.53V15.19H12.58V8.81H10.65L8.73 11.16L6.81 8.81H4.89V15.19H6.81M19.69 12H17.77V8.81H15.85V12H13.92L16.81 15.28L19.69 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-php.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-php.svg
new file mode 100644
index 00000000..d6dfb992
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-php.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-php" viewBox="0 0 24 24"><path d="M12,18.08C5.37,18.08 0,15.36 0,12C0,8.64 5.37,5.92 12,5.92C18.63,5.92 24,8.64 24,12C24,15.36 18.63,18.08 12,18.08M6.81,10.13C7.35,10.13 7.72,10.23 7.9,10.44C8.08,10.64 8.12,11 8.03,11.47C7.93,12 7.74,12.34 7.45,12.56C7.17,12.78 6.74,12.89 6.16,12.89H5.29L5.82,10.13H6.81M3.31,15.68H4.75L5.09,13.93H6.32C6.86,13.93 7.3,13.87 7.65,13.76C8,13.64 8.32,13.45 8.61,13.18C8.85,12.96 9.04,12.72 9.19,12.45C9.34,12.19 9.45,11.89 9.5,11.57C9.66,10.79 9.55,10.18 9.17,9.75C8.78,9.31 8.18,9.1 7.35,9.1H4.59L3.31,15.68M10.56,7.35L9.28,13.93H10.7L11.44,10.16H12.58C12.94,10.16 13.18,10.22 13.29,10.34C13.4,10.46 13.42,10.68 13.36,11L12.79,13.93H14.24L14.83,10.86C14.96,10.24 14.86,9.79 14.56,9.5C14.26,9.23 13.71,9.1 12.91,9.1H11.64L12,7.35H10.56M18,10.13C18.55,10.13 18.91,10.23 19.09,10.44C19.27,10.64 19.31,11 19.22,11.47C19.12,12 18.93,12.34 18.65,12.56C18.36,12.78 17.93,12.89 17.35,12.89H16.5L17,10.13H18M14.5,15.68H15.94L16.28,13.93H17.5C18.05,13.93 18.5,13.87 18.85,13.76C19.2,13.64 19.5,13.45 19.8,13.18C20.04,12.96 20.24,12.72 20.38,12.45C20.53,12.19 20.64,11.89 20.7,11.57C20.85,10.79 20.74,10.18 20.36,9.75C20,9.31 19.37,9.1 18.54,9.1H15.79L14.5,15.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-python.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-python.svg
new file mode 100644
index 00000000..0a4ebba1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-python.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-python" viewBox="0 0 24 24"><path d="M19.14,7.5A2.86,2.86 0 0,1 22,10.36V14.14A2.86,2.86 0 0,1 19.14,17H12C12,17.39 12.32,17.96 12.71,17.96H17V19.64A2.86,2.86 0 0,1 14.14,22.5H9.86A2.86,2.86 0 0,1 7,19.64V15.89C7,14.31 8.28,13.04 9.86,13.04H15.11C16.69,13.04 17.96,11.76 17.96,10.18V7.5H19.14M14.86,19.29C14.46,19.29 14.14,19.59 14.14,20.18C14.14,20.77 14.46,20.89 14.86,20.89A0.71,0.71 0 0,0 15.57,20.18C15.57,19.59 15.25,19.29 14.86,19.29M4.86,17.5C3.28,17.5 2,16.22 2,14.64V10.86C2,9.28 3.28,8 4.86,8H12C12,7.61 11.68,7.04 11.29,7.04H7V5.36C7,3.78 8.28,2.5 9.86,2.5H14.14C15.72,2.5 17,3.78 17,5.36V9.11C17,10.69 15.72,11.96 14.14,11.96H8.89C7.31,11.96 6.04,13.24 6.04,14.82V17.5H4.86M9.14,5.71C9.54,5.71 9.86,5.41 9.86,4.82C9.86,4.23 9.54,4.11 9.14,4.11C8.75,4.11 8.43,4.23 8.43,4.82C8.43,5.41 8.75,5.71 9.14,5.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-r.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-r.svg
new file mode 100644
index 00000000..f0e5b0c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-r.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-r" viewBox="0 0 24 24"><path d="M12,4.29C6.5,4.29 2,7.29 2,11C2,14.28 5.56,17 10.24,17.58V19.71H13.65V17.59C14.5,17.5 15.29,17.34 16.04,17.11L17.42,19.71H21.28L18.96,15.8C20.83,14.58 22,12.87 22,11C22,7.29 17.5,4.29 12,4.29V4.29M13.53,6.91C17.73,6.91 20.83,8.31 20.83,11.5C20.83,13.21 19.91,14.41 18.41,15.15C18.32,15.1 18.24,15.05 18.19,15C17.83,14.84 17.23,14.66 17.23,14.66C17.23,14.66 20.21,14.44 20.21,11.47C20.21,8.5 17.09,8.45 17.09,8.45H10.24V15.61C7.69,14.87 5.93,13.3 5.93,11.5C5.93,8.96 9.33,6.91 13.53,6.91M13.68,10.89H15.75C15.75,10.89 16.7,10.84 16.7,11.83C16.7,12.8 15.75,12.8 15.75,12.8H13.68V10.89M13.65,15.3H14.57C14.75,15.3 14.84,15.35 15,15.5C15.13,15.6 15.27,15.79 15.39,15.96C14.84,16.03 14.26,16.06 13.65,16.06V15.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby-on-rails.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby-on-rails.svg
new file mode 100644
index 00000000..9664ac64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby-on-rails.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-ruby-on-rails" viewBox="0 0 24 24"><path d="M19.8,16.7C19.8,16.7 21.6,16.5 21.6,14.3C21.6,12.1 19.5,11.8 19.5,11.8H15.7V19H17.6V17.3L19.3,19H22L19.8,16.7M19,15.3H17.5V13.7H19C19,13.7 19.4,13.9 19.4,14.5C19.5,15.1 19,15.3 19,15.3M21.3,8.2V8.4C13.2,6.1 10,13.2 10.6,18.7C10.6,18.7 4.9,18.7 4.3,18.7C5,13.3 11.8,2.6 21.3,8.2M20.5,6.9C19.8,6.6 19.1,6.3 18.4,6.1L18.5,4.8L20.6,5.6L20.5,6.9M18.5,8.7C19.2,8.7 19.9,8.8 20.6,9L20.5,10.2L18.7,10L18.5,8.7M13.9,5.8L13.5,4.6L15.6,4.4L16,5.7C15.8,5.7 14.1,5.8 13.9,5.8M15.2,9.5C15.6,9.3 16.3,9 17.2,8.8L17.6,10L15.8,10.7L15.2,9.5M11.8,6.5C11.2,6.8 10.6,7.1 10,7.5L9.2,6.2L11,5.2L11.8,6.5M14.3,10.1L15.1,11.3L14,12.6L12.9,11.6C13.2,11 13.7,10.5 14.3,10.1M11.6,15C11.7,14.2 11.9,13.5 12.2,12.7L13.4,13.7L13.1,15.6L11.6,15M7.9,9.3C7.4,9.8 6.9,10.4 6.5,10.9L5.2,9.8L6.7,8.2L7.9,9.3M4.8,13.7C4.4,14.5 4.1,15.3 3.8,16L2,15.3L2.9,13L4.8,13.7M11.5,16.3L13.3,16.9L13.6,18.9L11.6,18.4C11.6,18.2 11.5,17.5 11.5,16.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby.svg
new file mode 100644
index 00000000..1cf93182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-ruby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-ruby" viewBox="0 0 24 24"><path d="M18.8,2.07C21.32,2.5 22.04,4.23 22,6.04V6L20.86,20.93L6.08,21.94H6.09C4.86,21.89 2.13,21.77 2,17.95L3.37,15.45L6.14,21.91L8.5,14.29L8.45,14.3L8.47,14.28L16.18,16.74L14.19,8.96L21.54,8.5L15.75,3.76L18.8,2.06V2.07M2,17.91V17.93L2,17.91V17.91M6.28,6.23C9.24,3.28 13.07,1.54 14.54,3.03C16,4.5 14.46,8.12 11.5,11.06C8.5,14 4.73,15.84 3.26,14.36C1.79,12.87 3.3,9.17 6.27,6.23H6.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-rust.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-rust.svg
new file mode 100644
index 00000000..8f90d814
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-rust.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-rust" viewBox="0 0 24 24"><path d="M21.9 11.7L21 11.2V11L21.7 10.3C21.8 10.2 21.8 10 21.7 9.9L21.6 9.8L20.7 9.5C20.7 9.4 20.7 9.3 20.6 9.3L21.2 8.5C21.3 8.4 21.3 8.2 21.1 8.1C21.1 8.1 21 8.1 21 8L20 7.8C20 7.7 19.9 7.7 19.9 7.6L20.3 6.7V6.4C20.2 6.3 20.1 6.3 20 6.3H19C19 6.3 19 6.2 18.9 6.2L19.1 5.2C19.1 5 19 4.9 18.9 4.9H18.8L17.8 5.1C17.8 5 17.7 5 17.6 4.9V3.9C17.6 3.7 17.5 3.6 17.3 3.6H17.2L16.3 4H16.2L16 3C16 2.8 15.8 2.7 15.7 2.8H15.6L14.8 3.4C14.7 3.4 14.6 3.4 14.6 3.3L14.3 2.4C14.2 2.3 14.1 2.2 13.9 2.2C13.9 2.2 13.8 2.2 13.8 2.3L13 3H12.8L12.3 2.2C12.2 2 12 2 11.8 2L11.7 2.1L11.2 3H11L10.3 2.3C10.2 2.2 10 2.2 9.9 2.3L9.8 2.4L9.5 3.3C9.4 3.3 9.3 3.3 9.3 3.4L8.5 2.8C8.3 2.7 8.1 2.7 8 2.9V3L7.8 4C7.8 4 7.7 4 7.6 4.1L6.7 3.7C6.6 3.6 6.4 3.7 6.3 3.8V4.9C6.3 5 6.2 5 6.2 5.1L5.2 4.9C5 4.8 4.9 4.9 4.9 5.1V5.2L5.1 6.2C5 6.2 5 6.3 4.9 6.3H3.9C3.7 6.3 3.6 6.4 3.6 6.6V6.7L4 7.6V7.8L3 8C2.8 8 2.7 8.2 2.7 8.3V8.4L3.3 9.2C3.3 9.3 3.3 9.4 3.2 9.4L2.4 9.8C2.3 9.9 2.2 10 2.2 10.2C2.2 10.2 2.2 10.3 2.3 10.3L3 11V11.2L2.2 11.7C2 11.8 2 12 2 12.1L2.1 12.2L3 12.8V13L2.3 13.7C2.2 13.8 2.2 14 2.3 14.1L2.4 14.2L3.3 14.5C3.3 14.6 3.3 14.7 3.4 14.7L2.8 15.5C2.7 15.6 2.7 15.8 2.9 15.9C2.9 15.9 3 15.9 3 16L4 16.2C4 16.3 4.1 16.3 4.1 16.4L3.7 17.3C3.6 17.4 3.7 17.6 3.8 17.7H4.9C5 17.7 5 17.8 5.1 17.8L4.9 18.8C4.9 19 5 19.1 5.1 19.1H5.2L6.2 18.9C6.2 19 6.3 19 6.4 19.1V20.1C6.4 20.3 6.5 20.4 6.7 20.4H6.8L7.7 20H7.8L8 21C8 21.2 8.2 21.3 8.3 21.2H8.4L9.2 20.6C9.3 20.6 9.4 20.6 9.4 20.7L9.7 21.6C9.8 21.7 9.9 21.8 10.1 21.8C10.1 21.8 10.2 21.8 10.2 21.7L11 21H11.2L11.7 21.8C11.8 21.9 12 22 12.1 21.9L12.2 21.8L12.7 21H12.9L13.6 21.7C13.7 21.8 13.9 21.8 14 21.7L14.1 21.6L14.4 20.7C14.5 20.7 14.6 20.7 14.6 20.6L15.4 21.2C15.5 21.3 15.7 21.3 15.8 21.1C15.8 21.1 15.8 21 15.9 21L16.1 20C16.2 20 16.2 19.9 16.3 19.9L17.2 20.3C17.3 20.4 17.5 20.3 17.6 20.2V19.1L17.8 18.9L18.8 19.1C19 19.1 19.1 19 19.1 18.9V18.8L18.9 17.8L19.1 17.6H20.1C20.3 17.6 20.4 17.5 20.4 17.3V17.2L20 16.3C20 16.2 20.1 16.2 20.1 16.1L21.1 15.9C21.3 15.9 21.4 15.7 21.3 15.6V15.5L20.7 14.7L20.8 14.5L21.7 14.2C21.8 14.1 21.9 14 21.9 13.8C21.9 13.8 21.9 13.7 21.8 13.7L21 13V12.8L21.8 12.3C22 12.2 22 12 21.9 11.7C21.9 11.8 21.9 11.8 21.9 11.7M16.2 18.7C15.9 18.6 15.7 18.3 15.7 18C15.8 17.7 16.1 17.5 16.4 17.5C16.7 17.6 16.9 17.9 16.9 18.2C16.9 18.6 16.6 18.8 16.2 18.7M16 16.8C15.7 16.7 15.4 16.9 15.4 17.2L15 18.6C14.1 19 13.1 19.2 12 19.2C10.9 19.2 9.9 19 8.9 18.5L8.6 17.1C8.5 16.8 8.3 16.6 8 16.7L6.8 17C6.6 16.8 6.4 16.5 6.2 16.3H12.2C12.3 16.3 12.3 16.3 12.3 16.2V14.1C12.3 14 12.3 14 12.2 14H10.5V12.7H12.4C12.6 12.7 13.3 12.7 13.6 13.7C13.7 14 13.8 15 14 15.3C14.1 15.6 14.6 16.3 15.1 16.3H18.2C18 16.6 17.8 16.8 17.5 17.1L16 16.8M7.7 18.7C7.4 18.8 7.1 18.6 7 18.2C6.9 17.9 7.1 17.6 7.5 17.5S8.1 17.6 8.2 18C8.2 18.3 8 18.6 7.7 18.7M5.4 9.5C5.5 9.8 5.4 10.2 5.1 10.3C4.8 10.4 4.4 10.3 4.3 10C4.2 9.7 4.3 9.3 4.6 9.2C5 9.1 5.3 9.2 5.4 9.5M4.7 11.1L6 10.6C6.3 10.5 6.4 10.2 6.3 9.9L6 9.3H7V14H5C4.7 13 4.6 12.1 4.7 11.1M10.3 10.7V9.3H12.8C12.9 9.3 13.7 9.4 13.7 10C13.7 10.5 13.1 10.7 12.6 10.7H10.3M19.3 11.9V12.4H18.5C18.4 12.4 18.4 12.4 18.4 12.5V12.8C18.4 13.6 17.9 13.8 17.5 13.8C17.1 13.8 16.7 13.6 16.6 13.4C16.4 12.1 16 11.9 15.4 11.4C16.1 10.9 16.9 10.2 16.9 9.3C16.9 8.3 16.2 7.7 15.8 7.4C15.1 7 14.4 6.9 14.2 6.9H6.6C7.7 5.7 9.1 4.9 10.7 4.6L11.6 5.6C11.8 5.8 12.1 5.8 12.4 5.6L13.4 4.6C15.5 5 17.3 6.3 18.4 8.2L17.7 9.8C17.6 10.1 17.7 10.4 18 10.5L19.3 11.1V11.9M11.6 3.9C11.8 3.7 12.2 3.7 12.4 3.9C12.6 4.1 12.6 4.5 12.4 4.7C12.1 5 11.8 5 11.5 4.7C11.3 4.5 11.4 4.2 11.6 3.9M18.5 9.5C18.6 9.2 19 9.1 19.3 9.2C19.6 9.3 19.7 9.7 19.6 10C19.5 10.3 19.1 10.4 18.8 10.3C18.5 10.2 18.4 9.8 18.5 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-swift.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-swift.svg
new file mode 100644
index 00000000..a33d3f21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-swift.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-swift" viewBox="0 0 24 24"><path d="M17.09,19.72C14.73,21.08 11.5,21.22 8.23,19.82C5.59,18.7 3.4,16.74 2,14.5C2.67,15.05 3.46,15.5 4.3,15.9C7.67,17.47 11.03,17.36 13.4,15.9C10.03,13.31 7.16,9.94 5.03,7.19C4.58,6.74 4.25,6.18 3.91,5.68C12.19,11.73 11.83,13.27 6.32,4.67C11.21,9.61 15.75,12.41 15.75,12.41C15.91,12.5 16,12.57 16.11,12.63C16.21,12.38 16.3,12.12 16.37,11.85C17.16,9 16.26,5.73 14.29,3.04C18.84,5.79 21.54,10.95 20.41,15.28C20.38,15.39 20.35,15.5 20.36,15.67C22.6,18.5 22,21.45 21.71,20.89C20.5,18.5 18.23,19.24 17.09,19.72V19.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-typescript.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-typescript.svg
new file mode 100644
index 00000000..758247b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-typescript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-typescript" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/language-xaml.svg b/apps/phoenix_webcomponent/priv/mdi/svg/language-xaml.svg
new file mode 100644
index 00000000..009bc041
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/language-xaml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-language-xaml" viewBox="0 0 24 24"><path d="M16.93 7.9L19.31 12L16.95 16.09L16.33 15L17.8 12.5C17.97 12.19 17.97 11.83 17.8 11.54L16.32 9L16.93 7.9M16.92 6.57C16.89 6.57 16.85 6.59 16.83 6.62L15.56 8.87C15.5 8.94 15.5 9 15.56 9.09L17.18 11.9C17.22 11.97 17.22 12.05 17.18 12.12L15.57 14.91C15.53 14.97 15.53 15.06 15.57 15.13L16.85 17.36C16.87 17.4 16.91 17.42 16.94 17.42C17 17.42 17 17.4 17.04 17.36L20 12.23C20.08 12.09 20.08 11.92 20 11.79L17 6.62C17 6.59 16.96 6.57 16.92 6.57M21.91 11.67L17.23 3.58C17.11 3.38 16.89 3.25 16.66 3.25H7.28C7.05 3.25 6.83 3.38 6.71 3.58L2 11.67C1.91 11.87 1.91 12.13 2 12.33L6.71 20.42C6.83 20.62 7.05 20.75 7.28 20.75H16.66C16.89 20.75 17.11 20.62 17.23 20.42L21.91 12.33C22.03 12.13 22.03 11.88 21.91 11.67M7.3 3.95H16.12L11.76 11.65H6.93L10.87 4.82C10.91 4.75 10.86 4.66 10.78 4.66L8.21 4.65C8.13 4.65 8.06 4.7 8 4.76L4.04 11.65H2.84L7.3 3.95M6.17 12.46L9.74 18.63L8.5 18.63L4.87 12.35L4.67 12L4.87 11.65L8.5 5.37L9.73 5.37L6.17 11.53C6.15 11.57 6.13 11.61 6.11 11.65C6.03 11.88 6.03 12.13 6.12 12.35C6.13 12.39 6.15 12.43 6.17 12.46M7.3 20.05L2.85 12.35H4.05L8.03 19.23C8.07 19.3 8.14 19.34 8.22 19.34L10.79 19.34C10.87 19.34 10.92 19.25 10.88 19.18L6.94 12.35H11.77L16.17 20.05H7.3M16.8 19.75L12.37 12L16.78 4.21L21.29 12L16.8 19.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/laptop-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/laptop-account.svg
new file mode 100644
index 00000000..1d54626f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/laptop-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-laptop-account" viewBox="0 0 24 24"><path d="M20 4C21.1 4 22 4.89 22 6V16C22 17.11 21.11 18 20 18H24V20H0V18H4C2.9 18 2 17.11 2 16V6C2 4.89 2.89 4 4 4H20M20 6H4V16H20V6M12 12C14.21 12 16 12.9 16 14V15H8V14C8 12.9 9.79 12 12 12M12 7C13.11 7 14 7.9 14 9S13.11 11 12 11 10 10.11 10 9 10.9 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/laptop-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/laptop-off.svg
new file mode 100644
index 00000000..6f78cd6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/laptop-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-laptop-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20,20.72L18.73,22L16.73,20H0V18H4C2.89,18 2,17.1 2,16V6C2,5.78 2.04,5.57 2.1,5.37L1,4.27M4,16H12.73L4,7.27V16M20,16V6H7.82L5.82,4H20A2,2 0 0,1 22,6V16A2,2 0 0,1 20,18H24V20H21.82L17.82,16H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/laptop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/laptop.svg
new file mode 100644
index 00000000..3bc0ea1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/laptop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-laptop" viewBox="0 0 24 24"><path d="M4,6H20V16H4M20,18A2,2 0 0,0 22,16V6C22,4.89 21.1,4 20,4H4C2.89,4 2,4.89 2,6V16A2,2 0 0,0 4,18H0V20H24V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/laravel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/laravel.svg
new file mode 100644
index 00000000..1a990a56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/laravel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-laravel" viewBox="0 0 24 24"><path d="M21.7 6.53C21.71 6.55 21.71 6.58 21.71 6.61V10.9C21.71 11 21.65 11.12 21.56 11.17L17.95 13.25V17.36C17.95 17.47 17.9 17.57 17.8 17.63L10.28 21.96C10.26 21.97 10.24 22 10.22 22L10.2 22C10.15 22 10.09 22 10.04 22C10.03 22 10 22 10 22C10 22 10 21.97 9.96 21.96L2.44 17.63C2.35 17.58 2.29 17.47 2.29 17.36V4.5C2.29 4.45 2.29 4.42 2.3 4.4C2.3 4.39 2.31 4.38 2.31 4.37C2.31 4.35 2.32 4.34 2.33 4.32C2.33 4.31 2.34 4.3 2.35 4.29C2.36 4.28 2.37 4.27 2.38 4.26C2.39 4.25 2.4 4.24 2.41 4.23C2.42 4.22 2.43 4.21 2.44 4.21L6.2 2.04C6.3 2 6.42 2 6.5 2.04L10.28 4.21H10.28C10.29 4.22 10.3 4.22 10.31 4.23C10.32 4.24 10.33 4.25 10.34 4.26C10.35 4.27 10.36 4.28 10.37 4.29C10.38 4.3 10.39 4.31 10.39 4.32C10.4 4.34 10.41 4.35 10.41 4.37C10.41 4.38 10.42 4.39 10.42 4.4C10.43 4.43 10.43 4.45 10.43 4.5V12.5L13.57 10.72V6.61C13.57 6.58 13.57 6.55 13.58 6.53L13.59 6.5C13.59 6.5 13.6 6.47 13.61 6.45C13.61 6.44 13.62 6.43 13.63 6.42C13.64 6.41 13.65 6.4 13.66 6.39C13.67 6.38 13.68 6.37 13.69 6.36C13.7 6.35 13.71 6.34 13.72 6.34L17.5 4.17C17.58 4.11 17.7 4.11 17.8 4.17L21.56 6.34C21.57 6.34 21.58 6.35 21.59 6.36L21.62 6.39C21.63 6.4 21.64 6.41 21.65 6.42C21.66 6.43 21.66 6.44 21.67 6.45C21.68 6.47 21.68 6.5 21.69 6.5C21.7 6.5 21.7 6.5 21.7 6.53M21.09 10.72V7.15L17.95 8.95V12.5L21.09 10.72M17.33 17.18V13.6L10.43 17.54V21.15L17.33 17.18M2.91 5V17.18L9.81 21.15V17.54L6.21 15.5L6.2 15.5L6.2 15.5C6.19 15.5 6.18 15.5 6.17 15.47C6.16 15.47 6.15 15.46 6.14 15.45V15.45C6.13 15.44 6.12 15.43 6.11 15.42C6.1 15.41 6.1 15.4 6.09 15.39V15.39C6.08 15.37 6.08 15.36 6.07 15.35C6.07 15.33 6.06 15.32 6.06 15.31C6.05 15.3 6.05 15.28 6.05 15.27C6.05 15.25 6.05 15.24 6.05 15.23V6.82L2.91 5M6.36 2.68L3.23 4.5L6.36 6.28L9.5 4.5L6.36 2.68M9.81 12.88V5L6.67 6.82V14.69L9.81 12.88M17.64 4.8L14.5 6.61L17.64 8.41L20.77 6.61L17.64 4.8M17.33 8.95L14.19 7.15V10.72L17.33 12.5V8.95M10.12 17L17 13.06L13.88 11.26L7 15.23L10.12 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/laser-pointer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/laser-pointer.svg
new file mode 100644
index 00000000..a7d14599
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/laser-pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-laser-pointer" viewBox="0 0 24 24"><path d="M9 13L5 16C4 16.88 3.86 18.12 4 19C4.13 20 4.91 21.22 6 21.68C7.57 22.35 9.09 21.9 10.04 20.92L19 13C20.86 11.62 20 9 18 9H12L19.46 4.61C19.9 4.29 20.08 3.82 20.06 3.37C20 2.67 19.46 2 18.6 2H18.54C18.19 2 17.86 2.11 17.56 2.29L5 9C4.19 9.46 3.94 10.24 4 11C4.05 12.03 4.74 13 6 13M5 18.5C5 17.12 6.12 16 7.5 16S10 17.12 10 18.5 8.88 21 7.5 21 5 19.88 5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lasso.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lasso.svg
new file mode 100644
index 00000000..a6503700
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lasso.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lasso" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 5.13 22 9C22 12.26 18.81 15 14.5 15.78L14.5 15.5C14.5 14.91 14.4 14.34 14.21 13.81C17.55 13.21 20 11.28 20 9C20 6.24 16.42 4 12 4C7.58 4 4 6.24 4 9C4 10.19 4.67 11.29 5.79 12.15C5.35 12.64 5 13.21 4.78 13.85C3.06 12.59 2 10.88 2 9C2 5.13 6.5 2 12 2M9.5 12C11.43 12 13 13.57 13 15.5C13 17.4 11.5 18.95 9.6 19C9.39 19.36 9.18 20 9.83 20.68C11 21.88 13.28 19.72 16.39 19.71C18.43 19.7 20.03 19.97 20.03 19.97C20.03 19.97 21.08 20.1 20.97 21.04C20.86 21.97 19.91 21.97 19.91 21.97C19.53 21.93 18.03 21.58 16.22 21.68C14.41 21.77 13.47 22.41 12.56 22.69C11.66 22.97 9.91 23.38 8.3 22.05C6.97 20.96 7.46 19.11 7.67 18.5C6.67 17.87 6 16.76 6 15.5C6 13.57 7.57 12 9.5 12M9.5 14C8.67 14 8 14.67 8 15.5C8 16.33 8.67 17 9.5 17C10.33 17 11 16.33 11 15.5C11 14.67 10.33 14 9.5 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lastpass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lastpass.svg
new file mode 100644
index 00000000..fa9b4f17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lastpass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lastpass" viewBox="0 0 24 24"><path d="M14,12A2,2 0 0,1 16,10A2,2 0 0,1 18,12A2,2 0 0,1 16,14A2,2 0 0,1 14,12M8,12A2,2 0 0,1 10,10A2,2 0 0,1 12,12A2,2 0 0,1 10,14A2,2 0 0,1 8,12M2,12A2,2 0 0,1 4,10A2,2 0 0,1 6,12A2,2 0 0,1 4,14A2,2 0 0,1 2,12M22,5H20V19H22V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/latitude.svg b/apps/phoenix_webcomponent/priv/mdi/svg/latitude.svg
new file mode 100644
index 00000000..540f9f9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/latitude.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-latitude" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 4C15 4 17.5 5.6 18.9 8H5.1C6.5 5.6 9 4 12 4M12 20C9 20 6.5 18.4 5.1 16H18.9C17.5 18.4 15 20 12 20M4.3 14C4.1 13.4 4 12.7 4 12S4.1 10.6 4.3 10H19.8C20 10.6 20.1 11.3 20.1 12S20 13.4 19.8 14H4.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/launch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/launch.svg
new file mode 100644
index 00000000..cbe15e27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/launch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-launch" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lava-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lava-lamp.svg
new file mode 100644
index 00000000..ab891d07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lava-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lava-lamp" viewBox="0 0 24 24"><path d="M10,3L8,16H16L14,3H10M11.5,5.75A0.75,0.75 0 0,1 12.25,6.5A0.75,0.75 0 0,1 11.5,7.25A0.75,0.75 0 0,1 10.75,6.5A0.75,0.75 0 0,1 11.5,5.75M12.5,8.5A1,1 0 0,1 13.5,9.5A1,1 0 0,1 12.5,10.5A1,1 0 0,1 11.5,9.5A1,1 0 0,1 12.5,8.5M11.5,12A1.5,1.5 0 0,1 13,13.5A1.5,1.5 0 0,1 11.5,15A1.5,1.5 0 0,1 10,13.5A1.5,1.5 0 0,1 11.5,12M8,17L10,19L8,21H16L14,19L16,17H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-edit.svg
new file mode 100644
index 00000000..7b483aa1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-edit" viewBox="0 0 24 24"><path d="M4.63 10.27L3 9L12 2L19.94 8.17L12.5 15.61L12 16L4.63 10.27M10 18.94V18.11L10.59 17.53L10.63 17.5L4.62 12.81L3 14.07L10 19.5V18.94M21.7 12.58L20.42 11.3C20.21 11.09 19.86 11.09 19.65 11.3L18.65 12.3L20.7 14.35L21.7 13.35C21.91 13.14 21.91 12.79 21.7 12.58M12 21H14.06L20.11 14.93L18.06 12.88L12 18.94V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-minus.svg
new file mode 100644
index 00000000..8283efaf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-off-outline.svg
new file mode 100644
index 00000000..a2502de2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-off-outline" viewBox="0 0 24 24"><path d="M12,4.53L10.83,5.44L9.41,4L12,2L21,9L17.28,11.89L15.85,10.47L17.74,9L12,4.53M21,14.07L20.13,14.75L18.7,13.32L19.37,12.8L21,14.07M3.41,0.86L22.14,19.59L20.73,21L16.95,17.22L12,21.07L3,14.07L4.62,12.81L12,18.54L15.5,15.79L14.1,14.37L12,16L3,9L6.22,6.5L2,2.27L3.41,0.86M12,13.47L12.67,12.94L7.65,7.92L6.26,9L12,13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-off.svg
new file mode 100644
index 00000000..1334a3b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-off" viewBox="0 0 24 24"><path d="M3.27,1L2,2.27L6.22,6.5L3,9L4.63,10.27L12,16L14.1,14.37L15.53,15.8L12,18.54L4.63,12.81L3,14.07L12,21.07L16.95,17.22L20.73,21L22,19.73L3.27,1M19.36,10.27L21,9L12,2L9.09,4.27L16.96,12.15L19.36,10.27M19.81,15L21,14.07L19.57,12.64L18.38,13.56L19.81,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-outline.svg
new file mode 100644
index 00000000..5e934d6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-outline" viewBox="0 0 24 24"><path d="M12,18.54L19.37,12.8L21,14.07L12,21.07L3,14.07L4.62,12.81L12,18.54M12,16L3,9L12,2L21,9L12,16M12,4.53L6.26,9L12,13.47L17.74,9L12,4.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-plus.svg
new file mode 100644
index 00000000..e7e13ec7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-remove.svg
new file mode 100644
index 00000000..97e19200
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M11,16L2,9L11,2L20,9L11,16M11,18.54L12,17.75V18C12,18.71 12.12,19.39 12.35,20L11,21.07L2,14.07L3.62,12.81L11,18.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-search-outline.svg
new file mode 100644
index 00000000..a0a8cffe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-search-outline" viewBox="0 0 24 24"><path d="M19.31 18.9C19.75 18.21 20 17.38 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.37 21 17.19 20.75 17.88 20.32L21 23.39L22.39 22L19.31 18.9M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M9.59 19.2L3 14.07L4.62 12.81L9 16.22C9 16.32 9 16.41 9 16.5C9 17.46 9.22 18.38 9.59 19.2M9.5 14.04L3 9L12 2L21 9L18.66 10.82C17.96 10.44 17.19 10.18 16.37 10.07L17.74 9L12 4.53L6.26 9L10.53 12.32C10.1 12.84 9.74 13.42 9.5 14.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-search.svg
new file mode 100644
index 00000000..bbddcdf4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-search" viewBox="0 0 24 24"><path d="M19.31 18.9C19.75 18.21 20 17.38 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.37 21 17.19 20.75 17.88 20.32L21 23.39L22.39 22L19.31 18.9M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M9.59 19.2L3 14.07L4.62 12.81L9 16.22C9 16.32 9 16.41 9 16.5C9 17.46 9.22 18.38 9.59 19.2M4.63 10.27L3 9L12 2L21 9L19.36 10.27L18.65 10.82C17.72 10.3 16.64 10 15.5 10C12.79 10 10.46 11.68 9.5 14.05L4.63 10.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple-outline.svg
new file mode 100644
index 00000000..b22d1a2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-triple-outline" viewBox="0 0 24 24"><path d="M12 16.54L19.37 10.8L21 12.07L12 19.07L3 12.07L4.62 10.81L12 16.54M12 14L3 7L12 0L21 7L12 14M12 2.53L6.26 7L12 11.47L17.74 7L12 2.53M12 21.47L19.37 15.73L21 17L12 24L3 17L4.62 15.74L12 21.47" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple.svg
new file mode 100644
index 00000000..14d759e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers-triple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers-triple" viewBox="0 0 24 24"><path d="M12 0L3 7L4.63 8.27L12 14L19.36 8.27L21 7L12 0M19.37 10.73L12 16.47L4.62 10.74L3 12L12 19L21 12L19.37 10.73M19.37 15.73L12 21.47L4.62 15.74L3 17L12 24L21 17L19.37 15.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/layers.svg b/apps/phoenix_webcomponent/priv/mdi/svg/layers.svg
new file mode 100644
index 00000000..8bfbd4fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/layers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-layers" viewBox="0 0 24 24"><path d="M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lead-pencil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lead-pencil.svg
new file mode 100644
index 00000000..85b107f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lead-pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lead-pencil" viewBox="0 0 24 24"><path d="M16.84,2.73C16.45,2.73 16.07,2.88 15.77,3.17L13.65,5.29L18.95,10.6L21.07,8.5C21.67,7.89 21.67,6.94 21.07,6.36L17.9,3.17C17.6,2.88 17.22,2.73 16.84,2.73M12.94,6L4.84,14.11L7.4,14.39L7.58,16.68L9.86,16.85L10.15,19.41L18.25,11.3M4.25,15.04L2.5,21.73L9.2,19.94L8.96,17.78L6.65,17.61L6.47,15.29" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle-outline.svg
new file mode 100644
index 00000000..c9d5c9bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf-circle-outline" viewBox="0 0 24 24"><path d="M8.04 16.34C9.05 13.83 10.19 10.96 14.5 10C14.5 10 9.5 10 7.88 14.63C7.88 14.63 7 13.75 7 12.75S8 9.63 10.5 9.13C11.21 9 12 8.87 12.78 8.76C14.75 8.5 16.64 8.22 17 7.5C17 7.5 15.5 16 10 16C9.82 16 9.57 15.94 9.33 15.85L8.86 17L7.91 16.67L8.04 16.34M12 4C16.41 4 20 7.59 20 12S16.41 20 12 20 4 16.41 4 12 7.59 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle.svg
new file mode 100644
index 00000000..c7d356f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M9.6 17.2C9.38 17.2 9.08 17.12 8.8 17L8.23 18.4L7.09 18L7.25 17.61C8.45 14.59 9.83 11.15 15 10C15 10 9 10 7.05 15.55C7.05 15.55 6 14.5 6 13.3S7.2 9.55 10.2 8.95C11.05 8.78 12 8.65 12.94 8.5C15.3 8.18 17.57 7.86 18 7C18 7 16.2 17.2 9.6 17.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple-off.svg
new file mode 100644
index 00000000..930b5764
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf-maple-off" viewBox="0 0 24 24"><path d="M18.11 14.91L8.2 5H10L12 2L14 5H16L14.37 9.9L17.79 6L18.79 7.73L22.39 7.96L20.79 11.19L21.79 13L18.11 14.91M2.39 1.73L1.11 3L5.45 7.34L5.21 7.77L1.61 8L3.21 11.27L2.21 13L8 16L7 18L11 17.25V21H13V17.25L15.91 17.8L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple.svg
new file mode 100644
index 00000000..b0d74c74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-maple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf-maple" viewBox="0 0 24 24"><path d="M21.79,13L16,16L17,18L13,17.25V21H11V17.25L7,18L8,16L2.21,13L3.21,11.27L1.61,8L5.21,7.77L6.21,6L9.63,9.9L8,5H10L12,2L14,5H16L14.37,9.9L17.79,6L18.79,7.73L22.39,7.96L20.79,11.19L21.79,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-off.svg
new file mode 100644
index 00000000..5f9a2f48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf-off" viewBox="0 0 24 24"><path d="M20.84 22.73L15.14 17.03C13.26 18.79 10.92 20 8 20C7.64 20 7.14 19.87 6.66 19.7L5.71 22L3.82 21.34C5.15 18.03 6.5 14.32 9.66 11.55L8.77 10.66C6.76 12.03 4.86 14.1 3.75 17.25C3.75 17.25 2 15.5 2 13.5C2 12 3.12 9.32 5.72 7.61L1.11 3L2.39 1.73C2.39 1.73 16.39 15.74 16.39 15.74L22.11 21.46L20.84 22.73M17 8C15.35 8.37 13.93 8.88 12.7 9.5L17.5 14.29C20.87 9.35 22 3 22 3C21.03 4.95 14.35 5.24 9.38 6.18L12.15 8.95C14.81 8 17 8 17 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leaf.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leaf.svg
new file mode 100644
index 00000000..690902b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leaf.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leaf" viewBox="0 0 24 24"><path d="M17,8C8,10 5.9,16.17 3.82,21.34L5.71,22L6.66,19.7C7.14,19.87 7.64,20 8,20C19,20 22,3 22,3C21,5 14,5.25 9,6.25C4,7.25 2,11.5 2,13.5C2,15.5 3.75,17.25 3.75,17.25C7,8 17,8 17,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leak-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leak-off.svg
new file mode 100644
index 00000000..147d716a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leak-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leak-off" viewBox="0 0 24 24"><path d="M10,3H8C8,3.37 7.96,3.72 7.88,4.06L9.47,5.65C9.81,4.84 10,3.94 10,3M3,4.27L5.84,7.11C5.03,7.67 4.06,8 3,8V10C4.61,10 6.09,9.45 7.27,8.54L8.7,9.97C7.14,11.24 5.16,12 3,12V14C5.71,14 8.19,13 10.11,11.38L12.61,13.88C11,15.81 10,18.29 10,21H12C12,18.84 12.76,16.86 14.03,15.31L15.46,16.74C14.55,17.91 14,19.39 14,21H16C16,19.94 16.33,18.97 16.89,18.16L19.73,21L21,19.73L4.27,3L3,4.27M14,3H12C12,4.5 11.63,5.91 11,7.16L12.44,8.62C13.42,7 14,5.06 14,3M19.94,16.12C20.28,16.04 20.63,16 21,16V14C20.06,14 19.16,14.19 18.34,14.5L19.94,16.12M15.38,11.56L16.84,13C18.09,12.37 19.5,12 21,12V10C18.94,10 17,10.58 15.38,11.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leak.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leak.svg
new file mode 100644
index 00000000..bf607d40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leak.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leak" viewBox="0 0 24 24"><path d="M6,3H3V6A3,3 0 0,0 6,3M14,3H12A9,9 0 0,1 3,12V14C9.08,14 14,9.07 14,3M10,3H8A5,5 0 0,1 3,8V10A7,7 0 0,0 10,3M10,21H12A9,9 0 0,1 21,12V10A11,11 0 0,0 10,21M18,21H21V18A3,3 0 0,0 18,21M14,21H16A5,5 0 0,1 21,16V14A7,7 0 0,0 14,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lectern.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lectern.svg
new file mode 100644
index 00000000..f2526507
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lectern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lectern" viewBox="0 0 24 24"><path d="M17 21V22H7V21H9V11H15V21H17M17.5 6C17.5 4.39 16.41 3.05 14.93 2.64C14.78 2.27 14.43 2 14 2C13.45 2 13 2.45 13 3C13 3.55 13.45 4 14 4C14.31 4 14.58 3.85 14.76 3.63C15.77 3.95 16.5 4.89 16.5 6H4L5 10H19L20 6H17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-off.svg
new file mode 100644
index 00000000..462fc397
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-off" viewBox="0 0 24 24"><path d="M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-on.svg
new file mode 100644
index 00000000..d5a2ea66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-on" viewBox="0 0 24 24"><path d="M11,0V4H13V0H11M18.3,2.29L15.24,5.29L16.64,6.71L19.7,3.71L18.3,2.29M5.71,2.29L4.29,3.71L7.29,6.71L8.71,5.29L5.71,2.29M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6M2,9V11H6V9H2M18,9V11H22V9H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-outline.svg
new file mode 100644
index 00000000..2a84b5cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-outline" viewBox="0 0 24 24"><path d="M12,6A4,4 0 0,0 8,10V16H6V18H9V23H11V18H13V23H15V18H18V16H16V10A4,4 0 0,0 12,6M12,8A2,2 0 0,1 14,10V15H10V10A2,2 0 0,1 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant-off.svg
new file mode 100644
index 00000000..3e360bf4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-strip-variant-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L2.59 4.5L2 6.91L6.03 7.92L9.08 10.97L6.25 12.11L11.55 13.44L12.94 14.83L4.66 12.75L3.71 16.66L18.46 20.35L20.84 22.73L22.11 21.46M7.8 16.65L5.88 16.16L6.35 14.21L8.28 14.69L7.8 16.65M11.65 17.61L9.73 17.13L10.2 15.18L12.13 15.66L11.65 17.61M15.5 18.58L13.58 18.09L14.06 16.14L14.31 16.2L15.74 17.63L15.5 18.58M19.73 16.53L22 17.1L21.67 18.47L19.73 16.53M15.85 12.65L14.2 11L17.75 11.89L15.85 12.65M10.42 5.91L10.16 6.96L12.82 9.62L19.34 11.25L20.29 7.34L7.29 4.09L8.66 5.46L10.42 5.91M16.2 7.35L18.13 7.84L17.65 9.79L15.72 9.31L16.2 7.35M12.35 6.39L14.27 6.87L13.8 8.82L11.87 8.34L12.35 6.39Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant.svg
new file mode 100644
index 00000000..65e058d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-strip-variant" viewBox="0 0 24 24"><path d="M2.95 3L2 6.91L19.34 11.25L20.29 7.34L2.95 3M6.09 6.89L4.16 6.41L4.64 4.46L6.57 4.94L6.09 6.89M9.94 7.86L8 7.38L8.5 5.42L10.42 5.91L9.94 7.86M13.8 8.82L11.87 8.34L12.35 6.39L14.27 6.87L13.8 8.82M17.65 9.79L15.72 9.31L16.2 7.35L18.13 7.84L17.65 9.79M4.66 12.75L3.71 16.66L21.05 21L22 17.1L4.66 12.75M7.8 16.65L5.88 16.16L6.35 14.21L8.28 14.69L7.8 16.65M11.65 17.61L9.73 17.13L10.2 15.18L12.13 15.66L11.65 17.61M15.5 18.58L13.58 18.09L14.06 16.14L16 16.62L15.5 18.58M19.36 19.54L17.43 19.06L17.91 17.11L19.84 17.59L19.36 19.54M6.25 12.11L11 10.2L17.75 11.89L13 13.8L6.25 12.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-strip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip.svg
new file mode 100644
index 00000000..59833d3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-strip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-strip" viewBox="0 0 24 24"><path d="M2.81,8.46L14.83,20.5L15.54,19.78L16.95,21.19L18.36,19.78L16.95,18.36L18.36,16.95L19.78,18.36L21.19,16.95L19.78,15.54L20.5,14.83L8.46,2.81L2.81,8.46M5.64,8.46L8.46,5.64L17.66,14.83L14.83,17.66L5.64,8.46M7.05,8.46L8.46,9.88L9.88,8.46L8.46,7.05L7.05,8.46M9.17,10.59L10.59,12L12,10.59L10.59,9.17L9.17,10.59M11.29,12.71L12.71,14.12L14.12,12.71L12.71,11.29L11.29,12.71M13.41,14.83L14.83,16.24L16.24,14.83L14.83,13.41L13.41,14.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-off.svg
new file mode 100644
index 00000000..0cfde246
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-variant-off" viewBox="0 0 24 24"><path d="M12,3C10.05,3 8.43,4.4 8.08,6.25L16.82,15H18V13H16V7A4,4 0 0,0 12,3M3.28,4L2,5.27L8,11.27V13H6V15H9V21H11V15H11.73L13,16.27V21H15V18.27L18.73,22L20,20.72L15,15.72L8,8.72L3.28,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-on.svg
new file mode 100644
index 00000000..c03c0875
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-variant-on" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,0 8,7V13H6V15H9V21H11V15H13V21H15V15H18V13H16V7A4,4 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-outline.svg
new file mode 100644
index 00000000..1a57c523
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/led-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-led-variant-outline" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,0 8,7V13H6V15H9V21H11V15H13V21H15V15H18V13H16V7A4,4 0 0,0 12,3M12,5A2,2 0 0,1 14,7V12H10V7A2,2 0 0,1 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/leek.svg b/apps/phoenix_webcomponent/priv/mdi/svg/leek.svg
new file mode 100644
index 00000000..2b56a3d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/leek.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-leek" viewBox="0 0 24 24"><path d="M10 2V5.55L12 7.55L14 5.55V2H10M6.34 4L3.87 6.5L15 17.62V12.67L6.34 4M17.66 4L13.06 8.61L15.54 11.09L20.13 6.5L17.66 4M9 13.74V20A2 2 0 0 0 11 22H13A2 2 0 0 0 15 20V19.74L13 17.74V20H11V15.74L9 13.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/less-than-or-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/less-than-or-equal.svg
new file mode 100644
index 00000000..e7d29100
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/less-than-or-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-less-than-or-equal" viewBox="0 0 24 24"><path d="M18.5,2.27L5,10.14L18.5,18L19.5,16.27L8.97,10.14L19.5,4L18.5,2.27M5,20V22H20V20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/less-than.svg b/apps/phoenix_webcomponent/priv/mdi/svg/less-than.svg
new file mode 100644
index 00000000..88915a2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/less-than.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-less-than" viewBox="0 0 24 24"><path d="M18.5,4.14L19.5,5.86L8.97,12L19.5,18.14L18.5,19.86L5,12L18.5,4.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/library-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/library-outline.svg
new file mode 100644
index 00000000..7c10e252
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/library-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-library-outline" viewBox="0 0 24 24"><path d="M12 14.27L10.64 13C9.09 11.57 7.16 10.57 5 10.18V17.13C7.61 17.47 10 18.47 12 19.95C14 18.47 16.39 17.47 19 17.13V10.18C16.84 10.57 14.91 11.57 13.36 13M19 8.15C19.65 8.05 20.32 8 21 8V19C17.5 19 14.36 20.35 12 22.54C9.64 20.35 6.5 19 3 19V8C3.68 8 4.35 8.05 5 8.15C7.69 8.56 10.1 9.78 12 11.54C13.9 9.78 16.31 8.56 19 8.15M12 6C12.27 6 12.5 5.9 12.71 5.71C12.9 5.5 13 5.27 13 5S12.9 4.5 12.71 4.29C12.5 4.11 12.27 4 12 4S11.5 4.11 11.29 4.29C11.11 4.5 11 4.74 11 5S11.11 5.5 11.29 5.71C11.5 5.9 11.74 6 12 6M14.12 7.12C13.56 7.68 12.8 8 12 8S10.44 7.68 9.88 7.12C9.32 6.56 9 5.8 9 5S9.32 3.44 9.88 2.88C10.44 2.32 11.2 2 12 2S13.56 2.32 14.12 2.88 15 4.2 15 5 14.68 6.56 14.12 7.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/library-shelves.svg b/apps/phoenix_webcomponent/priv/mdi/svg/library-shelves.svg
new file mode 100644
index 00000000..f20d928d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/library-shelves.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-library-shelves" viewBox="0 0 24 24"><path d="M19.5,9V1.5H16.5V9H13.5V1.5H10.5V9H7.5V1.5H4.65V9H3V10.5H21V9H19.5M19.5,13.5H16.5V21H13.5V13.5H10.5V21H7.5V13.5H4.65V21H3V22.5H21V21H19.5V13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/library.svg b/apps/phoenix_webcomponent/priv/mdi/svg/library.svg
new file mode 100644
index 00000000..6ee97b74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/library.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-library" viewBox="0 0 24 24"><path d="M12,8A3,3 0 0,0 15,5A3,3 0 0,0 12,2A3,3 0 0,0 9,5A3,3 0 0,0 12,8M12,11.54C9.64,9.35 6.5,8 3,8V19C6.5,19 9.64,20.35 12,22.54C14.36,20.35 17.5,19 21,19V8C17.5,8 14.36,9.35 12,11.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/license.svg b/apps/phoenix_webcomponent/priv/mdi/svg/license.svg
new file mode 100644
index 00000000..21ebb797
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/license.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-license" viewBox="0 0 24 24"><path d="M9 10A3.04 3.04 0 0 1 12 7A3.04 3.04 0 0 1 15 10A3.04 3.04 0 0 1 12 13A3.04 3.04 0 0 1 9 10M12 19L16 20V16.92A7.54 7.54 0 0 1 12 18A7.54 7.54 0 0 1 8 16.92V20M12 4A5.78 5.78 0 0 0 7.76 5.74A5.78 5.78 0 0 0 6 10A5.78 5.78 0 0 0 7.76 14.23A5.78 5.78 0 0 0 12 16A5.78 5.78 0 0 0 16.24 14.23A5.78 5.78 0 0 0 18 10A5.78 5.78 0 0 0 16.24 5.74A5.78 5.78 0 0 0 12 4M20 10A8.04 8.04 0 0 1 19.43 12.8A7.84 7.84 0 0 1 18 15.28V23L12 21L6 23V15.28A7.9 7.9 0 0 1 4 10A7.68 7.68 0 0 1 6.33 4.36A7.73 7.73 0 0 1 12 2A7.73 7.73 0 0 1 17.67 4.36A7.68 7.68 0 0 1 20 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lifebuoy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lifebuoy.svg
new file mode 100644
index 00000000..165c932d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lifebuoy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lifebuoy" viewBox="0 0 24 24"><path d="M19.79,15.41C20.74,13.24 20.74,10.75 19.79,8.59L17.05,9.83C17.65,11.21 17.65,12.78 17.06,14.17L19.79,15.41M15.42,4.21C13.25,3.26 10.76,3.26 8.59,4.21L9.83,6.94C11.22,6.35 12.79,6.35 14.18,6.95L15.42,4.21M4.21,8.58C3.26,10.76 3.26,13.24 4.21,15.42L6.95,14.17C6.35,12.79 6.35,11.21 6.95,9.82L4.21,8.58M8.59,19.79C10.76,20.74 13.25,20.74 15.42,19.78L14.18,17.05C12.8,17.65 11.22,17.65 9.84,17.06L8.59,19.79M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-down.svg
new file mode 100644
index 00000000..4b9cd6a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-light-flood-down" viewBox="0 0 24 24"><path d="M8 11H2V9H8C8.55 9 9 9.45 9 10C9 10.55 8.55 11 8 11M14.87 4.35L14.5 5.27L8.18 4.86L6.9 8H8C9.1 8 10 8.9 10 10S9.1 12 8 12H5.27L4.41 14.12L9.21 18.24L8.83 19.16L10.69 19.92L16.72 5.1L14.87 4.35M20.81 6.29L21.57 8.14L19.26 9.1L18.5 7.25L20.81 6.29M18.78 13.57L21.55 14.72L20.79 16.57L18 15.42L18.78 13.57M16.15 21.23L14.3 22L13.34 19.69L15.19 18.93L16.15 21.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-up.svg
new file mode 100644
index 00000000..c15c3a3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/light-flood-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-light-flood-up" viewBox="0 0 24 24"><path d="M8 15H2V13H8C8.55 13 9 13.45 9 14C9 14.55 8.55 15 8 15M16.72 18.9L10.69 4.08L8.83 4.84L9.21 5.76L4.41 9.88L5.27 12H8C9.1 12 10 12.9 10 14S9.1 16 8 16H6.9L8.18 19.14L14.5 18.73L14.87 19.65L16.72 18.9M20.81 17.71L18.5 16.75L19.26 14.9L21.57 15.86L20.81 17.71M18.78 10.43L18 8.58L20.79 7.43L21.55 9.28L18.78 10.43M15.19 5.07L13.34 4.31L14.3 2L16.15 2.77L15.19 5.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/light-recessed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/light-recessed.svg
new file mode 100644
index 00000000..ec0c6035
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/light-recessed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-light-recessed" viewBox="0 0 24 24"><path d="M12 7C6.5 7 2 9.46 2 12.5S6.5 18 12 18 22 15.54 22 12.5 17.5 7 12 7M16.5 10C16.5 10.4 14.9 11.54 12 11.54S7.5 10.4 7.5 10C7.5 9.91 7.65 9.74 7.9 9.55C9.06 9.21 10.44 9 12 9S14.94 9.21 16.1 9.55C16.35 9.74 16.5 9.91 16.5 10M12 16C7.12 16 4 13.93 4 12.5C4 11.81 4.73 11 6.03 10.29C6.3 11.83 8.87 13.04 12 13.04C15.13 13.04 17.7 11.83 17.97 10.29C19.27 11 20 11.81 20 12.5C20 13.93 16.88 16 12 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/light-switch-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/light-switch-off.svg
new file mode 100644
index 00000000..8ad4b59d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/light-switch-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-light-switch-off" viewBox="0 0 24 24"><path d="M19.4 1.6C19 1.2 18.5 1 18 1H6C5.5 1 5 1.2 4.6 1.6C4.2 2 4 2.5 4 3V21C4 21.5 4.2 22 4.6 22.4C5 22.8 5.5 23 6 23H18C18.5 23 19 22.8 19.4 22.4C19.8 22 20 21.5 20 21V3C20 2.5 19.8 2 19.4 1.6M18 21H6V3H18V21M8 6V18H16V6H8M15 17H9V7H15V17M10 14H14V16H10V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/light-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/light-switch.svg
new file mode 100644
index 00000000..b1933469
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/light-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-light-switch" viewBox="0 0 24 24"><path d="M8 6V18H16V6H8M14 10H10V8H14V10M19.4 1.6C19 1.2 18.5 1 18 1H6C5.5 1 5 1.2 4.6 1.6C4.2 2 4 2.5 4 3V21C4 21.5 4.2 22 4.6 22.4C5 22.8 5.5 23 6 23H18C18.5 23 19 22.8 19.4 22.4C19.8 22 20 21.5 20 21V3C20 2.5 19.8 2 19.4 1.6M18 21H6V3H18V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert-outline.svg
new file mode 100644
index 00000000..85357555
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-alert-outline" viewBox="0 0 24 24"><path d="M10 2C13.9 2 17 5.1 17 9C17 11.4 15.8 13.5 14 14.7V17C14 17.6 13.6 18 13 18H7C6.4 18 6 17.6 6 17V14.7C4.2 13.5 3 11.4 3 9C3 5.1 6.1 2 10 2M7 21V20H13V21C13 21.6 12.6 22 12 22H8C7.4 22 7 21.6 7 21M10 4C7.2 4 5 6.2 5 9C5 11.1 6.2 12.8 8 13.6V16H12V13.6C13.8 12.8 15 11.1 15 9C15 6.2 12.8 4 10 4M19 12V7H21V13H19M19 17V15H21V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert.svg
new file mode 100644
index 00000000..051a6a13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-alert" viewBox="0 0 24 24"><path d="M10 2C6.1 2 3 5.1 3 9C3 11.4 4.2 13.5 6 14.7V17C6 17.6 6.4 18 7 18H13C13.6 18 14 17.6 14 17V14.7C15.8 13.4 17 11.3 17 9C17 5.1 13.9 2 10 2M7 21C7 21.6 7.4 22 8 22H12C12.6 22 13 21.6 13 21V20H7V21M19 12V7H21V13H19M19 17V15H21V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto-outline.svg
new file mode 100644
index 00000000..b625652e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-auto-outline" viewBox="0 0 24 24"><path d="M9 2C12.87 2 16 5.13 16 9C16 11.38 14.81 13.47 13 14.74V17C13 17.55 12.55 18 12 18H6C5.45 18 5 17.55 5 17V14.74C3.19 13.47 2 11.38 2 9C2 5.13 5.13 2 9 2M6 21V20H12V21C12 21.55 11.55 22 11 22H7C6.45 22 6 21.55 6 21M9 4C6.24 4 4 6.24 4 9C4 11.05 5.23 12.81 7 13.58V16H11V13.58C12.77 12.81 14 11.05 14 9C14 6.24 11.76 4 9 4M19 13H17L13.8 22H15.7L16.4 20H19.6L20.3 22H22.2L19 13M16.85 18.65L18 15L19.15 18.65H16.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto.svg
new file mode 100644
index 00000000..0c7cf3e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-auto" viewBox="0 0 24 24"><path d="M9 2C5.13 2 2 5.13 2 9C2 11.38 3.19 13.47 5 14.74V17C5 17.55 5.45 18 6 18H12C12.55 18 13 17.55 13 17V14.74C14.81 13.47 16 11.38 16 9C16 5.13 12.87 2 9 2M6 21C6 21.55 6.45 22 7 22H11C11.55 22 12 21.55 12 21V20H6V21M19 13H17L13.8 22H15.7L16.4 20H19.6L20.3 22H22.2L19 13M16.85 18.65L18 15L19.15 18.65H16.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-off.svg
new file mode 100644
index 00000000..8c672fe1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-cfl-off" viewBox="0 0 24 24"><path d="M14 4.47C14 3.56 13.63 2.7 13 2.05C13.17 2 13.33 2 13.5 2C14.88 2 16 3.12 16 4.5V14H17V15.18L14 12.18V4.5L14 4.47M10 4.5C10 4.22 10.22 4 10.5 4S11 4.22 11 4.5V9.18L13 11.18V4.5C13 3.12 11.88 2 10.5 2S8 3.12 8 4.5V6.18L10 8.18V4.5M9 21C9 21.55 9.45 22 10 22H14C14.55 22 15 21.55 15 21V20H9V21M20 20.72L18.73 22L14.73 18H8C7.45 18 7 17.55 7 17V14H8V11.27L2 5.27L3.28 4L20 20.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral-off.svg
new file mode 100644
index 00000000..20cf6392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-cfl-spiral-off" viewBox="0 0 24 24"><path d="M15.45 9.9L13.88 10.68L12.38 9.18L14.55 8.1C14.69 8.03 14.84 8 15 8C16 8 16.42 9.34 15.45 9.9M11.22 8L15.45 5.9C16.41 5.43 16 4 15 4C14.83 4 14.69 4.03 14.55 4.1L9.72 6.5L11.22 8M20.84 22.73L16.09 18H8C7.44 18 7 17.55 7 17V14H8V12C8 11.6 8.2 11.25 8.7 11.03L9 10.88L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M12.11 14L10.5 12.38L10 12.62V14H12.11M9 21C9 21.57 9.46 22 10 22H14C14.56 22 15 21.55 15 21V20H9V21M9 5C9.16 5 9.32 4.95 9.45 4.9L11.45 3.9C12.43 3.36 12 2 11 2C10.84 2 10.69 2.03 10.55 2.1L8.55 3.1C7.56 3.66 8 5 9 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral.svg
new file mode 100644
index 00000000..1b3d570d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl-spiral.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-cfl-spiral" viewBox="0 0 24 24"><path d="M11 2C10.84 2 10.69 2.03 10.55 2.1L8.55 3.1C7.56 3.66 8 5 9 5C9.16 5 9.32 4.95 9.45 4.9L11.45 3.9C12.43 3.36 12 2 11 2M15 4C14.83 4 14.69 4.03 14.55 4.1L8.55 7.1C7.56 7.68 8 9 9 9C9.18 9 9.32 8.95 9.45 8.9L15.45 5.9C16.41 5.43 16 4 15 4M15 8C14.84 8 14.69 8.03 14.55 8.1L8.7 11.03C8.2 11.25 8 11.6 8 12V14H7V17C7 17.55 7.44 18 8 18H16C16.55 18 17 17.55 17 17V14H16V13C16 12.44 15.55 12 15 12C14.45 12 14 12.45 14 13V14H10V12.62L15.45 9.9C16.42 9.34 16 8 15 8M9 20V21C9 21.57 9.46 22 10 22H14C14.56 22 15 21.55 15 21V20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl.svg
new file mode 100644
index 00000000..dce74e89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-cfl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-cfl" viewBox="0 0 24 24"><path d="M10.5 2C11.88 2 13 3.12 13 4.5V14H14V4.47C14 3.56 13.63 2.7 13 2.05C13.17 2 13.33 2 13.5 2C14.88 2 16 3.12 16 4.5V14H17V17C17 17.55 16.55 18 16 18H8C7.45 18 7 17.55 7 17V14H8V4.5C8 3.12 9.12 2 10.5 2M10.5 4C10.22 4 10 4.22 10 4.5V14H11V4.5C11 4.22 10.78 4 10.5 4M9 20H15V21C15 21.55 14.55 22 14 22H10C9.45 22 9 21.55 9 21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube-outline.svg
new file mode 100644
index 00000000..631f8c8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-fluorescent-tube-outline" viewBox="0 0 24 24"><path d="M7.05 2.81L6.5 3.34L5.11 1.92L3.87 3.16L5.28 4.58L4.58 5.28L3.16 3.87L1.92 5.11L3.34 6.5L2.81 7.05L4.22 8.46L15.54 19.78L16.95 21.19L17.5 20.66L18.89 22.08L20.13 20.84L18.72 19.43L19.43 18.72L20.84 20.13L22.08 18.89L20.66 17.5L21.19 16.95L19.78 15.54L8.46 4.22M7.05 5.64L18.36 16.95L16.95 18.36L5.64 7.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube.svg
new file mode 100644
index 00000000..eb4e77ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-fluorescent-tube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-fluorescent-tube" viewBox="0 0 24 24"><path d="M7.05 2.81L6.5 3.34L5.11 1.92L3.87 3.16L5.28 4.58L4.58 5.28L3.16 3.87L1.92 5.11L3.34 6.5L2.81 7.05L16.95 21.19L17.5 20.66L18.89 22.08L20.13 20.84L18.72 19.43L19.42 18.72L20.84 20.13L22.08 18.9L20.66 17.5L21.19 16.95L7.05 2.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off-outline.svg
new file mode 100644
index 00000000..ea3991e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-group-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L5.2 7.09C3.25 7.5 1.85 9.27 2 11.31C2.12 12.62 2.86 13.79 4 14.45V16C4 16.55 4.45 17 5 17H7V14.88C5.72 13.58 5 11.83 5 10C5 9.11 5.18 8.23 5.5 7.4L7.12 9C6.74 10.84 7.4 12.8 9 14V16C9 16.55 9.45 17 10 17H14C14.31 17 14.57 16.86 14.75 16.64L17 18.89V19C17 19.34 16.94 19.68 16.83 20H18C18.03 20 18.06 20 18.09 20L20.84 22.73L22.11 21.46M9.23 11.12L10.87 12.76C10.11 12.46 9.53 11.86 9.23 11.12M13 15H11V12.89L13 14.89V15M10.57 7.37L9.13 5.93C10.86 4.72 13.22 4.67 15 6C16.26 6.94 17 8.43 17 10C17 11.05 16.67 12.05 16.08 12.88L14.63 11.43C14.86 11 15 10.5 15 10C15 8.34 13.67 7 12 7C11.5 7 11 7.14 10.57 7.37M17.5 14.31C18.47 13.09 19 11.57 19 10C19 8.96 18.77 7.94 18.32 7C19.63 7.11 20.8 7.85 21.46 9C22.57 10.9 21.91 13.34 20 14.45V16C20 16.22 19.91 16.42 19.79 16.59L17.5 14.31M10 18H14V19C14 19.55 13.55 20 13 20H11C10.45 20 10 19.55 10 19V18M7 19C7 19.34 7.06 19.68 7.17 20H6C5.45 20 5 19.55 5 19V18H7V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off.svg
new file mode 100644
index 00000000..4e706407
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-group-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.09 20C18.06 20 18.03 20 18 20H16.83C16.94 19.68 17 19.34 17 19V18.89L14.75 16.64C14.57 16.86 14.31 17 14 17H10C9.45 17 9 16.55 9 16V14C7.4 12.8 6.74 10.84 7.12 9L5.5 7.4C5.18 8.23 5 9.11 5 10C5 11.83 5.72 13.58 7 14.88V17H5C4.45 17 4 16.55 4 16V14.45C2.86 13.79 2.12 12.62 2 11.31C1.85 9.27 3.25 7.5 5.2 7.09L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M15 6C13.22 4.67 10.86 4.72 9.13 5.93L16.08 12.88C17.63 10.67 17.17 7.63 15 6M19.79 16.59C19.91 16.42 20 16.22 20 16V14.45C21.91 13.34 22.57 10.9 21.46 9C20.8 7.85 19.63 7.11 18.32 7C18.77 7.94 19 8.96 19 10C19 11.57 18.47 13.09 17.5 14.31L19.79 16.59M10 19C10 19.55 10.45 20 11 20H13C13.55 20 14 19.55 14 19V18H10V19M7 18H5V19C5 19.55 5.45 20 6 20H7.17C7.06 19.68 7 19.34 7 19V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-outline.svg
new file mode 100644
index 00000000..8430543b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-group-outline" viewBox="0 0 24 24"><path d="M7 19A2.93 2.93 0 0 0 7.17 20H6A1 1 0 0 1 5 19V18H7M10 19A1 1 0 0 0 11 20H13A1 1 0 0 0 14 19V18H10M4 16A1 1 0 0 0 5 17H7V14.88A6.92 6.92 0 0 1 5 10A6.79 6.79 0 0 1 5.68 7A4 4 0 0 0 4 14.45M17 19A2.93 2.93 0 0 1 16.83 20H18A1 1 0 0 0 19 19V18H17M17 10A5 5 0 0 1 15 14V16A1 1 0 0 1 14 17H10A1 1 0 0 1 9 16V14A5 5 0 1 1 17 10M15 10A3 3 0 1 0 11 12.82V15H13V12.82A3 3 0 0 0 15 10M18.32 7A6.79 6.79 0 0 1 19 10A6.92 6.92 0 0 1 17 14.88V17H19A1 1 0 0 0 20 16V14.45A4 4 0 0 0 18.32 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group.svg
new file mode 100644
index 00000000..3ff4607f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-group" viewBox="0 0 24 24"><path d="M15 14V16A1 1 0 0 1 14 17H10A1 1 0 0 1 9 16V14A5 5 0 1 1 15 14M14 18H10V19A1 1 0 0 0 11 20H13A1 1 0 0 0 14 19M7 19V18H5V19A1 1 0 0 0 6 20H7.17A2.93 2.93 0 0 1 7 19M5 10A6.79 6.79 0 0 1 5.68 7A4 4 0 0 0 4 14.45V16A1 1 0 0 0 5 17H7V14.88A6.92 6.92 0 0 1 5 10M17 18V19A2.93 2.93 0 0 1 16.83 20H18A1 1 0 0 0 19 19V18M18.32 7A6.79 6.79 0 0 1 19 10A6.92 6.92 0 0 1 17 14.88V17H19A1 1 0 0 0 20 16V14.45A4 4 0 0 0 18.32 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off-outline.svg
new file mode 100644
index 00000000..04a647e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-multiple-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.14 6.03C3.93 7 4 8.05 4.45 9.04C4.79 9.81 5.33 10.5 6 11V13C6 13.55 6.45 14 7 14H7.3C7.1 13.35 7 12.68 7 12C7 11.08 7.19 10.21 7.5 9.41L9.11 11C9.05 11.33 9 11.66 9 12C9 13.57 9.74 15.06 11 16V18C11 18.55 11.45 19 12 19H16C16.31 19 16.57 18.86 16.75 18.64L20.84 22.73L22.11 21.46M11.23 13.12L12.87 14.76C12.1 14.44 11.53 13.85 11.23 13.12M15 17H13V14.89L15 16.89V17M9.69 6.5L6.14 2.94C6.41 2.75 6.7 2.58 7 2.44C9.53 1.33 12.5 2.47 13.6 5C12.12 5.09 10.77 5.63 9.69 6.5M11.12 7.92C11.94 7.35 12.93 7 14 7C15.57 7 17.06 7.74 18 9C19.33 10.78 19.28 13.14 18.07 14.87L16.62 13.42C16.7 13.28 16.77 13.14 16.83 13C17.38 11.43 16.56 9.72 15 9.16C14.16 8.87 13.29 8.97 12.57 9.37L11.12 7.92M7.68 15C8 15.7 8.46 16.33 9 16.88V17H8C7.45 17 7 16.55 7 16V15H7.68M12 20H16V21C16 21.55 15.55 22 15 22H13C12.45 22 12 21.55 12 21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off.svg
new file mode 100644
index 00000000..b4dd581a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-multiple-off" viewBox="0 0 24 24"><path d="M20.84 22.73L16.74 18.63C16.55 18.85 16.29 19 16 19H12C11.42 19 11 18.55 11 18V16C9.37 14.8 8.71 12.82 9.1 11L7.5 9.39C7.17 10.2 6.97 11.08 7 12C6.97 12.68 7.07 13.35 7.28 14H7C6.42 14 6 13.55 6 13V11C5.3 10.5 4.77 9.81 4.43 9.04C4 8.05 3.91 7 4.12 6L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M13.58 5C12.46 2.47 9.5 1.33 7 2.45C6.68 2.58 6.39 2.75 6.13 2.93L9.67 6.47C10.76 5.63 12.1 5.08 13.58 5M18.06 14.86C19.6 12.66 19.14 9.62 17 8C15.2 6.67 12.84 6.72 11.12 7.92L18.06 14.86M12 21C12 21.55 12.42 22 13 22H15C15.53 22 16 21.55 16 21V20H12V21M7 15V16C7 16.55 7.42 17 8 17H9V16.88C8.43 16.33 8 15.7 7.66 15H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-outline.svg
new file mode 100644
index 00000000..283fabab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-multiple-outline" viewBox="0 0 24 24"><path d="M12 21C12 21.55 12.45 22 13 22H15C15.55 22 16 21.55 16 21V20H12M14 7C11.24 7 9 9.24 9 12C9 13.57 9.74 15.06 11 16V18C11 18.55 11.45 19 12 19H16C16.55 19 17 18.55 17 18V16C19.21 14.34 19.66 11.21 18 9C17.06 7.74 15.57 7 14 7M15 14.82V17H13V14.82C11.44 14.27 10.62 12.55 11.17 11C11.72 9.43 13.44 8.61 15 9.16C16.56 9.72 17.38 11.43 16.83 13C16.53 13.85 15.85 14.5 15 14.82M7.68 15H7V16C7 16.55 7.45 17 8 17H9V16.88C8.46 16.33 8 15.7 7.68 15M13.6 5C12.5 2.47 9.53 1.33 7 2.45S3.34 6.5 4.45 9.04C4.79 9.81 5.33 10.5 6 11V13C6 13.55 6.45 14 7 14H7.3C7.1 13.35 7 12.68 7 12C7 8.29 9.89 5.21 13.6 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple.svg
new file mode 100644
index 00000000..2e6b7fc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-multiple" viewBox="0 0 24 24"><path d="M17 16V18C17 18.55 16.53 19 16 19H12C11.42 19 11 18.55 11 18V16C8.77 14.34 8.32 11.21 10 9S14.77 6.34 17 8 19.63 12.79 18 15C17.69 15.38 17.35 15.72 17 16M16 20H12V21C12 21.55 12.42 22 13 22H15C15.53 22 16 21.55 16 21M7.66 15H7V16C7 16.55 7.42 17 8 17H9V16.88C8.44 16.33 8 15.7 7.66 15M13.58 5C12.46 2.47 9.5 1.33 7 2.45S3.31 6.5 4.43 9.04C4.77 9.81 5.3 10.5 6 11V13C6 13.55 6.42 14 7 14H7.28C7.07 13.35 6.97 12.68 7 12C6.97 8.29 9.87 5.21 13.58 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night-outline.svg
new file mode 100644
index 00000000..6fe50334
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-night-outline" viewBox="0 0 24 24"><path d="M6 20H12V21C12 21.55 11.55 22 11 22H7C6.45 22 6 21.55 6 21V20M11 14.89V16H7V13.58C5.23 12.81 4 11.05 4 9C4 6.24 6.24 4 9 4C9.9 4 10.73 4.26 11.46 4.67C12 4.2 12.66 3.81 13.35 3.5C12.16 2.57 10.65 2 9 2C5.13 2 2 5.13 2 9C2 11.38 3.19 13.47 5 14.74V17C5 17.55 5.45 18 6 18H12C12.55 18 13 17.55 13 17V16.32C12.25 15.96 11.57 15.5 11 14.89M20.92 9.94L20.42 8.3L21.72 7.22L20.04 7.18L19.41 5.6L18.85 7.21L17.17 7.32L18.5 8.35L18.1 10L19.5 9.03L20.92 9.94M19.12 12.25C17.79 12.03 16.58 11.24 15.85 9.97C15.12 8.71 15.05 7.25 15.5 5.97C15.64 5.63 15.34 5.29 15 5.34C11.56 6 10 10.13 12.22 12.95C14.03 15.19 17.5 15.27 19.39 13C19.62 12.74 19.47 12.3 19.12 12.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night.svg
new file mode 100644
index 00000000..1709de92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-night.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-night" viewBox="0 0 24 24"><path d="M6 21C6 21.55 6.45 22 7 22H11C11.55 22 12 21.55 12 21V20H6V21M13 16.32V17C13 17.55 12.55 18 12 18H6C5.45 18 5 17.55 5 17V14.74C3.19 13.47 2 11.38 2 9C2 5.13 5.13 2 9 2C10.65 2 12.16 2.57 13.35 3.5C10.8 4.57 9 7.07 9 10C9 12.79 10.64 15.19 13 16.32M20.92 9.94L19.5 9.03L18.1 10L18.5 8.35L17.17 7.32L18.85 7.21L19.41 5.6L20.04 7.18L21.72 7.22L20.42 8.3L20.92 9.94M19.39 13C17.5 15.27 14.03 15.19 12.22 12.95C10 10.13 11.56 6 15 5.34C15.34 5.29 15.64 5.63 15.5 5.97C15.05 7.25 15.12 8.71 15.85 9.97C16.58 11.24 17.79 12.03 19.12 12.25C19.47 12.3 19.62 12.74 19.39 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off-outline.svg
new file mode 100644
index 00000000..1e622ee5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-off-outline" viewBox="0 0 24 24"><path d="M12,2C9.76,2 7.78,3.05 6.5,4.68L7.93,6.11C8.84,4.84 10.32,4 12,4A5,5 0 0,1 17,9C17,10.68 16.16,12.16 14.89,13.06L16.31,14.5C17.94,13.21 19,11.24 19,9A7,7 0 0,0 12,2M3.28,4L2,5.27L5.04,8.3C5,8.53 5,8.76 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H14.73L18.73,22L20,20.72L3.28,4M7.23,10.5L12.73,16H10V13.58C8.68,13 7.66,11.88 7.23,10.5M9,20V21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off.svg
new file mode 100644
index 00000000..75cf6910
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-off" viewBox="0 0 24 24"><path d="M12,2C9.76,2 7.78,3.05 6.5,4.68L16.31,14.5C17.94,13.21 19,11.24 19,9A7,7 0 0,0 12,2M3.28,4L2,5.27L5.04,8.3C5,8.53 5,8.76 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H14.73L18.73,22L20,20.72L3.28,4M9,20V21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-10.svg
new file mode 100644
index 00000000..cee3a9a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-10" viewBox="0 0 24 24"><path d="M1 11H4V13H1V11M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M11 1H13V4H11V1M4.9 3.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M12 6C8.7 6 6 8.7 6 12C6 14.2 7.2 16.2 9 17.2V19C9 19.6 9.4 20 10 20H14C14.6 20 15 19.6 15 19V17.2C16.8 16.2 18 14.2 18 12C18 8.7 15.3 6 12 6M13 15.9V17H11V15.9C9.3 15.5 8 13.9 8 12C8 9.8 9.8 8 12 8S16 9.8 16 12C16 13.9 14.7 15.4 13 15.9M20 11H23V13H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-20.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-20.svg
new file mode 100644
index 00000000..4f37c437
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-20.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-20" viewBox="0 0 24 24"><path d="M1 11H4V13H1V11M4.9 3.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M13 1H11V4H13V1M20 11V13H23V11H20M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M16 12C16 9.79 14.21 8 12 8S8 9.79 8 12 9.79 16 12 16 16 14.21 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-30.svg
new file mode 100644
index 00000000..1d119c18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-30" viewBox="0 0 24 24"><path d="M7 5.6L5.6 7L3.5 4.9L4.9 3.5L7 5.6M1 13H4V11H1V13M13 1H11V4H13V1M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M16 12C16 9.79 14.21 8 12 8S8 9.79 8 12C8 13.2 8.54 14.27 9.38 15H14.62C15.46 14.27 16 13.2 16 12M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M20 11V13H23V11H20M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-40.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-40.svg
new file mode 100644
index 00000000..a45f2907
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-40" viewBox="0 0 24 24"><path d="M1 11H4V13H1V11M13 1H11V4H13V1M4.9 3.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M20 11V13H23V11H20M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M16 12C16 9.79 14.21 8 12 8S8 9.79 8 12C8 12.74 8.22 13.41 8.57 14H15.43C15.78 13.41 16 12.74 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-50.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-50.svg
new file mode 100644
index 00000000..0dde23ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-50.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-50" viewBox="0 0 24 24"><path d="M1 11H4V13H1V11M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M13 1H11V4H13V1M4.9 3.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M20 11V13H23V11H20M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M8 12C8 12.35 8.05 12.68 8.14 13H15.86C15.95 12.68 16 12.35 16 12C16 9.79 14.21 8 12 8S8 9.79 8 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-60.svg
new file mode 100644
index 00000000..acdb7d59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-60" viewBox="0 0 24 24"><path d="M10 21H14V22C14 22.6 13.6 23 13 23H11C10.4 23 10 22.6 10 22V21M1 13H4V11H1V13M4.9 3.5L3.5 4.9L5.6 7L7 5.6L4.9 3.5M13 1H11V4H13V1M20 11V13H23V11H20M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M8 12H16C16 9.79 14.21 8 12 8S8 9.79 8 12M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-70.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-70.svg
new file mode 100644
index 00000000..cc1c1b04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-70.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-70" viewBox="0 0 24 24"><path d="M7 5.6L5.6 7L3.5 4.9L4.9 3.5L7 5.6M13 1H11V4H13V1M1 13H4V11H1V13M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M8.14 11H15.86C15.41 9.28 13.86 8 12 8S8.59 9.28 8.14 11M20 11V13H23V11H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-80.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-80.svg
new file mode 100644
index 00000000..bf309961
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-80.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-80" viewBox="0 0 24 24"><path d="M7 5.6L5.6 7L3.5 4.9L4.9 3.5L7 5.6M1 13H4V11H1V13M13 1H11V4H13V1M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M20 11V13H23V11H20M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M8.56 10H15.44C14.75 8.81 13.5 8 12 8S9.25 8.81 8.56 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-90.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-90.svg
new file mode 100644
index 00000000..58f0214b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-90.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-90" viewBox="0 0 24 24"><path d="M7 5.6L5.6 7L3.5 4.9L4.9 3.5L7 5.6M10 22C10 22.6 10.4 23 11 23H13C13.6 23 14 22.6 14 22V21H10V22M1 13H4V11H1V13M13 1H11V4H13V1M20 11V13H23V11H20M19.1 3.5L17 5.6L18.4 7L20.5 4.9L19.1 3.5M18 12C18 14.2 16.8 16.2 15 17.2V19C15 19.6 14.6 20 14 20H10C9.4 20 9 19.6 9 19V17.2C7.2 16.2 6 14.2 6 12C6 8.7 8.7 6 12 6S18 8.7 18 12M12 8C11 8 10.09 8.38 9.39 9H14.61C13.91 8.38 13 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-outline.svg
new file mode 100644
index 00000000..92a3ca7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on-outline" viewBox="0 0 24 24"><path d="M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on.svg
new file mode 100644
index 00000000..ca09da07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-on" viewBox="0 0 24 24"><path d="M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-outline.svg
new file mode 100644
index 00000000..084b195a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-outline" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question-outline.svg
new file mode 100644
index 00000000..68a40579
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-question-outline" viewBox="0 0 24 24"><path d="M8 2C11.9 2 15 5.1 15 9C15 11.4 13.8 13.5 12 14.7V17C12 17.6 11.6 18 11 18H5C4.4 18 4 17.6 4 17V14.7C2.2 13.5 1 11.4 1 9C1 5.1 4.1 2 8 2M5 21V20H11V21C11 21.6 10.6 22 10 22H6C5.4 22 5 21.6 5 21M8 4C5.2 4 3 6.2 3 9C3 11.1 4.2 12.8 6 13.6V16H10V13.6C11.8 12.8 13 11.1 13 9C13 6.2 10.8 4 8 4M20.5 14.5V16H19V14.5H20.5M18.5 9.5H17V9C17 7.3 18.3 6 20 6S23 7.3 23 9C23 10 22.5 10.9 21.7 11.4L21.4 11.6C20.8 12 20.5 12.6 20.5 13.3V13.5H19V13.3C19 12.1 19.6 11 20.6 10.4L20.9 10.2C21.3 9.9 21.5 9.5 21.5 9C21.5 8.2 20.8 7.5 20 7.5S18.5 8.2 18.5 9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question.svg
new file mode 100644
index 00000000..f15e4d96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-question" viewBox="0 0 24 24"><path d="M8 2C4.1 2 1 5.1 1 9C1 11.4 2.2 13.5 4 14.7V17C4 17.6 4.4 18 5 18H11C11.6 18 12 17.6 12 17V14.7C13.8 13.4 15 11.3 15 9C15 5.1 11.9 2 8 2M5 21C5 21.6 5.4 22 6 22H10C10.6 22 11 21.6 11 21V20H5V21M20.5 14.5V16H19V14.5H20.5M18.5 9.5H17V9C17 7.3 18.3 6 20 6S23 7.3 23 9C23 10 22.5 10.9 21.7 11.4L21.4 11.6C20.8 12 20.5 12.6 20.5 13.3V13.5H19V13.3C19 12.1 19.6 11 20.6 10.4L20.9 10.2C21.3 9.9 21.5 9.5 21.5 9C21.5 8.2 20.8 7.5 20 7.5S18.5 8.2 18.5 9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot-off.svg
new file mode 100644
index 00000000..2537b44e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-spot-off" viewBox="0 0 24 24"><path d="M20.84 22.73L15.11 17H9L9 14C6.5 12.57 4 11 4 6V5.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M22 4V2H5.2L7.2 4H22M20 6H9.2L16.37 13.17C18.33 11.87 20 10.07 20 6M13 22H15V19H13V22M9 22H11V19H9L9 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot.svg
new file mode 100644
index 00000000..0ceb3dea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-spot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-spot" viewBox="0 0 24 24"><path d="M9 19H11V22H9L9 19M13 22H15V19H13V22M2 2V4H22V2H2M9 14L9 17H15V14C17.5 12.57 20 11 20 6H4C4 11 6.5 12.57 9 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant-outline.svg
new file mode 100644
index 00000000..30aa0c82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-variant-outline" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9C5 11.38 6.19 13.47 8 14.74V17C8 17.55 8.45 18 9 18H15C15.55 18 16 17.55 16 17V14.74C17.81 13.47 19 11.38 19 9C19 5.13 15.87 2 12 2M14 13.58V16H13V11.41L14.71 9.71C15.1 9.32 15.1 8.68 14.71 8.29C14.32 7.9 13.68 7.9 13.29 8.29L12 9.59L10.71 8.29C10.32 7.9 9.68 7.9 9.29 8.29C8.9 8.68 8.9 9.32 9.29 9.71L11 11.41V16H10V13.58C8.23 12.81 7 11.05 7 9C7 6.24 9.24 4 12 4S17 6.24 17 9C17 11.05 15.77 12.81 14 13.58M9 20H15V21C15 21.55 14.55 22 14 22H10C9.45 22 9 21.55 9 21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant.svg
new file mode 100644
index 00000000..00b0fdbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb-variant" viewBox="0 0 24 24"><path d="M9 20H15V21C15 21.55 14.55 22 14 22H10C9.45 22 9 21.55 9 21V20M19 9C19 11.38 17.81 13.47 16 14.74V17C16 17.55 15.55 18 15 18H9C8.45 18 8 17.55 8 17V14.74C6.19 13.47 5 11.38 5 9C5 5.13 8.13 2 12 2S19 5.13 19 9M14.71 8.29C14.32 7.9 13.68 7.9 13.29 8.29L12 9.59L10.71 8.29C10.32 7.9 9.68 7.9 9.29 8.29C8.9 8.68 8.9 9.32 9.29 9.71L11 11.41V16H13V11.41L14.71 9.71C15.1 9.32 15.1 8.68 14.71 8.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb.svg
new file mode 100644
index 00000000..273f3106
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightbulb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightbulb" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,0 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H15A1,1 0 0,0 16,17V14.74C17.81,13.47 19,11.38 19,9A7,7 0 0,0 12,2M9,21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse-on.svg
new file mode 100644
index 00000000..e8814888
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lighthouse-on" viewBox="0 0 24 24"><path d="M1,10V2L10,5V7L1,10M8,10V8H13V4H8V3L12,1L16,3V4H15V8H16V10H14.74L8.44,13.64L9,10H8M7,23L7.04,22.76L16.15,17.5L16.67,20.88L13,23H7M8.05,16.17L15.31,12L15.83,15.37L7.43,20.22L8.05,16.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse.svg
new file mode 100644
index 00000000..eed7cc61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lighthouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lighthouse" viewBox="0 0 24 24"><path d="M8,10V8H9V4H8V3L12,1L16,3V4H15V8H16V10H14.74L8.44,13.64L9,10H8M13,8V4H11V8H13M7,23L7.04,22.76L16.15,17.5L16.67,20.88L13,23H7M8.05,16.17L15.31,12L15.83,15.37L7.43,20.22L8.05,16.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-circle.svg
new file mode 100644
index 00000000..ae5594d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightning-bolt-circle" viewBox="0 0 24 24"><path d="M11.5,20L16.36,10.27H13V4L8,13.73H11.5V20M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-outline.svg
new file mode 100644
index 00000000..e4b40f48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightning-bolt-outline" viewBox="0 0 24 24"><path d="M11 9.47V11H14.76L13 14.53V13H9.24L11 9.47M13 1L6 15H11V23L18 9H13V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt.svg
new file mode 100644
index 00000000..ae8e541f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lightning-bolt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lightning-bolt" viewBox="0 0 24 24"><path d="M11 15H6L13 1V9H18L11 23V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/line-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/line-scan.svg
new file mode 100644
index 00000000..d5c0a622
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/line-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-line-scan" viewBox="0 0 24 24"><path d="M17 22V20H20V17H22V20.5C22 20.9 21.8 21.2 21.5 21.5C21.2 21.8 20.8 22 20.5 22H17M7 22H3.5C3.1 22 2.8 21.8 2.5 21.5C2.2 21.2 2 20.8 2 20.5V17H4V20H7V22M17 2H20.5C20.9 2 21.2 2.2 21.5 2.5C21.8 2.8 22 3.1 22 3.5V7H20V4H17V2M7 2V4H4V7H2V3.5C2 3.1 2.2 2.8 2.5 2.5S3.1 2 3.5 2H7M19 11H5V13H19V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lingerie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lingerie.svg
new file mode 100644
index 00000000..c979af0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lingerie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lingerie" viewBox="0 0 24 24"><path d="M22 7H20V2H18V4.34L12 6.91L6 4.34V2H4V7H2V9H4.05C4.3 11.25 6.19 13 8.5 13C9.92 13 11.18 12.33 12 11.3C12.83 12.33 14.08 13 15.5 13C17.81 13 19.7 11.25 19.95 9H22V7M8.5 11C7.12 11 6 9.88 6 8.5V6.5L11 8.65C10.9 9.96 9.83 11 8.5 11M18 8.5C18 9.88 16.88 11 15.5 11C14.17 11 13.1 9.96 13 8.65L18 6.5V8.5M2 15V17H3C5.97 17 8.43 19.17 8.91 22H15.09C15.57 19.17 18.03 17 21 17H22V15H2M13.59 20H10.41C9.94 18.84 9.21 17.82 8.29 17H15.71C14.79 17.82 14.06 18.84 13.59 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-outline.svg
new file mode 100644
index 00000000..d16a53a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-box-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M11,16H10C8.39,16 6,14.94 6,12C6,9.07 8.39,8 10,8H11V10H10C9.54,10 8,10.17 8,12C8,13.9 9.67,14 10,14H11V16M14,16H13V14H14C14.46,14 16,13.83 16,12C16,10.1 14.33,10 14,10H13V8H14C15.61,8 18,9.07 18,12C18,14.94 15.61,16 14,16M15,13H9V11H15V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant-outline.svg
new file mode 100644
index 00000000..1ab491d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-box-variant-outline" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M19,19H5V5H19V19M13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06M18,9.36C18,10.26 17.65,11.1 17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant.svg
new file mode 100644
index 00000000..88f7830c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-box-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-box-variant" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13.94,14.81L11.73,17C11.08,17.67 10.22,18 9.36,18C8.5,18 7.64,17.67 7,17C5.67,15.71 5.67,13.58 7,12.26L8.35,10.9L8.34,11.5C8.33,12 8.41,12.5 8.57,12.94L8.62,13.09L8.22,13.5C7.91,13.8 7.74,14.21 7.74,14.64C7.74,15.07 7.91,15.47 8.22,15.78C8.83,16.4 9.89,16.4 10.5,15.78L12.7,13.59C13,13.28 13.18,12.87 13.18,12.44C13.18,12 13,11.61 12.7,11.3C12.53,11.14 12.44,10.92 12.44,10.68C12.44,10.45 12.53,10.23 12.7,10.06C13.03,9.73 13.61,9.74 13.94,10.06C14.57,10.7 14.92,11.54 14.92,12.44C14.92,13.34 14.57,14.18 13.94,14.81M17,11.74L15.66,13.1V12.5C15.67,12 15.59,11.5 15.43,11.06L15.38,10.92L15.78,10.5C16.09,10.2 16.26,9.79 16.26,9.36C16.26,8.93 16.09,8.53 15.78,8.22C15.17,7.6 14.1,7.61 13.5,8.22L11.3,10.42C11,10.72 10.82,11.13 10.82,11.56C10.82,12 11,12.39 11.3,12.7C11.47,12.86 11.56,13.08 11.56,13.32C11.56,13.56 11.47,13.78 11.3,13.94C11.13,14.11 10.91,14.19 10.68,14.19C10.46,14.19 10.23,14.11 10.06,13.94C8.75,12.63 8.75,10.5 10.06,9.19L12.27,7C13.58,5.67 15.71,5.68 17,7C17.65,7.62 18,8.46 18,9.36C18,10.26 17.65,11.1 17,11.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-box.svg
new file mode 100644
index 00000000..30dfa762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,16H10C8.39,16 6,14.94 6,12C6,9.07 8.39,8 10,8H11V10H10C9.54,10 8,10.17 8,12C8,13.9 9.67,14 10,14H11V16M15,11V13H9V11H15M14,16H13V14H14C14.46,14 16,13.83 16,12C16,10.1 14.33,10 14,10H13V8H14C15.61,8 18,9.07 18,12C18,14.94 15.61,16 14,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-lock.svg
new file mode 100644
index 00000000..93248f8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-lock" viewBox="0 0 24 24"><path d="M23 16V15.5A2.5 2.5 0 0 0 18 15.5V16A1 1 0 0 0 17 17V21A1 1 0 0 0 18 22H23A1 1 0 0 0 24 21V17A1 1 0 0 0 23 16M22 16H19V15.5A1.5 1.5 0 0 1 22 15.5M7 8.9H11V7H7A5 5 0 0 0 7 17H11V15.1H7A3.1 3.1 0 0 1 7 8.9M8 11V13H16V11M13 15.1V17H15V15.1M17 7H13V8.9H17A3.09 3.09 0 0 1 19.94 11A5.12 5.12 0 0 1 20.5 11H21.9A5 5 0 0 0 17 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-off.svg
new file mode 100644
index 00000000..2a334810
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-off" viewBox="0 0 24 24"><path d="M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.43 19.12,14.63 17.79,15L19.25,16.44C20.88,15.61 22,13.95 22,12A5,5 0 0,0 17,7M16,11H13.81L15.81,13H16V11M2,4.27L5.11,7.38C3.29,8.12 2,9.91 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12C3.9,10.41 5.11,9.1 6.66,8.93L8.73,11H8V13H10.73L13,15.27V17H14.73L18.74,21L20,19.74L3.27,3L2,4.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-plus.svg
new file mode 100644
index 00000000..ca94370d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-plus" viewBox="0 0 24 24"><path d="M7,7H11V9H7A3,3 0 0,0 4,12A3,3 0 0,0 7,15H11V17H7A5,5 0 0,1 2,12A5,5 0 0,1 7,7M17,7A5,5 0 0,1 22,12H20A3,3 0 0,0 17,9H13V7H17M8,11H16V13H8V11M17,12H19V15H22V17H19V20H17V17H14V15H17V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-minus.svg
new file mode 100644
index 00000000..82b81dde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-variant-minus" viewBox="0 0 24 24"><path d="M10.6 13.4A1 1 0 0 1 9.2 14.8A4.8 4.8 0 0 1 9.2 7.8L12.7 4.2A5.1 5.1 0 0 1 19.8 4.2A5.1 5.1 0 0 1 19.8 11.3L18.3 12.8A6.4 6.4 0 0 0 17.9 10.4L18.4 9.9A3.2 3.2 0 0 0 18.4 5.6A3.2 3.2 0 0 0 14.1 5.6L10.6 9.2A2.9 2.9 0 0 0 10.6 13.4M23 18V20H15V18M16.2 13.7A4.8 4.8 0 0 0 14.8 9.2A1 1 0 0 0 13.4 10.6A2.9 2.9 0 0 1 13.4 14.8L9.9 18.4A3.2 3.2 0 0 1 5.6 18.4A3.2 3.2 0 0 1 5.6 14.1L6.1 13.7A7.3 7.3 0 0 1 5.7 11.2L4.2 12.7A5.1 5.1 0 0 0 4.2 19.8A5.1 5.1 0 0 0 11.3 19.8L13.1 18A6 6 0 0 1 16.2 13.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-off.svg
new file mode 100644
index 00000000..bef76a1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L13.9,17.17L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L12.5,15.76L10.88,14.15C10.87,14.39 10.77,14.64 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C8.12,13.77 7.63,12.37 7.72,11L2,5.27M12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.79,8.97L9.38,7.55L12.71,4.22M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.2,10.54 16.61,12.5 16.06,14.23L14.28,12.46C14.23,11.78 13.94,11.11 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-plus.svg
new file mode 100644
index 00000000..9d445a4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-variant-plus" viewBox="0 0 24 24"><path d="M10.6 13.4A1 1 0 0 1 9.2 14.8A4.8 4.8 0 0 1 9.2 7.8L12.7 4.2A5.1 5.1 0 0 1 19.8 4.2A5.1 5.1 0 0 1 19.8 11.3L18.3 12.8A6.4 6.4 0 0 0 17.9 10.4L18.4 9.9A3.2 3.2 0 0 0 18.4 5.6A3.2 3.2 0 0 0 14.1 5.6L10.6 9.2A2.9 2.9 0 0 0 10.6 13.4M23 18V20H20V23H18V20H15V18H18V15H20V18M16.2 13.7A4.8 4.8 0 0 0 14.8 9.2A1 1 0 0 0 13.4 10.6A2.9 2.9 0 0 1 13.4 14.8L9.9 18.4A3.2 3.2 0 0 1 5.6 18.4A3.2 3.2 0 0 1 5.6 14.1L6.1 13.7A7.3 7.3 0 0 1 5.7 11.2L4.2 12.7A5.1 5.1 0 0 0 4.2 19.8A5.1 5.1 0 0 0 11.3 19.8L13.1 18A6 6 0 0 1 16.2 13.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-remove.svg
new file mode 100644
index 00000000..1cc9c4cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-variant-remove" viewBox="0 0 24 24"><path d="M10.6 13.4A1 1 0 0 1 9.2 14.8A4.8 4.8 0 0 1 9.2 7.8L12.7 4.2A5.1 5.1 0 0 1 19.8 4.2A5.1 5.1 0 0 1 19.8 11.3L18.3 12.8A6.4 6.4 0 0 0 17.9 10.4L18.4 9.9A3.2 3.2 0 0 0 18.4 5.6A3.2 3.2 0 0 0 14.1 5.6L10.6 9.2A2.9 2.9 0 0 0 10.6 13.4M16.2 13.7A4.8 4.8 0 0 0 14.8 9.2A1 1 0 0 0 13.4 10.6A2.9 2.9 0 0 1 13.4 14.8L9.9 18.4A3.2 3.2 0 0 1 5.6 18.4A3.2 3.2 0 0 1 5.6 14.1L6.1 13.7A7.3 7.3 0 0 1 5.7 11.2L4.2 12.7A5.1 5.1 0 0 0 4.2 19.8A5.1 5.1 0 0 0 11.3 19.8L13.1 18A6 6 0 0 1 16.2 13.7M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant.svg
new file mode 100644
index 00000000..2b672700
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link-variant" viewBox="0 0 24 24"><path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/link.svg b/apps/phoenix_webcomponent/priv/mdi/svg/link.svg
new file mode 100644
index 00000000..c88a5692
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-link" viewBox="0 0 24 24"><path d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/linkedin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/linkedin.svg
new file mode 100644
index 00000000..bd26f42c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-linkedin" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/linux-mint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/linux-mint.svg
new file mode 100644
index 00000000..f4632b41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/linux-mint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-linux-mint" viewBox="0 0 24 24"><path d="M2,3.23V6.8H3.5C4.59,6.8 4.78,7.53 4.78,8.55V14.86C4.78,18.12 7.65,20.77 11.18,20.77H19.9C21,20.77 22,20.07 22,19V9.2C22,5.93 19.13,3.28 15.6,3.28H11.93V3.27L2,3.23V3.23M6.62,5.46H8.37V14.45C8.37,15.65 9.19,16.59 10.16,16.59L16.13,16.61C17.38,16.61 18.35,15.75 18.35,14.73L18.34,9.96C18.34,9.65 18.24,9.41 18,9.19C17.79,8.96 17.56,8.86 17.25,8.86C16.94,8.86 16.71,8.96 16.5,9.19C16.27,9.41 16.16,9.65 16.16,9.96V14.05H14.31V9.96C14.31,9.65 14.21,9.41 14,9.19C13.77,8.96 13.54,8.86 13.22,8.86C12.92,8.86 12.68,8.96 12.46,9.19C12.24,9.41 12.14,9.65 12.14,9.96V14.05H10.29V9.96C10.29,9.15 10.58,8.44 11.15,7.86C11.72,7.29 12.43,7 13.22,7C14,7 14.68,7.28 15.24,7.82C15.79,7.28 16.47,7 17.25,7C18.05,7 18.76,7.29 19.32,7.86C19.89,8.44 20.19,9.15 20.19,9.96L20.2,15.06C20.11,15.91 19.75,16.67 19.13,17.31V17.31C18.4,18.04 17.5,18.42 16.5,18.42H9.83C9,18.34 8.29,17.95 7.69,17.36C7,16.65 6.62,15.79 6.62,14.79V5.46H6.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/linux.svg b/apps/phoenix_webcomponent/priv/mdi/svg/linux.svg
new file mode 100644
index 00000000..c212557a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/linux.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-linux" viewBox="0 0 24 24"><path d="M14.62,8.35C14.2,8.63 12.87,9.39 12.67,9.54C12.28,9.85 11.92,9.83 11.53,9.53C11.33,9.37 10,8.61 9.58,8.34C9.1,8.03 9.13,7.64 9.66,7.42C11.3,6.73 12.94,6.78 14.57,7.45C15.06,7.66 15.08,8.05 14.62,8.35M21.84,15.63C20.91,13.54 19.64,11.64 18,9.97C17.47,9.42 17.14,8.8 16.94,8.09C16.84,7.76 16.77,7.42 16.7,7.08C16.5,6.2 16.41,5.3 16,4.47C15.27,2.89 14,2.07 12.16,2C10.35,2.05 9,2.81 8.21,4.4C8,4.83 7.85,5.28 7.75,5.74C7.58,6.5 7.43,7.29 7.25,8.06C7.1,8.71 6.8,9.27 6.29,9.77C4.68,11.34 3.39,13.14 2.41,15.12C2.27,15.41 2.13,15.7 2.04,16C1.85,16.66 2.33,17.12 3.03,16.96C3.47,16.87 3.91,16.78 4.33,16.65C4.74,16.5 4.9,16.6 5,17C5.65,19.15 7.07,20.66 9.24,21.5C13.36,23.06 18.17,20.84 19.21,16.92C19.28,16.65 19.38,16.55 19.68,16.65C20.14,16.79 20.61,16.89 21.08,17C21.57,17.09 21.93,16.84 22,16.36C22.03,16.1 21.94,15.87 21.84,15.63" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lipstick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lipstick.svg
new file mode 100644
index 00000000..cd57df01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lipstick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lipstick" viewBox="0 0 24 24"><path d="M9 23C8.45 23 8 22.55 8 22V13C8 12.45 8.45 12 9 12H15C15.55 12 16 12.45 16 13V22C16 22.55 15.55 23 15 23H9M10 11C9.45 11 9 10.55 9 10V5.25C9 5.25 11 3 11.75 1C12.83 1.67 13.92 2.33 14.46 3.83C15 5.33 15 7.67 15 10C15 10.55 14.55 11 14 11H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/liquid-spot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/liquid-spot.svg
new file mode 100644
index 00000000..00408184
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/liquid-spot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-liquid-spot" viewBox="0 0 24 24"><path d="M18.14 16.7C17.23 18.21 16.08 17.73 15 17.09S12.9 15.68 12.25 16.59C11.54 17.37 12.09 18.62 12.37 19.72C12.65 20.83 12.67 21.79 10.9 22C9.5 21.81 9.58 20.65 9.81 19.42C10.04 18.19 10.4 16.89 9.5 16.43C8.78 15.95 8.28 16.78 7.65 17.6C7 18.41 6.26 19.2 5.04 18.62C3.94 17.71 4.36 17.18 4.94 16.5S6.27 14.91 5.84 13.31C5.66 12.66 4.76 12.81 3.87 12.79C3 12.77 2.12 12.59 2.03 11.29C1.96 10.5 2.55 10.18 3.16 9.93C3.78 9.68 4.41 9.5 4.42 8.87C4.45 8.26 4.04 7.83 3.78 7.38S3.41 6.46 4.03 5.76C5.08 4.9 5.92 5.63 6.76 6.42S8.43 8.04 9.46 7.39C10.28 6.85 9.53 5.9 8.95 4.97S7.96 3.15 9.46 2.74C10.76 2.38 11.26 3.27 11.71 4.3C12.17 5.33 12.57 6.5 13.67 6.71C15.24 7 16.38 5.16 17.47 3.7S19.63 1.15 21 2.95C22.5 4.84 21.07 5.72 19.4 6.5C17.73 7.23 15.81 7.87 16.27 9.28C16.54 10.1 17.42 9.65 18.35 9.34C19.27 9.03 20.26 8.86 20.74 10.27C21.25 11.76 20.04 12.1 18.68 12.24C17.32 12.38 15.8 12.32 15.7 13C15.59 13.71 16.5 14 17.29 14.42C18.08 14.85 18.75 15.42 18.14 16.7M20.5 19C19.55 19 19.06 18.26 19.06 17.5C19.06 16.74 19.54 16 20.5 16C21.5 16 22 16.74 22 17.5C22 18.26 21.5 19 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/liquor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/liquor.svg
new file mode 100644
index 00000000..6a10583e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/liquor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-liquor" viewBox="0 0 24 24"><path d="M3 14C3 15.3 3.8 16.4 5 16.8V20H3V22H9V20H7V16.8C8.2 16.4 9 15.3 9 14V6H3V14M5 8H7V11H5V8M20.6 8.5L19.6 8.2C19.3 8.1 19 7.7 19 7.3V3C19 2.5 18.5 2 18 2H15C14.4 2 14 2.5 14 3V7.3C14 7.7 13.7 8.1 13.3 8.3L12.4 8.6C11.6 8.9 11 9.6 11 10.5V20C11 21.1 11.9 22 13 22H20C21.1 22 22 21.1 22 20V10.4C22 9.6 21.5 8.8 20.6 8.5M16 4H17V5H16V4M13 10.4L13.9 10.1C15.2 9.7 16 8.6 16 7.3V7H17V7.3C17 8.6 17.8 9.7 19 10.1L20 10.4V12H13V10.4M20 20H13V18H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/list-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/list-box-outline.svg
new file mode 100644
index 00000000..a898a9a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/list-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-list-box-outline" viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/list-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/list-box.svg
new file mode 100644
index 00000000..ff2b5392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/list-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-list-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7 7H9V9H7V7M7 11H9V13H7V11M7 15H9V17H7V15M17 17H11V15H17V17M17 13H11V11H17V13M17 9H11V7H17V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/list-status.svg b/apps/phoenix_webcomponent/priv/mdi/svg/list-status.svg
new file mode 100644
index 00000000..0720991e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/list-status.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-list-status" viewBox="0 0 24 24"><path d="M16.5 11L13 7.5L14.4 6.1L16.5 8.2L20.7 4L22.1 5.4L16.5 11M11 7H2V9H11V7M21 13.4L19.6 12L17 14.6L14.4 12L13 13.4L15.6 16L13 18.6L14.4 20L17 17.4L19.6 20L21 18.6L18.4 16L21 13.4M11 15H2V17H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/litecoin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/litecoin.svg
new file mode 100644
index 00000000..a596aaf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/litecoin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-litecoin" viewBox="0 0 24 24"><path d="M12.55,15.92L13.16,13.78L14.81,13.19L16.25,7.63L14.56,8.31L16.25,2H8L5.38,11.77L3.72,12.34L2.22,17.91L4,17.27L2.66,22H20.16L21.78,15.92H12.55M19.39,21H4L5.46,15.65L3.72,16.3L4.58,13.11L6.24,12.54L8.74,3H15L13.13,10L14.83,9.3L14,12.42L12.33,13L11.22,16.91H20.5L19.39,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/loading.svg b/apps/phoenix_webcomponent/priv/mdi/svg/loading.svg
new file mode 100644
index 00000000..d5248c9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/loading.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-loading" viewBox="0 0 24 24"><path d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/location-enter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/location-enter.svg
new file mode 100644
index 00000000..56c56e3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/location-enter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-location-enter" viewBox="0 0 24 24"><path d="M14 12L10 8V11H2V13H10V16M22 12A10 10 0 0 1 2.46 15H4.59A8 8 0 1 0 4.59 9H2.46A10 10 0 0 1 22 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/location-exit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/location-exit.svg
new file mode 100644
index 00000000..0851cbb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/location-exit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-location-exit" viewBox="0 0 24 24"><path d="M22 12L18 8V11H10V13H18V16M20 18A10 10 0 1 1 20 6H17.27A8 8 0 1 0 17.27 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert-outline.svg
new file mode 100644
index 00000000..4053e9d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-alert-outline" viewBox="0 0 24 24"><path d="M10 17C8.9 17 8 16.1 8 15C8 13.9 8.9 13 10 13C11.1 13 12 13.9 12 15S11.1 17 10 17M16 20V10H4V20H16M16 8C17.1 8 18 8.9 18 10V20C18 21.1 17.1 22 16 22H4C2.9 22 2 21.1 2 20V10C2 8.9 2.9 8 4 8H5V6C5 3.2 7.2 1 10 1S15 3.2 15 6V8H16M10 3C8.3 3 7 4.3 7 6V8H13V6C13 4.3 11.7 3 10 3M22 7H20V13H22V7M22 15H20V17H22V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert.svg
new file mode 100644
index 00000000..8c17a7b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-alert" viewBox="0 0 24 24"><path d="M10 17C11.1 17 12 16.1 12 15C12 13.9 11.1 13 10 13C8.9 13 8 13.9 8 15S8.9 17 10 17M16 8C17.1 8 18 8.9 18 10V20C18 21.1 17.1 22 16 22H4C2.9 22 2 21.1 2 20V10C2 8.9 2.9 8 4 8H5V6C5 3.2 7.2 1 10 1S15 3.2 15 6V8H16M10 3C8.3 3 7 4.3 7 6V8H13V6C13 4.3 11.7 3 10 3M22 13H20V7H22V13M22 17H20V15H22V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-check-outline.svg
new file mode 100644
index 00000000..3ada4c74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-check-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17C10.89 17 10 16.1 10 15C10 13.89 10.89 13 12 13C13.11 13 14 13.9 14 15M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.1 4 20V10C4 8.89 4.89 8 6 8H7V6C7 3.24 9.24 1 12 1S17 3.24 17 6V8H18C19.11 8 20 8.9 20 10V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V10H6V20H13.09M9 8H15V6C15 4.34 13.66 3 12 3S9 4.34 9 6V8M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-check.svg
new file mode 100644
index 00000000..7043c3df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-check" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6V8H6C4.9 8 4 8.89 4 10V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M9 6C9 4.34 10.34 3 12 3S15 4.34 15 6V8H9V6M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13C13.1 13 14 13.89 14 15C14 16.11 13.11 17 12 17M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-clock.svg
new file mode 100644
index 00000000..0b294a13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-clock" viewBox="0 0 24 24"><path d="M8.5,2C6,2 4,4 4,6.5V7C2.89,7 2,7.89 2,9V18C2,19.11 2.89,20 4,20H8.72C10.18,21.29 12.06,22 14,22A8,8 0 0,0 22,14A8,8 0 0,0 14,6C13.66,6 13.32,6.03 13,6.08C12.76,3.77 10.82,2 8.5,2M8.5,4A2.5,2.5 0 0,1 11,6.5V7H6V6.5A2.5,2.5 0 0,1 8.5,4M14,8A6,6 0 0,1 20,14A6,6 0 0,1 14,20A6,6 0 0,1 8,14A6,6 0 0,1 14,8M13,10V15L16.64,17.19L17.42,15.9L14.5,14.15V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus-outline.svg
new file mode 100644
index 00000000..2e210d85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-minus-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17C10.89 17 10 16.1 10 15C10 13.89 10.89 13 12 13C13.11 13 14 13.9 14 15M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.1 4 20V10C4 8.89 4.89 8 6 8H7V6C7 3.24 9.24 1 12 1S17 3.24 17 6V8H18C19.11 8 20 8.9 20 10V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V10H6V20H13.09M9 8H15V6C15 4.34 13.66 3 12 3S9 4.34 9 6V8M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus.svg
new file mode 100644
index 00000000..9b6dc3ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-minus" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6V8H6C4.9 8 4 8.89 4 10V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M9 6C9 4.34 10.34 3 12 3S15 4.34 15 6V8H9V6M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13C13.1 13 14 13.89 14 15C14 16.11 13.11 17 12 17M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-off-outline.svg
new file mode 100644
index 00000000..b82524f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-off-outline" viewBox="0 0 24 24"><path d="M9 5.82L7.36 4.16C8.09 2.31 9.89 1 12 1C14.76 1 17 3.24 17 6V8H18C19.11 8 20 8.9 20 10V16.8L18 14.8V10H13.2L11.2 8H15V6C15 4.34 13.66 3 12 3C10.41 3 9.11 4.25 9 5.82M22.11 21.46L20.84 22.73L19.46 21.35C19.1 21.75 18.58 22 18 22H6C4.89 22 4 21.1 4 20V10C4 8.89 4.89 8 6 8H6.11L1.11 3L2.39 1.73L22.11 21.46M18 19.89L13.85 15.74C13.56 16.5 12.84 17 12 17C10.89 17 10 16.1 10 15C10 14.15 10.5 13.44 11.26 13.15L8.11 10H6V20H18V19.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-off.svg
new file mode 100644
index 00000000..afae3c49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-off" viewBox="0 0 24 24"><path d="M9 5.82L7.36 4.16C8.09 2.31 9.89 1 12 1C14.76 1 17 3.24 17 6V8H18C19.11 8 20 8.9 20 10V16.8L11.2 8H15V6C15 4.34 13.66 3 12 3C10.41 3 9.11 4.25 9 5.82M22.11 21.46L20.84 22.73L19.46 21.35C19.1 21.75 18.58 22 18 22H6C4.89 22 4 21.11 4 20V10C4 8.89 4.9 8 6 8H6.11L1.11 3L2.39 1.73L22.11 21.46M13.85 15.74L11.26 13.15C10.5 13.44 10 14.16 10 15C10 16.11 10.9 17 12 17C12.84 17 13.56 16.5 13.85 15.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert-outline.svg
new file mode 100644
index 00000000..db752eb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-alert-outline" viewBox="0 0 24 24"><path d="M16 20V10H4V20H16M16 8C17.1 8 18 8.9 18 10V20C18 21.1 17.1 22 16 22H4C2.9 22 2 21.1 2 20V10C2 8.9 2.9 8 4 8H13V6C13 4.3 11.7 3 10 3S7 4.3 7 6H5C5 3.2 7.2 1 10 1S15 3.2 15 6V8H16M10 17C8.9 17 8 16.1 8 15S8.9 13 10 13 12 13.9 12 15 11.1 17 10 17M22 7H20V13H22V7M22 15H20V17H22V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert.svg
new file mode 100644
index 00000000..0debb621
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-alert" viewBox="0 0 24 24"><path d="M16 8C17.1 8 18 8.9 18 10V20C18 21.1 17.1 22 16 22H4C2.9 22 2 21.1 2 20V10C2 8.9 2.9 8 4 8H13V6C13 4.3 11.7 3 10 3S7 4.3 7 6H5C5 3.2 7.2 1 10 1S15 3.2 15 6V8H16M10 17C11.1 17 12 16.1 12 15S11.1 13 10 13 8 13.9 8 15 8.9 17 10 17M22 13H20V7H22V13M22 17H20V15H22V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check-outline.svg
new file mode 100644
index 00000000..28e47256
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-check-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17S10 16.11 10 15 10.9 13 12 13 14 13.9 14 15M6 20V10H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.22 20.72 13.09 20H6M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check.svg
new file mode 100644
index 00000000..18cc5c2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-check" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13 14 13.9 14 15 13.11 17 12 17M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus-outline.svg
new file mode 100644
index 00000000..1920b608
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-minus-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17S10 16.11 10 15 10.9 13 12 13 14 13.9 14 15M6 20V10H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.22 20.72 13.09 20H6M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus.svg
new file mode 100644
index 00000000..238e1661
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-minus" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13 14 13.9 14 15 13.11 17 12 17M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-outline.svg
new file mode 100644
index 00000000..971d3637
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-outline" viewBox="0 0 24 24"><path d="M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,1 10,15A2,2 0 0,1 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus-outline.svg
new file mode 100644
index 00000000..4119bdd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-plus-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17S10 16.11 10 15 10.9 13 12 13 14 13.9 14 15M6 20V10H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.22 20.72 13.09 20H6M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus.svg
new file mode 100644
index 00000000..71594415
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-plus" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13 14 13.9 14 15 13.11 17 12 17M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove-outline.svg
new file mode 100644
index 00000000..29539a68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-remove-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17S10 16.11 10 15 10.9 13 12 13 14 13.9 14 15M6 20V10H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.22 20.72 13.09 20H6M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove.svg
new file mode 100644
index 00000000..36a7a294
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-remove" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6H9C9 4.34 10.34 3 12 3S15 4.34 15 6V8H6C4.89 8 4 8.9 4 10V20C4 21.1 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13 14 13.9 14 15 13.11 17 12 17M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant-outline.svg
new file mode 100644
index 00000000..c30077f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-variant-outline" viewBox="0 0 24 24"><path d="M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17S8 16.11 8 15 8.9 13 10 13M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.9 2 10V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V10C18 8.9 17.1 8 16 8H15V6C15 4.34 16.34 3 18 3S21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M16 10V20H4V10H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant.svg
new file mode 100644
index 00000000..85e5c9b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open-variant" viewBox="0 0 24 24"><path d="M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.89 2 10V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V10C18 8.9 17.11 8 16 8H15V6C15 4.34 16.34 3 18 3C19.66 3 21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17C8.9 17 8 16.11 8 15C8 13.9 8.9 13 10 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open.svg
new file mode 100644
index 00000000..fdc64f1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-open" viewBox="0 0 24 24"><path d="M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10A2,2 0 0,1 6,8H15V6A3,3 0 0,0 12,3A3,3 0 0,0 9,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,17A2,2 0 0,0 14,15A2,2 0 0,0 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-outline.svg
new file mode 100644
index 00000000..510e42f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-outline" viewBox="0 0 24 24"><path d="M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M18,20V10H6V20H18M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V10C4,8.89 4.89,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-pattern.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-pattern.svg
new file mode 100644
index 00000000..98cda804
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-pattern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-pattern" viewBox="0 0 24 24"><path d="M7,3A4,4 0 0,1 11,7C11,8.86 9.73,10.43 8,10.87V13.13C8.37,13.22 8.72,13.37 9.04,13.56L13.56,9.04C13.2,8.44 13,7.75 13,7A4,4 0 0,1 17,3A4,4 0 0,1 21,7A4,4 0 0,1 17,11C16.26,11 15.57,10.8 15,10.45L10.45,15C10.8,15.57 11,16.26 11,17A4,4 0 0,1 7,21A4,4 0 0,1 3,17C3,15.14 4.27,13.57 6,13.13V10.87C4.27,10.43 3,8.86 3,7A4,4 0 0,1 7,3M17,13A4,4 0 0,1 21,17A4,4 0 0,1 17,21A4,4 0 0,1 13,17A4,4 0 0,1 17,13M17,15A2,2 0 0,0 15,17A2,2 0 0,0 17,19A2,2 0 0,0 19,17A2,2 0 0,0 17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-outline.svg
new file mode 100644
index 00000000..c13649cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent-open-outline" viewBox="0 0 24 24"><path d="M9.5 11C10.3 11 11 11.7 11 12.5S10.3 14 9.5 14 8 13.3 8 12.5 8.7 11 9.5 11M14.5 19C13.7 19 13 18.3 13 17.5S13.7 16 14.5 16 16 16.7 16 17.5 15.3 19 14.5 19M9.2 19.2L7.8 17.8L14.9 10.7L16.3 12.1L9.2 19.2M18 8H17V6C17 3.2 14.8 1 12 1S7 3.2 7 6H9C9 4.3 10.3 3 12 3S15 4.3 15 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8M18 20H6V10H18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant-outline.svg
new file mode 100644
index 00000000..b04b7968
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent-open-variant-outline" viewBox="0 0 24 24"><path d="M7.5 11C8.3 11 9 11.7 9 12.5S8.3 14 7.5 14 6 13.3 6 12.5 6.7 11 7.5 11M12.5 19C11.7 19 11 18.3 11 17.5S11.7 16 12.5 16 14 16.7 14 17.5 13.3 19 12.5 19M7.2 19.2L5.8 17.8L12.9 10.7L14.3 12.1L7.2 19.2M18 1C15.2 1 13 3.2 13 6V8H4C2.9 8 2 8.9 2 10V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V10C18 8.9 17.1 8 16 8H15V6C15 4.3 16.3 3 18 3S21 4.3 21 6V8H23V6C23 3.2 20.8 1 18 1M16 10V20H4V10H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant.svg
new file mode 100644
index 00000000..39bd1fdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent-open-variant" viewBox="0 0 24 24"><path d="M18 1C15.2 1 13 3.2 13 6V8H4C2.9 8 2 8.9 2 10V20C2 21.1 2.9 22 4 22H16C17.1 22 18 21.1 18 20V10C18 8.9 17.1 8 16 8H15V6C15 4.3 16.3 3 18 3S21 4.3 21 6V8H23V6C23 3.2 20.8 1 18 1M7.5 11C8.3 11 9 11.7 9 12.5S8.3 14 7.5 14 6 13.3 6 12.5 6.7 11 7.5 11M12.5 19C11.7 19 11 18.3 11 17.5S11.7 16 12.5 16 14 16.7 14 17.5 13.3 19 12.5 19M7.2 19.2L5.8 17.8L12.9 10.7L14.3 12.1L7.2 19.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open.svg
new file mode 100644
index 00000000..97e72b66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent-open" viewBox="0 0 24 24"><path d="M18 8H17V6C17 3.2 14.8 1 12 1S7 3.2 7 6H9C9 4.3 10.3 3 12 3S15 4.3 15 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8M9.5 11C10.3 11 11 11.7 11 12.5S10.3 14 9.5 14 8 13.3 8 12.5 8.7 11 9.5 11M14.5 19C13.7 19 13 18.3 13 17.5S13.7 16 14.5 16 16 16.7 16 17.5 15.3 19 14.5 19M9.2 19.2L7.8 17.8L14.9 10.7L16.3 12.1L9.2 19.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-outline.svg
new file mode 100644
index 00000000..ffa8646b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent-outline" viewBox="0 0 24 24"><path d="M18 8H17V6C17 3.2 14.8 1 12 1S7 3.2 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8M9 6C9 4.3 10.3 3 12 3S15 4.3 15 6V8H9V6M18 20H6V10H18V20M11 12.5C11 13.3 10.3 14 9.5 14S8 13.3 8 12.5 8.7 11 9.5 11 11 11.7 11 12.5M16 17.5C16 18.3 15.3 19 14.5 19S13 18.3 13 17.5 13.7 16 14.5 16 16 16.7 16 17.5M16.2 12.2L9.1 19.3L7.7 17.9L14.8 10.8L16.2 12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent.svg
new file mode 100644
index 00000000..2fc95b86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-percent" viewBox="0 0 24 24"><path d="M18 8H17V6C17 3.2 14.8 1 12 1S7 3.2 7 6V8H6C4.9 8 4 8.9 4 10V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V10C20 8.9 19.1 8 18 8M9 6C9 4.3 10.3 3 12 3S15 4.3 15 6V8H9V6M9.5 11C10.3 11 11 11.7 11 12.5S10.3 14 9.5 14 8 13.3 8 12.5 8.7 11 9.5 11M14.5 19C13.7 19 13 18.3 13 17.5S13.7 16 14.5 16 16 16.7 16 17.5 15.3 19 14.5 19M9.2 19.2L7.8 17.8L14.9 10.7L16.3 12.1L9.2 19.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus-outline.svg
new file mode 100644
index 00000000..5b15c240
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-plus-outline" viewBox="0 0 24 24"><path d="M6 20V10H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6V8H6C4.89 8 4 8.89 4 10V20C4 21.1 4.89 22 6 22H13.81C13.46 21.39 13.22 20.72 13.09 20H6M9 6C9 4.34 10.34 3 12 3S15 4.34 15 6V8H9V6M14 15C14 16.11 13.11 17 12 17C10.89 17 10 16.1 10 15C10 13.89 10.89 13 12 13C13.11 13 14 13.9 14 15M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus.svg
new file mode 100644
index 00000000..07666055
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-plus" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6V8H6C4.9 8 4 8.89 4 10V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M9 6C9 4.34 10.34 3 12 3S15 4.34 15 6V8H9V6M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13C13.1 13 14 13.89 14 15C14 16.11 13.11 17 12 17M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-question.svg
new file mode 100644
index 00000000..7e7712ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-question" viewBox="0 0 24 24"><path d="M12,1A5,5 0 0,0 7,6V8H6A2,2 0 0,0 4,10V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V10A2,2 0 0,0 18,8H17V6A5,5 0 0,0 12,1M12,2.9C13.71,2.9 15.1,4.29 15.1,6V8H8.9V6C8.9,4.29 10.29,2.9 12,2.9M12.19,10.5C13.13,10.5 13.88,10.71 14.42,11.12C14.96,11.54 15.23,12.1 15.23,12.8C15.23,13.24 15.08,13.63 14.79,14C14.5,14.36 14.12,14.64 13.66,14.85C13.4,15 13.23,15.15 13.14,15.32C13.05,15.5 13,15.72 13,16H11C11,15.5 11.1,15.16 11.29,14.92C11.5,14.68 11.84,14.4 12.36,14.08C12.62,13.94 12.83,13.76 13,13.54C13.14,13.33 13.22,13.08 13.22,12.8C13.22,12.5 13.13,12.28 12.95,12.11C12.77,11.93 12.5,11.85 12.19,11.85C11.92,11.85 11.7,11.92 11.5,12.06C11.34,12.2 11.24,12.41 11.24,12.69H9.27C9.22,12 9.5,11.4 10.05,11.04C10.59,10.68 11.3,10.5 12.19,10.5M11,17H13V19H11V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove-outline.svg
new file mode 100644
index 00000000..5911522c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-remove-outline" viewBox="0 0 24 24"><path d="M14 15C14 16.11 13.11 17 12 17C10.89 17 10 16.1 10 15C10 13.89 10.89 13 12 13C13.11 13 14 13.9 14 15M13.09 20C13.21 20.72 13.46 21.39 13.81 22H6C4.89 22 4 21.1 4 20V10C4 8.89 4.89 8 6 8H7V6C7 3.24 9.24 1 12 1S17 3.24 17 6V8H18C19.11 8 20 8.9 20 10V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V10H6V20H13.09M9 8H15V6C15 4.34 13.66 3 12 3S9 4.34 9 6V8M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove.svg
new file mode 100644
index 00000000..722f27e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-remove" viewBox="0 0 24 24"><path d="M19 13C19.34 13 19.67 13.04 20 13.09V10C20 8.9 19.11 8 18 8H17V6C17 3.24 14.76 1 12 1S7 3.24 7 6V8H6C4.9 8 4 8.89 4 10V20C4 21.11 4.89 22 6 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M9 6C9 4.34 10.34 3 12 3S15 4.34 15 6V8H9V6M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13C13.1 13 14 13.89 14 15C14 16.11 13.11 17 12 17M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-reset.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-reset.svg
new file mode 100644
index 00000000..54d7fd79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-reset.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-reset" viewBox="0 0 24 24"><path d="M12.63,2C18.16,2 22.64,6.5 22.64,12C22.64,17.5 18.16,22 12.63,22C9.12,22 6.05,20.18 4.26,17.43L5.84,16.18C7.25,18.47 9.76,20 12.64,20A8,8 0 0,0 20.64,12A8,8 0 0,0 12.64,4C8.56,4 5.2,7.06 4.71,11H7.47L3.73,14.73L0,11H2.69C3.19,5.95 7.45,2 12.63,2M15.59,10.24C16.09,10.25 16.5,10.65 16.5,11.16V15.77C16.5,16.27 16.09,16.69 15.58,16.69H10.05C9.54,16.69 9.13,16.27 9.13,15.77V11.16C9.13,10.65 9.54,10.25 10.04,10.24V9.23C10.04,7.7 11.29,6.46 12.81,6.46C14.34,6.46 15.59,7.7 15.59,9.23V10.24M12.81,7.86C12.06,7.86 11.44,8.47 11.44,9.23V10.24H14.19V9.23C14.19,8.47 13.57,7.86 12.81,7.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock-smart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock-smart.svg
new file mode 100644
index 00000000..686b39a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock-smart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock-smart" viewBox="0 0 24 24"><path d="M12,2A6,6 0 0,0 6,8V16A6,6 0 0,0 12,22A6,6 0 0,0 18,16V8A6,6 0 0,0 12,2M8,6H10V8H8V6M11,6H13V8H11V6M14,6H16V8H14V6M8,9H10V11H8V9M11,9H13V11H11V9M14,9H16V11H14V9M8,12H10V14H8V12M11,12H13V14H11V12M14,12H16V14H14V12M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lock.svg
new file mode 100644
index 00000000..c57e1093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lock" viewBox="0 0 24 24"><path d="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/locker-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/locker-multiple.svg
new file mode 100644
index 00000000..901c6419
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/locker-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-locker-multiple" viewBox="0 0 24 24"><path d="M3,2H21A2,2 0 0,1 23,4V20A2,2 0 0,1 21,22H3A2,2 0 0,1 1,20V4A2,2 0 0,1 3,2M13,4V20H21V4H13M3,4V20H11V4H3M5,13H7V17H5V13M5,6H9V7.5H5V6M5,9H9V10.5H5V9M15,13H17V17H15V13M15,6H19V7.5H15V6M15,9H19V10.5H15V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/locker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/locker.svg
new file mode 100644
index 00000000..e94a67f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/locker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-locker" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,4V20H16V4H8M10,13H12V17H10V13M10,6H14V7.5H10V6M10,9H14V10.5H10V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/login-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/login-variant.svg
new file mode 100644
index 00000000..245c9e09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/login-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-login-variant" viewBox="0 0 24 24"><path d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/login.svg b/apps/phoenix_webcomponent/priv/mdi/svg/login.svg
new file mode 100644
index 00000000..7cf59a46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/login.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-login" viewBox="0 0 24 24"><path d="M10,17V14H3V10H10V7L15,12L10,17M10,2H19A2,2 0 0,1 21,4V20A2,2 0 0,1 19,22H10A2,2 0 0,1 8,20V18H10V20H19V4H10V6H8V4A2,2 0 0,1 10,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/logout-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/logout-variant.svg
new file mode 100644
index 00000000..e4fa9b23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/logout-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-logout-variant" viewBox="0 0 24 24"><path d="M14.08,15.59L16.67,13H7V11H16.67L14.08,8.41L15.5,7L20.5,12L15.5,17L14.08,15.59M19,3A2,2 0 0,1 21,5V9.67L19,7.67V5H5V19H19V16.33L21,14.33V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/logout.svg b/apps/phoenix_webcomponent/priv/mdi/svg/logout.svg
new file mode 100644
index 00000000..9ec11eb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/logout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-logout" viewBox="0 0 24 24"><path d="M16,17V14H9V10H16V7L21,12L16,17M14,2A2,2 0 0,1 16,4V6H14V4H5V20H14V18H16V20A2,2 0 0,1 14,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/longitude.svg b/apps/phoenix_webcomponent/priv/mdi/svg/longitude.svg
new file mode 100644
index 00000000..16c09fe6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/longitude.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-longitude" viewBox="0 0 24 24"><path d="M12 2A10 10 0 1 0 22 12A10.03 10.03 0 0 0 12 2M9.4 19.6A8.05 8.05 0 0 1 9.4 4.4A16.45 16.45 0 0 0 7.5 12A16.45 16.45 0 0 0 9.4 19.6M12 20A13.81 13.81 0 0 1 9.5 12A13.81 13.81 0 0 1 12 4A13.81 13.81 0 0 1 14.5 12A13.81 13.81 0 0 1 12 20M14.6 19.6A16.15 16.15 0 0 0 14.6 4.4A8.03 8.03 0 0 1 20 12A7.9 7.9 0 0 1 14.6 19.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/looks.svg b/apps/phoenix_webcomponent/priv/mdi/svg/looks.svg
new file mode 100644
index 00000000..aa36d3c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/looks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-looks" viewBox="0 0 24 24"><path d="M12,6A11,11 0 0,0 1,17H3C3,12.04 7.04,8 12,8C16.96,8 21,12.04 21,17H23A11,11 0 0,0 12,6M12,10C8.14,10 5,13.14 5,17H7A5,5 0 0,1 12,12A5,5 0 0,1 17,17H19C19,13.14 15.86,10 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lotion-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-outline.svg
new file mode 100644
index 00000000..dc46e67b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lotion-outline" viewBox="0 0 24 24"><path d="M15.5 6.5C15.5 5.66 17 4 17 4S18.5 5.66 18.5 6.5C18.5 7.33 17.83 8 17 8S15.5 7.33 15.5 6.5M19.5 15C20.88 15 22 13.88 22 12.5C22 10.83 19.5 8 19.5 8S17 10.83 17 12.5C17 13.88 18.12 15 19.5 15M16 12V20C16 21.1 15.1 22 14 22H6C4.9 22 4 21.1 4 20V12C4 9.03 6.16 6.57 9 6.09V4H7V2H13C14.13 2 15.15 2.39 16 3L14.56 4.44C14.1 4.17 13.57 4 13 4H11V6.09C13.84 6.57 16 9.03 16 12M14 12C14 9.79 12.21 8 10 8S6 9.79 6 12V20H14V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus-outline.svg
new file mode 100644
index 00000000..fa7874c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lotion-plus-outline" viewBox="0 0 24 24"><path d="M15.5 6.5C15.5 5.66 17 4 17 4S18.5 5.66 18.5 6.5C18.5 7.33 17.83 8 17 8S15.5 7.33 15.5 6.5M19.5 15C20.88 15 22 13.88 22 12.5C22 10.83 19.5 8 19.5 8S17 10.83 17 12.5C17 13.88 18.12 15 19.5 15M13 14H11V12H9V14H7V16H9V18H11V16H13V14M16 12V20C16 21.1 15.1 22 14 22H6C4.9 22 4 21.1 4 20V12C4 9.03 6.16 6.57 9 6.09V4H7V2H13C14.13 2 15.15 2.39 16 3L14.56 4.44C14.1 4.17 13.57 4 13 4H11V6.09C13.84 6.57 16 9.03 16 12M14 12C14 9.79 12.21 8 10 8S6 9.79 6 12V20H14V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus.svg
new file mode 100644
index 00000000..b5a38d7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lotion-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lotion-plus" viewBox="0 0 24 24"><path d="M15.5 6.5C15.5 5.66 17 4 17 4S18.5 5.66 18.5 6.5C18.5 7.33 17.83 8 17 8S15.5 7.33 15.5 6.5M19.5 15C20.88 15 22 13.88 22 12.5C22 10.83 19.5 8 19.5 8S17 10.83 17 12.5C17 13.88 18.12 15 19.5 15M13 14H11V12H9V14H7V16H9V18H11V16H13V14M16 12V22H4V12C4 9.03 6.16 6.57 9 6.09V4H7V2H13C14.13 2 15.15 2.39 16 3L14.56 4.44C14.1 4.17 13.57 4 13 4H11V6.09C13.84 6.57 16 9.03 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lotion.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lotion.svg
new file mode 100644
index 00000000..9e4fc31d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lotion.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lotion" viewBox="0 0 24 24"><path d="M15.5 6.5C15.5 5.66 17 4 17 4S18.5 5.66 18.5 6.5C18.5 7.33 17.83 8 17 8S15.5 7.33 15.5 6.5M19.5 15C20.88 15 22 13.88 22 12.5C22 10.83 19.5 8 19.5 8S17 10.83 17 12.5C17 13.88 18.12 15 19.5 15M16 12V22H4V12C4 9.03 6.16 6.57 9 6.09V4H7V2H13C14.13 2 15.15 2.39 16 3L14.56 4.44C14.1 4.17 13.57 4 13 4H11V6.09C13.84 6.57 16 9.03 16 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/loupe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/loupe.svg
new file mode 100644
index 00000000..c2da80fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/loupe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-loupe" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22H20A2,2 0 0,0 22,20V12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lumx.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lumx.svg
new file mode 100644
index 00000000..fcbfc54f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lumx.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lumx" viewBox="0 0 24 24"><path d="M12.35,1.75L20.13,9.53L13.77,15.89L12.35,14.47L17.3,9.53L10.94,3.16L12.35,1.75M15.89,9.53L14.47,10.94L10.23,6.7L5.28,11.65L3.87,10.23L10.23,3.87L15.89,9.53M10.23,8.11L11.65,9.53L6.7,14.47L13.06,20.84L11.65,22.25L3.87,14.47L10.23,8.11M8.11,14.47L9.53,13.06L13.77,17.3L18.72,12.35L20.13,13.77L13.77,20.13L8.11,14.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/lungs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/lungs.svg
new file mode 100644
index 00000000..10caf5de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/lungs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-lungs" viewBox="0 0 24 24"><path d="M15.47 3.11C15 2.85 14.37 3.05 14.11 3.54C14.04 3.68 14 3.84 14 4V6.59L13.29 5.88C13.1 5.69 13 5.44 13 5.18V1H11V5.17C11 5.44 10.9 5.69 10.71 5.88L10 6.59V4C10 3.44 9.54 3 9 3C8.83 3 8.67 3.04 8.53 3.11C4.72 5 2 9.97 2 15.77C2 17.67 2.33 19.55 3 21.32C3.19 21.85 3.76 22.13 4.29 21.94C4.34 21.92 4.39 21.9 4.44 21.87L9.5 19.07C9.81 18.9 10 18.56 10 18.19V9.41L11.3 8.12C11.69 7.73 12.32 7.73 12.71 8.12L14 9.42V18.2C14 18.56 14.21 18.9 14.5 19.08L19.58 21.88C20.07 22.14 20.68 21.96 20.94 21.46C20.96 21.42 21 21.37 21 21.32C21.67 19.55 22 17.67 22 15.77C22 9.97 19.29 5 15.47 3.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mace.svg
new file mode 100644
index 00000000..2e5cdf96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mace" viewBox="0 0 24 24"><path d="M19.92 9.27C19.97 9 20 8.76 20 8.5S19.97 8 19.92 7.73L23 8.5L19.92 9.27M14.69 12.92L15.5 16.16L16.31 12.92C16.05 12.97 15.78 13 15.5 13S14.95 12.97 14.69 12.92M11.7 10.89L6.79 15.79L6.09 15.09L1 20.17L3.83 23L8.91 17.91L8.21 17.21L13.11 12.3C12.54 11.94 12.06 11.46 11.7 10.89M16.27 4.08L15.5 1L14.73 4.08C15 4.03 15.24 4 15.5 4S16 4.03 16.27 4.08M8 8.5L11.08 9.27C11.03 9 11 8.76 11 8.5S11.03 8 11.08 7.73L8 8.5M18.63 10.04C18.86 9.58 19 9.06 19 8.5S18.86 7.42 18.63 6.96L21 3L17.04 5.37C16.58 5.14 16.06 5 15.5 5S14.42 5.14 13.96 5.37L10 3L12.37 6.96C12.14 7.42 12 7.94 12 8.5C12 10.43 13.57 12 15.5 12C16.06 12 16.58 11.86 17.04 11.63L21 14L18.63 10.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magazine-pistol.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magazine-pistol.svg
new file mode 100644
index 00000000..4da3de4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magazine-pistol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magazine-pistol" viewBox="0 0 24 24"><path d="M14 1L12 3H7L9 21H8V23H18V21L16 1M9 5H12L12.24 7H9.24M9.47 9H12.47L12.71 11H9.71M9.94 13H12.94L13.18 15H10.18M10.41 17H13.41L13.65 19H10.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magazine-rifle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magazine-rifle.svg
new file mode 100644
index 00000000..0d2a64e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magazine-rifle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magazine-rifle" viewBox="0 0 24 24"><path d="M7 1V3H8V13L5 19L14 23L18 13V3H19V1M10 3H16V5H11.88V13.45L9.6 18.14L8 17.5L10 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magic-staff.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magic-staff.svg
new file mode 100644
index 00000000..da335c62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magic-staff.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magic-staff" viewBox="0 0 24 24"><path d="M17.5 9C16.12 9 15 7.88 15 6.5S16.12 4 17.5 4 20 5.12 20 6.5 18.88 9 17.5 9M14.43 8.15L2 20.59L3.41 22L15.85 9.57C15.25 9.24 14.76 8.75 14.43 8.15M13 5L13.63 3.63L15 3L13.63 2.37L13 1L12.38 2.37L11 3L12.38 3.63L13 5M21 5L21.63 3.63L23 3L21.63 2.37L21 1L20.38 2.37L19 3L20.38 3.63L21 5M21 9L20.38 10.37L19 11L20.38 11.63L21 13L21.63 11.63L23 11L21.63 10.37L21 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnet-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnet-on.svg
new file mode 100644
index 00000000..0968dd70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnet-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnet-on" viewBox="0 0 24 24"><path d="M3,7V13A9,9 0 0,0 12,22A9,9 0 0,0 21,13V7H17V13A5,5 0 0,1 12,18A5,5 0 0,1 7,13V7M17,5H21V2H17M3,5H7V2H3M13,1.5L9,9H11V14.5L15,7H13V1.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnet.svg
new file mode 100644
index 00000000..d6df72b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnet" viewBox="0 0 24 24"><path d="M3,7V13A9,9 0 0,0 12,22A9,9 0 0,0 21,13V7H17V13A5,5 0 0,1 12,18A5,5 0 0,1 7,13V7M17,5H21V2H17M3,5H7V2H3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-close.svg
new file mode 100644
index 00000000..e5887509
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-close" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.5 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.5,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M11.12,5.46L9,7.59L6.88,5.46L5.46,6.88L7.59,9L5.46,11.12L6.88,12.54L9,10.41L11.12,12.54L12.54,11.12L10.41,9L12.54,6.88L11.12,5.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-expand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-expand.svg
new file mode 100644
index 00000000..42227af9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-expand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-expand" viewBox="0 0 24 24"><path d="M18 16H17.42L16.61 15.19C17.5 14 18 12.5 18 11C18 7.13 14.87 4 11 4C9.5 4 8 4.5 6.79 5.4C3.7 7.72 3.07 12.11 5.39 15.2C7.71 18.29 12.1 18.92 15.19 16.6L16 17.41V18L21 23L23 21L18 16M11 16C8.24 16 6 13.76 6 11S8.24 6 11 6 16 8.24 16 11 13.76 16 11 16M3 6L1 8V1H8L6 3H3V6M21 1V8L19 6V3H16L14 1H21M6 19L8 21H1V14L3 16V19H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-cursor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-cursor.svg
new file mode 100644
index 00000000..6f505c86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-cursor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-minus-cursor" viewBox="0 0 24 24"><path d="M11,4A7,7 0 0,1 18,11C18,12.5 17.5,14 16.61,15.19L17.42,16H18L23,21L21,23L16,18V17.41L15.19,16.6C12.1,18.92 7.71,18.29 5.39,15.2C3.07,12.11 3.7,7.72 6.79,5.4C8,4.5 9.5,4 11,4M7,10V12H15V10H7M1,1V8L8,1H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-outline.svg
new file mode 100644
index 00000000..e2bfbe02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-minus-outline" viewBox="0 0 24 24"><path d="M15.5,14H14.71L14.43,13.73C15.41,12.59 16,11.11 16,9.5A6.5,6.5 0 0,0 9.5,3A6.5,6.5 0 0,0 3,9.5A6.5,6.5 0 0,0 9.5,16C11.11,16 12.59,15.41 13.73,14.43L14,14.71V15.5L19,20.5L20.5,19L15.5,14M9.5,14C7,14 5,12 5,9.5C5,7 7,5 9.5,5C12,5 14,7 14,9.5C14,12 12,14 9.5,14M7,9H12V10H7V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus.svg
new file mode 100644
index 00000000..df4786c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-minus" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M5,8V10H13V8H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-cursor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-cursor.svg
new file mode 100644
index 00000000..0c44cb57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-cursor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-plus-cursor" viewBox="0 0 24 24"><path d="M11,4A7,7 0 0,1 18,11C18,12.5 17.5,14 16.61,15.19L17.42,16H18L23,21L21,23L16,18V17.41L15.19,16.6C12.1,18.92 7.71,18.29 5.39,15.2C3.07,12.11 3.7,7.72 6.79,5.4C8,4.5 9.5,4 11,4M10,7V10H7V12H10V15H12V12H15V10H12V7H10M1,1V8L8,1H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-outline.svg
new file mode 100644
index 00000000..1bc1527a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-plus-outline" viewBox="0 0 24 24"><path d="M15.5,14L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5M9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14M12,10H10V12H9V10H7V9H9V7H10V9H12V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus.svg
new file mode 100644
index 00000000..b196cb5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-plus" viewBox="0 0 24 24"><path d="M9,2A7,7 0 0,1 16,9C16,10.57 15.5,12 14.61,13.19L15.41,14H16L22,20L20,22L14,16V15.41L13.19,14.61C12,15.5 10.57,16 9,16A7,7 0 0,1 2,9A7,7 0 0,1 9,2M8,5V8H5V10H8V13H10V10H13V8H10V5H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-cursor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-cursor.svg
new file mode 100644
index 00000000..012fe5d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-cursor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-remove-cursor" viewBox="0 0 24 24"><path d="M1 1V8L8 1H1M18 16H17.42L16.61 15.19C17.5 14 18 12.5 18 11C18 7.13 14.87 4 11 4C9.5 4 8 4.5 6.79 5.4C3.7 7.72 3.07 12.11 5.39 15.2C7.71 18.29 12.1 18.92 15.19 16.6L16 17.41V18L21 23L23 21L18 16M14.6 13.16L13.18 14.58L11.06 12.45L8.94 14.58L7.5 13.16L9.65 11.04L7.5 8.92L8.94 7.5L11.06 9.63L13.18 7.5L14.6 8.92L12.47 11.04L14.6 13.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-outline.svg
new file mode 100644
index 00000000..cef2712e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-remove-outline" viewBox="0 0 24 24"><path d="M15.5 14H14.71L14.43 13.73C15.41 12.59 16 11.11 16 9.5C16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16C11.11 16 12.59 15.41 13.73 14.43L14 14.71V15.5L19 20.5L20.5 19L15.5 14M9.5 14C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M10.91 11.62L9.5 10.21L8.09 11.62L7.38 10.91L8.79 9.5L7.38 8.09L8.09 7.38L9.5 8.79L10.91 7.38L11.62 8.09L10.21 9.5L11.62 10.91L10.91 11.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-scan.svg
new file mode 100644
index 00000000..4616370c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify-scan" viewBox="0 0 24 24"><path d="M17 22V20H20V17H22V20.5C22 20.89 21.84 21.24 21.54 21.54C21.24 21.84 20.89 22 20.5 22H17M7 22H3.5C3.11 22 2.76 21.84 2.46 21.54C2.16 21.24 2 20.89 2 20.5V17H4V20H7V22M17 2H20.5C20.89 2 21.24 2.16 21.54 2.46C21.84 2.76 22 3.11 22 3.5V7H20V4H17V2M7 2V4H4V7H2V3.5C2 3.11 2.16 2.76 2.46 2.46C2.76 2.16 3.11 2 3.5 2H7M10.5 6C13 6 15 8 15 10.5C15 11.38 14.75 12.2 14.31 12.9L17.57 16.16L16.16 17.57L12.9 14.31C12.2 14.75 11.38 15 10.5 15C8 15 6 13 6 10.5C6 8 8 6 10.5 6M10.5 8C9.12 8 8 9.12 8 10.5C8 11.88 9.12 13 10.5 13C11.88 13 13 11.88 13 10.5C13 9.12 11.88 8 10.5 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/magnify.svg b/apps/phoenix_webcomponent/priv/mdi/svg/magnify.svg
new file mode 100644
index 00000000..45e15c5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/magnify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mail.svg
new file mode 100644
index 00000000..9ca186ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mail" viewBox="0 0 24 24"><path d="M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M17,17H7V15H17M17,13H7V11H17M20,9H17V6H20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-outline.svg
new file mode 100644
index 00000000..627611ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-open-outline" viewBox="0 0 24 24"><path d="M14,11H20V15H18V13H14V11M18,4H8A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4M11,18H5V9A3,3 0 0,1 8,6A3,3 0 0,1 11,9V18M21,18H13V9C13,7.92 12.65,6.86 12,6H18A3,3 0 0,1 21,9V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up-outline.svg
new file mode 100644
index 00000000..c60a8b14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-open-up-outline" viewBox="0 0 24 24"><path d="M14,12.85V6.85H18V8.85H16V12.85H14M18,3.85H8A5,5 0 0,0 3,8.85V17.85H1V19.85H21A2,2 0 0,0 23,17.85V8.85A5,5 0 0,0 18,3.85M11,17.85H5V8.85A3,3 0 0,1 8,5.85A3,3 0 0,1 11,8.85V17.85M21,17.85H13V8.85C13,7.76 12.65,6.71 12,5.85H18A3,3 0 0,1 21,8.85V17.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up.svg
new file mode 100644
index 00000000..ed8f22e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-open-up" viewBox="0 0 24 24"><path d="M8,4A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4H8M8,6A3,3 0 0,1 11,9V18H5V9A3,3 0 0,1 8,6M13,13V7H17V9H15V13H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open.svg
new file mode 100644
index 00000000..58488e79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-open" viewBox="0 0 24 24"><path d="M8,4A5,5 0 0,0 3,9V18H1V20H21A2,2 0 0,0 23,18V9A5,5 0 0,0 18,4H8M8,6A3,3 0 0,1 11,9V18H5V9A3,3 0 0,1 8,6M14,11H20V15H18V13H14V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-outline.svg
new file mode 100644
index 00000000..2e184a24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-outline" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M20,18H12V9C12,7.92 11.65,6.86 11,6H17A3,3 0 0,1 20,9V18M13,11V13H17V15H19V11H13M9,11H5V9H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up-outline.svg
new file mode 100644
index 00000000..632caebc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-up-outline" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M20,18H12V9C12,7.92 11.65,6.86 11,6H17A3,3 0 0,1 20,9V18M13,13H15V9H17V7H13V13M9,11H5V9H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up.svg
new file mode 100644
index 00000000..63ebf6eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox-up" viewBox="0 0 24 24"><path d="M5,9H9V11H5V9M22,9V18A2,2 0 0,1 20,20H2V9A5,5 0 0,1 7,4H17A5,5 0 0,1 22,9M10,9A3,3 0 0,0 7,6A3,3 0 0,0 4,9V18H10V9M16,7H12V13H14V9H16V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mailbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox.svg
new file mode 100644
index 00000000..c0984d53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mailbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mailbox" viewBox="0 0 24 24"><path d="M17,4H7A5,5 0 0,0 2,9V20H20A2,2 0 0,0 22,18V9A5,5 0 0,0 17,4M10,18H4V9A3,3 0 0,1 7,6A3,3 0 0,1 10,9V18M19,15H17V13H13V11H19V15M9,11H5V9H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/manjaro.svg b/apps/phoenix_webcomponent/priv/mdi/svg/manjaro.svg
new file mode 100644
index 00000000..e1733966
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/manjaro.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-manjaro" viewBox="0 0 24 24"><path d="M2 2V22H7.6V7.6H14.8V2H2M9.2 9.2V22H14.8V9.2H9.2M16.4 2V22H22V2H16.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-check-outline.svg
new file mode 100644
index 00000000..6fc92537
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-check-outline" viewBox="0 0 24 24"><path d="M18.25,22L15.5,19L16.66,17.82L18.25,19.41L21.84,15.82L23,17.23L18.25,22M20.5,3A0.5,0.5 0 0,1 21,3.5V13.34C20.37,13.12 19.7,13 19,13V5.7L16,6.86V13.8C15.2,14.27 14.5,14.91 14,15.68V6.87L10,5.47V17.13L13.05,18.2L13,19C13,19.46 13.05,19.92 13.15,20.35L9,18.9L3.66,20.97L3.5,21A0.5,0.5 0 0,1 3,20.5V5.38C3,5.15 3.15,4.97 3.36,4.9L9,3L15,5.1L20.34,3.03L20.5,3M5,6.46V18.31L8,17.15V5.45L5,6.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-check.svg
new file mode 100644
index 00000000..76633612
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-check" viewBox="0 0 24 24"><path d="M18.25,22L15.5,19L16.66,17.82L18.25,19.41L21.84,15.82L23,17.23M20.5,3A0.5,0.5 0 0,1 21,3.5V13.36C20.36,13.13 19.69,13 19,13C17.46,13 16.06,13.6 15,14.56V7.1L9,5V16.9L13.04,18.3C13,18.54 13,18.77 13,19C13,19.46 13.06,19.92 13.16,20.36L9,18.9L3.66,20.97C3.59,21 3.55,21 3.5,21A0.5,0.5 0 0,1 3,20.5V5.38C3,5.15 3.16,4.97 3.35,4.9L9,3L15,5.1L20.33,3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-clock-outline.svg
new file mode 100644
index 00000000..471af4a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-clock-outline" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M16,9C16.69,9 17.37,9.1 18,9.29V4.7L15,5.86V9.07C15.33,9 15.66,9 16,9M23,16A7,7 0 0,1 16,23C13,23 10.4,21.08 9.42,18.4L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2.03L19.5,2A0.5,0.5 0 0,1 20,2.5V10.25C21.81,11.5 23,13.62 23,16M9,16C9,13.21 10.63,10.8 13,9.67V5.87L9,4.47V16.13H9C9,16.09 9,16.04 9,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11M4,5.46V17.31L7,16.15V4.45L4,5.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-clock.svg
new file mode 100644
index 00000000..6db0bca6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-clock" viewBox="0 0 24 24"><path d="M15,12H16.5V16.25L19.36,17.94L18.61,19.16L15,17V12M23,16A7,7 0 0,1 16,23C13,23 10.4,21.08 9.42,18.4L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2H19.5A0.5,0.5 0 0,1 20,2.5V10.25C21.81,11.5 23,13.62 23,16M9,16C9,12.83 11.11,10.15 14,9.29V6.11L8,4V15.89L9,16.24C9,16.16 9,16.08 9,16M16,11A5,5 0 0,0 11,16A5,5 0 0,0 16,21A5,5 0 0,0 21,16A5,5 0 0,0 16,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-legend.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-legend.svg
new file mode 100644
index 00000000..a456831c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-legend.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-legend" viewBox="0 0 24 24"><path d="M9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3L20.34,3.03L15,5.1L9,3M8,5.45V17.15L5,18.31V6.46L8,5.45M10,5.47L14,6.87V18.53L10,17.13V5.47M19,5.7V17.54L16,18.55V6.86L19,5.7M7.46,6.3L5.57,6.97V9.12L7.46,8.45V6.3M7.46,9.05L5.57,9.72V11.87L7.46,11.2V9.05M7.46,11.8L5.57,12.47V14.62L7.46,13.95V11.8M7.46,14.55L5.57,15.22V17.37L7.46,16.7V14.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account-outline.svg
new file mode 100644
index 00000000..07b53935
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-account-outline" viewBox="0 0 24 24"><path d="M12 4C14.8 4 17 6.2 17 9C17 11.9 14.1 16.2 12 18.9C9.9 16.2 7 11.9 7 9C7 6.2 9.2 4 12 4M12 2C8.1 2 5 5.1 5 9C5 14.2 12 22 12 22S19 14.2 19 9C19 5.1 15.9 2 12 2M12 10C13.33 10 16 10.67 16 12V12.16C15.03 13.28 13.6 14 12 14S8.97 13.28 8 12.16V12C8 10.67 10.67 10 12 10M12 9C10.9 9 10 8.1 10 7S10.9 5 12 5 14 5.9 14 7 13.1 9 12 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account.svg
new file mode 100644
index 00000000..8a002b80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-account" viewBox="0 0 24 24"><path d="M12 2C8.14 2 5 5.14 5 9C5 14.25 12 22 12 22S19 14.25 19 9C19 5.14 15.86 2 12 2M12 4C13.1 4 14 4.9 14 6C14 7.11 13.1 8 12 8S10 7.11 10 6C10 4.9 10.9 4 12 4M12 14C10.33 14 8.86 13.15 8 11.85C8 10.53 10.67 9.8 12 9.8S16 10.53 16 11.85C15.14 13.15 13.67 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert-outline.svg
new file mode 100644
index 00000000..4d4bfc02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-alert-outline" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9C7,10 7,12 12,18.71C17,12 17,10 17,9A5,5 0 0,0 12,4M11,6H13V11H11V6M11,13H13V15H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert.svg
new file mode 100644
index 00000000..c4c83b3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-alert" viewBox="0 0 24 24"><path d="M12 2C15.9 2 19 5.1 19 9C19 14.2 12 22 12 22S5 14.2 5 9C5 5.1 8.1 2 12 2M11 6V12H13V6H11M11 14V16H13V14H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check-outline.svg
new file mode 100644
index 00000000..689b7234
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-check-outline" viewBox="0 0 24 24"><path d="M12 4C14.8 4 17 6.2 17 9C17 11.9 14.1 16.2 12 18.9C9.9 16.2 7 11.9 7 9C7 6.2 9.2 4 12 4M12 2C8.1 2 5 5.1 5 9C5 14.2 12 22 12 22S19 14.2 19 9C19 5.1 15.9 2 12 2M11.3 14L16.2 9L14.8 7.6L11.3 11.2L9.7 9.6L8.3 11L11.3 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check.svg
new file mode 100644
index 00000000..1e27c392
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-check" viewBox="0 0 24 24"><path d="M12,2C15.86,2 19,5.14 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9C5,5.14 8.14,2 12,2M10.47,14L17,7.41L15.6,6L10.47,11.18L8.4,9.09L7,10.5L10.47,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-circle.svg
new file mode 100644
index 00000000..e3e5c445
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-circle" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,12.5A1.5,1.5 0 0,1 10.5,11A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 13.5,11A1.5,1.5 0 0,1 12,12.5M12,7.2C9.9,7.2 8.2,8.9 8.2,11C8.2,14 12,17.5 12,17.5C12,17.5 15.8,14 15.8,11C15.8,8.9 14.1,7.2 12,7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-distance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-distance.svg
new file mode 100644
index 00000000..ea5489a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-distance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-distance" viewBox="0 0 24 24"><path d="M6.5,8.11C5.61,8.11 4.89,7.39 4.89,6.5A1.61,1.61 0 0,1 6.5,4.89C7.39,4.89 8.11,5.61 8.11,6.5V6.5A1.61,1.61 0 0,1 6.5,8.11M6.5,2C4,2 2,4 2,6.5C2,9.87 6.5,14.86 6.5,14.86C6.5,14.86 11,9.87 11,6.5C11,4 9,2 6.5,2M17.5,8.11A1.61,1.61 0 0,1 15.89,6.5C15.89,5.61 16.61,4.89 17.5,4.89C18.39,4.89 19.11,5.61 19.11,6.5A1.61,1.61 0 0,1 17.5,8.11M17.5,2C15,2 13,4 13,6.5C13,9.87 17.5,14.86 17.5,14.86C17.5,14.86 22,9.87 22,6.5C22,4 20,2 17.5,2M17.5,16C16.23,16 15.1,16.8 14.68,18H9.32C8.77,16.44 7.05,15.62 5.5,16.17C3.93,16.72 3.11,18.44 3.66,20C4.22,21.56 5.93,22.38 7.5,21.83C8.35,21.53 9,20.85 9.32,20H14.69C15.24,21.56 16.96,22.38 18.5,21.83C20.08,21.28 20.9,19.56 20.35,18C19.92,16.8 18.78,16 17.5,16V16M17.5,20.5A1.5,1.5 0 0,1 16,19A1.5,1.5 0 0,1 17.5,17.5A1.5,1.5 0 0,1 19,19A1.5,1.5 0 0,1 17.5,20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-down.svg
new file mode 100644
index 00000000..ba400398
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-down" viewBox="0 0 24 24"><path d="M12 2A7 7 0 0 0 5 9C5 14.25 12 22 12 22S19 14.25 19 9A7 7 0 0 0 12 2M7.5 10H10V5H14V10H16.5L12 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left-outline.svg
new file mode 100644
index 00000000..129a17f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-left-outline" viewBox="0 0 24 24"><path d="M15 6.5C16.38 6.5 17.5 7.62 17.5 9S16.38 11.5 15 11.5 12.5 10.38 12.5 9 13.62 6.5 15 6.5M15 2C18.87 2 22 5.13 22 9C22 14.25 15 22 15 22S8 14.25 8 9C8 5.13 11.13 2 15 2M10 9C10 10 10 12 15 18.71C20 12 20 10 20 9C20 6.24 17.76 4 15 4S10 6.24 10 9M6 7L1 12L6 17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left.svg
new file mode 100644
index 00000000..63f7bb89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-left" viewBox="0 0 24 24"><path d="M15 11.5C13.62 11.5 12.5 10.38 12.5 9S13.62 6.5 15 6.5 17.5 7.62 17.5 9 16.38 11.5 15 11.5M8 9C8 14.25 15 22 15 22S22 14.25 22 9C22 5.13 18.87 2 15 2S8 5.13 8 9M6 7L1 12L6 17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus-outline.svg
new file mode 100644
index 00000000..b62ba1d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-minus-outline" viewBox="0 0 24 24"><path d="M15 17H23V19H15V17M9 6.5C10.4 6.5 11.5 7.6 11.5 9S10.4 11.5 9 11.5 6.5 10.4 6.5 9 7.6 6.5 9 6.5M9 2C12.9 2 16 5.1 16 9C16 14.2 9 22 9 22S2 14.2 2 9C2 5.1 5.1 2 9 2M9 4C6.2 4 4 6.2 4 9C4 10 4 12 9 18.7C14 12 14 10 14 9C14 6.2 11.8 4 9 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus.svg
new file mode 100644
index 00000000..9dac157c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-minus" viewBox="0 0 24 24"><path d="M9,11.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 9,6.5A2.5,2.5 0 0,0 6.5,9A2.5,2.5 0 0,0 9,11.5M9,2C12.86,2 16,5.13 16,9C16,14.25 9,22 9,22C9,22 2,14.25 2,9A7,7 0 0,1 9,2M15,17H23V19H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple-outline.svg
new file mode 100644
index 00000000..af762882
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-multiple-outline" viewBox="0 0 24 24"><path d="M11.5 9C11.5 7.62 12.62 6.5 14 6.5C15.1 6.5 16.03 7.21 16.37 8.19C16.45 8.45 16.5 8.72 16.5 9C16.5 10.38 15.38 11.5 14 11.5C12.91 11.5 12 10.81 11.64 9.84C11.55 9.58 11.5 9.29 11.5 9M5 9C5 13.5 10.08 19.66 11 20.81L10 22C10 22 3 14.25 3 9C3 5.83 5.11 3.15 8 2.29C6.16 3.94 5 6.33 5 9M14 2C17.86 2 21 5.13 21 9C21 14.25 14 22 14 22C14 22 7 14.25 7 9C7 5.13 10.14 2 14 2M14 4C11.24 4 9 6.24 9 9C9 10 9 12 14 18.71C19 12 19 10 19 9C19 6.24 16.76 4 14 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple.svg
new file mode 100644
index 00000000..f8ded8ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-multiple" viewBox="0 0 24 24"><path d="M14,11.5A2.5,2.5 0 0,0 16.5,9A2.5,2.5 0 0,0 14,6.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 14,11.5M14,2C17.86,2 21,5.13 21,9C21,14.25 14,22 14,22C14,22 7,14.25 7,9A7,7 0 0,1 14,2M5,9C5,13.5 10.08,19.66 11,20.81L10,22C10,22 3,14.25 3,9C3,5.83 5.11,3.15 8,2.29C6.16,3.94 5,6.33 5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off-outline.svg
new file mode 100644
index 00000000..6d0b6d97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-off-outline" viewBox="0 0 24 24"><path d="M20 19.7L3.3 3L2 4.3L5.2 7.5C5.1 8 5 8.5 5 9C5 14.2 12 22 12 22S13.7 20.1 15.4 17.6L18.8 21L20 19.7M12 18.7C7.4 12.5 7 10.4 7 9.3L13.8 16.1C13.3 16.9 12.7 17.7 12 18.7M8.4 5.6L7 4.2C8.2 2.8 10 2 12 2C15.9 2 19 5.1 19 9C19 10.7 18.3 12.6 17.3 14.5L15.8 13C17 10.6 17 9.6 17 9C17 6.2 14.8 4 12 4C10.6 4 9.3 4.6 8.4 5.6M12 6.5C13.4 6.5 14.5 7.6 14.5 9C14.5 9.7 14.2 10.4 13.7 10.9L10.2 7.4C10.6 6.8 11.3 6.5 12 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off.svg
new file mode 100644
index 00000000..f97b2b77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-off" viewBox="0 0 24 24"><path d="M16.37,16.1L11.75,11.47L11.64,11.36L3.27,3L2,4.27L5.18,7.45C5.06,7.95 5,8.46 5,9C5,14.25 12,22 12,22C12,22 13.67,20.15 15.37,17.65L18.73,21L20,19.72M12,6.5A2.5,2.5 0 0,1 14.5,9C14.5,9.73 14.17,10.39 13.67,10.85L17.3,14.5C18.28,12.62 19,10.68 19,9A7,7 0 0,0 12,2C10,2 8.24,2.82 6.96,4.14L10.15,7.33C10.61,6.82 11.26,6.5 12,6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-outline.svg
new file mode 100644
index 00000000..bc889ab2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-outline" viewBox="0 0 24 24"><path d="M12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5M12,2A7,7 0 0,1 19,9C19,14.25 12,22 12,22C12,22 5,14.25 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9C7,10 7,12 12,18.71C17,12 17,10 17,9A5,5 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-path.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-path.svg
new file mode 100644
index 00000000..3eef116b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-path.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-path" viewBox="0 0 24 24"><path d="M18,15A3,3 0 0,1 21,18A3,3 0 0,1 18,21C16.69,21 15.58,20.17 15.17,19H14V17H15.17C15.58,15.83 16.69,15 18,15M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17M18,8A1.43,1.43 0 0,0 19.43,6.57C19.43,5.78 18.79,5.14 18,5.14C17.21,5.14 16.57,5.78 16.57,6.57A1.43,1.43 0 0,0 18,8M18,2.57A4,4 0 0,1 22,6.57C22,9.56 18,14 18,14C18,14 14,9.56 14,6.57A4,4 0 0,1 18,2.57M8.83,17H10V19H8.83C8.42,20.17 7.31,21 6,21A3,3 0 0,1 3,18C3,16.69 3.83,15.58 5,15.17V14H7V15.17C7.85,15.47 8.53,16.15 8.83,17M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M6,3A3,3 0 0,1 9,6C9,7.31 8.17,8.42 7,8.83V10H5V8.83C3.83,8.42 3,7.31 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M11,19V17H13V19H11M7,13H5V11H7V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus-outline.svg
new file mode 100644
index 00000000..ed00895d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-plus-outline" viewBox="0 0 24 24"><path d="M15 17H18V14H20V17H23V19H20V22H18V19H15V17M9 6.5C10.4 6.5 11.5 7.6 11.5 9S10.4 11.5 9 11.5 6.5 10.4 6.5 9 7.6 6.5 9 6.5M9 2C12.9 2 16 5.1 16 9C16 14.2 9 22 9 22S2 14.2 2 9C2 5.1 5.1 2 9 2M9 4C6.2 4 4 6.2 4 9C4 10 4 12 9 18.7C14 12 14 10 14 9C14 6.2 11.8 4 9 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus.svg
new file mode 100644
index 00000000..2469f13f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-plus" viewBox="0 0 24 24"><path d="M9,11.5A2.5,2.5 0 0,0 11.5,9A2.5,2.5 0 0,0 9,6.5A2.5,2.5 0 0,0 6.5,9A2.5,2.5 0 0,0 9,11.5M9,2C12.86,2 16,5.13 16,9C16,14.25 9,22 9,22C9,22 2,14.25 2,9A7,7 0 0,1 9,2M15,17H18V14H20V17H23V19H20V22H18V19H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question-outline.svg
new file mode 100644
index 00000000..863bcf64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-question-outline" viewBox="0 0 24 24"><path d="M12,1C7.59,1 4,4.59 4,9C4,14.57 10.96,22.34 11.26,22.67L12,23.5L12.74,22.67C13.04,22.34 20,14.57 20,9C20,4.59 16.41,1 12,1M12,20.47C9.82,17.86 6,12.54 6,9A6,6 0 0,1 12,3A6,6 0 0,1 18,9C18,12.83 13.75,18.36 12,20.47M11.13,14H12.88V15.75H11.13M12,5A3.5,3.5 0 0,0 8.5,8.5H10.25A1.75,1.75 0 0,1 12,6.75A1.75,1.75 0 0,1 13.75,8.5C13.75,10.26 11.13,10.04 11.13,12.88H12.88C12.88,10.91 15.5,10.69 15.5,8.5A3.5,3.5 0 0,0 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question.svg
new file mode 100644
index 00000000..680fbee4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-question" viewBox="0 0 24 24"><path d="M12,2C8.14,2 5,5.14 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9C19,5.14 15.86,2 12,2M12.88,15.75H11.13V14H12.88M12.88,12.88H11.13C11.13,10.04 13.75,10.26 13.75,8.5A1.75,1.75 0 0,0 12,6.75A1.75,1.75 0 0,0 10.25,8.5H8.5A3.5,3.5 0 0,1 12,5A3.5,3.5 0 0,1 15.5,8.5C15.5,10.69 12.88,10.91 12.88,12.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius-outline.svg
new file mode 100644
index 00000000..f235ae5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-radius-outline" viewBox="0 0 24 24"><path d="M12 4C14.2 4 16 5.8 16 8C16 10.1 13.9 13.5 12 15.9C10.1 13.4 8 10.1 8 8C8 5.8 9.8 4 12 4M12 2C8.7 2 6 4.7 6 8C6 12.5 12 19 12 19S18 12.4 18 8C18 4.7 15.3 2 12 2M12 6C10.9 6 10 6.9 10 8S10.9 10 12 10 14 9.1 14 8 13.1 6 12 6M20 19C20 21.2 16.4 23 12 23S4 21.2 4 19C4 17.7 5.2 16.6 7.1 15.8L7.7 16.7C6.7 17.2 6 17.8 6 18.5C6 19.9 8.7 21 12 21S18 19.9 18 18.5C18 17.8 17.3 17.2 16.2 16.7L16.8 15.8C18.8 16.6 20 17.7 20 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius.svg
new file mode 100644
index 00000000..d185d946
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-radius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-radius" viewBox="0 0 24 24"><path d="M12,2C15.31,2 18,4.66 18,7.95C18,12.41 12,19 12,19C12,19 6,12.41 6,7.95C6,4.66 8.69,2 12,2M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M20,19C20,21.21 16.42,23 12,23C7.58,23 4,21.21 4,19C4,17.71 5.22,16.56 7.11,15.83L7.75,16.74C6.67,17.19 6,17.81 6,18.5C6,19.88 8.69,21 12,21C15.31,21 18,19.88 18,18.5C18,17.81 17.33,17.19 16.25,16.74L16.89,15.83C18.78,16.56 20,17.71 20,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-outline.svg
new file mode 100644
index 00000000..3e79b60e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-remove-outline" viewBox="0 0 24 24"><path d="M16.6 14.2L15.2 15.6L17.6 18L15.2 20.4L16.6 21.8L19 19.4L21.4 21.8L22.8 20.4L20.4 18L22.8 15.6L21.4 14.2L19 16.6M9 6.5C10.4 6.5 11.5 7.6 11.5 9S10.4 11.5 9 11.5 6.5 10.4 6.5 9 7.6 6.5 9 6.5M9 2C12.9 2 16 5.1 16 9C16 14.2 9 22 9 22S2 14.2 2 9C2 5.1 5.1 2 9 2M9 4C6.2 4 4 6.2 4 9C4 10 4 12 9 18.7C14 12 14 10 14 9C14 6.2 11.8 4 9 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-variant.svg
new file mode 100644
index 00000000..4ffa7c5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-remove-variant" viewBox="0 0 24 24"><path d="M12,2C8.14,2 5,5.14 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9C19,5.14 15.86,2 12,2M9.59,5.17L12,7.58L14.41,5.17L15.83,6.58L13.41,9L15.83,11.41L14.41,12.83L12,10.41L9.59,12.83L8.17,11.41L10.59,9L8.17,6.58" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove.svg
new file mode 100644
index 00000000..386b832d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-remove" viewBox="0 0 24 24"><path d="M9,2C5.14,2 2,5.14 2,9C2,14.25 9,22 9,22C9,22 16,14.25 16,9A7,7 0 0,0 9,2M9,6.5A2.5,2.5 0 0,1 11.5,9A2.5,2.5 0 0,1 9,11.5A2.5,2.5 0 0,1 6.5,9A2.5,2.5 0 0,1 9,6.5M16.58,14.16L15.17,15.58L17.58,18L15.17,20.41L16.58,21.82L19,19.41L21.41,21.82L22.83,20.41L20.41,18L22.83,15.58L21.41,14.16L19,16.58" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right-outline.svg
new file mode 100644
index 00000000..111fcf63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-right-outline" viewBox="0 0 24 24"><path d="M9 6.5C10.38 6.5 11.5 7.62 11.5 9S10.38 11.5 9 11.5 6.5 10.38 6.5 9 7.62 6.5 9 6.5M9 2C12.87 2 16 5.13 16 9C16 14.25 9 22 9 22S2 14.25 2 9C2 5.13 5.13 2 9 2M9 4C6.24 4 4 6.24 4 9C4 10 4 12 9 18.71C14 12 14 10 14 9C14 6.24 11.76 4 9 4M18 17L23 12L18 7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right.svg
new file mode 100644
index 00000000..e73c03a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-right" viewBox="0 0 24 24"><path d="M9 11.5C7.62 11.5 6.5 10.38 6.5 9S7.62 6.5 9 6.5 11.5 7.62 11.5 9 10.38 11.5 9 11.5M9 2C5.13 2 2 5.13 2 9C2 14.25 9 22 9 22S16 14.25 16 9C16 5.13 12.87 2 9 2M18 17L23 12L18 7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star-outline.svg
new file mode 100644
index 00000000..e8866609
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-star-outline" viewBox="0 0 24 24"><path d="M12 2C15.9 2 19 5.1 19 9C19 14.2 12 22 12 22S5 14.2 5 9C5 5.1 8.1 2 12 2M12 4C9.2 4 7 6.2 7 9C7 10 7 12 12 18.7C17 12 17 10 17 9C17 6.2 14.8 4 12 4M12 11.5L14.4 13L13.8 10.2L16 8.3L13.1 8.1L12 5.4L10.9 8L8 8.3L10.2 10.2L9.5 13L12 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star.svg
new file mode 100644
index 00000000..9546619a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-star" viewBox="0 0 24 24"><path d="M12 2C8.1 2 5 5.1 5 9C5 14.2 12 22 12 22S19 14.2 19 9C19 5.1 15.9 2 12 2M14.5 13L12 11.5L9.5 13L10.2 10.2L8 8.3L10.9 8.1L12 5.4L13.1 8L16 8.3L13.8 10.2L14.5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-up.svg
new file mode 100644
index 00000000..1c92b829
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker-up" viewBox="0 0 24 24"><path d="M12 2A7 7 0 0 0 5 9C5 14.25 12 22 12 22S19 14.25 19 9A7 7 0 0 0 12 2M16.5 9H14V14H10V9H7.5L12 4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker.svg
new file mode 100644
index 00000000..79081153
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-marker" viewBox="0 0 24 24"><path d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-minus.svg
new file mode 100644
index 00000000..150cec02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-minus" viewBox="0 0 24 24"><path d="M15 18V20H23V18H15M13.16 20.36L9 18.9L3.66 20.97C3.6 21 3.55 21 3.5 21C3.22 21 3 20.78 3 20.5V5.38C3 5.15 3.16 4.97 3.36 4.9L9 3L15 5.1L20.34 3H20.5C20.78 3 21 3.22 21 3.5V13.35C20.37 13.13 19.7 13 19 13C17.46 13 16.06 13.58 15 14.54V7.1L9 5V16.9L13.04 18.32C13 18.54 13 18.77 13 19C13 19.47 13.06 19.92 13.16 20.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-outline.svg
new file mode 100644
index 00000000..f578e610
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-outline" viewBox="0 0 24 24"><path d="M20.5,3L20.34,3.03L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3M10,5.47L14,6.87V18.53L10,17.13V5.47M5,6.46L8,5.45V17.15L5,18.31V6.46M19,17.54L16,18.55V6.86L19,5.7V17.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-plus.svg
new file mode 100644
index 00000000..d3d13f7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-plus" viewBox="0 0 24 24"><path d="M9,3L3.36,4.9C3.16,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.6,21 3.66,20.97L9,18.9L13.16,20.36C13.06,19.92 13,19.46 13,19C13,18.77 13,18.54 13.04,18.3L9,16.9V5L15,7.1V14.56C16.07,13.6 17.47,13 19,13C19.7,13 20.37,13.13 21,13.36V3.5A0.5,0.5 0 0,0 20.5,3H20.34L15,5.1L9,3M18,15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-search-outline.svg
new file mode 100644
index 00000000..62638dbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.2 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M19.5,2A0.5,0.5 0 0,1 20,2.5V11.81C19.42,11.26 18.75,10.81 18,10.5V4.7L15,5.86V10C14.3,10.07 13.62,10.24 13,10.5V5.87L9,4.47V16.13H9V16.5C9,17.14 9.09,17.76 9.26,18.34L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2.03L19.5,2M4,5.46V17.31L7,16.15V4.45L4,5.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map-search.svg
new file mode 100644
index 00000000..b04c0c6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M14,6.11L8,4V15.89L9,16.24V16.5C9,17.14 9.09,17.76 9.26,18.34L8,17.9L2.66,19.97L2.5,20A0.5,0.5 0 0,1 2,19.5V4.38C2,4.15 2.15,3.97 2.36,3.9L8,2L14,4.1L19.34,2H19.5A0.5,0.5 0 0,1 20,2.5V11.81C18.83,10.69 17.25,10 15.5,10C15,10 14.5,10.06 14,10.17V6.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/map.svg b/apps/phoenix_webcomponent/priv/mdi/svg/map.svg
new file mode 100644
index 00000000..d89267d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/map.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-map" viewBox="0 0 24 24"><path d="M15,19L9,16.89V5L15,7.11M20.5,3C20.44,3 20.39,3 20.34,3L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21C3.55,21 3.61,21 3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mapbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mapbox.svg
new file mode 100644
index 00000000..a76b802c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mapbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mapbox" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M16.75,14.45C18.65,12.55 18.58,9.39 16.59,7.41C14.6,5.43 11.45,5.35 9.55,7.25C6.12,10.68 7.22,16.78 7.22,16.78C7.22,16.78 13.33,17.87 16.75,14.45M13.15,7.86L14.13,9.87L16.14,10.85L14.13,11.83L13.15,13.84L12.17,11.83L10.16,10.85L12.17,9.87L13.15,7.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/margin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/margin.svg
new file mode 100644
index 00000000..61d1a9b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/margin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-margin" viewBox="0 0 24 24"><path d="M20,4V9L18.5,7.5L5.5,20.5L3.5,18.5L16.5,5.5L15,4H20M17,20A3,3 0 0,1 14,17V15A3,3 0 0,1 17,12A3,3 0 0,1 20,15V17A3,3 0 0,1 17,20M17,14A1,1 0 0,0 16,15V17A1,1 0 0,0 17,18A1,1 0 0,0 18,17V15A1,1 0 0,0 17,14M7,12A3,3 0 0,1 4,9V7A3,3 0 0,1 7,4A3,3 0 0,1 10,7V9A3,3 0 0,1 7,12M7,6A1,1 0 0,0 6,7V9A1,1 0 0,0 7,10A1,1 0 0,0 8,9V7A1,1 0 0,0 7,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/marker-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/marker-cancel.svg
new file mode 100644
index 00000000..04238c71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/marker-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-marker-cancel" viewBox="0 0 24 24"><path d="M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M17.5,14.5C16.94,14.5 16.42,14.65 16,14.92L20.08,19C20.35,18.58 20.5,18.06 20.5,17.5A3,3 0 0,0 17.5,14.5M14.5,17.5A3,3 0 0,0 17.5,20.5C18.06,20.5 18.58,20.35 19,20.08L14.92,16C14.65,16.42 14.5,16.94 14.5,17.5M18.5,1.15C19,1.15 19.5,1.34 19.89,1.73L22.73,4.56C23.5,5.35 23.5,6.61 22.73,7.39L18.95,11.16C18.5,11.06 18,11 17.5,11C16.67,11 15.88,11.16 15.15,11.44L11.26,7.55L17.07,1.73C17.46,1.34 17.97,1.15 18.5,1.15M10.3,8.5L13.89,12.1C12.15,13.26 11,15.25 11,17.5C11,18 11.06,18.5 11.16,18.95L10,20.12C9.22,20.89 7.97,20.9 7.19,20.14L6.33,21H0.67L4.36,17.31C3.56,16.5 3.56,15.24 4.34,14.46L10.3,8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/marker-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/marker-check.svg
new file mode 100644
index 00000000..b3a6757e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/marker-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-marker-check" viewBox="0 0 24 24"><path d="M10,16L5,11L6.41,9.58L10,13.17L17.59,5.58L19,7M19,1H5C3.89,1 3,1.89 3,3V15.93C3,16.62 3.35,17.23 3.88,17.59L12,23L20.11,17.59C20.64,17.23 21,16.62 21,15.93V3C21,1.89 20.1,1 19,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/marker.svg
new file mode 100644
index 00000000..88c9a6e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-marker" viewBox="0 0 24 24"><path d="M18.5,1.15C17.97,1.15 17.46,1.34 17.07,1.73L11.26,7.55L16.91,13.2L22.73,7.39C23.5,6.61 23.5,5.35 22.73,4.56L19.89,1.73C19.5,1.34 19,1.15 18.5,1.15M10.3,8.5L4.34,14.46C3.56,15.24 3.56,16.5 4.36,17.31C3.14,18.54 1.9,19.77 0.67,21H6.33L7.19,20.14C7.97,20.9 9.22,20.89 10,20.12L15.95,14.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mastodon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mastodon.svg
new file mode 100644
index 00000000..859836c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mastodon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mastodon" viewBox="0 0 24 24"><path d="M20.94,14C20.66,15.41 18.5,16.96 15.97,17.26C14.66,17.41 13.37,17.56 12,17.5C9.75,17.39 8,16.96 8,16.96V17.58C8.32,19.8 10.22,19.93 12.03,20C13.85,20.05 15.47,19.54 15.47,19.54L15.55,21.19C15.55,21.19 14.27,21.87 12,22C10.75,22.07 9.19,21.97 7.38,21.5C3.46,20.45 2.78,16.26 2.68,12L2.67,8.57C2.67,4.23 5.5,2.96 5.5,2.96C6.95,2.3 9.41,2 11.97,2H12.03C14.59,2 17.05,2.3 18.5,2.96C18.5,2.96 21.33,4.23 21.33,8.57C21.33,8.57 21.37,11.78 20.94,14M18,8.91C18,7.83 17.7,7 17.15,6.35C16.59,5.72 15.85,5.39 14.92,5.39C13.86,5.39 13.05,5.8 12.5,6.62L12,7.5L11.5,6.62C10.94,5.8 10.14,5.39 9.07,5.39C8.15,5.39 7.41,5.72 6.84,6.35C6.29,7 6,7.83 6,8.91V14.17H8.1V9.06C8.1,8 8.55,7.44 9.46,7.44C10.46,7.44 10.96,8.09 10.96,9.37V12.16H13.03V9.37C13.03,8.09 13.53,7.44 14.54,7.44C15.44,7.44 15.89,8 15.89,9.06V14.17H18V8.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/material-design.svg b/apps/phoenix_webcomponent/priv/mdi/svg/material-design.svg
new file mode 100644
index 00000000..2d4710f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/material-design.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-material-design" viewBox="0 0 24 24"><path d="M21,12C21,9.97 20.33,8.09 19,6.38V17.63C20.33,15.97 21,14.09 21,12M17.63,19H6.38C7.06,19.55 7.95,20 9.05,20.41C10.14,20.8 11.13,21 12,21C12.88,21 13.86,20.8 14.95,20.41C16.05,20 16.94,19.55 17.63,19M11,17L7,9V17H11M17,9L13,17H17V9M12,14.53L15.75,7H8.25L12,14.53M17.63,5C15.97,3.67 14.09,3 12,3C9.91,3 8.03,3.67 6.38,5H17.63M5,17.63V6.38C3.67,8.09 3,9.97 3,12C3,14.09 3.67,15.97 5,17.63M23,12C23,15.03 21.94,17.63 19.78,19.78C17.63,21.94 15.03,23 12,23C8.97,23 6.38,21.94 4.22,19.78C2.06,17.63 1,15.03 1,12C1,8.97 2.06,6.38 4.22,4.22C6.38,2.06 8.97,1 12,1C15.03,1 17.63,2.06 19.78,4.22C21.94,6.38 23,8.97 23,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/material-ui.svg b/apps/phoenix_webcomponent/priv/mdi/svg/material-ui.svg
new file mode 100644
index 00000000..c18273f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/material-ui.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-material-ui" viewBox="0 0 24 24"><path d="M8,16.61V15.37L14,11.91V7.23L9,10.12L4,7.23V13L3,13.58L2,13V5L3.07,4.38L9,7.81L12.93,5.54L14.93,4.38L16,5V13.06L10.92,16L14.97,18.33L20,15.43V11L21,10.42L22,11V16.58L14.97,20.64L8,16.61M22,9.75L21,10.33L20,9.75V8.58L21,8L22,8.58V9.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-compass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-compass.svg
new file mode 100644
index 00000000..fbcb92d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-compass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-compass" viewBox="0 0 24 24"><path d="M20,19.88V22L18.2,20.83L13.41,11.83C14.07,11.62 14.67,11.28 15.19,10.83L20,19.88M15,7A3,3 0 0,1 12,10C11.85,10 11.71,10 11.56,10L5.8,20.83L4,22V19.88L9.79,9C8.69,7.77 8.79,5.87 10.03,4.76C10.57,4.28 11.27,4 12,4V2A1,1 0 0,1 13,3V4.18C14.2,4.6 15,5.73 15,7M13,7A1,1 0 0,0 12,6A1,1 0 0,0 11,7A1,1 0 0,0 12,8A1,1 0 0,0 13,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-cos.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-cos.svg
new file mode 100644
index 00000000..46013c93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-cos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-cos" viewBox="0 0 24 24"><path d="M4,7A2,2 0 0,0 2,9V15A2,2 0 0,0 4,17H6A2,2 0 0,0 8,15V14H6V15H4V9H6V10H8V9A2,2 0 0,0 6,7H4M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M18,7A2,2 0 0,0 16,9V11A2,2 0 0,0 18,13H20V15H16V17H20A2,2 0 0,0 22,15V13A2,2 0 0,0 20,11H18V9H22V7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-integral-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-integral-box.svg
new file mode 100644
index 00000000..d1fd50db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-integral-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-integral-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M15.9 6.9C15.9 6.9 15.2 6.6 14.9 6.6C14.3 6.5 13.9 6.7 13.7 7.7L12 16.8C11.8 17.6 11.5 18.2 11 18.6C10.6 18.9 10.2 19 9.7 19C8.9 19 7.7 18.5 7.7 18.5L8.2 17.1C8.2 17.1 9 17.4 9.2 17.4C9.5 17.5 9.7 17.4 9.9 17.3C10.1 17.2 10.2 16.9 10.3 16.6L11.9 7.4C12 6.6 12.4 6 12.9 5.5C13.5 5.1 14.2 5 15 5.1C15.7 5.2 16.5 5.6 16.5 5.6L15.9 6.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-integral.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-integral.svg
new file mode 100644
index 00000000..a6eaadc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-integral.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-integral" viewBox="0 0 24 24"><path d="M11.5 19.1C11.3 20.2 10.9 21 10.2 21.5C9.5 22 8.6 22.1 7.5 21.9C7.1 21.8 6.3 21.7 6 21.5L6.5 20C6.8 20.1 7.4 20.3 7.7 20.3C8.8 20.5 9.4 20 9.6 18.8L12 5.2C12.2 4 12.7 3.2 13.4 2.6C14.1 2.1 15.1 1.9 16.2 2.1C16.6 2.2 17.4 2.3 18 2.6L17.5 4C17.3 3.9 16.6 3.8 16.3 3.7C15 3.5 14.3 4.1 14 5.6L11.5 19.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-log.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-log.svg
new file mode 100644
index 00000000..e2b571c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-log.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-log" viewBox="0 0 24 24"><path d="M18 7C16.9 7 16 7.9 16 9V15C16 16.1 16.9 17 18 17H20C21.1 17 22 16.1 22 15V11H20V15H18V9H22V7H18M2 7V17H8V15H4V7H2M11 7C9.9 7 9 7.9 9 9V15C9 16.1 9.9 17 11 17H13C14.1 17 15 16.1 15 15V9C15 7.9 14.1 7 13 7H11M11 9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-norm-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-norm-box.svg
new file mode 100644
index 00000000..b94d479a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-norm-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-norm-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M10 18H8V6H10V18M16 18H14V6H16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-norm.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-norm.svg
new file mode 100644
index 00000000..b46ce2f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-norm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-norm" viewBox="0 0 24 24"><path d="M14 21V3H16V21H14M8 21V3H10V21H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-sin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-sin.svg
new file mode 100644
index 00000000..837748f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-sin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-sin" viewBox="0 0 24 24"><path d="M4,7A2,2 0 0,0 2,9V11A2,2 0 0,0 4,13H6V15H2V17H6A2,2 0 0,0 8,15V13A2,2 0 0,0 6,11H4V9H8V7H4M14,7V9H13V15H14V17H10V15H11V9H10V7H14M16,7V17H18V12L20,17H22V7H20V12L18,7H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/math-tan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/math-tan.svg
new file mode 100644
index 00000000..3fff65b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/math-tan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-math-tan" viewBox="0 0 24 24"><path d="M2,7V9H4V17H6V9H8V7H2M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9M16,7V17H18V12L20,17H22V7H20V12L18,7H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/matrix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/matrix.svg
new file mode 100644
index 00000000..116239dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/matrix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-matrix" viewBox="0 0 24 24"><path d="M2,2H6V4H4V20H6V22H2V2M20,4H18V2H22V22H18V20H20V4M9,5H10V10H11V11H8V10H9V6L8,6.5V5.5L9,5M15,13H16V18H17V19H14V18H15V14L14,14.5V13.5L15,13M9,13C10.1,13 11,14.34 11,16C11,17.66 10.1,19 9,19C7.9,19 7,17.66 7,16C7,14.34 7.9,13 9,13M9,14C8.45,14 8,14.9 8,16C8,17.1 8.45,18 9,18C9.55,18 10,17.1 10,16C10,14.9 9.55,14 9,14M15,5C16.1,5 17,6.34 17,8C17,9.66 16.1,11 15,11C13.9,11 13,9.66 13,8C13,6.34 13.9,5 15,5M15,6C14.45,6 14,6.9 14,8C14,9.1 14.45,10 15,10C15.55,10 16,9.1 16,8C16,6.9 15.55,6 15,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medal-outline.svg
new file mode 100644
index 00000000..7b4c5d8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medal-outline" viewBox="0 0 24 24"><path d="M14.94 19.5L12 17.77L9.06 19.5L9.84 16.16L7.25 13.92L10.66 13.63L12 10.5L13.34 13.63L16.75 13.92L14.16 16.16M20 2H4V4L8.86 7.64A8 8 0 1 0 15.14 7.64L20 4M18 15A6 6 0 1 1 10.82 9.12A5.86 5.86 0 0 1 13.18 9.12A6 6 0 0 1 18 15M12.63 7H11.37L7.37 4H16.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medal.svg
new file mode 100644
index 00000000..149e9228
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medal" viewBox="0 0 24 24"><path d="M20,2H4V4L9.81,8.36C6.14,9.57 4.14,13.53 5.35,17.2C6.56,20.87 10.5,22.87 14.19,21.66C17.86,20.45 19.86,16.5 18.65,12.82C17.95,10.71 16.3,9.05 14.19,8.36L20,4V2M14.94,19.5L12,17.78L9.06,19.5L9.84,16.17L7.25,13.93L10.66,13.64L12,10.5L13.34,13.64L16.75,13.93L14.16,16.17L14.94,19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medical-bag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medical-bag.svg
new file mode 100644
index 00000000..c1b41d5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medical-bag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medical-bag" viewBox="0 0 24 24"><path d="M10,3L8,5V7H5C3.85,7 3.12,8 3,9L2,19C1.88,20 2.54,21 4,21H20C21.46,21 22.12,20 22,19L21,9C20.88,8 20.06,7 19,7H16V5L14,3H10M10,5H14V7H10V5M11,10H13V13H16V15H13V18H11V15H8V13H11V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medical-cotton-swab.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medical-cotton-swab.svg
new file mode 100644
index 00000000..b1e83d12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medical-cotton-swab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medical-cotton-swab" viewBox="0 0 24 24"><path d="M3 3H15V5H3V3M2 21H16V6H2V21M5 12H7.5V9.5H10.5V12H13V15H10.5V17.5H7.5V15H5V12M20 6C18.3 6 17 7.8 17 10C17 11.8 17.8 13.2 19 13.8V21H21V13.8C22.2 13.3 23 11.8 23 10C23 7.8 21.7 6 20 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medication-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medication-outline.svg
new file mode 100644
index 00000000..c48fabc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medication-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medication-outline" viewBox="0 0 24 24"><path d="M10.5 15H8V12H10.5V9.5H13.5V12H16V15H13.5V17.5H10.5V15M19 8V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V8C5 6.9 5.9 6 7 6H17C18.1 6 19 6.9 19 8M17 8H7V19H17V8M18 3H6V5H18V3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/medication.svg b/apps/phoenix_webcomponent/priv/mdi/svg/medication.svg
new file mode 100644
index 00000000..14960fd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/medication.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-medication" viewBox="0 0 24 24"><path d="M6 3H18V5H6V3M17 6H7C5.9 6 5 6.9 5 8V19C5 20.1 5.9 21 7 21H17C18.1 21 19 20.1 19 19V8C19 6.9 18.1 6 17 6M16 15H13.5V17.5H10.5V15H8V12H10.5V9.5H13.5V12H16V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meditation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meditation.svg
new file mode 100644
index 00000000..fb8c9e3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meditation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meditation" viewBox="0 0 24 24"><path d="M12 4C13.11 4 14 4.89 14 6S13.11 8 12 8 10 7.11 10 6 10.9 4 12 4M21 16V14C18.76 14 16.84 13.04 15.4 11.32L14.06 9.72C13.68 9.26 13.12 9 12.53 9H11.5C10.89 9 10.33 9.26 9.95 9.72L8.61 11.32C7.16 13.04 5.24 14 3 14V16C5.77 16 8.19 14.83 10 12.75V15L6.12 16.55C5.45 16.82 5 17.5 5 18.21C5 19.2 5.8 20 6.79 20H9V19.5C9 18.12 10.12 17 11.5 17H14.5C14.78 17 15 17.22 15 17.5S14.78 18 14.5 18H11.5C10.67 18 10 18.67 10 19.5V20H17.21C18.2 20 19 19.2 19 18.21C19 17.5 18.55 16.82 17.88 16.55L14 15V12.75C15.81 14.83 18.23 16 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/memory.svg b/apps/phoenix_webcomponent/priv/mdi/svg/memory.svg
new file mode 100644
index 00000000..aae5d93b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/memory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-memory" viewBox="0 0 24 24"><path d="M17,17H7V7H17M21,11V9H19V7C19,5.89 18.1,5 17,5H15V3H13V5H11V3H9V5H7C5.89,5 5,5.89 5,7V9H3V11H5V13H3V15H5V17A2,2 0 0,0 7,19H9V21H11V19H13V21H15V19H17A2,2 0 0,0 19,17V15H21V13H19V11M13,13H11V11H13M15,9H9V15H15V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menorah-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menorah-fire.svg
new file mode 100644
index 00000000..df36b3d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menorah-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menorah-fire" viewBox="0 0 24 24"><path d="M21.5 11.15V10C21.5 9.45 21.05 9 20.5 9H19.5C18.95 9 18.5 9.45 18.5 10V11H17.5V10C17.5 9.45 17.05 9 16.5 9H15.5C14.95 9 14.5 9.45 14.5 10V11H13.5V8C13.5 7.45 13.05 7 12.5 7H11.5C10.95 7 10.5 7.45 10.5 8V11H9.5V10C9.5 9.45 9.05 9 8.5 9H7.5C6.95 9 6.5 9.45 6.5 10V11H5.5V10C5.5 9.45 5.05 9 4.5 9H3.5C2.95 9 2.5 9.45 2.5 10V11.15C2.21 11.33 2 11.63 2 12C2 12.55 2.45 13 3 13H4.25C4.95 14.92 6.94 17.58 11 17.95V20H10C8.9 20 8 20.9 8 22H16C16 20.9 15.11 20 14 20H13V17.95C17.06 17.57 19.05 14.92 19.75 13H21C21.55 13 22 12.55 22 12C22 11.63 21.79 11.33 21.5 11.15M6.45 13H11V15.94C8.34 15.63 7.05 14.11 6.45 13M13 15.94V13H17.55C16.95 14.11 15.66 15.63 13 15.94M12 6C12.83 6 13.5 5.33 13.5 4.5C13.5 3.67 12.83 2 12 2S10.5 3.67 10.5 4.5C10.5 5.33 11.17 6 12 6M12 4.25C12.28 4.25 12.5 4.47 12.5 4.75S12.28 5.25 12 5.25 11.5 5.03 11.5 4.75 11.72 4.25 12 4.25M16 8C16.83 8 17.5 7.33 17.5 6.5C17.5 5.67 16.83 4 16 4S14.5 5.67 14.5 6.5C14.5 7.33 15.17 8 16 8M16 6.25C16.28 6.25 16.5 6.47 16.5 6.75S16.28 7.25 16 7.25 15.5 7.03 15.5 6.75 15.72 6.25 16 6.25M20 8C20.83 8 21.5 7.33 21.5 6.5C21.5 5.67 20.83 4 20 4S18.5 5.67 18.5 6.5C18.5 7.33 19.17 8 20 8M20 6.25C20.28 6.25 20.5 6.47 20.5 6.75S20.28 7.25 20 7.25 19.5 7.03 19.5 6.75 19.72 6.25 20 6.25M4 8C4.83 8 5.5 7.33 5.5 6.5C5.5 5.67 4.83 4 4 4S2.5 5.67 2.5 6.5C2.5 7.33 3.17 8 4 8M4 6.25C4.28 6.25 4.5 6.47 4.5 6.75S4.28 7.25 4 7.25 3.5 7.03 3.5 6.75 3.72 6.25 4 6.25M8 8C8.83 8 9.5 7.33 9.5 6.5C9.5 5.67 8.83 4 8 4S6.5 5.67 6.5 6.5C6.5 7.33 7.17 8 8 8M8 6.25C8.28 6.25 8.5 6.47 8.5 6.75S8.28 7.25 8 7.25 7.5 7.03 7.5 6.75 7.72 6.25 8 6.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menorah.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menorah.svg
new file mode 100644
index 00000000..b2a172fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menorah.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menorah" viewBox="0 0 24 24"><path d="M21 11V6L19 5V11H17V6L15 5V11H13V3L11 2V11H9V6L7 5V11H5V6L3 5V11C2.45 11 2 11.45 2 12S2.45 13 3 13H4.25C4.95 14.92 6.94 17.58 11 17.95V20H10C8.9 20 8 20.9 8 22H16C16 20.9 15.11 20 14 20H13V17.95C17.06 17.57 19.05 14.92 19.75 13H21C21.55 13 22 12.55 22 12S21.55 11 21 11M11 15.94C8.34 15.63 7.05 14.11 6.45 13H11V15.94M13 15.94V13H17.55C16.95 14.11 15.66 15.63 13 15.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-down-outline.svg
new file mode 100644
index 00000000..6c0ec499
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-down-outline" viewBox="0 0 24 24"><path d="M18,9V10.5L12,16.5L6,10.5V9H18M12,13.67L14.67,11H9.33L12,13.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-down.svg
new file mode 100644
index 00000000..71d659f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-down" viewBox="0 0 24 24"><path d="M7,10L12,15L17,10H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-left-outline.svg
new file mode 100644
index 00000000..1cb7ab9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-left-outline" viewBox="0 0 24 24"><path d="M15,18H13.5L7.5,12L13.5,6H15V18M10.33,12L13,14.67V9.33L10.33,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-left.svg
new file mode 100644
index 00000000..f4fc4d61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-left" viewBox="0 0 24 24"><path d="M14,7L9,12L14,17V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-open.svg
new file mode 100644
index 00000000..a0c2e348
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-open" viewBox="0 0 24 24"><path d="M21,15.61L19.59,17L14.58,12L19.59,7L21,8.39L17.44,12L21,15.61M3,6H16V8H3V6M3,13V11H13V13H3M3,18V16H16V18H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-right-outline.svg
new file mode 100644
index 00000000..f5678e07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-right-outline" viewBox="0 0 24 24"><path d="M9,6H10.5L16.5,12L10.5,18H9V6M13.67,12L11,9.33V14.67L13.67,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-right.svg
new file mode 100644
index 00000000..aa20fd63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-right" viewBox="0 0 24 24"><path d="M10,17L15,12L10,7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap-outline.svg
new file mode 100644
index 00000000..d19594be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-swap-outline" viewBox="0 0 24 24"><path d="M12,3.5L6,9.5V11H18V9.5L12,3.5M12,6.33L14.67,9H9.33L12,6.33M6,13V14.5L12,20.5L18,14.5V13H6M9.33,15H14.67L12,17.67L9.33,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap.svg
new file mode 100644
index 00000000..fa6a1678
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-swap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-swap" viewBox="0 0 24 24"><path d="M12,6L7,11H17L12,6M7,13L12,18L17,13H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-up-outline.svg
new file mode 100644
index 00000000..39ad39b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-up-outline" viewBox="0 0 24 24"><path d="M18,16V14.5L12,8.5L6,14.5V16H18M12,11.33L14.67,14H9.33L12,11.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu-up.svg
new file mode 100644
index 00000000..1df771a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-up" viewBox="0 0 24 24"><path d="M7,15L12,10L17,15H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/menu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/menu.svg
new file mode 100644
index 00000000..a20e0d99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu" viewBox="0 0 24 24"><path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/merge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/merge.svg
new file mode 100644
index 00000000..be1dbeb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-merge" viewBox="0 0 24 24"><path d="M8 17L12 13H15.2C15.6 14.2 16.7 15 18 15C19.7 15 21 13.7 21 12S19.7 9 18 9C16.7 9 15.6 9.8 15.2 11H12L8 7V3H3V8H6L10.2 12L6 16H3V21H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-alert-outline.svg
new file mode 100644
index 00000000..61bfb675
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-alert-outline" viewBox="0 0 24 24"><path d="M13,10H11V6H13V10M13,12H11V14H13V12M22,4V16A2,2 0 0,1 20,18H6L2,22V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4M20,4H4V17.2L5.2,16H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-alert.svg
new file mode 100644
index 00000000..ce6eeaf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-alert" viewBox="0 0 24 24"><path d="M13 11H11V5H13M13 15H11V13H13M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left-outline.svg
new file mode 100644
index 00000000..4160c1bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-arrow-left-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16 11V9H11.5L13.3 7.2L12 6L8 10L12 14L13.2 12.8L11.5 11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left.svg
new file mode 100644
index 00000000..a2db40b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-arrow-left" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M16 11H11.5L13.3 12.8L12 14L8 10L12 6L13.2 7.2L11.5 9H16V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right-outline.svg
new file mode 100644
index 00000000..3621b1d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-arrow-right-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M8 9V11H12.5L10.7 12.8L12 14L16 10L12 6L10.8 7.2L12.5 9H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right.svg
new file mode 100644
index 00000000..983ffb33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-arrow-right" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M12 14L10.8 12.8L12.6 11H8V9H12.5L10.7 7.2L12 6L16 10L12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-badge-outline.svg
new file mode 100644
index 00000000..748a6bc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-badge-outline" viewBox="0 0 24 24"><path d="M22 7V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H14.1C14 2.3 14 2.7 14 3S14 3.7 14.1 4H4V16H20V7.9C20.7 7.8 21.4 7.4 22 7M16 3C16 4.7 17.3 6 19 6S22 4.7 22 3 20.7 0 19 0 16 1.3 16 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-badge.svg
new file mode 100644
index 00000000..906a0e6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-badge" viewBox="0 0 24 24"><path d="M22 7V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H14.1C14 2.3 14 2.7 14 3C14 5.8 16.2 8 19 8C20.1 8 21.2 7.6 22 7M16 3C16 4.7 17.3 6 19 6S22 4.7 22 3 20.7 0 19 0 16 1.3 16 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark-outline.svg
new file mode 100644
index 00000000..ae9311a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-bookmark-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M18 14V6H13V14L15.5 12.5L18 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark.svg
new file mode 100644
index 00000000..f977f12b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-bookmark" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M19 13L16.5 11.5L14 13V5H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted-off.svg
new file mode 100644
index 00000000..f23a6301
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-bulleted-off" viewBox="0 0 24 24"><path d="M1.27,1.73L0,3L2,5V22L6,18H15L20.73,23.73L22,22.46L1.27,1.73M8,14H6V12H8V14M6,11V9L8,11H6M20,2H4.08L10,7.92V6H18V8H10.08L11.08,9H18V11H13.08L20.07,18C21.14,17.95 22,17.08 22,16V4A2,2 0 0,0 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted.svg
new file mode 100644
index 00000000..53d301a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-bulleted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-bulleted" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M8,14H6V12H8V14M8,11H6V9H8V11M8,8H6V6H8V8M15,14H10V12H15V14M18,11H10V9H18V11M18,8H10V6H18V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-check-outline.svg
new file mode 100644
index 00000000..02ae6519
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-check-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M10.47 14L7 10.5L8.4 9.09L10.47 11.17L15.6 6L17 7.41L10.47 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-check.svg
new file mode 100644
index 00000000..80221279
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-check" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.11 18 22 17.11 22 16V4C22 2.89 21.1 2 20 2M10.47 14L7 10.5L8.4 9.09L10.47 11.17L15.6 6L17 7.41L10.47 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-cog-outline.svg
new file mode 100644
index 00000000..d61da06c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-cog-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16.8 11.3L15.7 10.5V10 9.5L16.8 8.7C16.9 8.6 16.9 8.5 16.9 8.4L15.9 6.7C15.8 6.6 15.7 6.5 15.6 6.6L14.3 7C14 6.8 13.8 6.6 13.4 6.5L13.2 5.2C13.2 5.1 13.1 5 13 5H11C10.9 5 10.8 5.1 10.8 5.2L10.6 6.5C10.3 6.7 10 6.8 9.7 7L8.5 6.5C8.4 6.5 8.3 6.5 8.2 6.6L7.2 8.3C7.1 8.4 7.2 8.5 7.3 8.6L8.4 9.4V10.4L7.3 11.2C7.2 11.3 7.2 11.4 7.2 11.5L8.2 13.2C8.3 13.3 8.4 13.4 8.5 13.3L9.7 13C10 13.2 10.2 13.4 10.5 13.5L10.7 14.8C10.7 14.9 10.8 15 11 15H13C13.1 15 13.2 14.9 13.2 14.8L13.4 13.5C13.7 13.4 14 13.2 14.2 13L15.4 13.5C15.5 13.5 15.6 13.5 15.7 13.4L16.7 11.7C16.9 11.5 16.9 11.4 16.8 11.3M12 11.5C11.2 11.5 10.5 10.8 10.5 10S11.2 8.5 12 8.5 13.5 9.2 13.5 10 12.8 11.5 12 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-cog.svg
new file mode 100644
index 00000000..fb1bd752
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-cog" viewBox="0 0 24 24"><path d="M13.5,10A1.5,1.5 0 0,1 12,11.5C11.16,11.5 10.5,10.83 10.5,10A1.5,1.5 0 0,1 12,8.5A1.5,1.5 0 0,1 13.5,10M22,4V16A2,2 0 0,1 20,18H6L2,22V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4M16.77,11.32L15.7,10.5C15.71,10.33 15.71,10.16 15.7,10C15.72,9.84 15.72,9.67 15.7,9.5L16.76,8.68C16.85,8.6 16.88,8.47 16.82,8.36L15.82,6.63C15.76,6.5 15.63,6.47 15.5,6.5L14.27,7C14,6.8 13.73,6.63 13.42,6.5L13.23,5.19C13.21,5.08 13.11,5 13,5H11C10.88,5 10.77,5.09 10.75,5.21L10.56,6.53C10.26,6.65 9.97,6.81 9.7,7L8.46,6.5C8.34,6.46 8.21,6.5 8.15,6.61L7.15,8.34C7.09,8.45 7.11,8.58 7.21,8.66L8.27,9.5C8.23,9.82 8.23,10.16 8.27,10.5L7.21,11.32C7.12,11.4 7.09,11.53 7.15,11.64L8.15,13.37C8.21,13.5 8.34,13.53 8.46,13.5L9.7,13C9.96,13.2 10.24,13.37 10.55,13.5L10.74,14.81C10.77,14.93 10.88,15 11,15H13C13.12,15 13.23,14.91 13.25,14.79L13.44,13.47C13.74,13.34 14,13.18 14.28,13L15.53,13.5C15.65,13.5 15.78,13.5 15.84,13.37L16.84,11.64C16.9,11.53 16.87,11.4 16.77,11.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-draw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-draw.svg
new file mode 100644
index 00000000..2caae19c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-draw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-draw" viewBox="0 0 24 24"><path d="M18,14H10.5L12.5,12H18M6,14V11.5L12.88,4.64C13.07,4.45 13.39,4.45 13.59,4.64L15.35,6.41C15.55,6.61 15.55,6.92 15.35,7.12L8.47,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-fast-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-fast-outline.svg
new file mode 100644
index 00000000..006e4f4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-fast-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-fast-outline" viewBox="0 0 24 24"><path d="M20 5H9C7.9 5 7 5.9 7 7V21L11 17H20C21.1 17 22 16.1 22 15V7C22 5.9 21.1 5 20 5M20 15H10.2L9 16.2V7H20V15M3 7C2.4 7 2 7.4 2 8S2.4 9 3 9H5V7H3M2 11C1.4 11 1 11.4 1 12S1.4 13 2 13H5V11H2M1 15C.4 15 0 15.4 0 16C0 16.6 .4 17 1 17H5V15H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-fast.svg
new file mode 100644
index 00000000..a00d4931
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-fast" viewBox="0 0 24 24"><path d="M3 7C2.4 7 2 7.4 2 8S2.4 9 3 9H5V7H3M2 11C1.4 11 1 11.4 1 12S1.4 13 2 13H5V11H2M1 15C.4 15 0 15.4 0 16C0 16.6 .4 17 1 17H5V15H1M20 5H9C7.9 5 7 5.9 7 7V21L11 17H20C21.1 17 22 16.1 22 15V7C22 5.9 21.1 5 20 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-flash-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-flash-outline.svg
new file mode 100644
index 00000000..73ff6c32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-flash-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-flash-outline" viewBox="0 0 24 24"><path d="M4 17.2V4H20V10H22V4C22 2.9 21.1 2 20 2H4C2.9 2 2 2.9 2 4V22L6 18H15V16H5.2L4 17.2M22.5 16H20.3L22 12H17V18H19V23L22.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-flash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-flash.svg
new file mode 100644
index 00000000..e3910839
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-flash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-flash" viewBox="0 0 24 24"><path d="M22 4C22 2.9 21.1 2 20 2H4C2.9 2 2 2.9 2 4V22L6 18H15V10H22V4M22.5 16H20.3L22 12H17V18H19V23L22.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-image-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-image-outline.svg
new file mode 100644
index 00000000..80eab1e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-image-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-image-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M5 14L8.5 9.5L11 12.5L14.5 8L19 14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-image.svg
new file mode 100644
index 00000000..a2a6a094
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-image" viewBox="0 0 24 24"><path d="M5,14L8.5,9.5L11,12.5L14.5,8L19,14M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-lock-outline.svg
new file mode 100644
index 00000000..dbb62f9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-lock-outline" viewBox="0 0 24 24"><path d="M23 3V2.5C23 1.1 21.9 0 20.5 0S18 1.1 18 2.5V3C17.5 3 17 3.5 17 4V8C17 8.5 17.5 9 18 9H23C23.5 9 24 8.5 24 8V4C24 3.5 23.5 3 23 3M22 3H19V2.5C19 1.7 19.7 1 20.5 1S22 1.7 22 2.5V3M22 11V16C22 17.1 21.1 18 20 18H6L2 22V4C2 2.9 2.9 2 4 2H15V4H4V17.2L5.2 16H20V11H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-lock.svg
new file mode 100644
index 00000000..ed31f4f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-lock" viewBox="0 0 24 24"><path d="M20.5 0A2.5 2.5 0 0 0 18 2.5V3A1 1 0 0 0 17 4V8A1 1 0 0 0 18 9H23A1 1 0 0 0 24 8V4A1 1 0 0 0 23 3V2.5A2.5 2.5 0 0 0 20.5 0M20.5 1A1.5 1.5 0 0 1 22 2.5V3H19V2.5A1.5 1.5 0 0 1 20.5 1M4 2A2 2 0 0 0 2 4V22L6 18H20A2 2 0 0 0 22 16V11H17C15.89 11 15 10.11 15 9V2H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-minus-outline.svg
new file mode 100644
index 00000000..6a110326
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-minus-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M8 9V11H16V9H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-minus.svg
new file mode 100644
index 00000000..f97182cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-minus" viewBox="0 0 24 24"><path d="M20 2C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H6L2 22V4C2 2.89 2.9 2 4 2H20M8 9V11H16V9H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-off-outline.svg
new file mode 100644
index 00000000..6f53e952
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-off-outline" viewBox="0 0 24 24"><path d="M7.2 4L5.2 2H20C21.11 2 22 2.9 22 4V16C22 16.76 21.57 17.41 20.95 17.75L19.2 16H20V4H7.2M22.11 21.46L20.84 22.73L16.11 18H6L2 22V4C2 3.97 2 3.93 2 3.9L1.11 3L2.39 1.73L6.1 5.44L16.65 16H16.66L18.66 18H18.65L22.11 21.46M14.11 16L4 5.89V18L6 16H14.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-off.svg
new file mode 100644
index 00000000..493f8f26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-off" viewBox="0 0 24 24"><path d="M20.95 17.75L5.2 2H20C21.1 2 22 2.89 22 4V16C22 16.76 21.57 17.41 20.95 17.75M2.39 1.73L1.11 3L2 3.9C2 3.93 2 3.97 2 4V22L6 18H16.11L20.84 22.73L22.11 21.46L2.39 1.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-outline.svg
new file mode 100644
index 00000000..7e402ee5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-plus-outline.svg
new file mode 100644
index 00000000..de89f74c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-plus-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M16 9V11H13V14H11V11H8V9H11V6H13V9H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-plus.svg
new file mode 100644
index 00000000..6fc14ea4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-plus" viewBox="0 0 24 24"><path d="M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-processing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-processing-outline.svg
new file mode 100644
index 00000000..66af6b80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-processing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-processing-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M17 11H15V9H17M13 11H11V9H13M9 11H7V9H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-processing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-processing.svg
new file mode 100644
index 00000000..d6290b79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-processing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-processing" viewBox="0 0 24 24"><path d="M17,11H15V9H17M13,11H11V9H13M9,11H7V9H9M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-question-outline.svg
new file mode 100644
index 00000000..8fa51027
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-question-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M12.2 5.5C11.3 5.5 10.6 5.7 10.1 6C9.5 6.4 9.2 7 9.3 7.7H11.3C11.3 7.4 11.4 7.2 11.6 7.1C11.8 7 12 6.9 12.3 6.9C12.6 6.9 12.9 7 13.1 7.2C13.3 7.4 13.4 7.6 13.4 7.9C13.4 8.2 13.3 8.4 13.2 8.6C13 8.8 12.8 9 12.6 9.1C12.1 9.4 11.7 9.7 11.5 9.9C11.1 10.2 11 10.5 11 11H13C13 10.7 13.1 10.5 13.1 10.3C13.2 10.1 13.4 10 13.6 9.8C14.1 9.6 14.4 9.3 14.7 8.9C15 8.5 15.1 8.1 15.1 7.7C15.1 7 14.8 6.4 14.3 6C13.9 5.7 13.1 5.5 12.2 5.5M11 12V14H13V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-question.svg
new file mode 100644
index 00000000..69e9886c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-question" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M13 14H11V12H13V14M14.8 9C14.5 9.4 14.1 9.6 13.7 9.8C13.4 10 13.3 10.1 13.2 10.3C13 10.5 13 10.7 13 11H11C11 10.5 11.1 10.2 11.3 9.9C11.5 9.7 11.9 9.4 12.4 9.1C12.7 9 12.9 8.8 13 8.6C13.1 8.4 13.2 8.1 13.2 7.9C13.2 7.6 13.1 7.4 12.9 7.2C12.7 7 12.4 6.9 12.1 6.9C11.8 6.9 11.6 7 11.4 7.1C11.2 7.2 11.1 7.4 11.1 7.7H9.1C9.2 7 9.5 6.4 10 6C10.5 5.6 11.2 5.5 12.1 5.5C13 5.5 13.8 5.7 14.3 6.1C14.8 6.5 15.1 7.1 15.1 7.8C15.2 8.2 15.1 8.6 14.8 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-outline.svg
new file mode 100644
index 00000000..67e0a0c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-reply-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.1 2.9 18 4 18H18L22 22V4C22 2.9 21.1 2 20 2M20 17.2L18.8 16H4V4H20V17.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text-outline.svg
new file mode 100644
index 00000000..07beb986
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-reply-text-outline" viewBox="0 0 24 24"><path d="M9 11H18V13H9V11M18 7H6V9H18V7M22 4V22L18 18H4C2.9 18 2 17.11 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.89 22 4M20 4H4V16H18.83L20 17.17V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text.svg
new file mode 100644
index 00000000..70163c3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-reply-text" viewBox="0 0 24 24"><path d="M18,8H6V6H18V8M18,11H6V9H18V11M18,14H6V12H18V14M22,4A2,2 0 0,0 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-reply.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply.svg
new file mode 100644
index 00000000..bcaefabe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-reply.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-reply" viewBox="0 0 24 24"><path d="M22,4C22,2.89 21.1,2 20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H18L22,22V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-settings-outline.svg
new file mode 100644
index 00000000..cdacb619
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-settings-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M11 24H13V22H11V24M7 24H9V22H7V24M15 24H17V22H15V24" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-settings.svg
new file mode 100644
index 00000000..0d1154e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-settings" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M11,24H13V22H11V24M7,24H9V22H7V24M15,24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-star-outline.svg
new file mode 100644
index 00000000..c7230654
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-star-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M20 16H5.2L4 17.2V4H20V16M12 12.4L14.6 14L13.9 11L16.2 9L13.2 8.7L12 6L10.8 8.8L7.8 9L10.1 11L9.4 14L12 12.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-star.svg
new file mode 100644
index 00000000..e4d98ce4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-star" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M14.6 14L12 12.4L9.4 14L10.1 11L7.8 9L10.8 8.7L12 6L13.2 8.8L16.2 9.1L13.9 11.1L14.6 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock-outline.svg
new file mode 100644
index 00000000..0dccf211
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-clock-outline" viewBox="0 0 24 24"><path d="M22 12.41V4C22 2.9 21.11 2 20 2H4C2.9 2 2 2.89 2 4V22L6 18H9.29C10.15 20.89 12.83 23 16 23C19.86 23 23 19.87 23 16C23 14.69 22.63 13.46 22 12.41M5.17 16L4 17.17V4H20V10.26C18.86 9.47 17.5 9 16 9C14.1 9 12.37 9.77 11.11 11H6V13H9.69C9.25 13.91 9 14.93 9 16H5.17M16 20.85C13.32 20.85 11.15 18.68 11.15 16S13.32 11.15 16 11.15C18.67 11.15 20.85 13.32 20.85 16S18.67 20.85 16 20.85M18 9H6V7H18V9M16.5 15.82L18.94 17.23L18.19 18.53L15 16.69V13H16.5V15.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock.svg
new file mode 100644
index 00000000..c998a097
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-clock" viewBox="0 0 24 24"><path d="M22 12.41V4C22 2.9 21.11 2 20 2H4C2.9 2 2 2.9 2 4V22L6 18H9.29C10.15 20.89 12.83 23 16 23C19.86 23 23 19.87 23 16C23 14.69 22.63 13.46 22 12.41M6 6H18V8H6V6M16 9C14.1 9 12.37 9.77 11.11 11H6V9H16M6 12H10.26C9.84 12.6 9.5 13.28 9.3 14H6V12M16 20.85C13.32 20.85 11.15 18.68 11.15 16S13.32 11.15 16 11.15C18.67 11.15 20.85 13.32 20.85 16S18.67 20.85 16 20.85M16.5 15.82L18.94 17.23L18.19 18.53L15 16.69V13H16.5V15.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast-outline.svg
new file mode 100644
index 00000000..6429995e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-fast-outline" viewBox="0 0 24 24"><path d="M10 11.5H17V13H10V11.5M10 8.5H19V10H10V8.5M20 5H9C7.9 5 7 5.9 7 7V21L11 17H20C21.1 17 22 16.1 22 15V7C22 5.9 21.1 5 20 5M20 15H10.2L9 16.2V7H20V15M3 7C2.4 7 2 7.4 2 8S2.4 9 3 9H5V7H3M2 11C1.4 11 1 11.4 1 12S1.4 13 2 13H5V11H2M1 15C.4 15 0 15.4 0 16C0 16.6 .4 17 1 17H5V15H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast.svg
new file mode 100644
index 00000000..f4e1ed76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-fast" viewBox="0 0 24 24"><path d="M9 5C7.9 5 7 5.9 7 7V21L11 17H20C21.1 17 22 16.1 22 15V7C22 5.9 21.1 5 20 5H9M3 7C2.4 7 2 7.4 2 8S2.4 9 3 9H5V7H3M11 8H19V10H11V8M2 11C1.4 11 1 11.4 1 12S1.4 13 2 13H5V11H2M11 12H16V14H11V12M1 15C.4 15 0 15.4 0 16C0 16.6 .4 17 1 17H5V15H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock-outline.svg
new file mode 100644
index 00000000..81f9331a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-lock-outline" viewBox="0 0 24 24"><path d="M23 3V2.5C23 1.12 21.88 0 20.5 0S18 1.12 18 2.5V3C17.45 3 17 3.45 17 4V8C17 8.55 17.45 9 18 9H23C23.55 9 24 8.55 24 8V4C24 3.45 23.55 3 23 3M22 3H19V2.5C19 1.67 19.67 1 20.5 1S22 1.67 22 2.5V3M6 11H15V13H6V11M6 7H15V9H6V7M22 11V16C22 17.11 21.11 18 20 18H6L2 22V4C2 2.89 2.9 2 4 2H15V4H4V17.17L5.17 16H20V11H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock.svg
new file mode 100644
index 00000000..268256d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-lock" viewBox="0 0 24 24"><path d="M20.5 0A2.5 2.5 0 0 0 18 2.5V3A1 1 0 0 0 17 4V8A1 1 0 0 0 18 9H23A1 1 0 0 0 24 8V4A1 1 0 0 0 23 3V2.5A2.5 2.5 0 0 0 20.5 0M20.5 1A1.5 1.5 0 0 1 22 2.5V3H19V2.5A1.5 1.5 0 0 1 20.5 1M4 2A2 2 0 0 0 2 4V22L6 18H20A2 2 0 0 0 22 16V11H17C15.89 11 15 10.11 15 9V2H4M6 6H13V8H6V6M6 9H13V11H6V9M6 12H14V14H6V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-outline.svg
new file mode 100644
index 00000000..392d65f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text-outline" viewBox="0 0 24 24"><path d="M20,2A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H6L2,22V4C2,2.89 2.9,2 4,2H20M4,4V17.17L5.17,16H20V4H4M6,7H18V9H6V7M6,11H15V13H6V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-text.svg
new file mode 100644
index 00000000..b8972e0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-text" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M6,9H18V11H6M14,14H6V12H14M18,8H6V6H18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message-video.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message-video.svg
new file mode 100644
index 00000000..4b61d19d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message-video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message-video" viewBox="0 0 24 24"><path d="M18,14L14,10.8V14H6V6H14V9.2L18,6M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/message.svg b/apps/phoenix_webcomponent/priv/mdi/svg/message.svg
new file mode 100644
index 00000000..399525c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/message.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-message" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V22L6,18H20A2,2 0 0,0 22,16V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meteor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meteor.svg
new file mode 100644
index 00000000..7a6380ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meteor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meteor" viewBox="0 0 24 24"><path d="M2.8,3L19.67,18.82C19.67,18.82 20,19.27 19.58,19.71C19.17,20.15 18.63,19.77 18.63,19.77L2.8,3M7.81,4.59L20.91,16.64C20.91,16.64 21.23,17.08 20.82,17.5C20.4,17.97 19.86,17.59 19.86,17.59L7.81,4.59M4.29,8L17.39,20.03C17.39,20.03 17.71,20.47 17.3,20.91C16.88,21.36 16.34,21 16.34,21L4.29,8M12.05,5.96L21.2,14.37C21.2,14.37 21.42,14.68 21.13,15C20.85,15.3 20.47,15.03 20.47,15.03L12.05,5.96M5.45,11.91L14.6,20.33C14.6,20.33 14.82,20.64 14.54,20.95C14.25,21.26 13.87,21 13.87,21L5.45,11.91M16.38,7.92L20.55,11.74C20.55,11.74 20.66,11.88 20.5,12.03C20.38,12.17 20.19,12.05 20.19,12.05L16.38,7.92M7.56,16.1L11.74,19.91C11.74,19.91 11.85,20.06 11.7,20.2C11.56,20.35 11.37,20.22 11.37,20.22L7.56,16.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric-outline.svg
new file mode 100644
index 00000000..a0e40629
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meter-electric-outline" viewBox="0 0 24 24"><path d="M21 11C21 6.03 16.97 2 12 2S3 6.03 3 11C3 14.92 5.5 18.24 9 19.5V22H11V19.94C11.33 20 11.66 20 12 20S12.67 20 13 19.94V22H15V19.5C18.5 18.24 21 14.92 21 11M12 18C8.14 18 5 14.86 5 11S8.14 4 12 4 19 7.14 19 11 15.86 18 12 18M8 7H16V9H8V7M12.75 10L9.75 13L11 14.25L9.75 15.5L11.25 17L14.25 14L13 12.75L14.25 11.5L12.75 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric.svg
new file mode 100644
index 00000000..442342e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meter-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meter-electric" viewBox="0 0 24 24"><path d="M12 2C7.04 2 3 6.04 3 11C3 14.91 5.5 18.24 9 19.47V22H11V19.94C11.33 20 11.66 20 12 20S12.67 20 13 19.94V22H15V19.47C18.5 18.23 21 14.9 21 11C21 6.04 16.96 2 12 2M14.25 14L11.25 17L9.75 15.5L11 14.25L9.75 13L12.75 10L14.25 11.5L13 12.75L14.25 14M16 9H8V7H16V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas-outline.svg
new file mode 100644
index 00000000..ef620a9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meter-gas-outline" viewBox="0 0 24 24"><path d="M16 4H15V2H13V4H11V2H9V4H8C5.79 4 4 5.79 4 8V18C4 20.21 5.79 22 8 22H16C18.21 22 20 20.21 20 18V8C20 5.79 18.21 4 16 4M18 18C18 19.1 17.1 20 16 20H8C6.9 20 6 19.1 6 18V8C6 6.9 6.9 6 8 6H16C17.1 6 18 6.9 18 8V18M9.5 15.54C9.5 16.9 10.62 18 12 18S14.5 16.9 14.5 15.54C14.5 14.45 14.05 14.13 12 11.75C9.93 14.15 9.5 14.46 9.5 15.54M8 8H16V10H8V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas.svg b/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas.svg
new file mode 100644
index 00000000..d1d84b8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/meter-gas.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-meter-gas" viewBox="0 0 24 24"><path d="M16 4H15V2H13V4H11V2H9V4H8C5.79 4 4 5.79 4 8V18C4 20.21 5.79 22 8 22H16C18.21 22 20 20.21 20 18V8C20 5.79 18.21 4 16 4M12 18C10.62 18 9.5 16.9 9.5 15.54C9.5 14.45 9.93 14.15 12 11.75C14.05 14.13 14.5 14.45 14.5 15.54C14.5 16.9 13.38 18 12 18M16 10H8V8H16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/metronome-tick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/metronome-tick.svg
new file mode 100644
index 00000000..fc5d8991
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/metronome-tick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-metronome-tick" viewBox="0 0 24 24"><path d="M12,1.75L8.57,2.67L4.07,19.5C4.06,19.5 4,19.84 4,20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20C20,19.84 19.94,19.5 19.93,19.5L15.43,2.67L12,1.75M10.29,4H13.71L17.2,17H13V12H11V17H6.8L10.29,4M11,5V9H10V11H14V9H13V5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/metronome.svg b/apps/phoenix_webcomponent/priv/mdi/svg/metronome.svg
new file mode 100644
index 00000000..3e923f87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/metronome.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-metronome" viewBox="0 0 24 24"><path d="M12,1.75L8.57,2.67L4.06,19.53C4.03,19.68 4,19.84 4,20C4,21.11 4.89,22 6,22H18C19.11,22 20,21.11 20,20C20,19.84 19.97,19.68 19.94,19.53L18.58,14.42L17,16L17.2,17H13.41L16.25,14.16L14.84,12.75L10.59,17H6.8L10.29,4H13.71L15.17,9.43L16.8,7.79L15.43,2.67L12,1.75M11.25,5V14.75L12.75,13.25V5H11.25M19.79,7.8L16.96,10.63L16.25,9.92L14.84,11.34L17.66,14.16L19.08,12.75L18.37,12.04L21.2,9.21L19.79,7.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/micro-sd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/micro-sd.svg
new file mode 100644
index 00000000..f03080c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/micro-sd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-micro-sd" viewBox="0 0 24 24"><path d="M8,2A2,2 0 0,0 6,4V11L4,13V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2H8M9,4H11V8H9V4M12,4H14V8H12V4M15,4H17V8H15V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message-off.svg
new file mode 100644
index 00000000..f088a254
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-message-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L13.38,16.65C12.55,18.35 10.93,19.59 9,19.92V22H7V19.92C4.16,19.44 2,16.97 2,14H4A4,4 0 0,0 8,18C9.82,18 11.36,16.78 11.84,15.11L10,13.27V14A2,2 0 0,1 8,16A2,2 0 0,1 6,14V9.27L2,5.27M21.41,9.41L17.17,13.66L18.18,10H14A2,2 0 0,1 12,8V4A2,2 0 0,1 14,2H20A2,2 0 0,1 22,4V8C22,8.55 21.78,9.05 21.41,9.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message.svg
new file mode 100644
index 00000000..528b0d40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-message.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-message" viewBox="0 0 24 24"><path d="M8,7A2,2 0 0,1 10,9V14A2,2 0 0,1 8,16A2,2 0 0,1 6,14V9A2,2 0 0,1 8,7M14,14C14,16.97 11.84,19.44 9,19.92V22H7V19.92C4.16,19.44 2,16.97 2,14H4A4,4 0 0,0 8,18A4,4 0 0,0 12,14H14M21.41,9.41L17.17,13.66L18.18,10H14A2,2 0 0,1 12,8V4A2,2 0 0,1 14,2H20A2,2 0 0,1 22,4V8C22,8.55 21.78,9.05 21.41,9.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-minus.svg
new file mode 100644
index 00000000..6940e053
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-minus" viewBox="0 0 24 24"><path d="M9,2A3,3 0 0,1 12,5V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V5A3,3 0 0,1 9,2M16,11C16,14.5 13.44,17.43 10,17.93V21H8V17.93C4.56,17.43 2,14.5 2,11H4A5,5 0 0,0 9,16A5,5 0 0,0 14,11H16M15,5H23V7H15V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-off.svg
new file mode 100644
index 00000000..1a983145
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-off" viewBox="0 0 24 24"><path d="M19,11C19,12.19 18.66,13.3 18.1,14.28L16.87,13.05C17.14,12.43 17.3,11.74 17.3,11H19M15,11.16L9,5.18V5A3,3 0 0,1 12,2A3,3 0 0,1 15,5V11L15,11.16M4.27,3L21,19.73L19.73,21L15.54,16.81C14.77,17.27 13.91,17.58 13,17.72V21H11V17.72C7.72,17.23 5,14.41 5,11H6.7C6.7,14 9.24,16.1 12,16.1C12.81,16.1 13.6,15.91 14.31,15.58L12.65,13.92L12,14A3,3 0 0,1 9,11V10.28L3,4.27L4.27,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-outline.svg
new file mode 100644
index 00000000..aec11fd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-outline" viewBox="0 0 24 24"><path d="M17.3,11C17.3,14 14.76,16.1 12,16.1C9.24,16.1 6.7,14 6.7,11H5C5,14.41 7.72,17.23 11,17.72V21H13V17.72C16.28,17.23 19,14.41 19,11M10.8,4.9C10.8,4.24 11.34,3.7 12,3.7C12.66,3.7 13.2,4.24 13.2,4.9L13.19,11.1C13.19,11.76 12.66,12.3 12,12.3C11.34,12.3 10.8,11.76 10.8,11.1M12,14A3,3 0 0,0 15,11V5A3,3 0 0,0 12,2A3,3 0 0,0 9,5V11A3,3 0 0,0 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-plus.svg
new file mode 100644
index 00000000..8ec0bbfa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-plus" viewBox="0 0 24 24"><path d="M9,2A3,3 0 0,1 12,5V11A3,3 0 0,1 9,14A3,3 0 0,1 6,11V5A3,3 0 0,1 9,2M16,11C16,14.5 13.44,17.43 10,17.93V21H8V17.93C4.56,17.43 2,14.5 2,11H4A5,5 0 0,0 9,16A5,5 0 0,0 14,11H16M15,5H18V2H20V5H23V7H20V10H18V7H15V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question-outline.svg
new file mode 100644
index 00000000..96ada7ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-question-outline" viewBox="0 0 24 24"><path d="M14.3 11C14.3 14 11.76 16.1 9 16.1S3.7 14 3.7 11H2C2 14.41 4.72 17.23 8 17.72V21H10V17.72C13.28 17.23 16 14.41 16 11M7.8 4.9C7.8 4.24 8.34 3.7 9 3.7S10.2 4.24 10.2 4.9L10.19 11.1C10.19 11.76 9.66 12.3 9 12.3S7.8 11.76 7.8 11.1M9 14C10.66 14 12 12.66 12 11V5C12 3.34 10.66 2 9 2S6 3.34 6 5V11C6 12.66 7.34 14 9 14M20.5 14.5V16H19V14.5H20.5M18.5 9.5H17V9C17 7.34 18.34 6 20 6S23 7.34 23 9C23 9.97 22.5 10.88 21.71 11.41L21.41 11.6C20.84 12 20.5 12.61 20.5 13.3V13.5H19V13.3C19 12.11 19.6 11 20.59 10.35L20.88 10.16C21.27 9.9 21.5 9.47 21.5 9C21.5 8.17 20.83 7.5 20 7.5S18.5 8.17 18.5 9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question.svg
new file mode 100644
index 00000000..e94e4eaf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-question" viewBox="0 0 24 24"><path d="M9 2C10.66 2 12 3.34 12 5V11C12 12.66 10.66 14 9 14S6 12.66 6 11V5C6 3.34 7.34 2 9 2M16 11C16 14.53 13.39 17.44 10 17.93V21H8V17.93C4.61 17.44 2 14.53 2 11H4C4 13.76 6.24 16 9 16S14 13.76 14 11H16M20.5 14.5V16H19V14.5H20.5M18.5 9.5H17V9C17 7.34 18.34 6 20 6S23 7.34 23 9C23 9.97 22.5 10.88 21.71 11.41L21.41 11.6C20.84 12 20.5 12.61 20.5 13.3V13.5H19V13.3C19 12.11 19.6 11 20.59 10.35L20.88 10.16C21.27 9.9 21.5 9.47 21.5 9C21.5 8.17 20.83 7.5 20 7.5S18.5 8.17 18.5 9V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-settings.svg
new file mode 100644
index 00000000..b7bf55cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-settings" viewBox="0 0 24 24"><path d="M19,10H17.3C17.3,13 14.76,15.1 12,15.1C9.24,15.1 6.7,13 6.7,10H5C5,13.41 7.72,16.23 11,16.72V20H13V16.72C16.28,16.23 19,13.41 19,10M15,24H17V22H15M11,24H13V22H11M12,13A3,3 0 0,0 15,10V4A3,3 0 0,0 12,1A3,3 0 0,0 9,4V10A3,3 0 0,0 12,13M7,24H9V22H7V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant-off.svg
new file mode 100644
index 00000000..20a91c7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L16,19.26C15.86,21.35 14.12,23 12,23A4,4 0 0,1 8,19V18H7L6.16,9.82C5.82,9.47 5.53,9.06 5.33,8.6L2,5.27M9,3A4,4 0 0,1 13,7H8.82L6.08,4.26C6.81,3.5 7.85,3 9,3M11.84,9.82L11.82,10L9.82,8H12.87C12.69,8.7 12.33,9.32 11.84,9.82M11,18H10V19A2,2 0 0,0 12,21A2,2 0 0,0 14,19V17.27L11.35,14.62L11,18M18,10H20L19,11L20,12H18A2,2 0 0,0 16,14V14.18L14.3,12.5C14.9,11 16.33,10 18,10M8,12A1,1 0 0,0 9,13C9.21,13 9.4,12.94 9.56,12.83L8.17,11.44C8.06,11.6 8,11.79 8,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant.svg
new file mode 100644
index 00000000..b06159b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone-variant" viewBox="0 0 24 24"><path d="M9,3A4,4 0 0,1 13,7H5A4,4 0 0,1 9,3M11.84,9.82L11,18H10V19A2,2 0 0,0 12,21A2,2 0 0,0 14,19V14A4,4 0 0,1 18,10H20L19,11L20,12H18A2,2 0 0,0 16,14V19A4,4 0 0,1 12,23A4,4 0 0,1 8,19V18H7L6.16,9.82C5.67,9.32 5.31,8.7 5.13,8H12.87C12.69,8.7 12.33,9.32 11.84,9.82M9,11A1,1 0 0,0 8,12A1,1 0 0,0 9,13A1,1 0 0,0 10,12A1,1 0 0,0 9,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microphone.svg
new file mode 100644
index 00000000..d5b058aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microphone" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microscope.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microscope.svg
new file mode 100644
index 00000000..c7ace3f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microscope.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microscope" viewBox="0 0 24 24"><path d="M9.46,6.28L11.05,9C8.47,9.26 6.5,11.41 6.5,14A5,5 0 0,0 11.5,19C13.55,19 15.31,17.77 16.08,16H13.5V14H21.5V16H19.25C18.84,17.57 17.97,18.96 16.79,20H19.5V22H3.5V20H6.21C4.55,18.53 3.5,16.39 3.5,14C3.5,10.37 5.96,7.2 9.46,6.28M12.74,2.07L13.5,3.37L14.36,2.87L17.86,8.93L14.39,10.93L10.89,4.87L11.76,4.37L11,3.07L12.74,2.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-access.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-access.svg
new file mode 100644
index 00000000..03b96652
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-access.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-access" viewBox="0 0 24 24"><path d="M14.5 2.63Q15.84 2.63 17.18 2.77L17.85 2.86Q18.3 2.93 18.84 3.04 19.37 3.15 19.93 3.31 20.5 3.47 20.96 3.69 21.42 3.91 21.71 4.19 22 4.47 22 4.81V19.19Q22 19.53 21.71 19.81 21.41 20.09 20.96 20.31 20.5 20.53 19.93 20.69 19.37 20.85 18.83 20.96 18.3 21.07 17.86 21.14 17.41 21.21 17.17 21.23 15.84 21.38 14.5 21.38 13.15 21.38 11.82 21.23 11.59 21.21 11.15 21.14 10.7 21.07 10.16 20.96 9.63 20.85 9.07 20.69 8.5 20.53 8.05 20.31 7.59 20.09 7.29 19.81 7 19.53 7 19.19V17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H7V4.81Q7 4.47 7.29 4.19 7.59 3.91 8.05 3.69 8.5 3.47 9.07 3.31 9.63 3.15 10.17 3.04 10.7 2.93 11.14 2.86 11.59 2.8 11.83 2.77 13.15 2.63 14.5 2.63M14.5 3.88Q13.87 3.88 13.08 3.92 12.3 3.96 11.5 4.07 10.69 4.18 9.93 4.36 9.17 4.54 8.58 4.81 9.19 5.1 9.95 5.28 10.7 5.46 11.5 5.56 12.29 5.66 13.07 5.71 13.85 5.75 14.5 5.75 15.16 5.75 15.93 5.71 16.71 5.66 17.5 5.56 18.3 5.46 19.06 5.28 19.81 5.1 20.42 4.81 19.83 4.54 19.07 4.36 18.31 4.18 17.5 4.07 16.7 3.96 15.92 3.92 15.14 3.88 14.5 3.88M5.94 13.79H8.06L8.55 15.28H10.22L7.83 8.72H6.2L3.78 15.28H5.44M20.75 19V16Q20.11 16.31 19.31 16.5 18.5 16.68 17.67 16.79 16.83 16.9 16 16.95 15.19 17 14.5 17 13.79 17 13.08 16.96 12.37 16.91 11.67 16.83 11.44 17 11.17 17H8.25V19Q8.53 19.21 9 19.38 9.5 19.56 10.07 19.68 10.65 19.81 11.29 19.9 11.92 20 12.5 20.03 13.12 20.09 13.64 20.11 14.16 20.13 14.5 20.13 14.84 20.12 15.36 20.1 15.88 20.09 16.5 20.03 17.08 20 17.71 19.9 18.35 19.81 18.93 19.68 19.5 19.56 20 19.38 20.47 19.21 20.75 19M20.75 14.63V11Q20.11 11.31 19.31 11.5 18.5 11.68 17.67 11.79 16.83 11.9 16 11.95 15.19 12 14.5 12 13.88 12 13.25 11.97 12.63 11.93 12 11.87V15.62Q12.63 15.69 13.25 15.72 13.88 15.75 14.5 15.75 14.86 15.75 15.38 15.73 15.9 15.71 16.5 15.66 17.08 15.6 17.7 15.5 18.33 15.44 18.9 15.31 19.5 15.18 19.96 15 20.45 14.85 20.75 14.63M20.75 9.63V6Q20.11 6.31 19.31 6.5 18.5 6.68 17.67 6.79 16.83 6.9 16 6.95 15.19 7 14.5 7 13.81 7 13 6.95 12.17 6.9 11.33 6.79 10.5 6.68 9.69 6.5 8.89 6.31 8.25 6V7H11.17Q11.5 7 11.76 7.24 12 7.5 12 7.83V10.62Q12.63 10.69 13.25 10.72 13.88 10.75 14.5 10.75 14.86 10.75 15.38 10.73 15.9 10.71 16.5 10.66 17.08 10.6 17.7 10.5 18.33 10.44 18.9 10.31 19.5 10.18 19.96 10 20.44 9.85 20.75 9.63M6.32 12.5L7 10.5L7.65 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure-devops.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure-devops.svg
new file mode 100644
index 00000000..c9aaa3db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure-devops.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-azure-devops" viewBox="0 0 24 24"><path d="M22 18L17 22L9 19V22L4.81 16.25L17.72 17.3V6.34L22 5.65V18M4.81 16.25V8.96L17.72 6.34L10.6 2V4.84L3.97 6.76L2 9.38V15.07L4.81 16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure.svg
new file mode 100644
index 00000000..9aafc27d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-azure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-azure" viewBox="0 0 24 24"><path d="M13.05,4.24L6.56,18.05L2,18L7.09,9.24L13.05,4.24M13.75,5.33L22,19.76H6.74L16.04,18.1L11.17,12.31L13.75,5.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-bing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-bing.svg
new file mode 100644
index 00000000..602dd1fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-bing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-bing" viewBox="0 0 24 24"><path d="M5,3V19L8.72,21L18,15.82V11.73H18L9.77,8.95L11.38,12.84L13.94,14L8.7,16.92V4.27L5,3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-dynamics-365.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-dynamics-365.svg
new file mode 100644
index 00000000..40d7ac65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-dynamics-365.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-dynamics-365" viewBox="0 0 24 24"><path d="M6,2L17.25,8.5L13.5,11.5L6,8V2M6,9L9.5,11.25L6,22L18,9V15L6,22V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-edge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-edge.svg
new file mode 100644
index 00000000..73d39c0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-edge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-edge" viewBox="0 0 24 24"><path d="M10.86 15.37C10.17 14.6 9.7 13.68 9.55 12.65C9.25 13.11 9 13.61 8.82 14.15C7.9 16.9 9.5 20.33 12.22 21.33C14.56 22.11 17.19 20.72 18.92 19.2C19.18 18.85 21.23 17.04 20.21 16.84C17.19 18.39 13.19 17.95 10.86 15.37M11.46 9.56C12.5 9.55 11.5 9.13 11.07 8.81C10.03 8.24 8.81 7.96 7.63 7.96C3.78 8 .995 10.41 2.3 14.4C3.24 18.28 6.61 21.4 10.59 21.9C8.54 20.61 7.3 18.19 7.3 15.78C7.38 13.25 8.94 10.28 11.46 9.56M2.78 8.24C5.82 6 10.66 6.18 13.28 9C14.3 10.11 15 12 14.07 13.37C12.33 15.25 17.15 15.5 18.18 15.22C21.92 14.5 22.91 10.15 21.13 7.15C19.43 3.75 15.66 1.97 11.96 2C7.9 1.93 4.25 4.5 2.78 8.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-excel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-excel.svg
new file mode 100644
index 00000000..fa1fbbeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-excel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-excel" viewBox="0 0 24 24"><path d="M21.17 3.25Q21.5 3.25 21.76 3.5 22 3.74 22 4.08V19.92Q22 20.26 21.76 20.5 21.5 20.75 21.17 20.75H7.83Q7.5 20.75 7.24 20.5 7 20.26 7 19.92V17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H7V4.08Q7 3.74 7.24 3.5 7.5 3.25 7.83 3.25M7 13.06L8.18 15.28H9.97L8 12.06L9.93 8.89H8.22L7.13 10.9L7.09 10.96L7.06 11.03Q6.8 10.5 6.5 9.96 6.25 9.43 5.97 8.89H4.16L6.05 12.08L4 15.28H5.78M13.88 19.5V17H8.25V19.5M13.88 15.75V12.63H12V15.75M13.88 11.38V8.25H12V11.38M13.88 7V4.5H8.25V7M20.75 19.5V17H15.13V19.5M20.75 15.75V12.63H15.13V15.75M20.75 11.38V8.25H15.13V11.38M20.75 7V4.5H15.13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-internet-explorer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-internet-explorer.svg
new file mode 100644
index 00000000..89edfa7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-internet-explorer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-internet-explorer" viewBox="0 0 24 24"><path d="M13,3L14,3.06C16.8,1.79 19.23,1.64 20.5,2.92C21.5,3.93 21.58,5.67 20.92,7.72C21.61,9 22,10.45 22,12L21.95,13H9.08C9.45,15.28 11.06,17 13,17C14.31,17 15.47,16.21 16.2,15H21.5C20.25,18.5 16.92,21 13,21C11.72,21 10.5,20.73 9.41,20.25C6.5,21.68 3.89,21.9 2.57,20.56C1,18.96 1.68,15.57 4,12C4.93,10.54 6.14,9.06 7.57,7.65L8.38,6.88C7.21,7.57 5.71,8.62 4.19,10.17C5.03,6.08 8.66,3 13,3M13,7C11.21,7 9.69,8.47 9.18,10.5H16.82C16.31,8.47 14.79,7 13,7M20.06,4.06C19.4,3.39 18.22,3.35 16.74,3.81C18.22,4.5 19.5,5.56 20.41,6.89C20.73,5.65 20.64,4.65 20.06,4.06M3.89,20C4.72,20.84 6.4,20.69 8.44,19.76C6.59,18.67 5.17,16.94 4.47,14.88C3.27,17.15 3,19.07 3.89,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-office.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-office.svg
new file mode 100644
index 00000000..cc233834
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-office.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-office" viewBox="0 0 24 24"><path d="M19.94 5.59V18.39Q19.94 19.06 19.55 19.59 19.16 20.11 18.5 20.29L12.77 21.94Q12.65 21.97 12.5 22H12.28Q11.95 22 11.68 21.91 11.41 21.82 11.13 21.67L7.38 19.55Q7.17 19.43 7.05 19.24 6.93 19.05 6.93 18.81 6.93 18.45 7.19 18.2 7.44 17.95 7.8 17.95H12.66V6.14L9 7.44Q8.57 7.6 8.3 8 8.03 8.38 8.03 8.85V15.58Q8.03 16 7.82 16.34 7.62 16.68 7.25 16.88L5.53 17.82Q5.29 17.95 5.05 17.95 4.64 17.95 4.35 17.66 4.06 17.37 4.06 16.95V7.47Q4.06 6.95 4.33 6.5 4.61 6 5.06 5.74L11.22 2.24Q11.43 2.12 11.67 2.06 11.91 2 12.15 2 12.32 2 12.46 2.03 12.6 2.05 12.77 2.1L18.5 3.69Q18.83 3.78 19.09 3.96 19.35 4.14 19.54 4.39 19.74 4.65 19.84 4.95 19.94 5.26 19.94 5.59M18.62 18.39V5.59Q18.62 5.36 18.5 5.19 18.35 5 18.13 4.96L15.31 4.18Q15 4.09 14.65 4 14.32 3.89 14 3.81V20.21L18.13 19Q18.35 18.96 18.5 18.79 18.62 18.62 18.62 18.39Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onedrive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onedrive.svg
new file mode 100644
index 00000000..feed97ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onedrive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-onedrive" viewBox="0 0 24 24"><path d="M18.21 10.29Q19 10.34 19.7 10.68 20.39 11 20.9 11.57 21.41 12.12 21.71 12.83 22 13.54 22 14.34 22 15.18 21.68 15.92 21.36 16.66 20.8 17.21 20.25 17.76 19.5 18.08 18.78 18.41 17.94 18.41H7Q5.97 18.41 5.06 18 4.15 17.61 3.47 16.94 2.79 16.26 2.4 15.35 2 14.44 2 13.41 2 12.59 2.26 11.83 2.5 11.08 3 10.45 3.44 9.82 4.08 9.35 4.72 8.88 5.5 8.63 5.87 8.5 6.21 8.5 6.56 8.43 6.93 8.41H6.94Q7.37 7.75 7.95 7.23 8.5 6.71 9.2 6.34 9.87 6 10.62 5.78 11.37 5.59 12.16 5.59 13.22 5.59 14.2 5.94 15.18 6.29 16 6.91 16.8 7.53 17.37 8.39 17.95 9.26 18.21 10.29M12.16 6.84Q11.05 6.84 10.06 7.3 9.06 7.75 8.36 8.6 8.73 8.7 9.07 8.85 9.4 9 9.73 9.2L13.71 11.58L16 10.62Q16.21 10.53 16.44 10.45 16.67 10.38 16.92 10.33 16.68 9.55 16.21 8.91 15.74 8.27 15.11 7.81 14.5 7.35 13.73 7.1 13 6.84 12.16 6.84M4 15.66L12.27 12.18L9.08 10.26Q8.59 9.97 8.06 9.81 7.5 9.66 6.95 9.66 6.19 9.66 5.5 9.96 4.84 10.26 4.34 10.77 3.84 11.29 3.54 11.97 3.25 12.65 3.25 13.41 3.25 14 3.45 14.59 3.64 15.19 4 15.66M17.94 17.16Q18.41 17.16 18.84 17 19.27 16.86 19.64 16.58L13.61 13L5.03 16.59Q5.47 16.86 5.97 17 6.47 17.16 7 17.16M20.45 15.61Q20.75 15 20.75 14.34 20.75 13.7 20.5 13.17 20.26 12.65 19.85 12.28 19.43 11.91 18.88 11.71 18.32 11.5 17.7 11.5 17.35 11.5 17 11.6 16.66 11.68 16.33 11.81 16 11.93 15.67 12.08 15.35 12.23 15.04 12.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onenote.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onenote.svg
new file mode 100644
index 00000000..a94e2d59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-onenote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-onenote" viewBox="0 0 24 24"><path d="M21.17 3.25Q21.5 3.25 21.76 3.5 22 3.74 22 4.08V19.92Q22 20.26 21.76 20.5 21.5 20.75 21.17 20.75H7.83Q7.5 20.75 7.24 20.5 7 20.26 7 19.92V17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H7V4.08Q7 3.74 7.24 3.5 7.5 3.25 7.83 3.25M5.8 11.17L8.16 15.27H9.65V8.73H8.2V12.92L5.93 8.73H4.35V15.27H5.8M20.75 19.5V17H18.25V19.5M20.75 15.75V13.25H18.25V15.75M20.75 12V9.5H18.25V12M20.75 8.25V4.5H8.25V7H11.17Q11.5 7 11.76 7.24 12 7.5 12 7.83V16.17Q12 16.5 11.76 16.76 11.5 17 11.17 17H8.25V19.5H17V8.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-outlook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-outlook.svg
new file mode 100644
index 00000000..5ffc489e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-outlook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-outlook" viewBox="0 0 24 24"><path d="M8.56 12.03Q8.56 12.41 8.5 12.76 8.39 13.1 8.2 13.38 8 13.65 7.71 13.81 7.41 13.97 7 13.97 6.58 13.97 6.29 13.8 6 13.63 5.81 13.35 5.62 13.07 5.54 12.72 5.45 12.37 5.45 12 5.45 11.64 5.54 11.28 5.62 10.93 5.81 10.65 6 10.37 6.31 10.2 6.61 10.03 7.03 10.03 7.46 10.03 7.75 10.2 8.05 10.38 8.23 10.66 8.41 10.95 8.5 11.3 8.56 11.66 8.56 12.03M22 12V19.81Q22 20.2 21.73 20.5 21.45 20.75 21.06 20.75H7.94Q7.55 20.75 7.27 20.5 7 20.2 7 19.81V17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H8.25V4.13Q8.25 3.76 8.5 3.5 8.76 3.25 9.13 3.25H19.87Q20.24 3.25 20.5 3.5 20.75 3.76 20.75 4.13V11.04L21.79 11.64H21.8Q21.88 11.7 21.94 11.8 22 11.89 22 12M17 5.13V7.63H19.5V5.13M17 8.88V11.38H19.5V8.88M17 12.63V14.15L19.54 12.63M12.63 5.13V7.63H15.75V5.13M12.63 8.88V11.38H15.75V8.88M12.63 12.63V14.32L14.64 15.56L15.75 14.9V12.63M9.5 5.13V7H11.27Q11.33 7 11.38 7.04V5.12M7 15.32Q7.73 15.32 8.32 15.06 8.9 14.8 9.31 14.35 9.71 13.9 9.91 13.28 10.12 12.66 10.13 11.94 10.13 11.25 9.92 10.65 9.72 10.06 9.32 9.62 8.93 9.18 8.37 8.93 7.8 8.68 7.08 8.68 6.31 8.68 5.71 8.93 5.12 9.18 4.71 9.63 4.3 10.09 4.09 10.71 3.88 11.34 3.88 12.08 3.88 12.78 4.09 13.38 4.31 13.97 4.71 14.4 5.11 14.83 5.68 15.08 6.26 15.32 7 15.32M8.25 19.5H18.57L12 15.4V16.17Q12 16.5 11.76 16.76 11.5 17 11.17 17H8.25M20.75 19.39V13.36L15.83 16.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-powerpoint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-powerpoint.svg
new file mode 100644
index 00000000..e56e34e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-powerpoint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-powerpoint" viewBox="0 0 24 24"><path d="M13.25 3.25Q14.46 3.25 15.58 3.56 16.7 3.88 17.67 4.45 18.64 5 19.44 5.81 20.23 6.61 20.8 7.58 21.38 8.55 21.69 9.67 22 10.79 22 12 22 13.21 21.69 14.33 21.38 15.45 20.8 16.42 20.23 17.39 19.44 18.19 18.64 19 17.67 19.55 16.7 20.13 15.58 20.44 14.46 20.75 13.25 20.75 12.18 20.75 11.15 20.5 10.12 20.24 9.2 19.76 8.28 19.27 7.5 18.58 6.69 17.88 6.07 17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.25 2.5 7 2.83 7H6.07Q6.69 6.12 7.5 5.42 8.28 4.72 9.2 4.24 10.13 3.76 11.15 3.5 12.18 3.25 13.25 3.25M13.88 4.53V11.37H20.72Q20.6 10 20.03 8.81 19.46 7.62 18.55 6.7 17.64 5.79 16.43 5.22 15.23 4.65 13.88 4.53M9.5 10.84Q9.5 10.27 9.3 9.87 9.11 9.46 8.78 9.21 8.45 8.95 8 8.84 7.55 8.72 7 8.72H4.37V15.27H5.91V13H6.94Q7.42 13 7.87 12.84 8.33 12.7 8.69 12.43 9.05 12.17 9.27 11.76 9.5 11.36 9.5 10.84M13.25 19.5Q14.23 19.5 15.14 19.26 16.04 19 16.85 18.58 17.66 18.13 18.33 17.5 19 16.89 19.5 16.13 20 15.36 20.33 14.47 20.64 13.58 20.72 12.62H12.64V4.53Q11.19 4.65 9.91 5.29 8.63 5.93 7.67 7H11.17Q11.5 7 11.76 7.25 12 7.5 12 7.83V16.17Q12 16.5 11.76 16.76 11.5 17 11.17 17H7.67Q8.2 17.6 8.84 18.06 9.5 18.5 10.19 18.84 10.91 19.17 11.68 19.33 12.45 19.5 13.25 19.5M6.85 10Q7.32 10 7.61 10.19 7.89 10.38 7.89 10.89 7.89 11.11 7.79 11.25 7.69 11.39 7.53 11.5 7.37 11.57 7.18 11.6 7 11.64 6.8 11.64H5.91V10H6.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-sharepoint.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-sharepoint.svg
new file mode 100644
index 00000000..57779e63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-sharepoint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-sharepoint" viewBox="0 0 24 24"><path d="M22 13.25Q22 14.29 21.6 15.2 21.21 16.1 20.53 16.78 19.85 17.46 18.94 17.86 18.03 18.25 17 18.25 16.36 18.25 15.73 18.09 15.64 18.92 15.27 19.63 14.89 20.35 14.3 20.88 13.72 21.41 12.97 21.7 12.21 22 11.38 22 10.47 22 9.67 21.65 8.88 21.31 8.28 20.72 7.69 20.13 7.35 19.33 7 18.53 7 17.63V17.31Q7.03 17.16 7.05 17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H5.78Q5.9 5.94 6.39 5 6.87 4.11 7.63 3.44 8.38 2.76 9.34 2.38 10.3 2 11.38 2 12.54 2 13.56 2.44 14.59 2.89 15.35 3.65 16.11 4.41 16.56 5.44 17 6.46 17 7.63V7.94Q17 8.09 16.96 8.25 18 8.25 18.91 8.64 19.83 9.03 20.5 9.71 21.21 10.38 21.6 11.29 22 12.21 22 13.25M11.37 3.25Q10.56 3.25 9.83 3.54 9.09 3.82 8.5 4.32 7.94 4.82 7.55 5.5 7.17 6.2 7.05 7H11.17Q11.5 7 11.76 7.25 12 7.5 12 7.83V11.95L12.18 11.92Q12.35 11.3 12.68 10.74 13 10.17 13.47 9.72 13.92 9.27 14.5 8.93 15.04 8.6 15.67 8.43 15.75 8 15.75 7.63 15.75 6.72 15.4 5.92 15.06 5.13 14.46 4.54 13.87 3.95 13.08 3.6 12.28 3.25 11.37 3.25M7.1 15.25Q7.55 15.25 8 15.16 8.42 15.07 8.76 14.85 9.1 14.64 9.31 14.29 9.5 13.93 9.5 13.41 9.5 12.88 9.3 12.53 9.08 12.18 8.75 11.94 8.42 11.71 8.04 11.56L7.32 11.27Q7 11.14 6.77 11 6.55 10.85 6.55 10.62 6.55 10.46 6.67 10.35 6.79 10.25 6.95 10.2 7.11 10.13 7.28 10.11 7.46 10.1 7.58 10.1 8.07 10.1 8.46 10.22 8.84 10.35 9.25 10.6V9.12Q9 9.05 8.81 9 8.61 8.95 8.42 8.92 8.22 8.89 8 8.87 7.8 8.86 7.55 8.86 7.12 8.86 6.67 8.95 6.22 9.05 5.85 9.27 5.5 9.5 5.26 9.83 5.03 10.18 5.03 10.69 5.03 11.19 5.25 11.5 5.47 11.85 5.8 12.09 6.13 12.32 6.5 12.5L7.22 12.79Q7.56 12.93 7.78 13.08 8 13.24 8 13.46 8 13.65 7.89 13.76 7.79 13.87 7.63 13.92 7.5 14 7.31 14H7Q6.41 14 5.96 13.82 5.5 13.62 5.04 13.3V14.86Q6.03 15.25 7.1 15.25M11.37 20.75Q12 20.75 12.58 20.5 13.15 20.26 13.58 19.84 14 19.41 14.25 18.84 14.5 18.27 14.5 17.63 14.5 17.07 14.31 16.56 14.13 16.05 13.8 15.65 13.46 15.24 13 14.96 12.55 14.68 12 14.56V16.17Q12 16.5 11.76 16.76 11.5 17 11.17 17H8.31Q8.25 17.31 8.25 17.63 8.25 18.27 8.5 18.84 8.74 19.41 9.16 19.84 9.59 20.26 10.16 20.5 10.73 20.75 11.37 20.75M17 17Q17.77 17 18.45 16.71 19.14 16.42 19.65 15.9 20.16 15.39 20.46 14.71 20.75 14.03 20.75 13.25 20.75 12.5 20.46 11.8 20.16 11.11 19.65 10.6 19.14 10.09 18.45 9.79 17.77 9.5 17 9.5 16.23 9.5 15.55 9.8 14.87 10.1 14.36 10.61 13.85 11.12 13.55 11.8 13.25 12.5 13.25 13.25V13.46L13.27 13.68Q13.73 13.9 14.12 14.22 14.5 14.54 14.82 14.93 15.12 15.33 15.34 15.79 15.55 16.25 15.66 16.74 16.32 17 17 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-teams.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-teams.svg
new file mode 100644
index 00000000..f108827f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-teams.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-teams" viewBox="0 0 24 24"><path d="M19.19 8.77Q18.73 8.77 18.33 8.6 17.94 8.43 17.64 8.13 17.34 7.83 17.17 7.44 17 7.04 17 6.58 17 6.13 17.17 5.73 17.34 5.33 17.64 5.04 17.94 4.74 18.33 4.57 18.73 4.39 19.19 4.4 19.64 4.39 20.04 4.57 20.44 4.74 20.74 5.04 21.03 5.33 21.21 5.73 21.38 6.13 21.38 6.58 21.38 7.04 21.21 7.44 21.04 7.83 20.74 8.13 20.44 8.43 20.04 8.6 19.64 8.77 19.19 8.77M19.19 5.65Q18.8 5.65 18.5 5.92 18.25 6.19 18.25 6.58 18.25 6.97 18.5 7.25 18.8 7.5 19.19 7.5 19.58 7.5 19.85 7.25 20.13 7 20.13 6.58 20.13 6.19 19.85 5.92 19.58 5.65 19.19 5.65M22 10.33V15Q22 15.63 21.76 16.2 21.5 16.77 21.09 17.19 20.66 17.62 20.09 17.86 19.5 18.11 18.88 18.11 18.5 18.11 18.12 18 17.73 17.93 17.41 17.75 17.17 18.54 16.7 19.19 16.23 19.84 15.6 20.3 14.97 20.76 14.21 21 13.45 21.27 12.63 21.27 11.67 21.27 10.82 20.94 10 20.61 9.32 20 8.66 19.43 8.23 18.64 7.79 17.84 7.66 16.9H2.83Q2.5 16.9 2.24 16.65 2 16.41 2 16.07V7.73Q2 7.39 2.24 7.14 2.5 6.9 2.83 6.9H10Q9.71 6.3 9.71 5.65 9.71 5.04 9.94 4.5 10.16 4 10.56 3.58 10.96 3.19 11.5 2.96 12 2.73 12.62 2.73 13.23 2.73 13.76 2.96 14.29 3.19 14.69 3.58 15.09 4 15.31 4.5 15.54 5.04 15.54 5.65 15.54 6.25 15.31 6.79 15.09 7.32 14.69 7.71 14.29 8.11 13.76 8.34 13.23 8.57 12.62 8.57 12.47 8.57 12.31 8.55 12.16 8.53 12 8.5V9.4H21.06Q21.45 9.4 21.73 9.67 22 9.94 22 10.33M12.63 4Q12.28 4 12 4.11 11.67 4.24 11.44 4.47 11.22 4.7 11.09 5 10.96 5.31 10.96 5.65 10.96 6 11.09 6.3 11.22 6.6 11.44 6.83 11.67 7.05 12 7.19 12.28 7.32 12.63 7.32 12.97 7.32 13.27 7.19 13.57 7.05 13.8 6.83 14.03 6.6 14.16 6.3 14.3 6 14.3 5.65 14.3 5.31 14.16 5 14.03 4.7 13.8 4.47 13.57 4.24 13.27 4.11 12.97 4 12.63 4M7.78 10.18H9.66V8.62H4.34V10.18H6.22V15.18H7.78M16.38 16.27V10.65H12V16.07Q12 16.41 11.76 16.65 11.5 16.9 11.17 16.9H8.92Q9.05 17.57 9.39 18.15 9.73 18.72 10.21 19.14 10.69 19.55 11.31 19.79 11.92 20 12.63 20 13.4 20 14.08 19.73 14.76 19.43 15.28 18.92 15.79 18.41 16.08 17.73 16.38 17.05 16.38 16.27M20.75 15V10.65H17.63V16.36Q17.88 16.61 18.2 16.74 18.5 16.86 18.88 16.86 19.27 16.86 19.61 16.71 19.95 16.56 20.2 16.31 20.46 16.06 20.6 15.71 20.75 15.37 20.75 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio-code.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio-code.svg
new file mode 100644
index 00000000..8845f60b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio-code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-visual-studio-code" viewBox="0 0 24 24"><path d="M17,16.47V7.39L11,11.93M2.22,9.19C1.92,8.87 1.91,8.37 2.2,8.04L3.4,6.93C3.6,6.75 4.09,6.67 4.45,6.93L7.87,9.54L15.8,2.29C16.12,1.97 16.67,1.84 17.3,2.17L21.3,4.08C21.66,4.29 22,4.62 22,5.23V18.73C22,19.13 21.71,19.56 21.4,19.73L17,21.83C16.68,21.96 16.08,21.84 15.87,21.63L7.85,14.33L4.45,16.93C4.07,17.19 3.6,17.12 3.4,16.93L2.2,15.83C1.88,15.5 1.92,14.96 2.25,14.63L5.25,11.93" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio.svg
new file mode 100644
index 00000000..b0599cbe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-visual-studio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-visual-studio" viewBox="0 0 24 24"><path d="M17,8.5L12.25,12.32L17,16V8.5M4.7,18.4L2,16.7V7.7L5,6.7L9.3,10.03L18,2L22,4.5V20L17,22L9.34,14.66L4.7,18.4M5,14L6.86,12.28L5,10.5V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows-classic.svg
new file mode 100644
index 00000000..4f571820
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-windows-classic" viewBox="0 0 24 24"><path d="M2.67,5.3V5.91L1.96,6.21V5.6L2.67,5.3M2.67,11.24V11.86L1.96,12.15V11.56L2.67,11.24M2.67,17.27V17.89L1.96,18.18V17.59L2.67,17.27M2.6,7.29V7.84L2.03,8.1V7.56L2.6,7.29M2.6,9.28V9.82L2.03,10.08V9.54L2.6,9.28M2.6,13.31V13.84L2.03,14.1V13.56L2.6,13.31M2.6,15.33V15.87L2.03,16.13V15.6L2.6,15.33M4.5,5.64V6.36L3.5,6.73V6L4.5,5.64M4.5,11.66V12.37L3.5,12.74V12.03L4.5,11.66M4.5,17.7V18.41L3.5,18.81V18.1L4.5,17.7M4.43,7.72V8.38L3.64,8.68V8L4.43,7.72M4.43,9.73V10.37L3.65,10.67V10L4.43,9.73M4.43,13.74V14.38L3.65,14.69V14.03L4.43,13.74M4.43,15.76V16.41L3.65,16.72V16.06L4.43,15.76M6.31,6.09V6.94L5.05,7.43V6.59L6.31,6.09M6.31,12.11V12.96L5.05,13.45V12.61L6.31,12.11M6.31,18.08V18.93L5.05,19.43V18.58L6.31,18.08M6.25,8.18V8.94L5.19,9.34V8.61L6.25,8.18M6.25,10.18V10.93L5.19,11.35V10.6L6.25,10.18M6.25,14.19V14.94L5.19,15.37V14.62L6.25,14.19M6.25,16.14V16.9L5.19,17.32V16.57L6.25,16.14M8.29,6.04V7.16L6.72,7.78V6.67L8.29,6.04M8.29,12.06V13.19L6.72,13.8V12.68L8.29,12.06M8.29,18.03V19.15L6.72,19.77V18.66L8.29,18.03M8.2,8.13V9.16L6.89,9.69V8.66L8.2,8.13M8.2,10.13V11.15L6.89,11.68V10.65L8.2,10.13M8.2,14.15V15.18L6.89,15.7V14.67L8.2,14.15M8.2,16.1V17.12L6.89,17.64V16.63L8.2,16.1M10.34,5.85V7.32L8.61,8V6.56L10.34,5.85M10.34,11.87V13.33L8.61,14.03V12.56L10.34,11.87M10.34,17.84V19.3L8.61,20V18.54L10.34,17.84M10.26,8.05V9.28L8.78,9.87V8.64L10.26,8.05M10.26,9.97V11.2L8.78,11.78V10.56L10.26,9.97M10.26,14.06V15.31L8.78,15.88V14.65L10.26,14.06M10.26,16V17.25L8.78,17.84V16.6L10.26,16M12.45,5.12V7.12L10.59,7.89V6C11.23,5.65 11.85,5.35 12.45,5.12M12.45,7.33V9.06L10.59,9.84V8.1L12.45,7.33M12.45,9.28V11.04L10.59,11.82V10.06L12.45,9.28M12.45,11.25V13L10.59,13.77V12L12.45,11.25M12.45,13.21V15L10.59,15.78V14L12.45,13.21M12.45,15.21V16.96L10.59,17.76V16L12.45,15.21M12.45,17.17V19.04C11.72,19.32 11.1,19.59 10.59,19.84V17.96L12.45,17.17M22.04,5.18V19.23C20.85,18.44 19.37,18.05 17.59,18.05C16.12,18.05 14.47,18.35 12.65,18.96V17.06C13.62,16.69 14.68,16.42 15.84,16.26V11.69C14.86,11.81 13.8,12.15 12.65,12.71V11.4C13.64,10.94 14.71,10.63 15.84,10.46V6C14.82,6.18 13.76,6.53 12.65,7V5.03C14.27,4.34 15.86,4 17.41,4C19.09,4 20.63,4.39 22.04,5.18M20.15,6.41C19.39,6 18.5,5.82 17.42,5.82C17.29,5.82 17.17,5.83 17.05,5.84V10.38L17.46,10.37C18.37,10.37 19.27,10.5 20.15,10.8V6.41M20.15,12.1C19.34,11.74 18.43,11.56 17.44,11.56C17.31,11.56 17.18,11.57 17.05,11.58V16.16H17.46C18.45,16.16 19.35,16.28 20.15,16.53V12.1H20.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows.svg
new file mode 100644
index 00000000..74eca53c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-windows.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-windows" viewBox="0 0 24 24"><path d="M3,12V6.75L9,5.43V11.91L3,12M20,3V11.75L10,11.9V5.21L20,3M3,13L9,13.09V19.9L3,18.75V13M20,13.25V22L10,20.09V13.1L20,13.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-word.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-word.svg
new file mode 100644
index 00000000..9f1d5947
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-word.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-word" viewBox="0 0 24 24"><path d="M21.17 3.25Q21.5 3.25 21.76 3.5 22 3.74 22 4.08V19.92Q22 20.26 21.76 20.5 21.5 20.75 21.17 20.75H7.83Q7.5 20.75 7.24 20.5 7 20.26 7 19.92V17H2.83Q2.5 17 2.24 16.76 2 16.5 2 16.17V7.83Q2 7.5 2.24 7.24 2.5 7 2.83 7H7V4.08Q7 3.74 7.24 3.5 7.5 3.25 7.83 3.25M7.03 11.34L8.23 15.28H9.6L10.91 8.72H9.53L8.75 12.6L7.64 8.85H6.5L5.31 12.62L4.53 8.72H3.09L4.4 15.28H5.77M20.75 19.5V17H8.25V19.5M20.75 15.75V12.63H12V15.75M20.75 11.38V8.25H12V11.38M20.75 7V4.5H8.25V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-alert.svg
new file mode 100644
index 00000000..b4e6576f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-alert" viewBox="0 0 24 24"><path d="M21,19V7H15V19H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8M17,9H19V14H17V9M17,15H19V17H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-charging.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-charging.svg
new file mode 100644
index 00000000..215e64e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-charging.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-charging" viewBox="0 0 24 24"><path d="M20,5H21.67C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5M21,7H15V19H21V7M15.5,14L18.5,7.5V12H20.5L17.5,18.5V14H15.5M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-empty.svg
new file mode 100644
index 00000000..53c6317b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-empty" viewBox="0 0 24 24"><path d="M21,19V7H15V19H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-full.svg
new file mode 100644
index 00000000..355ced49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-full" viewBox="0 0 24 24"><path d="M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-low.svg
new file mode 100644
index 00000000..14ea1eb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-low" viewBox="0 0 24 24"><path d="M21,16V7H15V16H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-medium.svg
new file mode 100644
index 00000000..a9540284
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-medium" viewBox="0 0 24 24"><path d="M21,12V7H15V12H21M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-unknown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-unknown.svg
new file mode 100644
index 00000000..527fe99e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-battery-unknown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-battery-unknown" viewBox="0 0 24 24"><path d="M21.67,5C22.4,5 23,5.6 23,6.33V19.67A1.33,1.33 0 0,1 21.67,21H14.33C13.6,21 13,20.4 13,19.67V16.75H7.75C5.75,16.75 5,19 3,20C1,20 -0.5,17 3.5,8.5H3.75L4.19,7.67C4.19,7.67 7,6 8.33,7.23H13V6.33A1.33,1.33 0 0,1 14.33,5H16V3H20V5H21.67M11,8A1,1 0 0,0 10,9A1,1 0 0,0 11,10A1,1 0 0,0 12,9A1,1 0 0,0 11,8M18.19,8C17.32,8 16.62,8.2 16.08,8.59C15.56,9 15.3,9.57 15.31,10.36L15.32,10.39H17.25C17.26,10.09 17.35,9.86 17.53,9.7C17.71,9.55 17.93,9.47 18.19,9.47C18.5,9.47 18.76,9.57 18.94,9.75C19.12,9.94 19.2,10.2 19.2,10.5C19.2,10.82 19.13,11.09 18.97,11.32C18.83,11.55 18.62,11.75 18.36,11.91C17.85,12.25 17.5,12.55 17.31,12.82C17.11,13.08 17,13.5 17,14H19C19,13.69 19.04,13.44 19.13,13.26C19.22,13.08 19.39,12.9 19.64,12.74C20.09,12.5 20.46,12.21 20.75,11.81C21.04,11.41 21.19,11 21.19,10.5C21.19,9.74 20.92,9.13 20.38,8.68C19.85,8.23 19.12,8 18.19,8M17,15V17H19V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-menu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-menu.svg
new file mode 100644
index 00000000..5215881c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-menu" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M6,7H18V9H6V7M6,11H18V13H6V11M6,15H18V17H6V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-off.svg
new file mode 100644
index 00000000..105cf907
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.5,15.75H8.75C6.75,15.75 6,18 4,19C2,19 0.5,16.04 4.42,7.69L2,5.27M9.33,6.23H14.67C16,5 18.81,6.67 18.81,6.67L19.25,7.5H19.5C23,15 22.28,18.2 20.69,18.87L7.62,5.8C8.25,5.73 8.87,5.81 9.33,6.23M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-view.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-view.svg
new file mode 100644
index 00000000..d398382a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller-view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller-view" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M6,7H15V9H8V14H6V7M9,10H18V17H9V10M11,12V15H16V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller.svg
new file mode 100644
index 00000000..ab30aba8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox-controller.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox-controller" viewBox="0 0 24 24"><path d="M8.75,15.75C6.75,15.75 6,18 4,19C2,19 0.5,16 4.5,7.5H4.75L5.19,6.67C5.19,6.67 8,5 9.33,6.23H14.67C16,5 18.81,6.67 18.81,6.67L19.25,7.5H19.5C23.5,16 22,19 20,19C18,18 17.25,15.75 15.25,15.75H8.75M12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox.svg
new file mode 100644
index 00000000..560388e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft-xbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft-xbox" viewBox="0 0 24 24"><path d="M6.43,3.72C6.5,3.66 6.57,3.6 6.62,3.56C8.18,2.55 10,2 12,2C13.88,2 15.64,2.5 17.14,3.42C17.25,3.5 17.54,3.69 17.7,3.88C16.25,2.28 12,5.7 12,5.7C10.5,4.57 9.17,3.8 8.16,3.5C7.31,3.29 6.73,3.5 6.46,3.7M19.34,5.21C19.29,5.16 19.24,5.11 19.2,5.06C18.84,4.66 18.38,4.56 18,4.59C17.61,4.71 15.9,5.32 13.8,7.31C13.8,7.31 16.17,9.61 17.62,11.96C19.07,14.31 19.93,16.16 19.4,18.73C21,16.95 22,14.59 22,12C22,9.38 21,7 19.34,5.21M15.73,12.96C15.08,12.24 14.13,11.21 12.86,9.95C12.59,9.68 12.3,9.4 12,9.1C12,9.1 11.53,9.56 10.93,10.17C10.16,10.94 9.17,11.95 8.61,12.54C7.63,13.59 4.81,16.89 4.65,18.74C4.65,18.74 4,17.28 5.4,13.89C6.3,11.68 9,8.36 10.15,7.28C10.15,7.28 9.12,6.14 7.82,5.35L7.77,5.32C7.14,4.95 6.46,4.66 5.8,4.62C5.13,4.67 4.71,5.16 4.71,5.16C3.03,6.95 2,9.35 2,12A10,10 0 0,0 12,22C14.93,22 17.57,20.74 19.4,18.73C19.4,18.73 19.19,17.4 17.84,15.5C17.53,15.07 16.37,13.69 15.73,12.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microsoft.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft.svg
new file mode 100644
index 00000000..18100e3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microsoft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microsoft" viewBox="0 0 24 24"><path d="M2,3H11V12H2V3M11,22H2V13H11V22M21,3V12H12V3H21M21,22H12V13H21V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microwave-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microwave-off.svg
new file mode 100644
index 00000000..20dedb7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microwave-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microwave-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3.26 5.15C2.5 5.44 2 6.16 2 7V17C2 18.11 2.9 19 4 19H17.11L20.84 22.73L22.11 21.46M4 17V7H5.11L15.11 17H4M16 7V12.8L21.5 18.31C21.81 17.95 22 17.5 22 17V7C22 5.9 21.11 5 20 5H8.2L10.2 7H16M19 7C19.55 7 20 7.45 20 8S19.55 9 19 9 18 8.55 18 8 18.45 7 19 7M19 11C19.55 11 20 11.45 20 12S19.55 13 19 13 18 12.55 18 12 18.45 11 19 11M13 9.8V9H15V11.8L13 9.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/microwave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/microwave.svg
new file mode 100644
index 00000000..216cdfdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/microwave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-microwave" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H16V17H4V7M19,7A1,1 0 0,1 20,8A1,1 0 0,1 19,9A1,1 0 0,1 18,8A1,1 0 0,1 19,7M13,9V15H15V9H13M19,11A1,1 0 0,1 20,12A1,1 0 0,1 19,13A1,1 0 0,1 18,12A1,1 0 0,1 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/middleware-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/middleware-outline.svg
new file mode 100644
index 00000000..bdaeca86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/middleware-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-middleware-outline" viewBox="0 0 24 24"><path d="M23 12L19 8V11H15.86C15.41 9.28 13.86 8 12 8S8.59 9.28 8.14 11H5L2 8V16L5 13H8.14C8.59 14.72 10.14 16 12 16S15.41 14.72 15.86 13H19V16L23 12M12 14C10.9 14 10 13.1 10 12C10 10.9 10.9 10 12 10S14 10.9 14 12C14 13.1 13.1 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/middleware.svg b/apps/phoenix_webcomponent/priv/mdi/svg/middleware.svg
new file mode 100644
index 00000000..4118bc3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/middleware.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-middleware" viewBox="0 0 24 24"><path d="M23 12L19 8V11H14.82C14.4 9.84 13.3 9 12 9S9.6 9.84 9.18 11H5L2 8V16L5 13H9.18C9.6 14.16 10.7 15 12 15S14.4 14.16 14.82 13H19V16L23 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/midi-port.svg b/apps/phoenix_webcomponent/priv/mdi/svg/midi-port.svg
new file mode 100644
index 00000000..409bb37d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/midi-port.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-midi-port" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M20.18,12C20.18,8.18 17.55,4.96 14,4.07V6H10V4.07C6.45,4.96 3.82,8.18 3.82,12A8.18,8.18 0 0,0 12,20.18A8.18,8.18 0 0,0 20.18,12M7,10.64A1.36,1.36 0 0,1 8.36,12A1.36,1.36 0 0,1 7,13.36C6.25,13.36 5.64,12.75 5.64,12C5.64,11.25 6.25,10.64 7,10.64M17,10.64A1.36,1.36 0 0,1 18.36,12A1.36,1.36 0 0,1 17,13.36A1.36,1.36 0 0,1 15.64,12A1.36,1.36 0 0,1 17,10.64M8.36,14.27A1.37,1.37 0 0,1 9.73,15.64C9.73,16.39 9.12,17 8.36,17A1.36,1.36 0 0,1 7,15.64C7,14.88 7.61,14.27 8.36,14.27M15.64,14.27C16.39,14.27 17,14.88 17,15.64A1.36,1.36 0 0,1 15.64,17C14.88,17 14.27,16.39 14.27,15.64A1.37,1.37 0 0,1 15.64,14.27M12,15.64A1.36,1.36 0 0,1 13.36,17A1.36,1.36 0 0,1 12,18.36A1.36,1.36 0 0,1 10.64,17A1.36,1.36 0 0,1 12,15.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/midi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/midi.svg
new file mode 100644
index 00000000..c56dd063
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/midi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-midi" viewBox="0 0 24 24"><path d="M20.15 8.26H22V15.74H20.15M13 8.26H18.43C19 8.26 19.3 8.74 19.3 9.3V14.81C19.3 15.5 19 15.74 18.38 15.74H13V11H14.87V13.91H17.5V9.95H13M10.32 8.26H12.14V15.74H10.32M2 8.26H8.55C9.1 8.26 9.41 8.74 9.41 9.3V15.74H7.59V10.15H6.5V15.74H4.87V10.15H3.83V15.74H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mine.svg
new file mode 100644
index 00000000..dfacae0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mine" viewBox="0 0 24 24"><path d="M23,13V11H19.93C19.75,9.58 19.19,8.23 18.31,7.1L20.5,4.93L19.07,3.5L16.9,5.69C15.77,4.81 14.42,4.25 13,4.07V1H11V4.07C9.58,4.25 8.23,4.81 7.1,5.69L4.93,3.5L3.5,4.93L5.69,7.1C4.81,8.23 4.25,9.58 4.07,11H1V13H4.07C4.25,14.42 4.81,15.77 5.69,16.9L3.5,19.07L4.93,20.5L7.1,18.31C8.23,19.19 9.58,19.75 11,19.93V23H13V19.93C14.42,19.75 15.77,19.19 16.9,18.31L19.07,20.5L20.5,19.07L18.31,16.9C19.19,15.77 19.75,14.42 19.93,13H23M12,8A4,4 0 0,0 8,12H6A6,6 0 0,1 12,6V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minecraft.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minecraft.svg
new file mode 100644
index 00000000..1e5058b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minecraft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minecraft" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M6,6V10H10V12H8V18H10V16H14V18H16V12H14V10H18V6H14V10H10V6H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mini-sd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mini-sd.svg
new file mode 100644
index 00000000..c3b681ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mini-sd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mini-sd" viewBox="0 0 24 24"><path d="M6,4A2,2 0 0,0 4,6V18A2,2 0 0,0 6,20H18A2,2 0 0,0 20,18V12L18,10V6A2,2 0 0,0 16,4H6M7,6H9V10H7V6M10,6H12V10H10V6M13,6H15V10H13V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minidisc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minidisc.svg
new file mode 100644
index 00000000..b8d85dac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minidisc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minidisc" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M12,5C15.09,5 17.82,7.04 18.7,10H16A1,1 0 0,0 15,11V13A1,1 0 0,0 16,14H18.71C17.82,16.97 15.09,19 12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple-outline.svg
new file mode 100644
index 00000000..624047e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-box-multiple-outline" viewBox="0 0 24 24"><path d="M18 11H10V9H18M20 4V16H8V4H20M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple.svg
new file mode 100644
index 00000000..9bfb8bb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-box-multiple" viewBox="0 0 24 24"><path d="M19 11H9V9H19M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-outline.svg
new file mode 100644
index 00000000..343956da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M17,11V13H7V11H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box.svg
new file mode 100644
index 00000000..98f827e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-box" viewBox="0 0 24 24"><path d="M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple-outline.svg
new file mode 100644
index 00000000..6895208b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle-multiple-outline" viewBox="0 0 24 24"><path d="M11 11V13H19V11H11M2 12C2 9.21 3.64 6.8 6 5.68V3.5C2.5 4.76 0 8.09 0 12S2.5 19.24 6 20.5V18.32C3.64 17.2 2 14.79 2 12M15 3C10.04 3 6 7.04 6 12S10.04 21 15 21 24 16.96 24 12 19.96 3 15 3M15 19C11.14 19 8 15.86 8 12S11.14 5 15 5 22 8.14 22 12 18.86 19 15 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple.svg
new file mode 100644
index 00000000..5ae1689d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle-multiple" viewBox="0 0 24 24"><path d="M2 12C2 9.21 3.64 6.8 6 5.68V3.5C2.5 4.76 0 8.09 0 12S2.5 19.24 6 20.5V18.32C3.64 17.2 2 14.79 2 12M15 3C10.04 3 6 7.04 6 12S10.04 21 15 21 24 16.96 24 12 19.96 3 15 3M20 13H10V11H20V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off-outline.svg
new file mode 100644
index 00000000..cc8c76f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 17.5 6.5 22 12 22C14.3 22 16.4 21.2 18 19.9L20.8 22.7L22.1 21.5M12 20C7.6 20 4 16.4 4 12C4 10.3 4.6 8.7 5.5 7.4L9.1 11H7V13H11.1L16.6 18.5C15.3 19.4 13.7 20 12 20M8.2 5L6.7 3.5C8.3 2.6 10.1 2 12 2C17.5 2 22 6.5 22 12C22 13.9 21.4 15.7 20.5 17.3L19 15.8C19.6 14.7 20 13.4 20 12C20 7.6 16.4 4 12 4C10.6 4 9.3 4.4 8.2 5M16.2 13L14.2 11H17V13H16.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off.svg
new file mode 100644
index 00000000..53133f41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 17.5 6.5 22 12 22C14.3 22 16.4 21.2 18 19.9L20.8 22.7L22.1 21.5M7 13V11H9.1L11.1 13H7M14.2 11L6.7 3.5C8.3 2.6 10.1 2 12 2C17.5 2 22 6.5 22 12C22 13.9 21.4 15.7 20.5 17.3L16.2 13H17V11H14.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-outline.svg
new file mode 100644
index 00000000..2bdc4430
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7,13H17V11H7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle.svg
new file mode 100644
index 00000000..96b125d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-circle" viewBox="0 0 24 24"><path d="M17,13H7V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-network-outline.svg
new file mode 100644
index 00000000..bdbe87fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15,11V9H9V11H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-network.svg
new file mode 100644
index 00000000..162e7572
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-network" viewBox="0 0 24 24"><path d="M16,11V9H8V11H16M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus-thick.svg
new file mode 100644
index 00000000..ff47df5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus-thick" viewBox="0 0 24 24"><path d="M20 14H4V10H20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/minus.svg
new file mode 100644
index 00000000..ff742c72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-minus" viewBox="0 0 24 24"><path d="M19,13H5V11H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mirror-rectangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mirror-rectangle.svg
new file mode 100644
index 00000000..007a45f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mirror-rectangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mirror-rectangle" viewBox="0 0 24 24"><path d="M8.29 10.28L11.53 7.03L12.59 8.09L9.35 11.34L8.29 10.28M8.7 14.61L14.36 8.95L15.42 10L9.76 15.67L8.7 14.61M18 3V21H6V3H18M20 1H4V23H20V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mirror-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mirror-variant.svg
new file mode 100644
index 00000000..e1543279
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mirror-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mirror-variant" viewBox="0 0 24 24"><path d="M8.29 10.28L11.53 7.03L12.59 8.09L9.35 11.34L8.29 10.28M8.7 14.61L14.36 8.95L15.42 10L9.76 15.67L8.7 14.61M14.17 3L18 6.83V17.17L14.17 21H9.83L6 17.17V6.83L9.83 3H14.17M15 1H9L4 6V18L9 23H15L20 18V6L15 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mirror.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mirror.svg
new file mode 100644
index 00000000..6a1f6325
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mirror.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mirror" viewBox="0 0 24 24"><path d="M12 1C16.69 1 20.5 5.93 20.5 12C20.5 18.08 16.69 23 12 23C7.31 23 3.5 18.08 3.5 12C3.5 5.93 7.31 1 12 1M12 3C8.41 3 5.5 7.03 5.5 12C5.5 16.97 8.41 21 12 21C15.59 21 18.5 16.97 18.5 12C18.5 7.03 15.59 3 12 3M8.29 10.28L11.53 7.03L12.59 8.09L9.35 11.34L8.29 10.28M8.7 14.61L14.36 8.95L15.42 10L9.76 15.67L8.7 14.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mixed-martial-arts.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mixed-martial-arts.svg
new file mode 100644
index 00000000..55ef9a41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mixed-martial-arts.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mixed-martial-arts" viewBox="0 0 24 24"><path d="M15,10V7H7V10H15M18,7C18.28,7 18.5,7.09 18.7,7.29C18.89,7.5 19,7.73 19,8V10.78C19,10.97 18.97,11.11 18.94,11.2L18.14,15.19C18,15.72 17.7,16 17.2,16H6.8C6.27,16 5.95,15.72 5.86,15.19L5.06,11.2C5.03,11.11 5,10.97 5,10.78V5C5,4.5 5.21,4 5.6,3.61C6,3.2 6.45,3 7,3H15C15.53,3 16,3.2 16.41,3.61C16.81,4 17,4.5 17,5V8C17,7.73 17.11,7.5 17.3,7.29C17.5,7.09 17.72,7 18,7M7,20V17H17V20C17,20.3 16.91,20.53 16.71,20.72C16.5,20.91 16.27,21 16,21H8C7.73,21 7.5,20.91 7.29,20.72C7.09,20.53 7,20.3 7,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mixed-reality.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mixed-reality.svg
new file mode 100644
index 00000000..4ebdaed2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mixed-reality.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mixed-reality" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3M8.25,15H9.75L10.75,11.57V15H12.25V9H10L9,12.43L8,9H5.75V15H7.25V11.57L8.25,15M13.5,9V15H15V13H16.15L17,15H18.5L17.6,12.9C18.1,12.65 18.5,12.1 18.5,11.5V10.5C18.5,9.65 17.85,9 17,9H13.5M15,10.5H17V11.5H15V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co.svg b/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co.svg
new file mode 100644
index 00000000..a2488970
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-molecule-co" viewBox="0 0 24 24"><path d="M8 7C6.9 7 6 7.9 6 9V15C6 16.11 6.9 17 8 17H11V15H8V9H11V7H8M14 7C12.9 7 12 7.9 12 9V15C12 16.11 12.9 17 14 17H16C17.11 17 18 16.11 18 15V9C18 7.9 17.11 7 16 7H14M14 9H16V15H14V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co2.svg
new file mode 100644
index 00000000..5f4ff543
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/molecule-co2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-molecule-co2" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V15A2,2 0 0,0 5,17H8V15H5V9H8V7H5M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M16,10.5V12H19V13.5H17.5A1.5,1.5 0 0,0 16,15V18H20.5V16.5H17.5V15H19A1.5,1.5 0 0,0 20.5,13.5V12A1.5,1.5 0 0,0 19,10.5H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/molecule.svg b/apps/phoenix_webcomponent/priv/mdi/svg/molecule.svg
new file mode 100644
index 00000000..4ee22215
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/molecule.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-molecule" viewBox="0 0 24 24"><path d="M7.27,10L9,7H14.42L15.58,5L15.5,4.5A1.5,1.5 0 0,1 17,3A1.5,1.5 0 0,1 18.5,4.5C18.5,5.21 18,5.81 17.33,5.96L16.37,7.63L17.73,10L18.59,8.5L18.5,8A1.5,1.5 0 0,1 20,6.5A1.5,1.5 0 0,1 21.5,8C21.5,8.71 21,9.3 20.35,9.46L18.89,12L20.62,15C21.39,15.07 22,15.71 22,16.5A1.5,1.5 0 0,1 20.5,18A1.5,1.5 0 0,1 19,16.5V16.24L17.73,14L16.37,16.37L17.33,18.04C18,18.19 18.5,18.79 18.5,19.5A1.5,1.5 0 0,1 17,21A1.5,1.5 0 0,1 15.5,19.5L15.58,19L14.42,17H10.58L9.42,19L9.5,19.5A1.5,1.5 0 0,1 8,21A1.5,1.5 0 0,1 6.5,19.5C6.5,18.79 7,18.19 7.67,18.04L8.63,16.37L4.38,9C3.61,8.93 3,8.29 3,7.5A1.5,1.5 0 0,1 4.5,6A1.5,1.5 0 0,1 6,7.5C6,7.59 6,7.68 6,7.76L7.27,10M10.15,9L8.42,12L10.15,15H14.85L16.58,12L14.85,9H10.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-account.svg
new file mode 100644
index 00000000..880124a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-account" viewBox="0 0 24 24"><path d="M21 2C22.05 2 22.92 2.81 23 3.85L23 4V16C23 17.05 22.18 17.92 21.15 18L21 18H14V20H16V22H8V20H10V18H3C1.95 18 1.08 17.18 1 16.15L1 16V4C1 2.94 1.81 2.08 2.85 2L3 2H21M21 4H3V16H21V4M12 11C14.21 11 16 11.9 16 13V14H8V13C8 11.9 9.79 11 12 11M12 6C13.11 6 14 6.9 14 8S13.11 10 12 10 10 9.11 10 8 10.9 6 12 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down-variant.svg
new file mode 100644
index 00000000..591d8e44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-arrow-down-variant" viewBox="0 0 24 24"><path d="M17 14L22 9L20.6 7.6L18 10.2V3H16V10.2L13.4 7.6L12 9L17 14M23 14V16C23 17.1 22.1 18 21 18H14V20H16V22H8V20H10V18H3C1.9 18 1 17.1 1 16V4C1 2.9 1.9 2 3 2H12V4H3V16H21V14H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down.svg
new file mode 100644
index 00000000..7a56080e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-arrow-down" viewBox="0 0 24 24"><path d="M21 16H3V4H21M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2M16 10H13V6H11V10H8L12 14L16 10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone-star.svg
new file mode 100644
index 00000000..66f95f92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-cellphone-star" viewBox="0 0 24 24"><path d="M23,11H18A1,1 0 0,0 17,12V21A1,1 0 0,0 18,22H23A1,1 0 0,0 24,21V12A1,1 0 0,0 23,11M23,20H18V13H23V20M20,2H2C0.89,2 0,2.89 0,4V16A2,2 0 0,0 2,18H9V20H7V22H15V20H13V18H15V16H2V4H20V9H22V4C22,2.89 21.1,2 20,2M11.97,9L11,6L10.03,9H7L9.47,10.76L8.53,13.67L11,11.87L13.47,13.67L12.53,10.76L15,9H11.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone.svg
new file mode 100644
index 00000000..e5698ac1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-cellphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-cellphone" viewBox="0 0 24 24"><path d="M23,11H18A1,1 0 0,0 17,12V21A1,1 0 0,0 18,22H23A1,1 0 0,0 24,21V12A1,1 0 0,0 23,11M23,20H18V13H23V20M20,2H2C0.89,2 0,2.89 0,4V16A2,2 0 0,0 2,18H9V20H7V22H15V20H13V18H15V16H2V4H20V9H22V4C22,2.89 21.1,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-dashboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-dashboard.svg
new file mode 100644
index 00000000..3406b62c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-dashboard" viewBox="0 0 24 24"><path d="M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M5,6H14V11H5V6M15,6H19V8H15V6M19,9V14H15V9H19M5,12H9V14H5V12M10,12H14V14H10V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-edit.svg
new file mode 100644
index 00000000..736e4bbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-edit" viewBox="0 0 24 24"><path d="M21 2H3C1.9 2 1 2.9 1 4V16C1 17.11 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.11 18 23 17.11 23 16V4C23 2.9 22.11 2 21 2M21 16H3V4H21V16M15.84 8.2L14.83 9.21L12.76 7.18L13.77 6.16C13.97 5.95 14.31 5.94 14.55 6.16L15.84 7.41C16.05 7.62 16.06 7.96 15.84 8.2M8 11.91L12.17 7.72L14.24 9.8L10.08 14H8V11.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-eye.svg
new file mode 100644
index 00000000..0685b5dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-eye" viewBox="0 0 24 24"><path d="M3 4V16H21V4H3M3 2H21C22.1 2 23 2.89 23 4V16C23 16.53 22.79 17.04 22.41 17.41C22.04 17.79 21.53 18 21 18H14V20H16V22H8V20H10V18H3C2.47 18 1.96 17.79 1.59 17.41C1.21 17.04 1 16.53 1 16V4C1 2.89 1.89 2 3 2M10.84 8.93C11.15 8.63 11.57 8.45 12 8.45C12.43 8.46 12.85 8.63 13.16 8.94C13.46 9.24 13.64 9.66 13.64 10.09C13.64 10.53 13.46 10.94 13.16 11.25C12.85 11.56 12.43 11.73 12 11.73C11.57 11.73 11.15 11.55 10.84 11.25C10.54 10.94 10.36 10.53 10.36 10.09C10.36 9.66 10.54 9.24 10.84 8.93M10.07 12C10.58 12.53 11.28 12.82 12 12.82C12.72 12.82 13.42 12.53 13.93 12C14.44 11.5 14.73 10.81 14.73 10.09C14.73 9.37 14.44 8.67 13.93 8.16C13.42 7.65 12.72 7.36 12 7.36C11.28 7.36 10.58 7.65 10.07 8.16C9.56 8.67 9.27 9.37 9.27 10.09C9.27 10.81 9.56 11.5 10.07 12M6 10.09C6.94 7.7 9.27 6 12 6C14.73 6 17.06 7.7 18 10.09C17.06 12.5 14.73 14.18 12 14.18C9.27 14.18 6.94 12.5 6 10.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-lock.svg
new file mode 100644
index 00000000..73cf876f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-lock" viewBox="0 0 24 24"><path d="M20.5,13A2.5,2.5 0 0,1 23,15.5V16A1,1 0 0,1 24,17V21A1,1 0 0,1 23,22H18A1,1 0 0,1 17,21V17A1,1 0 0,1 18,16V15.5A2.5,2.5 0 0,1 20.5,13M20.5,14A1.5,1.5 0 0,0 19,15.5V16H22V15.5A1.5,1.5 0 0,0 20.5,14M20,4H2V16H15V18H13V20H15V22H7V20H9V18H2C0.89,18 0,17.1 0,16V4C0,2.89 0.89,2 2,2H20A2,2 0 0,1 22,4V11.53C21.41,11.19 20.73,11 20,11V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-multiple.svg
new file mode 100644
index 00000000..c7829d72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-multiple" viewBox="0 0 24 24"><path d="M22,17V7H6V17H22M22,5A2,2 0 0,1 24,7V17C24,18.11 23.1,19 22,19H16V21H18V23H10V21H12V19H6C4.89,19 4,18.11 4,17V7A2,2 0 0,1 6,5H22M2,3V15H0V3A2,2 0 0,1 2,1H20V3H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-off.svg
new file mode 100644
index 00000000..d89281b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-off" viewBox="0 0 24 24"><path d="M14,18V20H16V22H8V20H10V18H3A2,2 0 0,1 1,16V4L0,3L1.41,1.58L22.16,22.34L20.75,23.75L15,18H14M3,16H13L3,6V16M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H20.66L18.66,16H21V4H6.66L4.66,2H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-screenshot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-screenshot.svg
new file mode 100644
index 00000000..8ea6f109
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-screenshot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-screenshot" viewBox="0 0 24 24"><path d="M9,6H5V10H7V8H9M19,10H17V12H15V14H19M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-share.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-share.svg
new file mode 100644
index 00000000..a110066c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-share" viewBox="0 0 24 24"><path d="M23 4V16C23 17.11 22.11 18 21 18H15V16H21V4H3V16H9V18H3C1.9 18 1 17.11 1 16V4C1 2.89 1.89 2 3 2H21C22.1 2 23 2.89 23 4M13 13H16L12 9L8 13H11V20H8V22H16V20H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-shimmer.svg
new file mode 100644
index 00000000..f5ac9657
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-shimmer" viewBox="0 0 24 24"><path d="M21 16H3V4H21M21 2H3C1.89 2 1 2.89 1 4V16C1 17.11 1.9 18 3 18H10V20H8V22H16V20H14V18H21C22.11 18 23 17.11 23 16V4C23 2.89 22.1 2 21 2M15 5.5L14.38 6.87L13 7.5L14.38 8.13L15 9.5L15.63 8.13L17 7.5L15.63 6.87L15 5.5M10.5 7.5L9.41 9.91L7 11L9.41 12.09L10.5 14.5L11.6 12.09L14 11L11.6 9.91L10.5 7.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-small.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-small.svg
new file mode 100644
index 00000000..156ea116
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-small" viewBox="0 0 24 24"><path d="M19 2H5C3.89 2 3 2.89 3 4V16C3 17.11 3.9 18 5 18H10V20H8V22H16V20H14V18H19C20.11 18 21 17.11 21 16V4C21 2.89 20.1 2 19 2M19 16H5V4H19V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker-off.svg
new file mode 100644
index 00000000..2361d79f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-speaker-off" viewBox="0 0 24 24"><path d="M2.4 1.7L1.1 3L1.2 3.1C1.1 3.4 1 3.7 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H12V16H3V4.9L14 15.9V20C14 21.1 14.9 22 16 22H20.1L20.8 22.7C20.8 22.7 22 21.7 22.2 21.5L2.4 1.7M18.5 20.5C16.8 20.5 15.5 19.2 15.5 17.5V17.4L18.6 20.5H18.5M23 4V7H21V4H7.2L5.2 2H21C22.1 2 23 2.9 23 4M21 9H16C15 9 14.1 9.8 14 10.8L17.8 14.6C18 14.5 18.2 14.5 18.5 14.5H18.6C20.3 14.5 21.6 15.8 21.6 17.5C21.6 17.7 21.6 18 21.5 18.2L23.1 19.8V11C23 9.9 22.1 9 21 9M18.5 13.5C17.7 13.5 17 12.8 17 12S17.7 10.5 18.5 10.5 20 11.2 20 12 19.3 13.5 18.5 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker.svg
new file mode 100644
index 00000000..4923e7de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-speaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-speaker" viewBox="0 0 24 24"><path d="M3 2C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H8V22H12V16H3V4H21V7H23V4C23 2.9 22.1 2 21 2H3M21 9H16C14.9 9 14 9.9 14 11V20C14 21.1 14.9 22 16 22H21C22.1 22 23 21.1 23 20V11C23 9.9 22.1 9 21 9M18.5 10.5C19.3 10.5 20 11.2 20 12S19.3 13.5 18.5 13.5 17 12.8 17 12 17.7 10.5 18.5 10.5M18.5 20.5C16.8 20.5 15.5 19.2 15.5 17.5C15.5 15.9 16.8 14.5 18.4 14.5H18.5C20.2 14.5 21.5 15.8 21.5 17.5S20.2 20.5 18.5 20.5M18.5 16C17.7 16 17 16.7 17 17.5S17.7 19 18.5 19 20 18.3 20 17.5 19.3 16 18.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-star.svg
new file mode 100644
index 00000000..22111e88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor-star" viewBox="0 0 24 24"><path d="M21,16V4H3V16H21M21,2A2,2 0 0,1 23,4V16A2,2 0 0,1 21,18H14V20H16V22H8V20H10V18H3C1.89,18 1,17.1 1,16V4C1,2.89 1.89,2 3,2H21M12.97,9H16L13.53,10.76L14.47,13.67L12,11.87L9.53,13.67L10.47,10.76L8,9H11.03L12,6L12.97,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/monitor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/monitor.svg
new file mode 100644
index 00000000..db52c3c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/monitor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-monitor" viewBox="0 0 24 24"><path d="M21,16H3V4H21M21,2H3C1.89,2 1,2.89 1,4V16A2,2 0 0,0 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4C23,2.89 22.1,2 21,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-first-quarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-first-quarter.svg
new file mode 100644
index 00000000..8f7e7aae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-first-quarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-first-quarter" viewBox="0 0 24 24"><path d="M12 2V22A10 10 0 0 0 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-full.svg
new file mode 100644
index 00000000..4fbeea1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-full" viewBox="0 0 24 24"><path d="M12 2A10 10 0 1 1 2 12A10 10 0 0 1 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-last-quarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-last-quarter.svg
new file mode 100644
index 00000000..f464810e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-last-quarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-last-quarter" viewBox="0 0 24 24"><path d="M12 2A10 10 0 0 0 12 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-new.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-new.svg
new file mode 100644
index 00000000..b9dc3088
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-new.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-new" viewBox="0 0 24 24"><path d="M12 20A8 8 0 1 1 20 12A8 8 0 0 1 12 20M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-crescent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-crescent.svg
new file mode 100644
index 00000000..cef45e97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-crescent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-waning-crescent" viewBox="0 0 24 24"><path d="M2 12A10 10 0 0 0 15 21.54A10 10 0 0 1 15 2.46A10 10 0 0 0 2 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-gibbous.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-gibbous.svg
new file mode 100644
index 00000000..8e503bbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waning-gibbous.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-waning-gibbous" viewBox="0 0 24 24"><path d="M18 12C18 7.5 16.08 3.26 12 2A10 10 0 0 0 12 22C16.08 20.74 18 16.5 18 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-crescent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-crescent.svg
new file mode 100644
index 00000000..27275ca0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-crescent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-waxing-crescent" viewBox="0 0 24 24"><path d="M12 2A9.91 9.91 0 0 0 9 2.46A10 10 0 0 1 9 21.54A10 10 0 1 0 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-gibbous.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-gibbous.svg
new file mode 100644
index 00000000..e2320673
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moon-waxing-gibbous.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moon-waxing-gibbous" viewBox="0 0 24 24"><path d="M6 12C6 7.5 7.93 3.26 12 2A10 10 0 0 1 12 22C7.93 20.74 6 16.5 6 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric-outline.svg
new file mode 100644
index 00000000..2a1c9ed1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moped-electric-outline" viewBox="0 0 24 24"><path d="M19 5C19 3.9 18.1 3 17 3H14V5H17V7.65L13.5 12H10V7H6C3.79 7 2 8.79 2 11V14H4C4 15.66 5.34 17 7 17S10 15.66 10 14H14.5L19 8.35V5M4 12V11C4 9.9 4.9 9 6 9H8V12H4M7 15C6.45 15 6 14.55 6 14H8C8 14.55 7.55 15 7 15M5 4H10V6H5V4M19 11C17.34 11 16 12.34 16 14S17.34 17 19 17 22 15.66 22 14 20.66 11 19 11M19 15C18.45 15 18 14.55 18 14S18.45 13 19 13 20 13.45 20 14 19.55 15 19 15M7 20H11V18L17 21H13V23L7 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric.svg
new file mode 100644
index 00000000..a7b1aee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moped-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moped-electric" viewBox="0 0 24 24"><path d="M19 5C19 3.9 18.1 3 17 3H14V5H17V7.65L13.5 12H10V7H6C3.79 7 2 8.79 2 11V14H4C4 15.66 5.34 17 7 17S10 15.66 10 14H14.5L19 8.35V5M7 15C6.45 15 6 14.55 6 14H8C8 14.55 7.55 15 7 15M5 4H10V6H5V4M19 11C17.34 11 16 12.34 16 14S17.34 17 19 17 22 15.66 22 14 20.66 11 19 11M19 15C18.45 15 18 14.55 18 14S18.45 13 19 13 20 13.45 20 14 19.55 15 19 15M7 20H11V18L17 21H13V23L7 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moped-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moped-outline.svg
new file mode 100644
index 00000000..50ebfd05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moped-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moped-outline" viewBox="0 0 24 24"><path d="M19 7C19 5.9 18.11 5 17 5H14V7H17V9.65L13.5 14H10V9H6C3.79 9 2 10.79 2 13V16H4C4 17.66 5.34 19 7 19S10 17.66 10 16H14.5L19 10.35V7M7 17C6.45 17 6 16.55 6 16H8C8 16.55 7.55 17 7 17M8 14H4V13C4 11.9 4.9 11 6 11H8V14M19 13C17.34 13 16 14.34 16 16S17.34 19 19 19 22 17.66 22 16 20.66 13 19 13M19 17C18.45 17 18 16.55 18 16S18.45 15 19 15 20 15.45 20 16 19.55 17 19 17M10 8H5V6H10V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/moped.svg b/apps/phoenix_webcomponent/priv/mdi/svg/moped.svg
new file mode 100644
index 00000000..6edd51cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/moped.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-moped" viewBox="0 0 24 24"><path d="M19 15C19.55 15 20 15.45 20 16C20 16.55 19.55 17 19 17S18 16.55 18 16C18 15.45 18.45 15 19 15M19 13C17.34 13 16 14.34 16 16S17.34 19 19 19 22 17.66 22 16 20.66 13 19 13M10 6H5V8H10V6M17 5H14V7H17V9.65L13.5 14H10V9H6C3.79 9 2 10.79 2 13V16H4C4 17.66 5.34 19 7 19S10 17.66 10 16H14.5L19 10.35V7C19 5.9 18.11 5 17 5M7 17C6.45 17 6 16.55 6 16H8C8 16.55 7.55 17 7 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/more.svg b/apps/phoenix_webcomponent/priv/mdi/svg/more.svg
new file mode 100644
index 00000000..7c4621d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-more" viewBox="0 0 24 24"><path d="M19,13.5A1.5,1.5 0 0,1 17.5,12A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 20.5,12A1.5,1.5 0 0,1 19,13.5M14,13.5A1.5,1.5 0 0,1 12.5,12A1.5,1.5 0 0,1 14,10.5A1.5,1.5 0 0,1 15.5,12A1.5,1.5 0 0,1 14,13.5M9,13.5A1.5,1.5 0 0,1 7.5,12A1.5,1.5 0 0,1 9,10.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 9,13.5M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.37,21 7.06,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle-plus.svg
new file mode 100644
index 00000000..ca6a3b96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mortar-pestle-plus" viewBox="0 0 24 24"><path d="M16,14H13V17H11V14H8V12H11V9H13V12H16M21,5H18.35L19.5,1.85L17.15,1L15.69,5H3V7L5,13L3,19V21H21V19L19,13L21,7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle.svg
new file mode 100644
index 00000000..802952c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mortar-pestle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mortar-pestle" viewBox="0 0 24 24"><path d="M21 7L19 13L21 19V21H3V19L5 13L3 7V5H15.7L17.2 1L19.5 1.8L18.3 5H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mosque-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mosque-outline.svg
new file mode 100644
index 00000000..155aadee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mosque-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mosque-outline" viewBox="0 0 24 24"><path d="M24 7C24 5.9 22 4 22 4S20 5.9 20 7C20 7.7 20.4 8.4 21 8.7V13H19V11C19 10.1 18.3 9.3 17.5 9.1C17.8 8.5 18 7.9 18 7.1C18 5.8 17.4 4.6 16.3 3.9L12 1L7.7 3.8C6.7 4.6 6 5.8 6 7.1C6 7.8 6.2 8.5 6.6 9.1C5.7 9.3 5 10.1 5 11V13H3V8.7C3.6 8.4 4 7.7 4 7C4 5.9 2 4 2 4S0 5.9 0 7C0 7.7 .4 8.4 1 8.7V21H11V17C11 16.5 11.4 16 12 16S13 16.5 13 17V21H23V8.7C23.6 8.4 24 7.7 24 7M8.9 5.5L12 3.4L15.1 5.5C15.7 5.9 16 6.4 16 7.1C16 8.1 15.1 9 14.1 9H9.9C8.9 9 8 8.1 8 7.1C8 6.4 8.3 5.9 8.9 5.5M21 19H15V17C15 15.4 13.6 14 12 14S9 15.4 9 17V19H3V15H7V11H17V15H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mosque.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mosque.svg
new file mode 100644
index 00000000..ca7d7748
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mosque.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mosque" viewBox="0 0 24 24"><path d="M7 8H17C17.3 8 17.6 8.1 17.8 8.1C17.9 7.8 18 7.4 18 7.1C18 5.8 17.4 4.6 16.3 3.9L12 1L7.7 3.8C6.7 4.6 6 5.8 6 7.1C6 7.5 6.1 7.8 6.2 8.1C6.4 8.1 6.7 8 7 8M24 7C24 5.9 22 4 22 4S20 5.9 20 7C20 7.7 20.4 8.4 21 8.7V13H19V11C19 9.9 18.1 9 17 9H7C5.9 9 5 9.9 5 11V13H3V8.7C3.6 8.4 4 7.7 4 7C4 5.9 2 4 2 4S0 5.9 0 7C0 7.7 .4 8.4 1 8.7V21H10V17C10 15.9 10.9 15 12 15S14 15.9 14 17V21H23V8.7C23.6 8.4 24 7.7 24 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mother-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mother-heart.svg
new file mode 100644
index 00000000..8922f622
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mother-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mother-heart" viewBox="0 0 24 24"><path d="M12 2C13.66 2 15 3.34 15 5S13.66 8 12 8 9 6.66 9 5 10.34 2 12 2M20 18L18 12.56C17.65 11.57 17.34 10.71 16 10C14.63 9.3 13.63 9 12 9C10.39 9 9.39 9.3 8 10C6.68 10.71 6.37 11.57 6 12.56L4 18C3.77 19.13 6.38 20.44 8.13 21.19C9.34 21.72 10.64 22 12 22C13.38 22 14.67 21.72 15.89 21.19C17.64 20.44 20.25 19.13 20 18M15.42 17.5L12 21L8.58 17.5C8.22 17.12 8 16.61 8 16.05C8 14.92 8.9 14 10 14C10.55 14 11.06 14.23 11.42 14.61L12 15.2L12.58 14.6C12.94 14.23 13.45 14 14 14C15.11 14 16 14.92 16 16.05C16 16.61 15.78 17.13 15.42 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mother-nurse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mother-nurse.svg
new file mode 100644
index 00000000..404c5125
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mother-nurse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mother-nurse" viewBox="0 0 24 24"><path d="M12,2A3,3 0 0,1 15,5A3,3 0 0,1 12,8A3,3 0 0,1 9,5A3,3 0 0,1 12,2M20,18L18,12.56C17.65,11.57 17.34,10.71 16,10C14.62,9.3 13.62,9 12,9C10.37,9 9.38,9.3 8,10C6.66,10.71 6.35,11.57 6,12.56L4,18C3.68,19.35 6.36,20.44 8.11,21.19V19C8.11,18.05 8.97,17.38 10.69,16.97C10.85,16.93 11,16.91 11.12,16.89C10.58,16.07 10.36,15.34 10.34,15.28L12.11,14.68C12.12,14.7 12.63,16.27 13.84,17.06C14.05,17.13 14.26,17.21 14.46,17.3C15.23,17.64 15.69,18.08 15.84,18.61C14.5,19.14 13.22,19.41 12,19.41L11,19.31V21.94L12,22C13.37,22 14.67,21.72 15.89,21.19C17.64,20.44 20.25,19.13 20,18M15.5,17A1.5,1.5 0 0,1 14,15.5A1.5,1.5 0 0,1 15.5,14A1.5,1.5 0 0,1 17,15.5A1.5,1.5 0 0,1 15.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-outline.svg
new file mode 100644
index 00000000..99324f13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-outline" viewBox="0 0 24 24"><path d="M7 13H3C2.45 13 2 12.55 2 12S2.45 11 3 11H7C7.55 11 8 11.45 8 12S7.55 13 7 13M6 8C6 7.45 5.55 7 5 7H4C3.45 7 3 7.45 3 8S3.45 9 4 9H5C5.55 9 6 8.55 6 8M22 12C22 14.76 19.76 17 17 17H4C3.45 17 3 16.55 3 16S3.45 15 4 15H13C12.58 14.42 12.25 13.74 12.1 13H10C9.45 13 9 12.55 9 12S9.45 11 10 11H12.1C12.25 10.26 12.58 9.58 13 9H8C7.45 9 7 8.55 7 8S7.45 7 8 7H17C19.76 7 22 9.24 22 12M20 12C20 10.35 18.65 9 17 9S14 10.35 14 12C14 13.65 15.35 15 17 15S20 13.65 20 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause-outline.svg
new file mode 100644
index 00000000..d053dd17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-pause-outline" viewBox="0 0 24 24"><path d="M22 12C22 6.46 17.54 2 12 2C10.83 2 9.7 2.19 8.62 2.56L9.32 4.5C10.17 4.16 11.06 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 11.06 4.16 10.12 4.5 9.28L2.56 8.62C2.19 9.7 2 10.83 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12M5.47 7C4.68 7 3.97 6.32 3.97 5.47C3.97 4.68 4.68 3.97 5.47 3.97C6.32 3.97 7 4.68 7 5.47C7 6.32 6.32 7 5.47 7M9 9H11V15H9M13 9H15V15H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause.svg
new file mode 100644
index 00000000..03af1f85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-pause" viewBox="0 0 24 24"><path d="M22 12C22 6.46 17.54 2 12 2C10.83 2 9.7 2.19 8.62 2.56L9.32 4.5C10.17 4.16 11.06 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 11.06 4.16 10.12 4.5 9.28L2.56 8.62C2.19 9.7 2 10.83 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12M5.47 3.97C6.32 3.97 7 4.68 7 5.47C7 6.32 6.32 7 5.47 7C4.68 7 3.97 6.32 3.97 5.47C3.97 4.68 4.68 3.97 5.47 3.97M18 12C18 8.67 15.33 6 12 6C8.67 6 6 8.67 6 12C6 15.33 8.67 18 12 18C15.33 18 18 15.33 18 12M11 9V15H9V9M15 9V15H13V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-play-outline.svg
new file mode 100644
index 00000000..644ef94b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-play-outline" viewBox="0 0 24 24"><path d="M10 16.5L16 12L10 7.5M22 12C22 6.46 17.54 2 12 2C10.83 2 9.7 2.19 8.62 2.56L9.32 4.5C10.17 4.16 11.06 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 11.06 4.16 10.12 4.5 9.28L2.56 8.62C2.19 9.7 2 10.83 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12M5.47 3.97C6.32 3.97 7 4.68 7 5.47C7 6.32 6.32 7 5.47 7C4.68 7 3.97 6.32 3.97 5.47C3.97 4.68 4.68 3.97 5.47 3.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-play.svg
new file mode 100644
index 00000000..71408bc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-play" viewBox="0 0 24 24"><path d="M22 12C22 6.46 17.54 2 12 2C10.83 2 9.7 2.19 8.62 2.56L9.32 4.5C10.17 4.16 11.06 3.97 12 3.97C16.41 3.97 20.03 7.59 20.03 12C20.03 16.41 16.41 20.03 12 20.03C7.59 20.03 3.97 16.41 3.97 12C3.97 11.06 4.16 10.12 4.5 9.28L2.56 8.62C2.19 9.7 2 10.83 2 12C2 17.54 6.46 22 12 22C17.54 22 22 17.54 22 12M5.47 3.97C6.32 3.97 7 4.68 7 5.47C7 6.32 6.32 7 5.47 7C4.68 7 3.97 6.32 3.97 5.47C3.97 4.68 4.68 3.97 5.47 3.97M18 12C18 8.67 15.33 6 12 6C8.67 6 6 8.67 6 12C6 15.33 8.67 18 12 18C15.33 18 18 15.33 18 12M15 12L10 15V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor-off.svg
new file mode 100644
index 00000000..ebd6f71d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-sensor-off" viewBox="0 0 24 24"><path d="M11.4 8.2H15V10H13.2L11.4 8.2M19.67 1H18.33C18.33 3.58 20.42 5.67 23 5.67V4.33C21.16 4.33 19.67 2.84 19.67 1M21 1C21 2.11 21.9 3 23 3V1H21M17 1H15.67C15.67 5.05 18.95 8.33 23 8.33V7C19.69 7 17 4.31 17 1M10 3.8C11 3.8 11.8 3 11.8 2S11 .2 10 .2 8.2 1 8.2 2 9 3.8 10 3.8M2.39 1.73L1.11 3L3.46 5.35L2 5.8V11H3.8V7.33L5.05 6.94L5.68 7.57L2 22H3.8L6.67 13.89L9 17V22H10.8V15.59L8.31 11.05L8.5 10.37L20.84 22.73L22.11 21.46L2.39 1.73M9.38 4.87C9.08 4.37 8.54 4.03 7.92 4.03C7.75 4.03 7.58 4.06 7.42 4.11L7.34 4.14L11.35 8.15L9.38 4.87Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor.svg
new file mode 100644
index 00000000..c467bec8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion-sensor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion-sensor" viewBox="0 0 24 24"><path d="M10,0.2C9,0.2 8.2,1 8.2,2C8.2,3 9,3.8 10,3.8C11,3.8 11.8,3 11.8,2C11.8,1 11,0.2 10,0.2M15.67,1A7.33,7.33 0 0,0 23,8.33V7A6,6 0 0,1 17,1H15.67M18.33,1C18.33,3.58 20.42,5.67 23,5.67V4.33C21.16,4.33 19.67,2.84 19.67,1H18.33M21,1A2,2 0 0,0 23,3V1H21M7.92,4.03C7.75,4.03 7.58,4.06 7.42,4.11L2,5.8V11H3.8V7.33L5.91,6.67L2,22H3.8L6.67,13.89L9,17V22H10.8V15.59L8.31,11.05L9.04,8.18L10.12,10H15V8.2H11.38L9.38,4.87C9.08,4.37 8.54,4.03 7.92,4.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motion.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motion.svg
new file mode 100644
index 00000000..5bdfc8e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motion.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motion" viewBox="0 0 24 24"><path d="M7 13H3C2.45 13 2 12.55 2 12S2.45 11 3 11H7C7.55 11 8 11.45 8 12S7.55 13 7 13M6 8C6 7.45 5.55 7 5 7H4C3.45 7 3 7.45 3 8S3.45 9 4 9H5C5.55 9 6 8.55 6 8M22 12C22 14.76 19.76 17 17 17H4C3.45 17 3 16.55 3 16S3.45 15 4 15H13C12.58 14.42 12.25 13.74 12.1 13H10C9.45 13 9 12.55 9 12S9.45 11 10 11H12.1C12.25 10.26 12.58 9.58 13 9H8C7.45 9 7 8.55 7 8S7.45 7 8 7H17C19.76 7 22 9.24 22 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-electric.svg
new file mode 100644
index 00000000..432766b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motorbike-electric" viewBox="0 0 24 24"><path d="M17.42 8L13.41 4H9V6H12.59L14.59 8H6.5C4 8 2 10 2 12.5S4 17 6.5 17C8.72 17 10.56 15.38 10.92 13.27L13.04 12C13 12.17 13 12.33 13 12.5C13 15 15 17 17.5 17S22 15 22 12.5 20 8 17.5 8M8.84 13.26C8.5 14.27 7.58 15 6.47 15C5.09 15 3.97 13.88 3.97 12.5S5.09 10 6.47 10C7.59 10 8.5 10.74 8.84 11.75H6V13.25L8.84 13.26M17.47 15C16.09 15 14.97 13.88 14.97 12.5S16.09 10 17.47 10C18.85 10 19.97 11.12 19.97 12.5S18.85 15 17.47 15M11 20H7L13 23V21H17L11 18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-off.svg
new file mode 100644
index 00000000..e89146b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motorbike-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8.1 10H6.5C4 10 2 12 2 14.5S4 19 6.5 19C8.7 19 10.6 17.4 10.9 15.3L12.4 14.4L13 15C13.2 17.1 14.9 18.8 17 19L20.8 22.8L22.1 21.5M8.8 15.3C8.5 16.3 7.5 17 6.4 17C5.1 17 4 15.9 4 14.5S5.1 12 6.5 12C7.6 12 8.5 12.7 8.9 13.8H6V15.3H8.8M11.2 8L9.2 6H13.4L17.4 10H17.5C20 10 22 12 22 14.5C22 15.7 21.5 16.8 20.8 17.6L19.4 16.2C19.8 15.8 20 15.2 20 14.6C20 13.2 18.9 12.1 17.5 12.1C16.9 12.1 16.3 12.3 15.9 12.7L13.2 10H14.6L12.6 8H11.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/motorbike.svg b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike.svg
new file mode 100644
index 00000000..d826a15e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/motorbike.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-motorbike" viewBox="0 0 24 24"><path d="M17.42,10L13.41,6H9V8H12.59L14.59,10H6.5C4,10 2,12 2,14.5C2,17 4,19 6.5,19C8.72,19 10.56,17.38 10.92,15.27L13.04,14C13,14.17 13,14.33 13,14.5C13,17 15,19 17.5,19C20,19 22,17 22,14.5C22,12 20,10 17.5,10M8.84,15.26C8.5,16.27 7.58,17 6.47,17C5.09,17 3.97,15.88 3.97,14.5C3.97,13.12 5.09,12 6.47,12C7.59,12 8.5,12.74 8.84,13.75H6V15.25L8.84,15.26M17.47,17C16.09,17 14.97,15.88 14.97,14.5C14.97,13.12 16.09,12 17.47,12A2.5,2.5 0 0,1 19.97,14.5A2.5,2.5 0 0,1 17.47,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-bluetooth.svg
new file mode 100644
index 00000000..44da3a4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-bluetooth" viewBox="0 0 24 24"><path d="M20,7H20.5L23.35,9.85L21.21,12L23.35,14.14L20.5,17H20V13.21L17.71,15.5L17,14.79L19.79,12L17,9.21L17.71,8.5L20,10.79V7M21,8.91V10.79L21.94,9.85L21,8.91M21,13.21V15.08L21.94,14.14L21,13.21M15,9V10H9V2.07C12.39,2.56 15,5.47 15,9M1,10V9C1,5.47 3.61,2.56 7,2.07V10H1M15,15A7,7 0 0,1 8,22A7,7 0 0,1 1,15V12H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-down.svg
new file mode 100644
index 00000000..64ef506d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-move-down" viewBox="0 0 24 24"><path d="M7 9H2C2 6.04 4.17 3.57 7 3.09V9M20 7H18V13H15L19 17L23 13H20V7M9 3.09V9H14C14 6.04 11.83 3.57 9 3.09M2 15C2 18.3 4.7 21 8 21S14 18.3 14 15V11H2V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-up.svg
new file mode 100644
index 00000000..79259dc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-move-up" viewBox="0 0 24 24"><path d="M7 9H2C2 6.04 4.17 3.57 7 3.09V9M18 17H20V11H23L19 7L15 11H18V17M9 3.09V9H14C14 6.04 11.83 3.57 9 3.09M2 15C2 18.3 4.7 21 8 21S14 18.3 14 15V11H2V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-vertical.svg
new file mode 100644
index 00000000..6e7c16d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-move-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-move-vertical" viewBox="0 0 24 24"><path d="M20 6H23L19 2L15 6H18V18H15L19 22L23 18H20V6M9 3.09C11.83 3.57 14 6.04 14 9H9V3.09M14 11V15C14 18.3 11.3 21 8 21S2 18.3 2 15V11H14M7 9H2C2 6.04 4.17 3.57 7 3.09V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-off.svg
new file mode 100644
index 00000000..b12b9c34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.5,20.79C16.08,22.16 14.14,23 12,23A8,8 0 0,1 4,15V11H7.73L5.73,9H4C4,8.46 4.05,7.93 4.15,7.42L2,5.27M11,1.07V9H10.82L5.79,3.96C7.05,2.4 8.9,1.33 11,1.07M20,11V15C20,15.95 19.83,16.86 19.53,17.71L12.82,11H20M13,1.07C16.94,1.56 20,4.92 20,9H13V1.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant-off.svg
new file mode 100644
index 00000000..75cb5cac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-variant-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.29,20.56C16.42,22 14.82,23 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H5.73L2,5.27M14,7H10V2.1C12.28,2.56 14,4.58 14,7M8,2.1V6.18L5.38,3.55C6.07,2.83 7,2.31 8,2.1M14,12V12.17L10.82,9H14V12M10,16.9V18A3,3 0 0,0 13,21C14.28,21 15.37,20.2 15.8,19.07L12.4,15.67C11.74,16.28 10.92,16.71 10,16.9M16,13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13V16.18L16,14.18V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant.svg
new file mode 100644
index 00000000..bfc440f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-variant" viewBox="0 0 24 24"><path d="M14,7H10V2.1C12.28,2.56 14,4.58 14,7M4,7C4,4.58 5.72,2.56 8,2.1V7H4M14,12C14,14.42 12.28,16.44 10,16.9V18A3,3 0 0,0 13,21A3,3 0 0,0 16,18V13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13H18V18A5,5 0 0,1 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H14V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mouse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mouse.svg
new file mode 100644
index 00000000..dfba3395
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse" viewBox="0 0 24 24"><path d="M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/move-resize-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/move-resize-variant.svg
new file mode 100644
index 00000000..e3be89c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/move-resize-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-move-resize-variant" viewBox="0 0 24 24"><path d="M1.88,0.46L0.46,1.88L5.59,7H2V9H9V2H7V5.59M11,7V9H21V15H23V9A2,2 0 0,0 21,7M7,11V21A2,2 0 0,0 9,23H15V21H9V11M15.88,14.46L14.46,15.88L19.6,21H17V23H23V17H21V19.59" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/move-resize.svg b/apps/phoenix_webcomponent/priv/mdi/svg/move-resize.svg
new file mode 100644
index 00000000..be69888d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/move-resize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-move-resize" viewBox="0 0 24 24"><path d="M9,1V2H10V5H9V6H12V5H11V2H12V1M9,7C7.89,7 7,7.89 7,9V21C7,22.11 7.89,23 9,23H21C22.11,23 23,22.11 23,21V9C23,7.89 22.11,7 21,7M1,9V12H2V11H5V12H6V9H5V10H2V9M9,9H21V21H9M14,10V11H15V16H11V15H10V18H11V17H15V19H14V20H17V19H16V17H19V18H20V15H19V16H16V11H17V10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-check-outline.svg
new file mode 100644
index 00000000..975a74cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-check-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-check.svg
new file mode 100644
index 00000000..fc1b26fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-check" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog-outline.svg
new file mode 100644
index 00000000..9b31df3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-cog-outline" viewBox="0 0 24 24"><path d="M12 19C12 19.34 12.03 19.67 12.08 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V12.68C21.38 12.39 20.71 12.18 20 12.08V10H5.76L4 6.47V18H12.08C12.03 18.33 12 18.66 12 19M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog.svg
new file mode 100644
index 00000000..3076e779
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-cog" viewBox="0 0 24 24"><path d="M12 19C12 19.34 12.03 19.67 12.08 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V12.68C21.09 12.25 20.08 12 19 12C15.13 12 12 15.13 12 19M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit-outline.svg
new file mode 100644
index 00000000..1499fa1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-edit-outline" viewBox="0 0 24 24"><path d="M21 4V8.12L19.12 10H4.76L3 6.47V18H11V20H3C1.9 20 1 19.11 1 18V6C1 4.89 1.9 4 3 4H4L6 8H9L7 4H9L11 8H14L12 4H14L16 8H19L17 4H21M21.42 12.3L22.7 13.58C22.92 13.79 22.92 14.14 22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.76 12.19 20.9 12.13 21.04 12.13C21.18 12.13 21.31 12.19 21.42 12.3M21.12 15.93L15.06 22H13V19.94L19.07 13.88L21.12 15.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit.svg
new file mode 100644
index 00000000..19b8e19f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-edit" viewBox="0 0 24 24"><path d="M21.04 11.13C20.9 11.13 20.76 11.19 20.65 11.3L19.65 12.3L21.7 14.35L22.7 13.35C22.92 13.14 22.92 12.79 22.7 12.58L21.42 11.3C21.31 11.19 21.18 11.13 21.04 11.13M19.07 12.88L13 18.94V21H15.06L21.12 14.93L19.07 12.88M11 20H3C1.9 20 1 19.11 1 18V6C1 4.89 1.9 4 3 4H4L6 8H9L7 4H9L11 8H14L12 4H14L16 8H19L17 4H21V8.12L11 18.11V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter-outline.svg
new file mode 100644
index 00000000..9c49cd8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-filter-outline" viewBox="0 0 24 24"><path d="M10 11L9.06 13.06L7 14L9.06 14.94L10 17L10.94 14.94L13 14L10.94 13.06M18 4L20 8H17L15 4H13L15 8H12L10 4H8L10 8H7L5 4H4C2.91 4 2 4.9 2 6L2 18C2 19.1 2.91 20 4 20H20C21.11 20 22 19.1 22 18V4H18M20 18H4V6.47L5.77 10H16L15.37 11.37L14 12L15.37 12.63L16 14L16.63 12.63L18 12L16.63 11.37L16 10H20V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter.svg
new file mode 100644
index 00000000..2295bd7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-filter" viewBox="0 0 24 24"><path d="M18 4L20 7H17L15 4H13L15 7H12L10 4H8L10 7H7L5 4H4C2.9 4 2 4.9 2 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V4H18M11.25 15.25L10 18L8.75 15.25L6 14L8.75 12.75L10 10L11.25 12.75L14 14L11.25 15.25M16.94 11.94L16 14L15.06 11.94L13 11L15.06 10.06L16 8L16.94 10.06L19 11L16.94 11.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus-outline.svg
new file mode 100644
index 00000000..5b831941
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-minus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus.svg
new file mode 100644
index 00000000..f5eec5b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-minus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-off-outline.svg
new file mode 100644
index 00000000..8478e954
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L2.65 4.54C2.25 4.9 2 5.42 2 6V18C2 19.11 2.9 20 4 20H18.11L20.84 22.73L22.11 21.46L2.39 1.73M4 18V6.47L5.76 10H8.11L16.11 18H4M8.8 5.6L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V18C22 18.24 21.96 18.47 21.88 18.68L20 16.8V10H13.2L8.8 5.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-off.svg
new file mode 100644
index 00000000..8a9887e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L18.11 20H4C2.9 20 2 19.11 2 18V6C2 5.42 2.25 4.9 2.65 4.54L1.11 3L2.39 1.73L22.11 21.46M21.88 18.68C21.96 18.47 22 18.24 22 18V4H18L20 8H17L15 4H13L15 8H12L10 4H8L8.8 5.6L21.88 18.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check-outline.svg
new file mode 100644
index 00000000..8f89255b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-check-outline" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M4 20V12H20V13.09C20.72 13.21 21.39 13.46 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.46 21.39 13.22 20.72 13.09 20H4M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check.svg
new file mode 100644
index 00000000..d13527f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-check" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M19 13C20.1 13 21.12 13.3 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog-outline.svg
new file mode 100644
index 00000000..9000a394
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-cog-outline" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M4 20V12H20V12.08C20.71 12.18 21.38 12.39 22 12.69V10H2V20C2 21.11 2.9 22 4 22H12.68C12.39 21.38 12.18 20.71 12.08 20H4M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog.svg
new file mode 100644
index 00000000..d4ac65e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-cog" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M19 12C20.08 12 21.09 12.25 22 12.68V10H2V20C2 21.11 2.9 22 4 22H12.68C12.25 21.09 12 20.08 12 19C12 15.13 15.13 12 19 12M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit-outline.svg
new file mode 100644
index 00000000..c1d794c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-edit-outline" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M4 12H18.13L20.13 10H2V20C2 21.11 2.9 22 4 22H11V20H4V12M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit.svg
new file mode 100644
index 00000000..5d68e984
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-edit" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M2 10V20C2 21.11 2.9 22 4 22H11V19.13L20.13 10H2M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus-outline.svg
new file mode 100644
index 00000000..3fba6060
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-minus-outline" viewBox="0 0 24 24"><path d="M13.09 20C13.21 20.72 13.46 21.39 13.81 22H4C2.9 22 2 21.11 2 20V10H22V13.81C21.39 13.46 20.72 13.22 20 13.09V12H4V20H13.09M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus.svg
new file mode 100644
index 00000000..aa4dfecf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-minus" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M19 13C20.1 13 21.12 13.3 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off-outline.svg
new file mode 100644
index 00000000..4a8b165e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-off-outline" viewBox="0 0 24 24"><path d="M19.7 6.5L16.9 3L20.8 2.2L21.6 6.1L19.7 6.5M22.1 21.5L20.8 22.8L20.1 22H4C2.9 22 2 21.1 2 20V10H8.1L7.1 9L2 10L1.6 8C1.4 7 2.1 5.9 3.2 5.7L3.7 5.6L1.1 3L2.4 1.7L22.1 21.5M18.1 20L10.1 12H4V20H18.1M22 18.8V10H13.2L15.2 12H20V16.8L22 18.8M16.7 7.1L14 3.5L12 3.9L14.8 7.4L16.7 7.1M11.8 8L9.1 4.5L7.9 4.7L11.3 8.1L11.8 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off.svg
new file mode 100644
index 00000000..37bc1c8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-off" viewBox="0 0 24 24"><path d="M13.2 10H22V18.8L13.2 10M21.6 6.1L20.8 2.2L16.9 3L19.6 6.5L21.6 6.1M11.8 8L9.1 4.5L7.9 4.7L11.3 8.1L11.8 8M2.4 1.7L1.1 3L3.7 5.6L3.2 5.7C2.1 5.9 1.4 7 1.6 8L2 10L7.1 9L8.1 10H2V20C2 21.1 2.9 22 4 22H20.1L20.8 22.7L22.1 21.4L2.4 1.7M16.7 7.1L14 3.5L12 3.9L14.8 7.4L16.7 7.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-outline.svg
new file mode 100644
index 00000000..7baff12c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-outline" viewBox="0 0 24 24"><path d="M20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1L20.84 2.18M13.97 3.54L12 3.93L14.75 7.46L16.71 7.07L13.97 3.54M9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05L9.07 4.5M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M20 12V20H4V12H20M22 10H2V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play-outline.svg
new file mode 100644
index 00000000..1703e912
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-play-outline" viewBox="0 0 24 24"><path d="M22 10V13.81C21.39 13.46 20.72 13.22 20 13.09V12H4V20H13.09C13.21 20.72 13.46 21.39 13.81 22H4C2.9 22 2 21.11 2 20V10H22M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play.svg
new file mode 100644
index 00000000..31e48405
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-play" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M2 10V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13C20.1 13 21.12 13.3 22 13.81V10H2M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus-outline.svg
new file mode 100644
index 00000000..8113a1d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-plus-outline" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M4 20V12H20V13.09C20.72 13.21 21.39 13.46 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.46 21.39 13.22 20.72 13.09 20H4M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus.svg
new file mode 100644
index 00000000..f90de0d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-plus" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M19 13C20.1 13 21.12 13.3 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove-outline.svg
new file mode 100644
index 00000000..91d0eb61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-remove-outline" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4 20V12H20V13.09C20.72 13.21 21.39 13.46 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.46 21.39 13.22 20.72 13.09 20H4M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove.svg
new file mode 100644
index 00000000..feb108f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-remove" viewBox="0 0 24 24"><path d="M14.75 7.46L12 3.93L13.97 3.54L16.71 7.07L14.75 7.46M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M21.62 6.1L20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1M19 13C20.1 13 21.12 13.3 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings-outline.svg
new file mode 100644
index 00000000..ad70f3e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-settings-outline" viewBox="0 0 24 24"><path d="M19.65 4.5L16.91 .96L20.84 .18L21.62 4.1L19.65 4.5M16.71 5.07L13.97 1.54L12 1.93L14.75 5.46L16.71 5.07M11.81 6.05L9.07 2.5L7.1 2.91L9.85 6.44L11.81 6.05M4.16 3.5L3.18 3.69C2.1 3.9 1.39 4.96 1.61 6.04L2 8L6.9 7.03L4.16 3.5M22 8V18C22 19.11 21.11 20 20 20H4C2.9 20 2 19.11 2 18V8H22M20 10H4V18H20V10M7 24H9V22H7V24M15 24H17V22H15V24M11 24H13V22H11V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings.svg
new file mode 100644
index 00000000..df72650e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-settings" viewBox="0 0 24 24"><path d="M14.75 5.46L12 1.93L13.97 1.54L16.71 5.07L14.75 5.46M21.62 4.1L20.84 .18L16.91 .96L19.65 4.5L21.62 4.1M11.81 6.05L9.07 2.5L7.1 2.91L9.85 6.44L11.81 6.05M2 8V18C2 19.11 2.9 20 4 20H20C21.11 20 22 19.11 22 18V8H2M4.16 3.5L3.18 3.69C2.1 3.91 1.4 4.96 1.61 6.04L2 8L6.9 7.03L4.16 3.5M11 24H13V22H11V24M7 24H9V22H7V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star-outline.svg
new file mode 100644
index 00000000..c4c3cffa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-star-outline" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M4.16 5.5L3.18 5.69C2.1 5.9 1.39 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M4 20V12H20V13.09C20.72 13.21 21.39 13.46 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.46 21.39 13.22 20.72 13.09 20H4M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star.svg
new file mode 100644
index 00000000..ec0138ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open-star" viewBox="0 0 24 24"><path d="M19.65 6.5L16.91 2.96L20.84 2.18L21.62 6.1L19.65 6.5M16.71 7.07L13.97 3.54L12 3.93L14.75 7.46L16.71 7.07M19 13C20.1 13 21.12 13.3 22 13.81V10H2V20C2 21.11 2.9 22 4 22H13.81C13.3 21.12 13 20.1 13 19C13 15.69 15.69 13 19 13M4.16 5.5L3.18 5.69C2.1 5.91 1.4 6.96 1.61 8.04L2 10L6.9 9.03L4.16 5.5M11.81 8.05L9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open.svg
new file mode 100644
index 00000000..2ec5aa2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-open" viewBox="0 0 24 24"><path d="M20.84 2.18L16.91 2.96L19.65 6.5L21.62 6.1L20.84 2.18M13.97 3.54L12 3.93L14.75 7.46L16.71 7.07L13.97 3.54M9.07 4.5L7.1 4.91L9.85 8.44L11.81 8.05L9.07 4.5M4.16 5.5L3.18 5.69A2 2 0 0 0 1.61 8.04L2 10L6.9 9.03L4.16 5.5M2 10V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V10H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-outline.svg
new file mode 100644
index 00000000..fdbbbff4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-outline" viewBox="0 0 24 24"><path d="M5.76,10H20V18H4V6.47M22,4H18L20,8H17L15,4H13L15,8H12L10,4H8L10,8H7L5,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-play-outline.svg
new file mode 100644
index 00000000..2cf80e86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-play-outline" viewBox="0 0 24 24"><path d="M22 4V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-play.svg
new file mode 100644
index 00000000..0646ef38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-play" viewBox="0 0 24 24"><path d="M22 4V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22M17 22L22 19L17 16V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus-outline.svg
new file mode 100644
index 00000000..1fa29570
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-plus-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus.svg
new file mode 100644
index 00000000..809c6c72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-plus" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove-outline.svg
new file mode 100644
index 00000000..0cf39a6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-remove-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove.svg
new file mode 100644
index 00000000..aa5cb04c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-remove" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-roll.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-roll.svg
new file mode 100644
index 00000000..eee25055
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-roll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-roll" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A2.5,2.5 0 0,0 9.5,6.5A2.5,2.5 0 0,0 12,9A2.5,2.5 0 0,0 14.5,6.5A2.5,2.5 0 0,0 12,4M4.4,9.53C3.97,10.84 4.69,12.25 6,12.68C7.32,13.1 8.73,12.39 9.15,11.07C9.58,9.76 8.86,8.35 7.55,7.92C6.24,7.5 4.82,8.21 4.4,9.53M19.61,9.5C19.18,8.21 17.77,7.5 16.46,7.92C15.14,8.34 14.42,9.75 14.85,11.07C15.28,12.38 16.69,13.1 18,12.67C19.31,12.25 20.03,10.83 19.61,9.5M7.31,18.46C8.42,19.28 10,19.03 10.8,17.91C11.61,16.79 11.36,15.23 10.24,14.42C9.13,13.61 7.56,13.86 6.75,14.97C5.94,16.09 6.19,17.65 7.31,18.46M16.7,18.46C17.82,17.65 18.07,16.09 17.26,14.97C16.45,13.85 14.88,13.6 13.77,14.42C12.65,15.23 12.4,16.79 13.21,17.91C14,19.03 15.59,19.27 16.7,18.46M12,10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 12,13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 12,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-search-outline.svg
new file mode 100644
index 00000000..1d6bbdf5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-search-outline" viewBox="0 0 24 24"><path d="M11 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13C21.5 12.2 20.8 11.5 20 11V10H5.8L4 6.5V18H10.2C10.4 18.7 10.6 19.4 11 20M20.3 18.9C20.7 18.2 21 17.4 21 16.5C21 14 19 12 16.5 12S12 14 12 16.5 14 21 16.5 21C17.4 21 18.2 20.8 18.9 20.3L22 23.4L23.4 22L20.3 18.9M16.5 19C15.1 19 14 17.9 14 16.5S15.1 14 16.5 14 19 15.1 19 16.5 17.9 19 16.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-search.svg
new file mode 100644
index 00000000..978e3749
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-search" viewBox="0 0 24 24"><path d="M11.03 20H4C2.9 20 2 19.1 2 18L2 6C2 4.9 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.05C20.85 11.22 18.82 10 16.5 10C12.92 10 10 12.92 10 16.5C10 17.79 10.38 19 11.03 20M23.39 22L22 23.39L18.88 20.32C18.19 20.75 17.37 21 16.5 21C14 21 12 19 12 16.5S14 12 16.5 12 21 14 21 16.5C21 17.38 20.75 18.21 20.31 18.9L23.39 22M19 16.5C19 15.12 17.88 14 16.5 14S14 15.12 14 16.5 15.12 19 16.5 19 19 17.88 19 16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings-outline.svg
new file mode 100644
index 00000000..94caf5a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-settings-outline" viewBox="0 0 24 24"><path d="M18 4L20 8H17L15 4H13L15 8H12L10 4H8L10 8H7L5 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H20C21.11 20 22 19.11 22 18V4H18M20 18H4V6.47L5.76 10H20V18M11 22H13V24H11V22M7 22H9V24H7V22M15 22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings.svg
new file mode 100644
index 00000000..f6f4fadb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-settings" viewBox="0 0 24 24"><path d="M22 4V18C22 19.11 21.11 20 20 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22M7 24H9V22H7V24M11 24H13V22H11V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-star-outline.svg
new file mode 100644
index 00000000..fc7cb2be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-star-outline" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.39 13.46 20.72 13.22 20 13.09V10H5.76L4 6.47V18H13.09C13.04 18.33 13 18.66 13 19M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie-star.svg
new file mode 100644
index 00000000..7f5e5cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie-star" viewBox="0 0 24 24"><path d="M13 19C13 19.34 13.04 19.67 13.09 20H4C2.9 20 2 19.11 2 18V6C2 4.89 2.9 4 4 4H5L7 8H10L8 4H10L12 8H15L13 4H15L17 8H20L18 4H22V13.81C21.12 13.3 20.1 13 19 13C15.69 13 13 15.69 13 19M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/movie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/movie.svg
new file mode 100644
index 00000000..61569394
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/movie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-movie" viewBox="0 0 24 24"><path d="M18,4L20,8H17L15,4H13L15,8H12L10,4H8L10,8H7L5,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V4H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag-on.svg
new file mode 100644
index 00000000..169ee985
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mower-bag-on" viewBox="0 0 24 24"><path d="M12 2H14V7H12V2M22 6.3L20.6 4.9L17 8.4L18.4 9.8C18.4 9.8 21.9 6.3 22 6.3M10.8 12L11.9 14H17L16.5 13.1C16.2 12.4 15.5 12 14.7 12H10.8M20 15H11.4L4.6 3H1V5H3.4L7.4 12.1L2.3 10.1C2.1 10 1.7 10 1.4 10.2C1.2 10.4 1 10.7 1 11V18C1 18.5 1.5 19 2 19H5.3C5.9 20.2 7.1 21 8.5 21S11.1 20.2 11.7 19H17.2C17.6 20.2 18.7 21 20 21C21.7 21 23 19.7 23 18S21.7 15 20 15M5 17H3V12.5L7.3 14.2C6.1 14.6 5.2 15.7 5 17M8.5 19C7.7 19 7 18.3 7 17.5S7.7 16 8.5 16 10 16.7 10 17.5 9.3 19 8.5 19M20 19C19.5 19 19 18.5 19 18S19.5 17 20 17 21 17.5 21 18 20.5 19 20 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag.svg
new file mode 100644
index 00000000..6166fa3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mower-bag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mower-bag" viewBox="0 0 24 24"><path d="M11.95 14L10.82 12H14.76C15.5 12 16.21 12.43 16.55 13.11L17 14H11.95M23 18C23 19.66 21.66 21 20 21C18.7 21 17.6 20.16 17.18 19H11.65C11.09 20.18 9.89 21 8.5 21S5.91 20.18 5.35 19H2C1.45 19 1 18.55 1 18V11C1 10.67 1.17 10.36 1.44 10.17C1.71 10 2.06 9.95 2.37 10.07L7.43 12.09L3.42 5H1V3H4.58L11.37 15H20C21.66 15 23 16.34 23 18M7.34 14.21L3 12.5V17H5.05C5.24 15.7 6.13 14.64 7.34 14.21M10 17.5C10 16.67 9.33 16 8.5 16S7 16.67 7 17.5 7.67 19 8.5 19 10 18.33 10 17.5M21 18C21 17.45 20.55 17 20 17S19 17.45 19 18 19.45 19 20 19 21 18.55 21 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mower-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mower-on.svg
new file mode 100644
index 00000000..31c0f708
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mower-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mower-on" viewBox="0 0 24 24"><path d="M12 2H14V7H12V2M22 6.3L20.6 4.9L17 8.4L18.4 9.8C18.4 9.8 21.9 6.3 22 6.3M18.5 14C17.5 14 16.7 14.4 16.1 15H9.4L5.7 3H2V5H4.3L7 14H6.5C4.6 14 3 15.6 3 17.5S4.6 21 6.5 21C7.9 21 9.1 20.2 9.7 19H15.4C16 20.2 17.2 21 18.6 21C20.5 21 22.1 19.4 22.1 17.5S20.4 14 18.5 14M6.5 19C5.7 19 5 18.3 5 17.5S5.7 16 6.5 16 8 16.7 8 17.5 7.3 19 6.5 19M18.5 19C17.7 19 17 18.3 17 17.5S17.7 16 18.5 16 20 16.7 20 17.5 19.3 19 18.5 19M9.5 12L10.1 14H15L14.6 13.1C14.3 12.4 13.5 12 12.8 12H9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mower.svg
new file mode 100644
index 00000000..b3b20d25
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mower" viewBox="0 0 24 24"><path d="M18.5 14C17.55 14 16.69 14.38 16.06 15H9.39L5.74 3H2V5H4.26L7 14.05C6.85 14.03 6.68 14 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21C7.89 21 9.09 20.18 9.65 19H15.35C15.91 20.18 17.11 21 18.5 21C20.43 21 22 19.43 22 17.5S20.43 14 18.5 14M6.5 19C5.67 19 5 18.33 5 17.5S5.67 16 6.5 16 8 16.67 8 17.5 7.33 19 6.5 19M18.5 19C17.67 19 17 18.33 17 17.5S17.67 16 18.5 16 20 16.67 20 17.5 19.33 19 18.5 19M10.13 14L9.53 12H12.76C13.5 12 14.21 12.43 14.55 13.11L15 14H10.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/muffin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/muffin.svg
new file mode 100644
index 00000000..5eb32d0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/muffin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-muffin" viewBox="0 0 24 24"><path d="M16,5C16,5 15,2 12,2C9,2 8,5 8,5C6,5 4,7 4,9C1.3,9 1.3,13 4,13H20C22.7,13 22.7,9 20,9C20,7 18,5 16,5M5,15L7,22H9L8,15H5M10,15L11,22H13L14,15H10M16,15L15,22H17L19,15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/multicast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/multicast.svg
new file mode 100644
index 00000000..3a092655
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/multicast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-multicast" viewBox="0 0 24 24"><path d="M17 2V4H12C10.9 4 10 4.89 10 6V9H12V6H17V8L20 5L17 2M17 9V11H6.73C6.37 10.38 5.71 10 5 10C3.9 10 3 10.9 3 12S3.9 14 5 14C5.71 14 6.37 13.62 6.73 13H17V15L20 12L17 9M10 15V18C10 19.11 10.9 20 12 20H17V22L20 19L17 16V18H12V15H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/multimedia.svg b/apps/phoenix_webcomponent/priv/mdi/svg/multimedia.svg
new file mode 100644
index 00000000..decc1807
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/multimedia.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-multimedia" viewBox="0 0 24 24"><path d="M9 13V5C9 3.9 9.9 3 11 3H20C21.1 3 22 3.9 22 5V11H18.57L17.29 9.26C17.23 9.17 17.11 9.17 17.05 9.26L15.06 12C15 12.06 14.88 12.07 14.82 12L13.39 10.25C13.33 10.18 13.22 10.18 13.16 10.25L11.05 12.91C10.97 13 11.04 13.15 11.16 13.15H17.5V15H11C9.89 15 9 14.11 9 13M6 22V21H4V22H2V2H4V3H6V2H8.39C7.54 2.74 7 3.8 7 5V13C7 15.21 8.79 17 11 17H15.7C14.67 17.83 14 19.08 14 20.5C14 21.03 14.11 21.53 14.28 22H6M4 7H6V5H4V7M4 11H6V9H4V11M4 15H6V13H4V15M6 19V17H4V19H6M23 13V15H21V20.5C21 21.88 19.88 23 18.5 23S16 21.88 16 20.5 17.12 18 18.5 18C18.86 18 19.19 18.07 19.5 18.21V13H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/multiplication-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/multiplication-box.svg
new file mode 100644
index 00000000..229a4843
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/multiplication-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-multiplication-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M11,17H13V13.73L15.83,15.36L16.83,13.63L14,12L16.83,10.36L15.83,8.63L13,10.27V7H11V10.27L8.17,8.63L7.17,10.36L10,12L7.17,13.63L8.17,15.36L11,13.73V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/multiplication.svg b/apps/phoenix_webcomponent/priv/mdi/svg/multiplication.svg
new file mode 100644
index 00000000..a7b619cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/multiplication.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-multiplication" viewBox="0 0 24 24"><path d="M11,3H13V10.27L19.29,6.64L20.29,8.37L14,12L20.3,15.64L19.3,17.37L13,13.72V21H11V13.73L4.69,17.36L3.69,15.63L10,12L3.72,8.36L4.72,6.63L11,10.26V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off-outline.svg
new file mode 100644
index 00000000..bdb6e18a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mushroom-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 13.1 2.9 14 4 14H12.1L13.1 15H9L8 18.5L7.7 19.5C7.4 20.6 8.1 21.7 9.1 21.9L9.7 22H14.4C15.5 22 16.4 21.1 16.4 20L16.3 19.5L16 18.5L15.8 17.6L20.9 22.7L22.1 21.5M4 12C4 10.3 4.6 8.7 5.5 7.4L6.2 8.1C6.1 8.4 6 8.7 6 9C6 10.1 6.9 11 8 11C8.3 11 8.6 10.9 8.9 10.8L10.1 12H4M9.7 20L10 19L10.6 17H13.6L14.2 19L14.5 20H9.7M16 11C14.9 11 14 10.1 14 9S14.9 7 16 7 18 7.9 18 9 17.1 11 16 11M8.2 5L6.7 3.5C8.3 2.6 10.1 2 12 2C17.5 2 22 6.5 22 12C22 13.1 21.1 14 20 14H17.2L15.2 12H20C20 8.3 17.4 5.1 14 4.2C13.9 5.2 13 6 12 6S10.1 5.2 10 4.2C9.4 4.4 8.7 4.7 8.2 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off.svg
new file mode 100644
index 00000000..b7c06e13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mushroom-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.1 6C2.8 7.6 2 9.7 2 12C2 13.1 2.9 14 4 14H12.1L13.1 15H9L7.7 19.5V20C7.7 21.1 8.6 22 9.7 22H14.4C15.5 22 16.4 21.1 16.4 20L16.3 19.5L15.8 17.7L20.9 22.8L22.1 21.5M7 12C5.9 12 5 11.1 5 10C5 9.2 5.5 8.4 6.3 8.1L8.9 10.7C8.6 11.5 7.8 12 7 12M10 6C10 4.9 10.9 4 12 4S14 4.9 14 6 13.1 8 12 8C11.5 8 11.1 7.8 10.7 7.5L17.2 14H20C21.1 14 22 13.1 22 12C22 6.5 17.5 2 12 2C10.1 2 8.3 2.6 6.7 3.5L10.4 7.2C10.2 6.9 10 6.5 10 6M17 8C18.1 8 19 8.9 19 10S18.1 12 17 12 15 11.1 15 10 15.9 8 17 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-outline.svg
new file mode 100644
index 00000000..567bc621
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mushroom-outline" viewBox="0 0 24 24"><path d="M4,12H20C20,8.27 17.44,5.13 14,4.25C13.86,5.24 13,6 12,6C11,6 10.14,5.24 10,4.25C6.56,5.13 4,8.27 4,12M12,2A10,10 0 0,1 22,12A2,2 0 0,1 20,14H4A2,2 0 0,1 2,12A10,10 0 0,1 12,2M13.5,17H10.5L9.92,19L9.65,20H14.35L14.08,19L13.5,17M15,15L16,18.5L16.27,19.45L16.35,20C16.35,21.1 15.45,22 14.35,22H9.65L9.17,21.94C8.1,21.66 7.45,20.57 7.73,19.5L8,18.5L9,15H15M16,7A2,2 0 0,1 18,9A2,2 0 0,1 16,11A2,2 0 0,1 14,9A2,2 0 0,1 16,7M8,7A2,2 0 0,1 10,9A2,2 0 0,1 8,11A2,2 0 0,1 6,9A2,2 0 0,1 8,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mushroom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom.svg
new file mode 100644
index 00000000..a4b5e4c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mushroom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mushroom" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A2,2 0 0,1 20,14H4A2,2 0 0,1 2,12A10,10 0 0,1 12,2M12,8A2,2 0 0,0 14,6A2,2 0 0,0 12,4A2,2 0 0,0 10,6A2,2 0 0,0 12,8M17,12A2,2 0 0,0 19,10A2,2 0 0,0 17,8A2,2 0 0,0 15,10A2,2 0 0,0 17,12M7,12A2,2 0 0,0 9,10A2,2 0 0,0 7,8A2,2 0 0,0 5,10A2,2 0 0,0 7,12M15,15L16.27,19.45L16.35,20C16.35,21.1 15.45,22 14.35,22H9.65A2,2 0 0,1 7.65,20L7.73,19.45L9,15H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-flat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-flat.svg
new file mode 100644
index 00000000..799dfd18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-flat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-accidental-double-flat" viewBox="0 0 24 24"><path d="M15.5 9C14.8 9 14.11 9.28 13.5 9.67V5H11.5V9.62C11.04 9.24 10.39 9 9.5 9C8.8 9 8.11 9.28 7.5 9.67V5H5.5V19C8.5 17.32 10.43 15.79 11.5 14.41V19C16.36 16.26 18.5 13.91 18.5 12C18.5 10.59 17.79 9 15.5 9M7.5 15.38V12.26C8.12 11.59 8.95 11 9.5 11C10.09 11 10.5 11.07 10.5 12C10.5 12.15 10.4 13.3 7.5 15.38M13.5 15.38V12.26C14.12 11.59 14.95 11 15.5 11C16.09 11 16.5 11.07 16.5 12C16.5 12.15 16.4 13.3 13.5 15.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-sharp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-sharp.svg
new file mode 100644
index 00000000..cfe9d44c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-double-sharp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-accidental-double-sharp" viewBox="0 0 24 24"><path d="M15.41 10H17V7H14V8.59L12 10.59L10 8.59V7H7V10H8.59L10.59 12L8.59 14H7V17H10V15.41L12 13.41L14 15.41V17H17V14H15.41L13.41 12L15.41 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-flat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-flat.svg
new file mode 100644
index 00000000..597fb820
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-flat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-accidental-flat" viewBox="0 0 24 24"><path d="M8.5 19C13.36 16.26 15.5 13.91 15.5 12C15.5 10.59 14.79 9 12.5 9C11.8 9 11.11 9.28 10.5 9.67V5H8.5M10.5 15.38V12.26C11.12 11.59 11.95 11 12.5 11C13.09 11 13.5 11.07 13.5 12C13.5 12.15 13.4 13.3 10.5 15.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-natural.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-natural.svg
new file mode 100644
index 00000000..a82ed33c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-natural.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-accidental-natural" viewBox="0 0 24 24"><path d="M10 8.75V3.5H8V17.5L14 15.25V20.5H16V6.5L10 8.75M14 13.25L10 14.75V10.75L14 9.25V13.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-sharp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-sharp.svg
new file mode 100644
index 00000000..40a05012
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-accidental-sharp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-accidental-sharp" viewBox="0 0 24 24"><path d="M17 9.5V7.5L15 8.1V5.5H13V8.7L11 9.3V6.5H9V9.9L7 10.5V12.5L9 11.9V13.9L7 14.5V16.5L9 15.9V18.5H11V15.3L13 14.7V17.5H15V14.1L17 13.5V11.5L15 12.1V10.1L17 9.5M13 12.7L11 13.3V11.3L13 10.7V12.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple-outline.svg
new file mode 100644
index 00000000..437878dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-box-multiple-outline" viewBox="0 0 24 24"><path d="M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M20,16H8V4H20M12.5,15A2.5,2.5 0 0,0 15,12.5V7H18V5H14V10.5C13.58,10.19 13.07,10 12.5,10A2.5,2.5 0 0,0 10,12.5A2.5,2.5 0 0,0 12.5,15M4,6H2V20A2,2 0 0,0 4,22H18V20H4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple.svg
new file mode 100644
index 00000000..34df5b45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-box-multiple" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-outline.svg
new file mode 100644
index 00000000..59171b8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-box-outline" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-box.svg
new file mode 100644
index 00000000..9b0b4c00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-box" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-circle-outline.svg
new file mode 100644
index 00000000..d71ee311
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-circle-outline" viewBox="0 0 24 24"><path d="M16,9H13V14.5A2.5,2.5 0 0,1 10.5,17A2.5,2.5 0 0,1 8,14.5A2.5,2.5 0 0,1 10.5,12C11.07,12 11.58,12.19 12,12.5V7H16V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-circle.svg
new file mode 100644
index 00000000..25d51314
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-circle" viewBox="0 0 24 24"><path d="M16,9V7H12V12.5C11.58,12.19 11.07,12 10.5,12A2.5,2.5 0 0,0 8,14.5A2.5,2.5 0 0,0 10.5,17A2.5,2.5 0 0,0 13,14.5V9H16M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-alto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-alto.svg
new file mode 100644
index 00000000..fa7c4cf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-alto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-clef-alto" viewBox="0 0 24 24"><path d="M5 4H7V20H5M15.46 13H14.83L13.83 12L14.83 11H15.46A3.5 3.5 0 1 0 11.96 7.5H13.96A1.5 1.5 0 1 1 15.46 9H14L12 11H11V4H9V20H11V13H12L14 15H15.46A1.5 1.5 0 1 1 13.96 16.5H11.96A3.5 3.5 0 1 0 15.46 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-bass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-bass.svg
new file mode 100644
index 00000000..3ed21941
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-bass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-clef-bass" viewBox="0 0 24 24"><path d="M18.5 5A1.5 1.5 0 1 1 17 6.5A1.5 1.5 0 0 1 18.5 5M18.5 11A1.5 1.5 0 1 1 17 12.5A1.5 1.5 0 0 1 18.5 11M10 4A5 5 0 0 0 5 9V10A2 2 0 1 0 7.18 8A3 3 0 0 1 10 6A4 4 0 0 1 14 10C14 13.59 11.77 16.19 7 18.2L7.76 20.04C13.31 17.72 16 14.43 16 10A6 6 0 0 0 10 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-treble.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-treble.svg
new file mode 100644
index 00000000..61317782
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-clef-treble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-clef-treble" viewBox="0 0 24 24"><path d="M13 11V7.5L15.2 5.29C16 4.5 16.15 3.24 15.59 2.26C15.14 1.47 14.32 1 13.45 1C13.24 1 13 1.03 12.81 1.09C11.73 1.38 11 2.38 11 3.5V6.74L7.86 9.91C6.2 11.6 5.7 14.13 6.61 16.34C7.38 18.24 9.06 19.55 11 19.89V20.5C11 20.76 10.77 21 10.5 21H9V23H10.5C11.85 23 13 21.89 13 20.5V20C15.03 20 17.16 18.08 17.16 15.25C17.16 12.95 15.24 11 13 11M13 3.5C13 3.27 13.11 3.09 13.32 3.03C13.54 2.97 13.77 3.06 13.88 3.26C14 3.46 13.96 3.71 13.8 3.87L13 4.73V3.5M11 11.5C10.03 12.14 9.3 13.24 9.04 14.26L11 14.78V17.83C9.87 17.53 8.9 16.71 8.43 15.57C7.84 14.11 8.16 12.45 9.26 11.33L11 9.5V11.5M13 18V12.94C14.17 12.94 15.18 14.04 15.18 15.25C15.18 17 13.91 18 13 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth-off.svg
new file mode 100644
index 00000000..e1c1cefc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-bluetooth-off" viewBox="0 0 24 24"><path d="M22 9.85L19.14 7H18.64V10.79L16.35 8.5L15.64 9.21L18.43 12L15.64 14.79L16.35 15.5L18.64 13.21V17H19.14L22 14.15L19.85 12L22 9.85M19.64 8.91L20.58 9.85L19.64 10.79V8.91M20.58 14.15L19.64 15.09V13.21L20.58 14.15M1.96 3L.687 4.27L9.69 13.27V13.55C9.1 13.21 8.42 13 7.69 13C5.5 13 3.69 14.79 3.69 17S5.5 21 7.69 21 11.69 19.21 11.69 17V15.27L17.42 21L18.69 19.73L1.96 3M11.69 7H15.69V3H9.69V8.18L11.69 10.18V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth.svg
new file mode 100644
index 00000000..293d4444
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-bluetooth" viewBox="0 0 24 24"><path d="M22 9.85L19.14 7H18.64V10.79L16.35 8.5L15.64 9.21L18.43 12L15.64 14.79L16.35 15.5L18.64 13.21V17H19.14L22 14.15L19.85 12L22 9.85M19.64 8.91L20.58 9.85L19.64 10.79V8.91M20.58 14.15L19.64 15.09V13.21L20.58 14.15M9.64 3V13.55C9.05 13.21 8.37 13 7.64 13C5.43 13 3.64 14.79 3.64 17S5.43 21 7.64 21 11.64 19.21 11.64 17V7H15.64V3H9.64Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth-dotted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth-dotted.svg
new file mode 100644
index 00000000..93f153c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-eighth-dotted" viewBox="0 0 24 24"><path d="M12 3V13.55A4 4 0 1 0 14 17V7H18V3M16.5 20A1.5 1.5 0 1 1 18 18.5A1.5 1.5 0 0 1 16.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth.svg
new file mode 100644
index 00000000..392c03d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-eighth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-eighth" viewBox="0 0 24 24"><path d="M12 3V13.55C11.41 13.21 10.73 13 10 13C7.79 13 6 14.79 6 17S7.79 21 10 21 14 19.21 14 17V7H18V3H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half-dotted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half-dotted.svg
new file mode 100644
index 00000000..1bf5c9aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-half-dotted" viewBox="0 0 24 24"><path d="M14 3H12V13.56A3.96 3.96 0 0 0 10 13A4 4 0 1 0 14 17V3M10 19A2 2 0 1 1 12 17A2 2 0 0 1 10 19M16.5 20A1.5 1.5 0 1 1 18 18.5A1.5 1.5 0 0 1 16.5 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half.svg
new file mode 100644
index 00000000..36248543
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-half" viewBox="0 0 24 24"><path d="M16 3H14V13.56A3.96 3.96 0 0 0 12 13A4 4 0 1 0 16 17V3M12 19A2 2 0 1 1 14 17A2 2 0 0 1 12 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-minus.svg
new file mode 100644
index 00000000..11ab5781
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-minus" viewBox="0 0 24 24"><path d="M14 12V14H22V12H14M9 3V13.55C8.41 13.21 7.73 13 7 13C4.79 13 3 14.79 3 17S4.79 21 7 21 11 19.21 11 17V7H15V3H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off-outline.svg
new file mode 100644
index 00000000..407a9530
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-off-outline" viewBox="0 0 24 24"><path d="M14 7H18V3H12V7.61L14 9.61M12 10.44L4.41 2.86L3 4.27L12 13.27V13.55A3.94 3.94 0 0 0 8.67 13.23A4 4 0 0 0 10.65 20.95A4.1 4.1 0 0 0 14 16.85V15.27L19.73 21L21.14 19.59M10 19A2 2 0 1 1 12 17A2 2 0 0 1 10 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off.svg
new file mode 100644
index 00000000..619fef89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-off" viewBox="0 0 24 24"><path d="M4.27 3L3 4.27L12 13.27V13.55C11.41 13.21 10.73 13 10 13C7.79 13 6 14.79 6 17S7.79 21 10 21 14 19.21 14 17V15.27L19.73 21L21 19.73L4.27 3M14 7H18V3H12V8.18L14 10.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-outline.svg
new file mode 100644
index 00000000..1f0923e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-outline" viewBox="0 0 24 24"><path d="M12 3V13.55A4 4 0 1 0 14 17V7H18V3M10 19A2 2 0 1 1 12 17A2 2 0 0 1 10 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-plus.svg
new file mode 100644
index 00000000..b2df7c40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-plus" viewBox="0 0 24 24"><path d="M17 9V12H14V14H17V17H19V14H22V12H19V9H17M9 3V13.55C8.41 13.21 7.73 13 7 13C4.79 13 3 14.79 3 17S4.79 21 7 21 11 19.21 11 17V7H15V3H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter-dotted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter-dotted.svg
new file mode 100644
index 00000000..1a970d10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-quarter-dotted" viewBox="0 0 24 24"><path d="M12 13V13.56A3.96 3.96 0 0 0 10 13A4 4 0 1 0 14 17V3H12M16.5 17A1.5 1.5 0 1 1 15 18.5A1.5 1.5 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter.svg
new file mode 100644
index 00000000..713ccdbc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-quarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-quarter" viewBox="0 0 24 24"><path d="M14 3V13.56C13.41 13.21 12.73 13 12 13C9.79 13 8 14.79 8 17S9.79 21 12 21 16 19.21 16 17V3H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth-dotted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth-dotted.svg
new file mode 100644
index 00000000..9c2823db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-sixteenth-dotted" viewBox="0 0 24 24"><path d="M18 18.5A1.5 1.5 0 1 1 16.5 17A1.5 1.5 0 0 1 18 18.5M18 7V3H12V13.55A4 4 0 1 0 14 17V11H18V8H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth.svg
new file mode 100644
index 00000000..97f540b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-sixteenth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-sixteenth" viewBox="0 0 24 24"><path d="M18 7V3H12V13.55C11.41 13.21 10.73 13 10 13C7.79 13 6 14.79 6 17S7.79 21 10 21 14 19.21 14 17V11H18V8H14V7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole-dotted.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole-dotted.svg
new file mode 100644
index 00000000..4afeee6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-whole-dotted" viewBox="0 0 24 24"><path d="M10 15A2 2 0 1 1 8 17A2 2 0 0 1 10 15M10 13A4 4 0 1 0 14 17A4 4 0 0 0 10 13M16.5 17A1.5 1.5 0 1 1 15 18.5A1.5 1.5 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole.svg
new file mode 100644
index 00000000..696c1b73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note-whole.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note-whole" viewBox="0 0 24 24"><path d="M12 15A2 2 0 1 1 10 17A2 2 0 0 1 12 15M12 13A4 4 0 1 0 16 17A4 4 0 0 0 12 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-note.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-note.svg
new file mode 100644
index 00000000..f902f299
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-note" viewBox="0 0 24 24"><path d="M12 3V13.55C11.41 13.21 10.73 13 10 13C7.79 13 6 14.79 6 17S7.79 21 10 21 14 19.21 14 17V7H18V3H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-off.svg
new file mode 100644
index 00000000..9ec7729d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L9,12.27V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V10.27L2,5.27M21,3V15.5C21,16.5 20.57,17.42 19.88,18.06L14.94,13.12C15.58,12.43 16.5,12 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L10.17,8.35L7.66,5.84L21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-eighth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-eighth.svg
new file mode 100644
index 00000000..0bb4adc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-eighth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-rest-eighth" viewBox="0 0 24 24"><path d="M14 6A5.56 5.56 0 0 1 10.95 7.86A1.5 1.5 0 1 0 9.5 9H9.74A6.32 6.32 0 0 0 13.25 7.93L10 18H12L16 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-half.svg
new file mode 100644
index 00000000..927dfac8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-rest-half" viewBox="0 0 24 24"><path d="M6 14H8V10H16V14H18V15H6V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-quarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-quarter.svg
new file mode 100644
index 00000000..53922df1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-quarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-rest-quarter" viewBox="0 0 24 24"><path d="M11.71 16.81C10.91 17.6 10.88 18.84 11.64 19.58L10.19 21C8.66 19.5 8.72 17.03 10.32 15.46C10.85 14.94 11.5 14.61 12.16 14.42L9 11.34L10.45 9.92L10.82 9.57C11.82 8.59 11.85 7.04 10.9 6.11L9.16 4.42L10.62 3L14.78 7.06C15.54 7.81 15.5 9.05 14.71 9.83L12.53 11.95L16 15.33L15.61 15.72C15.11 16.21 14.38 16.46 13.72 16.28C13.04 16.1 12.26 16.28 11.71 16.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-sixteenth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-sixteenth.svg
new file mode 100644
index 00000000..d422cead
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-sixteenth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-rest-sixteenth" viewBox="0 0 24 24"><path d="M15 3A5.56 5.56 0 0 1 11.95 4.86A1.5 1.5 0 1 0 10.5 6H10.74A6.32 6.32 0 0 0 14.25 4.93L12.9 9.1A5.56 5.56 0 0 1 9.95 10.86A1.5 1.5 0 1 0 8.5 12H8.74A6.32 6.32 0 0 0 12.25 10.93L9 21H11L17 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-whole.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-whole.svg
new file mode 100644
index 00000000..e68e6a56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music-rest-whole.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music-rest-whole" viewBox="0 0 24 24"><path d="M18 10H16V14H8V10H6V9H18V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/music.svg
new file mode 100644
index 00000000..a131323e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-music" viewBox="0 0 24 24"><path d="M21,3V15.5A3.5,3.5 0 0,1 17.5,19A3.5,3.5 0 0,1 14,15.5A3.5,3.5 0 0,1 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L9,8.6V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V6L21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/mustache.svg b/apps/phoenix_webcomponent/priv/mdi/svg/mustache.svg
new file mode 100644
index 00000000..69427031
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/mustache.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mustache" viewBox="0 0 24 24"><path d="M21 12C19 12 18 9 15 9S12 11 12 11 12 9 9 9 5 12 3 12C2 12 1 11 1 11S2 16 6 16C11 16 12 13 12 13S13 16 18 16C22 16 23 11 23 11S22 12 21 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nail.svg
new file mode 100644
index 00000000..9a49153a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nail" viewBox="0 0 24 24"><path d="M13.5,5V16L12,22L10.5,16V5H13.5M17,2H7V4H17V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nas.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nas.svg
new file mode 100644
index 00000000..3c3e4494
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nas.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nas" viewBox="0 0 24 24"><path d="M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nativescript.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nativescript.svg
new file mode 100644
index 00000000..05d277aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nativescript.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nativescript" viewBox="0 0 24 24"><path d="M7.5,3H16.5C19,3 21,5 21,7.5V16.5C21,19 19,21 16.5,21H7.5C5,21 3,19 3,16.5V7.5C3,5 5,3 7.5,3M6,13.5V16.5A1.5,1.5 0 0,0 7.5,18H9V10.5L15,18H16.5A1.5,1.5 0 0,0 18,16.5V13.5A1.5,1.5 0 0,1 19.5,12A1.5,1.5 0 0,1 18,10.5V7.5A1.5,1.5 0 0,0 16.5,6H15V13.5L9,6H7.5A1.5,1.5 0 0,0 6,7.5V10.5A1.5,1.5 0 0,1 4.5,12A1.5,1.5 0 0,1 6,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nature-people.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nature-people.svg
new file mode 100644
index 00000000..c8b83052
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nature-people.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nature-people" viewBox="0 0 24 24"><path d="M4.5,11A1.5,1.5 0 0,0 6,9.5A1.5,1.5 0 0,0 4.5,8A1.5,1.5 0 0,0 3,9.5A1.5,1.5 0 0,0 4.5,11M22.17,9.17C22.17,5.3 19.04,2.17 15.17,2.17A7,7 0 0,0 8.17,9.17C8.17,12.64 10.69,15.5 14,16.06V20H6V17H7V13A1,1 0 0,0 6,12H3A1,1 0 0,0 2,13V17H3V22H19V20H16V16.12C19.47,15.71 22.17,12.76 22.17,9.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nature.svg
new file mode 100644
index 00000000..4578974e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nature" viewBox="0 0 24 24"><path d="M13,16.12C16.47,15.71 19.17,12.76 19.17,9.17C19.17,5.3 16.04,2.17 12.17,2.17A7,7 0 0,0 5.17,9.17C5.17,12.64 7.69,15.5 11,16.06V20H5V22H19V20H13V16.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/navigation-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-outline.svg
new file mode 100644
index 00000000..bbcf5ec1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-navigation-outline" viewBox="0 0 24 24"><path d="M12 7.3L16.3 17.7L12.8 16.2L12 15.8L11.2 16.2L7.7 17.7L12 7.3M12 2L4.5 20.3L5.2 21L12 18L18.8 21L19.5 20.3L12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant-outline.svg
new file mode 100644
index 00000000..a990533b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-navigation-variant-outline" viewBox="0 0 24 24"><path d="M17.27 6.73L13.03 16.86L11.71 13.44L11.39 12.61L10.57 12.29L7.14 10.96L17.27 6.73M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant.svg
new file mode 100644
index 00000000..dbeeae6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/navigation-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-navigation-variant" viewBox="0 0 24 24"><path d="M21 3L3 10.53V11.5L9.84 14.16L12.5 21H13.46L21 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/navigation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/navigation.svg
new file mode 100644
index 00000000..8919dcb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/navigation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-navigation" viewBox="0 0 24 24"><path d="M12,2L4.5,20.29L5.21,21L12,18L18.79,21L19.5,20.29L12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/near-me.svg b/apps/phoenix_webcomponent/priv/mdi/svg/near-me.svg
new file mode 100644
index 00000000..da5dccc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/near-me.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-near-me" viewBox="0 0 24 24"><path d="M21,3L3,10.53V11.5L9.84,14.16L12.5,21H13.46L21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/necklace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/necklace.svg
new file mode 100644
index 00000000..6989a94e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/necklace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-necklace" viewBox="0 0 24 24"><path d="M21.5 5H19.5C19.5 9.14 16.14 12.5 12 12.5C7.86 12.5 4.5 9.14 4.5 5H2.5C2.55 10.11 6.59 14.29 11.7 14.5C11.1 15.4 10 17.2 10 18C10 20.67 14 20.67 14 18C14 17.2 12.9 15.4 12.3 14.5C17.41 14.29 21.45 10.11 21.5 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/needle-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/needle-off.svg
new file mode 100644
index 00000000..84ba297c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/needle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-needle-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8 9.9L4.1 13.8L6.2 15.9L3.1 19V21.8L7.6 17.3L9.7 19.4L13.6 15.5L20.8 22.7L22.1 21.5M11.2 15.2L9.8 16.6L7 13.8L9.5 11.3L10.9 12.7L9.8 13.8L11.2 15.2M11.9 8.7L10.5 7.3L14 3.9L16.1 6L17.5 4.6L16.1 3.2L17.5 1.8L21.8 6L20.4 7.4L18.9 6L17.5 7.4L19.6 9.5L16.2 13L13.4 10.2L14 9.5L15.4 10.9L16.8 9.5L14 6.7L11.9 8.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/needle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/needle.svg
new file mode 100644
index 00000000..3b4f822a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/needle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-needle" viewBox="0 0 24 24"><path d="M11.15,15.18L9.73,13.77L11.15,12.35L12.56,13.77L13.97,12.35L12.56,10.94L13.97,9.53L15.39,10.94L16.8,9.53L13.97,6.7L6.9,13.77L9.73,16.6L11.15,15.18M3.08,19L6.2,15.89L4.08,13.77L13.97,3.87L16.1,6L17.5,4.58L16.1,3.16L17.5,1.75L21.75,6L20.34,7.4L18.92,6L17.5,7.4L19.63,9.53L9.73,19.42L7.61,17.3L3.08,21.84V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/netflix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/netflix.svg
new file mode 100644
index 00000000..004e7768
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/netflix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-netflix" viewBox="0 0 24 24"><path d="M6.5,2H10.5L13.44,10.83L13.5,2H17.5V22C16.25,21.78 14.87,21.64 13.41,21.58L10.5,13L10.43,21.59C9.03,21.65 7.7,21.79 6.5,22V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-off-outline.svg
new file mode 100644
index 00000000..39a2da12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-off-outline" viewBox="0 0 24 24"><path d="M1.04,5.27L5,9.23V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H17.77L19.77,24L21.04,22.72L2.32,4L1.04,5.27M7,11.23L10.77,15H7V11.23M15,20A1,1 0 0,0 14,19H13V17.23L15.77,20H15M22,20V21.14L20.86,20H22M7,6.14L5.14,4.28C5.43,3.53 6.16,3 7,3H17A2,2 0 0,1 19,5V15C19,15.85 18.47,16.57 17.72,16.86L15.86,15H17V5H7V6.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-off.svg
new file mode 100644
index 00000000..6f701ac7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-off" viewBox="0 0 24 24"><path d="M1,5.27L5,9.27V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H17.73L19.73,24L21,22.72L2.28,4L1,5.27M15,20A1,1 0 0,0 14,19H13V17.27L15.73,20H15M17.69,16.87L5.13,4.31C5.41,3.55 6.14,3 7,3H17A2,2 0 0,1 19,5V15C19,15.86 18.45,16.59 17.69,16.87M22,20V21.18L20.82,20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-outline.svg
new file mode 100644
index 00000000..10efff03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-pos.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-pos.svg
new file mode 100644
index 00000000..8e868826
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-pos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-pos" viewBox="0 0 24 24"><path d="M17 9H8V7H17V9M7 7H5V9H7V7M7 4H5V6H7V4M10 4H8V6H10V4M13 17V19H14C14.55 19 15 19.45 15 20H22V22H15C15 22.55 14.55 23 14 23H10C9.45 23 9 22.55 9 22H2V20H9C9 19.45 9.45 19 10 19H11V17H4C2.89 17 2 16.11 2 15L2 3C2 1.89 2.9 1 4 1H20C21.11 1 22 1.89 22 3L22 15C22 16.11 21.11 17 20 17H13M20 15V3H4V15L20 15M11 6H19V4H11V6M5 12H11V10H5V12M13 14H19V12H13V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1-alert.svg
new file mode 100644
index 00000000..3e1dfa90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-1-alert" viewBox="0 0 24 24"><path d="M21 1L1 21H17V19H11V13.8L19 5.8V9H21M19 11V17H21V11M19 19V21H21V19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1.svg
new file mode 100644
index 00000000..dd00d8b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-1" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H11V13.83" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2-alert.svg
new file mode 100644
index 00000000..40bde1f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-2-alert" viewBox="0 0 24 24"><path d="M21 1L1 21H17V19H13V11.8L19 5.8V9H21M19 11V17H21V11M19 19V21H21V19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2.svg
new file mode 100644
index 00000000..a69c9ed0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-2" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H13V11.83" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3-alert.svg
new file mode 100644
index 00000000..1b9cb605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-3-alert" viewBox="0 0 24 24"><path d="M21 1L1 21H17V19H16V8.8L19 5.8V9H21M19 11V17H21V11M19 19V21H21V19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3.svg
new file mode 100644
index 00000000..7df0c603
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-3" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H16V8.83" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-alert.svg
new file mode 100644
index 00000000..1d3f6258
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-4-alert" viewBox="0 0 24 24"><path d="M19 17H21V11H19M19 21H21V19H19M1 21H17V9H21V1" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-cog.svg
new file mode 100644
index 00000000..1bf52ac3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-4-cog" viewBox="0 0 24 24"><path d="M17 13C16.9 13 16.8 13.1 16.7 13.2L16.5 14.5C16.2 14.6 15.9 14.8 15.7 15L14.5 14.5C14.4 14.5 14.3 14.5 14.2 14.6L13.2 16.3C13.1 16.4 13.2 16.5 13.3 16.6L14.4 17.4V18.4L13.3 19.2C13.2 19.3 13.2 19.4 13.2 19.5L14.2 21.2C14.3 21.3 14.4 21.3 14.5 21.3L15.7 20.8C16 21 16.2 21.2 16.5 21.3L16.7 22.6C16.7 22.7 16.8 22.8 17 22.8H19C19.1 22.8 19.2 22.7 19.2 22.6L19.4 21.3C19.7 21.2 20 21 20.2 20.8L21.4 21.3C21.5 21.3 21.7 21.3 21.7 21.2L22.7 19.5C22.8 19.4 22.7 19.3 22.6 19.2L21.5 18.4V17.9 17.4L22.6 16.6C22.7 16.5 22.7 16.4 22.7 16.3L21.7 14.6C21.6 14.5 21.5 14.5 21.4 14.5L20.3 15C20 14.8 19.8 14.6 19.4 14.5L19.2 13.2C19.2 13.1 19.1 13 19 13H17M18 16.5C18.8 16.5 19.5 17.2 19.5 18S18.8 19.5 18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5M11.7 21H1L21 1V11.7C20.1 11.3 19.1 11 18 11C14.1 11 11 14.1 11 18C11 19.1 11.2 20.1 11.7 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4.svg
new file mode 100644
index 00000000..878aae90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-4" viewBox="0 0 24 24"><path d="M1,21H21V1" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off-outline.svg
new file mode 100644
index 00000000..36814148
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-off-outline" viewBox="0 0 24 24"><path d="M21,1L12.4,9.6L13.85,11.05L19,5.83V16.19L21,18.19M4.77,4.5L3.5,5.77L9.86,12.13L1,21H18.73L20.73,23L22,21.73M11.33,13.6L16.73,19H6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off.svg
new file mode 100644
index 00000000..d396c0f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-off" viewBox="0 0 24 24"><path d="M21,1L12.4,9.6L21,18.19M4.77,4.5L3.5,5.77L9.86,12.13L1,21H18.73L20.73,23L22,21.73" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-outline.svg
new file mode 100644
index 00000000..3ae2aff0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network-strength-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network-strength-outline" viewBox="0 0 24 24"><path d="M1,21H21V1M19,5.83V19H6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/network.svg
new file mode 100644
index 00000000..672eaad7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/new-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/new-box.svg
new file mode 100644
index 00000000..c5b3065e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/new-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-new-box" viewBox="0 0 24 24"><path d="M20,4C21.11,4 22,4.89 22,6V18C22,19.11 21.11,20 20,20H4C2.89,20 2,19.11 2,18V6C2,4.89 2.89,4 4,4H20M8.5,15V9H7.25V12.5L4.75,9H3.5V15H4.75V11.5L7.3,15H8.5M13.5,10.26V9H9.5V15H13.5V13.75H11V12.64H13.5V11.38H11V10.26H13.5M20.5,14V9H19.25V13.5H18.13V10H16.88V13.5H15.75V9H14.5V14A1,1 0 0,0 15.5,15H19.5A1,1 0 0,0 20.5,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-check.svg
new file mode 100644
index 00000000..941d0a6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-check" viewBox="0 0 24 24"><path d="M20.33 4.67L18.67 3L17 4.67L15.33 3L13.67 4.67L12 3L10.33 4.67L8.67 3L7 4.67L5.33 3L3.67 4.67L2 3V19C2 20.11 2.9 21 4 21H12.8C12.29 20.12 12 19.09 12 18C12 16.77 12.37 15.63 13 14.68V13H14.68C15.63 12.37 16.77 12 18 12C19.53 12 20.93 12.58 22 13.5V3L20.33 4.67M11 19H4V13H11V19M20 11H4V8H20V11M16.75 21.16L14 18.16L15.16 17L16.75 18.59L20.34 15L21.5 16.41L16.75 21.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-minus.svg
new file mode 100644
index 00000000..ae2688af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M20,11V8H4V11H20M13,13V14.68C12.37,15.63 12,16.77 12,18C12,19.09 12.29,20.12 12.8,21H4A2,2 0 0,1 2,19V3L3.67,4.67L5.33,3L7,4.67L8.67,3L10.33,4.67L12,3L13.67,4.67L15.33,3L17,4.67L18.67,3L20.33,4.67L22,3V13.5C20.93,12.58 19.53,12 18,12C16.77,12 15.63,12.37 14.68,13H13M11,19V13H4V19H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-plus.svg
new file mode 100644
index 00000000..ce48386c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M20,11V8H4V11H20M13,13V14.68C12.37,15.63 12,16.77 12,18C12,19.09 12.29,20.12 12.8,21H4A2,2 0 0,1 2,19V3L3.67,4.67L5.33,3L7,4.67L8.67,3L10.33,4.67L12,3L13.67,4.67L15.33,3L17,4.67L18.67,3L20.33,4.67L22,3V13.5C20.93,12.58 19.53,12 18,12C16.77,12 15.63,12.37 14.68,13H13M11,19V13H4V19H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-remove.svg
new file mode 100644
index 00000000..0fcba752
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-remove" viewBox="0 0 24 24"><path d="M20.12 14.46L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.46M20.33 4.67L18.67 3L17 4.67L15.33 3L13.67 4.67L12 3L10.33 4.67L8.67 3L7 4.67L5.33 3L3.67 4.67L2 3V19C2 20.11 2.9 21 4 21H12.8C12.29 20.12 12 19.09 12 18C12 16.77 12.37 15.63 13 14.68V13H14.68C15.63 12.37 16.77 12 18 12C19.53 12 20.93 12.58 22 13.5V3L20.33 4.67M11 19H4V13H11V19M20 11H4V8H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple-outline.svg
new file mode 100644
index 00000000..09a9bb92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-variant-multiple-outline" viewBox="0 0 24 24"><path d="M4 7V19H19V21H4C2 21 2 19 2 19V7H4M21 5V15H8V5H21M21.3 3H7.7C6.76 3 6 3.7 6 4.55V15.45C6 16.31 6.76 17 7.7 17H21.3C22.24 17 23 16.31 23 15.45V4.55C23 3.7 22.24 3 21.3 3M9 6H12V11H9V6M20 14H9V12H20V14M20 8H14V6H20V8M20 11H14V9H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple.svg
new file mode 100644
index 00000000..e00402db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-variant-multiple" viewBox="0 0 24 24"><path d="M4 7V19H19V21H4C2 21 2 19 2 19V7H4M21.3 3H7.7C6.76 3 6 3.7 6 4.55V15.45C6 16.31 6.76 17 7.7 17H21.3C22.24 17 23 16.31 23 15.45V4.55C23 3.7 22.24 3 21.3 3M8 5H13V11H8V5M21 15H8V13H21V15M21 11H15V9H21V11M21 7H15V5H21V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-outline.svg
new file mode 100644
index 00000000..b846006e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-variant-outline" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant.svg
new file mode 100644
index 00000000..aec3efaa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper-variant" viewBox="0 0 24 24"><path d="M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M5 7H10V13H5V7M19 17H5V15H19V17M19 13H12V11H19V13M19 9H12V7H19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/newspaper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper.svg
new file mode 100644
index 00000000..299436a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/newspaper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-newspaper" viewBox="0 0 24 24"><path d="M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nfc-search-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-search-variant.svg
new file mode 100644
index 00000000..441db39b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-search-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nfc-search-variant" viewBox="0 0 24 24"><path d="M16.5,12C19,12 21,14 21,16.5C21,17.38 20.76,18.21 20.32,18.9L23.4,22L22,23.39L18.89,20.32C18.2,20.75 17.38,21 16.5,21C14,21 12,19 12,16.5C12,14 14,12 16.5,12M16.5,14A2.5,2.5 0 0,0 14,16.5A2.5,2.5 0 0,0 16.5,19C17.89,19 19,17.88 19,16.5A2.5,2.5 0 0,0 16.5,14M18,6V10.18C17.33,10 16.66,9.97 16,10V8H13V10.28L13.53,10.72C12.34,11.33 11.35,12.3 10.72,13.53C10.28,13.17 10,12.62 10,12C10,11.26 10.41,10.62 11,10.28V8A2,2 0 0,1 13,6H18M6,18V6H8L10,6V8H8V16H10C9.96,16.68 10,17.35 10.17,18H6M20,4H4V20H11C11.53,20.8 12.21,21.5 13.03,22H4C2.89,22 2,21.1 2,20V4A2,2 0 0,1 4,2H20A2,2 0 0,1 22,4V13.04C21.5,12.24 20.82,11.54 20,11V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nfc-tap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-tap.svg
new file mode 100644
index 00000000..6af0a691
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-tap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nfc-tap" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M4,4H11A2,2 0 0,1 13,6V9H11V6H4V11H6V9L9,12L6,15V13H4A2,2 0 0,1 2,11V6A2,2 0 0,1 4,4M20,20H13A2,2 0 0,1 11,18V15H13V18H20V13H18V15L15,12L18,9V11H20A2,2 0 0,1 22,13V18A2,2 0 0,1 20,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant-off.svg
new file mode 100644
index 00000000..7e71a766
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nfc-variant-off" viewBox="0 0 24 24"><path d="M1.25,2.05L21.95,22.75L20.7,24L18.7,22H4A2,2 0 0,1 2,20V5.3L0,3.3L1.25,2.05M3.81,2C3.87,2 3.94,2 4,2H20C21.11,2 22,2.89 22,4V20C22,20.06 22,20.13 22,20.19L20,18.2V4H5.8L3.81,2M6,9.3L4,7.3V20H16.7L14.7,18H6V9.3M18,16.2L16,14.2V8H13V10.28C13.6,10.62 14,11.26 14,12C14,12.06 14,12.13 14,12.19L11,9.2V8A2,2 0 0,1 13,6H18V16.2M8,16H12.7L8,11.3V16M10,8H9.8L7.8,6H10V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant.svg
new file mode 100644
index 00000000..c45dd424
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nfc-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nfc-variant" viewBox="0 0 24 24"><path d="M18,6H13A2,2 0 0,0 11,8V10.28C10.41,10.62 10,11.26 10,12A2,2 0 0,0 12,14C13.11,14 14,13.1 14,12C14,11.26 13.6,10.62 13,10.28V8H16V16H8V8H10V6H8L6,6V18H18M20,20H4V4H20M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20C21.11,22 22,21.1 22,20V4C22,2.89 21.11,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nfc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nfc.svg
new file mode 100644
index 00000000..215f1c18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nfc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nfc" viewBox="0 0 24 24"><path d="M7.24 2C5.6 2 3.96 2 3.55 2.04C2.67 2.09 2.08 2.73 2.04 3.56C2 4.37 2 19.59 2.04 20.41C2.09 21.23 2.71 21.86 3.55 21.91C4.46 21.96 7.44 21.97 8.29 21.97C6.76 20.91 6.55 18.92 6.41 15.23C6.33 13.04 6.4 5.36 6.41 5.04L6.45 2.94L14.5 11V13.5L8.09 7.11C8.08 8.38 8.06 10.03 8.06 11.54C8.06 13 8.08 14.34 8.12 15.05C8.36 19.07 8.74 20.96 10.83 21.7C11.5 21.93 12.07 22 13.07 22C13.89 22 19.63 22 20.45 21.96C21.33 21.91 21.93 21.27 21.97 20.44C22 19.63 22 4.45 21.97 3.62C21.91 2.8 21.29 2.18 20.45 2.13C19.54 2.08 16.57 2.03 15.71 2.03C17.24 3.09 17.44 5.08 17.59 8.78C17.67 10.97 17.6 18.64 17.59 18.97L17.55 21.06L9.53 13V10.5L15.91 16.89C15.92 15.62 15.94 13.97 15.94 12.46C15.94 11 15.92 9.66 15.88 8.96C15.64 4.93 15.26 3.04 13.17 2.3C12.53 2.07 11.93 2 10.93 2H7.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ninja.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ninja.svg
new file mode 100644
index 00000000..600d4303
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ninja.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ninja" viewBox="0 0 24 24"><path d="M7.75,13C7.74,12.65 7.9,12.31 8.17,12.08C8.92,12.24 9.62,12.55 10.25,13C10.25,13.68 9.69,14.24 9,14.24C8.31,14.24 7.76,13.69 7.75,13M13.75,13C14.38,12.56 15.08,12.25 15.83,12.09C16.1,12.32 16.26,12.66 16.25,13C16.25,13.7 15.69,14.26 15,14.26C14.31,14.26 13.75,13.7 13.75,13V13M12,9C9.23,8.96 6.5,9.65 4.07,11L4,12C4,13.23 4.29,14.44 4.84,15.54C7.21,15.18 9.6,15 12,15C14.4,15 16.79,15.18 19.16,15.54C19.71,14.44 20,13.23 20,12L19.93,11C17.5,9.65 14.77,8.96 12,9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-game-boy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-game-boy.svg
new file mode 100644
index 00000000..7c89adeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-game-boy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nintendo-game-boy" viewBox="0 0 24 24"><path d="M7 1C5.9 1 5 1.9 5 3V21C5 22.11 5.9 23 7 23H14C16.76 23 19 20.76 19 18V3C19 1.9 18.11 1 17 1H7M8 4H16V11H8V4M9 14H10V16H12V17H10V19H9V17H7V16H9V14M16 15C16.55 15 17 15.45 17 16C17 16.55 16.55 17 16 17C15.45 17 15 16.55 15 16C15 15.45 15.45 15 16 15M14 17C14.55 17 15 17.45 15 18C15 18.55 14.55 19 14 19C13.45 19 13 18.55 13 18C13 17.45 13.45 17 14 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-switch.svg
new file mode 100644
index 00000000..923471d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nintendo-switch" viewBox="0 0 24 24"><path d="M10.04,20.4H7.12C6.19,20.4 5.3,20 4.64,19.36C4,18.7 3.6,17.81 3.6,16.88V7.12C3.6,6.19 4,5.3 4.64,4.64C5.3,4 6.19,3.62 7.12,3.62H10.04V20.4M7.12,2A5.12,5.12 0 0,0 2,7.12V16.88C2,19.71 4.29,22 7.12,22H11.65V2H7.12M5.11,8C5.11,9.04 5.95,9.88 7,9.88C8.03,9.88 8.87,9.04 8.87,8C8.87,6.96 8.03,6.12 7,6.12C5.95,6.12 5.11,6.96 5.11,8M17.61,11C18.72,11 19.62,11.89 19.62,13C19.62,14.12 18.72,15 17.61,15C16.5,15 15.58,14.12 15.58,13C15.58,11.89 16.5,11 17.61,11M16.88,22A5.12,5.12 0 0,0 22,16.88V7.12C22,4.29 19.71,2 16.88,2H13.65V22H16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wii.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wii.svg
new file mode 100644
index 00000000..d0d1b746
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wii.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nintendo-wii" viewBox="0 0 24 24"><path d="M17.84,16.94H15.97V10.79H17.84V16.94M18,8.58C18,9.19 17.5,9.69 16.9,9.69A1.11,1.11 0 0,1 15.79,8.58C15.79,7.96 16.29,7.46 16.9,7.46C17.5,7.46 18,7.96 18,8.58M21.82,16.94H19.94V10.79H21.82V16.94M22,8.58C22,9.19 21.5,9.69 20.88,9.69A1.11,1.11 0 0,1 19.77,8.58C19.77,7.96 20.27,7.46 20.88,7.46C21.5,7.46 22,7.96 22,8.58M12.9,8.05H14.9L12.78,15.5C12.78,15.5 12.5,17.04 11.28,17.04C10.07,17.04 9.79,15.5 9.79,15.5L8.45,10.64L7.11,15.5C7.11,15.5 6.82,17.04 5.61,17.04C4.4,17.04 4.12,15.5 4.12,15.5L2,8.05H4L5.72,14.67L7.11,9.3C7.43,7.95 8.45,7.97 8.45,7.97C8.45,7.97 9.47,7.95 9.79,9.3L11.17,14.67L12.9,8.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wiiu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wiiu.svg
new file mode 100644
index 00000000..9bfc31c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nintendo-wiiu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nintendo-wiiu" viewBox="0 0 24 24"><path d="M2,15.96C2,18.19 3.54,19.5 5.79,19.5H18.57C20.47,19.5 22,18.2 22,16.32V6.97C22,5.83 21.15,4.6 20.11,4.6H17.15V12.3C17.15,18.14 6.97,18.09 6.97,12.41V4.5H4.72C3.26,4.5 2,5.41 2,6.85V15.96M9.34,11.23C9.34,15.74 14.66,15.09 14.66,11.94V4.5H9.34V11.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nix.svg
new file mode 100644
index 00000000..36a21f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nix" viewBox="0 0 24 24"><path d="M9.9 8.7L5 17.2L3.9 15.3L5.2 13H2.6L2 12L2.6 11H6.3L7.6 8.7H9.9M10.2 15.5H19.9L18.8 17.4H16.2L17.5 19.7L16.9 20.7H15.8L14 17.4H11.3L10.2 15.5M15.9 11.8L11 3.3H13.2L14.5 5.6L15.8 3.3H16.9L17.5 4.3L15.6 7.5L17 9.8L15.9 11.8M13.8 8.5H4L5.1 6.6H7.7L6.4 4.3L7 3.3H8.1L10 6.5H12.7L13.8 8.5M14.1 15.3L19 6.8L20.1 8.7L18.8 11H21.4L22 12L21.4 13H17.7L16.4 15.3H14.1M8.1 12.2L13 20.6H10.8L9.5 18.3L8.4 20.6H7.1L6.5 19.6L8.4 16.4L7 14.2L8.1 12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nodejs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nodejs.svg
new file mode 100644
index 00000000..aaaa7671
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nodejs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nodejs" viewBox="0 0 24 24"><path d="M12,1.85C11.73,1.85 11.45,1.92 11.22,2.05L3.78,6.35C3.3,6.63 3,7.15 3,7.71V16.29C3,16.85 3.3,17.37 3.78,17.65L5.73,18.77C6.68,19.23 7,19.24 7.44,19.24C8.84,19.24 9.65,18.39 9.65,16.91V8.44C9.65,8.32 9.55,8.22 9.43,8.22H8.5C8.37,8.22 8.27,8.32 8.27,8.44V16.91C8.27,17.57 7.59,18.22 6.5,17.67L4.45,16.5C4.38,16.45 4.34,16.37 4.34,16.29V7.71C4.34,7.62 4.38,7.54 4.45,7.5L11.89,3.21C11.95,3.17 12.05,3.17 12.11,3.21L19.55,7.5C19.62,7.54 19.66,7.62 19.66,7.71V16.29C19.66,16.37 19.62,16.45 19.55,16.5L12.11,20.79C12.05,20.83 11.95,20.83 11.88,20.79L10,19.65C9.92,19.62 9.84,19.61 9.79,19.64C9.26,19.94 9.16,20 8.67,20.15C8.55,20.19 8.36,20.26 8.74,20.47L11.22,21.94C11.46,22.08 11.72,22.15 12,22.15C12.28,22.15 12.54,22.08 12.78,21.94L20.22,17.65C20.7,17.37 21,16.85 21,16.29V7.71C21,7.15 20.7,6.63 20.22,6.35L12.78,2.05C12.55,1.92 12.28,1.85 12,1.85M14,8C11.88,8 10.61,8.89 10.61,10.39C10.61,12 11.87,12.47 13.91,12.67C16.34,12.91 16.53,13.27 16.53,13.75C16.53,14.58 15.86,14.93 14.3,14.93C12.32,14.93 11.9,14.44 11.75,13.46C11.73,13.36 11.64,13.28 11.53,13.28H10.57C10.45,13.28 10.36,13.37 10.36,13.5C10.36,14.74 11.04,16.24 14.3,16.24C16.65,16.24 18,15.31 18,13.69C18,12.08 16.92,11.66 14.63,11.35C12.32,11.05 12.09,10.89 12.09,10.35C12.09,9.9 12.29,9.3 14,9.3C15.5,9.3 16.09,9.63 16.32,10.66C16.34,10.76 16.43,10.83 16.53,10.83H17.5C17.55,10.83 17.61,10.81 17.65,10.76C17.69,10.72 17.72,10.66 17.7,10.6C17.56,8.82 16.38,8 14,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/noodles.svg b/apps/phoenix_webcomponent/priv/mdi/svg/noodles.svg
new file mode 100644
index 00000000..1c98e292
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/noodles.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-noodles" viewBox="0 0 24 24"><path d="M22 3L10 4.41V6H22V7H10V12H22C22 13.81 21.43 15.46 20.32 16.95S17.77 19.53 16 20.25V22H8V20.25C6.24 19.53 4.79 18.43 3.68 16.95S2 13.81 2 12H5V4L22 2V3M6 4.88V6H7V4.78L6 4.88M6 7V12H7V7H6M9 12V7H8V12H9M9 6V4.55L8 4.64V6H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/not-equal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/not-equal-variant.svg
new file mode 100644
index 00000000..28b1d160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/not-equal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-not-equal-variant" viewBox="0 0 24 24"><path d="M14.08,4.61L15.92,5.4L14.8,8H19V10H13.95L12.23,14H19V16H11.38L9.92,19.4L8.08,18.61L9.2,16H5V14H10.06L11.77,10H5V8H12.63L14.08,4.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/not-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/not-equal.svg
new file mode 100644
index 00000000..0fed2067
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/not-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-not-equal" viewBox="0 0 24 24"><path d="M21,10H9V8H21V10M21,16H9V14H21V16M4,5H6V16H4V5M6,18V20H4V18H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-alert-outline.svg
new file mode 100644
index 00000000..e4b30a92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-alert-outline" viewBox="0 0 24 24"><path d="M3 3C1.89 3 1 3.89 1 5V19C1 20.1 1.89 21 3 21H17C18.11 21 19 20.11 19 19V9L13 3H3M17 19H3V5H10V12H17V19M12 10V4.5L17.5 10H12M23 7V13H21V7H23M21 15H23V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-alert.svg
new file mode 100644
index 00000000..8de25e5b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-alert" viewBox="0 0 24 24"><path d="M3 3C1.89 3 1 3.89 1 5V19C1 20.11 1.9 21 3 21H17C18.11 21 19 20.11 19 19V9L13 3H3M12 10V4.5L17.5 10H12M23 7V13H21V7H23M21 15H23V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-check-outline.svg
new file mode 100644
index 00000000..9935983b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-check-outline" viewBox="0 0 24 24"><path d="M5 19V5H12V12H19V13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H13.35C13.13 20.37 13 19.7 13 19H5M14 4.5L19.5 10H14V4.5M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-check.svg
new file mode 100644
index 00000000..5eb3cb76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-check" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M14 4.5L19.5 10H14V4.5M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-edit-outline.svg
new file mode 100644
index 00000000..0a885eff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-edit-outline" viewBox="0 0 24 24"><path d="M18.13 12L19.39 10.74C19.83 10.3 20.39 10.06 21 10V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H11V19.13L11.13 19H5V5H12V12H18.13M14 4.5L19.5 10H14V4.5M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-edit.svg
new file mode 100644
index 00000000..e2780673
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-edit" viewBox="0 0 24 24"><path d="M21 10V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H11V19.13L19.39 10.74C19.83 10.3 20.39 10.06 21 10M14 4.5L19.5 10H14V4.5M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-minus-outline.svg
new file mode 100644
index 00000000..1d4d5ec1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-minus-outline" viewBox="0 0 24 24"><path d="M23 18V20H15V18H23M13 19C13 19.7 13.13 20.37 13.35 21H5C3.89 21 3 20.1 3 19V5C3 3.89 3.89 3 5 3H15L21 9V13.35C20.37 13.13 19.7 13 19 13V12H12V5H5V19H13M14 10H19.5L14 4.5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-minus.svg
new file mode 100644
index 00000000..994bedcf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-minus" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M14 4.5L19.5 10H14V4.5M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple-outline.svg
new file mode 100644
index 00000000..b6f1f4d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-multiple-outline" viewBox="0 0 24 24"><path d="M3,6V22H21V24H3A2,2 0 0,1 1,22V6H3M16,9H21.5L16,3.5V9M7,2H17L23,8V18A2,2 0 0,1 21,20H7C5.89,20 5,19.1 5,18V4A2,2 0 0,1 7,2M7,4V18H21V11H14V4H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple.svg
new file mode 100644
index 00000000..ee55e2ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-multiple" viewBox="0 0 24 24"><path d="M16,9H21.5L16,3.5V9M7,2H17L23,8V18A2,2 0 0,1 21,20H7C5.89,20 5,19.1 5,18V4A2,2 0 0,1 7,2M3,6V22H21V24H3A2,2 0 0,1 1,22V6H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-off-outline.svg
new file mode 100644
index 00000000..7331e688
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-off-outline" viewBox="0 0 24 24"><path d="M12 5V8.8L15.2 12H19V15.8L21 17.8V9L15 3H6.2L8.2 5H12M14 4.5L19.5 10H14V4.5M20.7 20.05L20.7 20.04L19 18.34V18.35L12.66 12H12.66L12 11.34V11.35L6.14 5.5L2.39 1.73L1.11 3L3 4.9C3 4.93 3 4.97 3 5V19C3 20.1 3.89 21 5 21H19C19.03 21 19.07 21 19.1 21L20.84 22.73L22.11 21.46L20.7 20.05M5 19V6.89L17.11 19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-off.svg
new file mode 100644
index 00000000..90e6ff3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.9 21 3 20.11 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L20.7 20.04L20.7 20.05L22.11 21.46M21 17.8L6.2 3H15L21 9V17.8M19.5 10L14 4.5V10H19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-outline.svg
new file mode 100644
index 00000000..87730d4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-outline" viewBox="0 0 24 24"><path d="M14,10H19.5L14,4.5V10M5,3H15L21,9V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3M5,5V19H19V12H12V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-plus-outline.svg
new file mode 100644
index 00000000..b71fff4b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-plus-outline" viewBox="0 0 24 24"><path d="M5 19V5H12V12H19V13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H13.35C13.13 20.37 13 19.7 13 19H5M14 4.5L19.5 10H14V4.5M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-plus.svg
new file mode 100644
index 00000000..35ebb24d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-plus" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M14 4.5L19.5 10H14V4.5M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-remove-outline.svg
new file mode 100644
index 00000000..bbd34972
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-remove-outline" viewBox="0 0 24 24"><path d="M5 19V5H12V12H19V13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H13.35C13.13 20.37 13 19.7 13 19H5M14 4.5L19.5 10H14V4.5M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-remove.svg
new file mode 100644
index 00000000..3a57663f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-remove" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.37 13.13 21 13.35V9L15 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H13.35C13.13 20.37 13 19.7 13 19C13 15.69 15.69 13 19 13M14 4.5L19.5 10H14V4.5M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-search-outline.svg
new file mode 100644
index 00000000..79dfcdd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-search-outline" viewBox="0 0 24 24"><path d="M15 3H5C3.89 3 3 3.89 3 5V10.82C3.6 10.24 4.28 9.8 5 9.5V5H12V10.82C12.03 10.85 12.07 10.87 12.1 10.9C12.44 11.24 12.73 11.61 12.97 12H19V19H12.97C12.73 19.39 12.44 19.76 12.1 20.1C11.74 20.45 11.35 20.74 10.94 21H19C20.11 21 21 20.11 21 19V9L15 3M14 10V4.5L19.5 10H14M7.5 11C5 11 3 13 3 15.5C3 16.38 3.25 17.21 3.69 17.9L.61 21L2 22.39L5.12 19.32C5.81 19.75 6.63 20 7.5 20C10 20 12 18 12 15.5S10 11 7.5 11M7.5 18C6.12 18 5 16.88 5 15.5S6.12 13 7.5 13 10 14.12 10 15.5 8.88 18 7.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-search.svg
new file mode 100644
index 00000000..3b9deaca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-search" viewBox="0 0 24 24"><path d="M15 3H5C3.89 3 3 3.89 3 5V10.82C5.55 8.37 9.59 8.4 12.1 10.9C14.63 13.44 14.63 17.56 12.1 20.1C11.74 20.45 11.35 20.74 10.94 21H19C20.11 21 21 20.11 21 19V9L15 3M14 10V4.5L19.5 10H14M7.5 11C5 11 3 13 3 15.5C3 16.38 3.25 17.21 3.69 17.9L.61 21L2 22.39L5.12 19.32C5.81 19.75 6.63 20 7.5 20C10 20 12 18 12 15.5S10 11 7.5 11M7.5 18C6.12 18 5 16.88 5 15.5S6.12 13 7.5 13 10 14.12 10 15.5 8.88 18 7.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-text-outline.svg
new file mode 100644
index 00000000..82f2c9d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-text-outline" viewBox="0 0 24 24"><path d="M15 3H5A2 2 0 0 0 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V9L15 3M19 19H5V5H14V10H19M17 14H7V12H17M14 17H7V15H14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note-text.svg
new file mode 100644
index 00000000..479e84b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note-text" viewBox="0 0 24 24"><path d="M14,10H19.5L14,4.5V10M5,3H15L21,9V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3M5,12V14H19V12H5M5,16V18H14V16H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/note.svg b/apps/phoenix_webcomponent/priv/mdi/svg/note.svg
new file mode 100644
index 00000000..eba96dd3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-note" viewBox="0 0 24 24"><path d="M14,10V4.5L19.5,10M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V9L15,3H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check-outline.svg
new file mode 100644
index 00000000..a50c1c5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-check-outline" viewBox="0 0 24 24"><path d="M16.75 22.16L14 19.16L15.16 18L16.75 19.59L20.34 16L21.5 17.41L16.75 22.16M17 4V10L15 8L13 10V4H9V20H12.08C12.2 20.72 12.45 21.39 12.8 22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.89 5.9 2 7 2H19C20.05 2 21 2.95 21 4V13.8C20.39 13.45 19.72 13.2 19 13.08V4H17M5 19H7V17H5V19M5 13H7V11H5V13M5 7H7V5H5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check.svg
new file mode 100644
index 00000000..e4167932
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-check" viewBox="0 0 24 24"><path d="M16.75 22.16L14 19.16L15.16 18L16.75 19.59L20.34 16L21.5 17.41L16.75 22.16M3 7V5H5V4C5 2.89 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20.05 2 21 2.95 21 4V13.8C20.12 13.29 19.09 13 18 13C14.69 13 12 15.69 12 19C12 20.09 12.29 21.12 12.8 22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3M5 5V7H7V5H5M5 19H7V17H5V19M5 13H7V11H5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit-outline.svg
new file mode 100644
index 00000000..b40074a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-edit-outline" viewBox="0 0 24 24"><path d="M19.07 14.88L21.12 16.93L15.06 23H13V20.94L19.07 14.88M21.04 13.13C21.18 13.13 21.31 13.19 21.42 13.3L22.7 14.58C22.92 14.79 22.92 15.14 22.7 15.35L21.7 16.35L19.65 14.3L20.65 13.3C20.76 13.19 20.9 13.13 21.04 13.13M17 4V10L15 8L13 10V4H9V20H11V22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.89 5.9 2 7 2H19C20.05 2 21 2.95 21 4V10L19 12V4H17M5 5V7H7V5H5M5 11V13H7V11H5M5 17V19H7V17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit.svg
new file mode 100644
index 00000000..c09a831f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-edit" viewBox="0 0 24 24"><path d="M21.04 13.13C21.18 13.13 21.31 13.19 21.42 13.3L22.7 14.58C22.92 14.79 22.92 15.14 22.7 15.35L21.7 16.35L19.65 14.3L20.65 13.3C20.76 13.19 20.9 13.13 21.04 13.13M19.07 14.88L21.12 16.93L15.06 23H13V20.94L19.07 14.88M3 7V5H5V4C5 2.89 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20.05 2 21 2.95 21 4V10L11 20V22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3M5 7H7V5H5V7M5 11V13H7V11H5M5 17V19H7V17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart-outline.svg
new file mode 100644
index 00000000..6f90d312
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-heart-outline" viewBox="0 0 24 24"><path d="M19 23.3L18.4 22.8C16.4 20.9 15 19.7 15 18.2C15 17 16 16 17.2 16C17.9 16 18.6 16.3 19 16.8C19.4 16.3 20.1 16 20.8 16C22 16 23 16.9 23 18.2C23 19.7 21.6 20.9 19.6 22.8L19 23.3M17 4V10L15 8L13 10V4H9V20H13.08C13.2 20.72 13.45 21.39 13.8 22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.89 5.9 2 7 2H19C20.05 2 21 2.95 21 4V13.34C20.37 13.12 19.7 13 19 13V4H17M5 19H7V17H5V19M5 13H7V11H5V13M5 7H7V5H5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart.svg
new file mode 100644
index 00000000..8c2b4f77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-heart" viewBox="0 0 24 24"><path d="M19 23.3L18.4 22.8C16.4 20.9 15 19.7 15 18.2C15 17 16 16 17.2 16C17.9 16 18.6 16.3 19 16.8C19.4 16.3 20.1 16 20.8 16C22 16 23 16.9 23 18.2C23 19.7 21.6 20.9 19.6 22.8L19 23.3M3 7V5H5V4C5 2.89 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20.05 2 21 2.95 21 4V13.34C20.37 13.12 19.7 13 19 13C15.69 13 13 15.69 13 19C13 20.09 13.29 21.12 13.8 22H7C5.95 22 5 21.05 5 20V19H3V17H5V13H3V11H5V7H3M5 5V7H7V5H5M5 19H7V17H5V19M5 13H7V11H5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus-outline.svg
new file mode 100644
index 00000000..79b030e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-minus-outline" viewBox="0 0 24 24"><path d="M17 4V10L15 8L13 10V4H9V20H12.1C12.2 20.7 12.5 21.4 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.9 5.9 2 7 2H19C20 2 21 3 21 4V13.8C20.4 13.4 19.7 13.2 19 13.1V4H17M5 19H7V17H5V19M5 13H7V11H5V13M5 7H7V5H5V7M14 18V20H22V18H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus.svg
new file mode 100644
index 00000000..da0b19ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-minus" viewBox="0 0 24 24"><path d="M3 7V5H5V4C5 2.9 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20 2 21 3 21 4V13.8C20.1 13.3 19.1 13 18 13C14.7 13 12 15.7 12 19C12 20.1 12.3 21.1 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3M5 5V7H7V5H5M5 19H7V17H5V19M5 13H7V11H5V13M14 18V20H22V18H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-multiple.svg
new file mode 100644
index 00000000..1ed915ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-multiple" viewBox="0 0 24 24"><path d="M9.05,9H7.06V6H9.05V4.03H7.06V3.03C7.06,1.92 7.95,1.04 9.05,1.04H15.03V8L17.5,6.5L20,8V1.04H21C22.05,1.04 23,2 23,3.03V17C23,18.03 22.05,19 21,19H9.05C8,19 7.06,18.05 7.06,17V16H9.05V14H7.06V11H9.05V9M1,18H3V15H1V13H3V10H1V8H3V5H5V8H3V10H5V13H3V15H5V18H3V20H5V21H21V23H5A2,2 0 0,1 3,21V20H1V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-outline.svg
new file mode 100644
index 00000000..513b7073
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-outline" viewBox="0 0 24 24"><path d="M17,4V10L15,8L13,10V4H9V20H19V4H17M3,7V5H5V4C5,2.89 5.9,2 7,2H19C20.05,2 21,2.95 21,4V20C21,21.05 20.05,22 19,22H7C5.95,22 5,21.05 5,20V19H3V17H5V13H3V11H5V7H3M5,5V7H7V5H5M5,19H7V17H5V19M5,13H7V11H5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus-outline.svg
new file mode 100644
index 00000000..32406e8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-plus-outline" viewBox="0 0 24 24"><path d="M17 4V10L15 8L13 10V4H9V20H12.1C12.2 20.7 12.5 21.4 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.9 5.9 2 7 2H19C20 2 21 3 21 4V13.8C20.4 13.4 19.7 13.2 19 13.1V4H17M5 19H7V17H5V19M5 13H7V11H5V13M5 7H7V5H5V7M17 15V18H14V20H17V23H19V20H22V18H19V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus.svg
new file mode 100644
index 00000000..f33ad380
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-plus" viewBox="0 0 24 24"><path d="M3 7V5H5V4C5 2.9 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20 2 21 3 21 4V13.8C20.1 13.3 19.1 13 18 13C14.7 13 12 15.7 12 19C12 20.1 12.3 21.1 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3M5 5V7H7V5H5M5 19H7V17H5V19M5 13H7V11H5V13M17 15V18H14V20H17V23H19V20H22V18H19V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove-outline.svg
new file mode 100644
index 00000000..2a345aa6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-remove-outline" viewBox="0 0 24 24"><path d="M17 4V10L15 8L13 10V4H9V20H12.1C12.2 20.7 12.5 21.4 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3V5H5V4C5 2.9 5.9 2 7 2H19C20 2 21 3 21 4V13.8C20.4 13.4 19.7 13.2 19 13.1V4H17M5 19H7V17H5V19M5 13H7V11H5V13M5 7H7V5H5V7M20.1 15.5L18 17.6L15.9 15.5L14.5 16.9L16.6 19L14.5 21.1L15.9 22.5L18 20.4L20.1 22.5L21.5 21.1L19.4 19L21.5 16.9L20.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove.svg
new file mode 100644
index 00000000..03c0f616
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook-remove" viewBox="0 0 24 24"><path d="M3 7V5H5V4C5 2.9 5.9 2 7 2H13V9L15.5 7.5L18 9V2H19C20 2 21 3 21 4V13.8C20.1 13.3 19.1 13 18 13C14.7 13 12 15.7 12 19C12 20.1 12.3 21.1 12.8 22H7C5.9 22 5 21 5 20V19H3V17H5V13H3V11H5V7H3M5 5V7H7V5H5M5 19H7V17H5V19M5 13H7V11H5V13M20.1 15.5L18 17.6L15.9 15.5L14.5 16.9L16.6 19L14.5 21.1L15.9 22.5L18 20.4L20.1 22.5L21.5 21.1L19.4 19L21.5 16.9L20.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notebook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notebook.svg
new file mode 100644
index 00000000..6ae8d2ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notebook" viewBox="0 0 24 24"><path d="M3,7V5H5V4C5,2.89 5.9,2 7,2H13V9L15.5,7.5L18,9V2H19C20.05,2 21,2.95 21,4V20C21,21.05 20.05,22 19,22H7C5.95,22 5,21.05 5,20V19H3V17H5V13H3V11H5V7H3M7,11H5V13H7V11M7,7V5H5V7H7M7,19V17H5V19H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/notification-clear-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/notification-clear-all.svg
new file mode 100644
index 00000000..23e69542
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/notification-clear-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-notification-clear-all" viewBox="0 0 24 24"><path d="M5,13H19V11H5M3,17H17V15H3M7,7V9H21V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/npm.svg b/apps/phoenix_webcomponent/priv/mdi/svg/npm.svg
new file mode 100644
index 00000000..3a61c186
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/npm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-npm" viewBox="0 0 24 24"><path d="M4,10V14H6V11H7V14H8V10H4M9,10V15H11V14H13V10H9M12,11V13H11V11H12M14,10V14H16V11H17V14H18V11H19V14H20V10H14M3,9H21V15H12V16H8V15H3V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nuke.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nuke.svg
new file mode 100644
index 00000000..c684cc32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nuke.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nuke" viewBox="0 0 24 24"><path d="M14.04,12H10V11H5.5A3.5,3.5 0 0,1 2,7.5A3.5,3.5 0 0,1 5.5,4C6.53,4 7.45,4.44 8.09,5.15C8.5,3.35 10.08,2 12,2C13.92,2 15.5,3.35 15.91,5.15C16.55,4.44 17.47,4 18.5,4A3.5,3.5 0 0,1 22,7.5A3.5,3.5 0 0,1 18.5,11H14.04V12M10,16.9V15.76H5V13.76H19V15.76H14.04V16.92L20,19.08C20.58,19.29 21,19.84 21,20.5A1.5,1.5 0 0,1 19.5,22H4.5A1.5,1.5 0 0,1 3,20.5C3,19.84 3.42,19.29 4,19.08L10,16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/null.svg b/apps/phoenix_webcomponent/priv/mdi/svg/null.svg
new file mode 100644
index 00000000..8c6b5265
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/null.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-null" viewBox="0 0 24 24"><path d="M12,2C13.85,2 15.55,2.78 16.9,4.1L18.6,1.93L20.18,3.16L18.2,5.68C19.33,7.41 20,9.6 20,12C20,17.5 16.42,22 12,22C10.15,22 8.45,21.22 7.1,19.9L5.4,22.07L3.82,20.84L5.8,18.32C4.67,16.59 4,14.4 4,12C4,6.5 7.58,2 12,2M12,4C8.69,4 6,7.58 6,12C6,13.73 6.41,15.33 7.11,16.64L15.67,5.67C14.66,4.62 13.38,4 12,4M12,20C15.31,20 18,16.42 18,12C18,10.27 17.59,8.67 16.89,7.36L8.33,18.33C9.34,19.38 10.62,20 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple-outline.svg
new file mode 100644
index 00000000..cf826f81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17V3H7V17H21M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M13,5H15A2,2 0 0,1 17,7V13A2,2 0 0,1 15,15H13A2,2 0 0,1 11,13V7A2,2 0 0,1 13,5M13,7V13H15V7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple.svg
new file mode 100644
index 00000000..d2a27417
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M13,5A2,2 0 0,0 11,7V13A2,2 0 0,0 13,15H15A2,2 0 0,0 17,13V7A2,2 0 0,0 15,5H13M13,7H15V13H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-outline.svg
new file mode 100644
index 00000000..409b58e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box.svg
new file mode 100644
index 00000000..a3ca07b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle-outline.svg
new file mode 100644
index 00000000..684e512d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-circle-outline" viewBox="0 0 24 24"><path d="M11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,9V15H13V9H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle.svg
new file mode 100644
index 00000000..7bf044bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0.svg
new file mode 100644
index 00000000..89b0d444
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-0.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple-outline.svg
new file mode 100644
index 00000000..06b7cc68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M14,15H16V5H12V7H14M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple.svg
new file mode 100644
index 00000000..b7788652
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M14,15H16V5H12V7H14V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-outline.svg
new file mode 100644
index 00000000..c05f7189
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,17H14V7H10V9H12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box.svg
new file mode 100644
index 00000000..a169f757
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-box" viewBox="0 0 24 24"><path d="M14,17H12V9H10V7H14M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle-outline.svg
new file mode 100644
index 00000000..67ededed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-circle-outline" viewBox="0 0 24 24"><path d="M10,7H14V17H12V9H10V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle.svg
new file mode 100644
index 00000000..389a9352
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1-circle" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1.svg
new file mode 100644
index 00000000..fb122f36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple-outline.svg
new file mode 100644
index 00000000..3a40a8df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-box-multiple-outline" viewBox="0 0 24 24"><path d="M21 17V3H7V17H21M21 1C22.11 1 23 1.9 23 3V17C23 18.11 22.11 19 21 19H7C5.9 19 5 18.11 5 17V3C5 1.9 5.9 1 7 1H21M3 5V21H19V23H3C1.9 23 1 22.11 1 21V5H3M12 5H8V7H10V15H12V5M18 5H16C14.9 5 14 5.9 14 7V13C14 14.11 14.9 15 16 15H18C19.11 15 20 14.11 20 13V7C20 5.9 19.11 5 18 5M18 13H16V7H18V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple.svg
new file mode 100644
index 00000000..346fc2ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-box-multiple" viewBox="0 0 24 24"><path d="M3 5V21H19V23H3C1.9 23 1 22.11 1 21V5H3M16 13H18V7H16V13M21 1H7C5.9 1 5 1.9 5 3V17C5 18.11 5.9 19 7 19H21C22.11 19 23 18.11 23 17V3C23 1.9 22.11 1 21 1M12 15H10V7H8V5H12V15M20 13C20 14.11 19.11 15 18 15H16C14.9 15 14 14.11 14 13V7C14 5.9 14.9 5 16 5H18C19.11 5 20 5.9 20 7V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-outline.svg
new file mode 100644
index 00000000..35e0e5a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19C3,20.11 3.9,21 5,21H19C20.11,21 21,20.11 21,19V5A2,2 0 0,0 19,3M8,17H10V7H6V9H8M14,7H16C17.11,7 18,7.9 18,9V15C18,16.11 17.11,17 16,17H14A2,2 0 0,1 12,15V9A2,2 0 0,1 14,7M14,9V15H16V9H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box.svg
new file mode 100644
index 00000000..a21f5453
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-box" viewBox="0 0 24 24"><path d="M14,9H16V15H14V9M21,5V19C21,20.11 20.11,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19C20.11,3 21,3.9 21,5M10,7H6V9H8V17H10V7M18,9A2,2 0 0,0 16,7H14A2,2 0 0,0 12,9V15C12,16.11 12.9,17 14,17H16C17.11,17 18,16.11 18,15V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle-outline.svg
new file mode 100644
index 00000000..a96b40ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-circle-outline" viewBox="0 0 24 24"><path d="M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12S7.58 20 12 20 20 16.42 20 12 16.42 4 12 4M10 7H6V9H8V17H10V7M16 7H14C12.9 7 12 7.9 12 9V15C12 16.11 12.9 17 14 17H16C17.11 17 18 16.11 18 15V9C18 7.9 17.11 7 16 7M16 15H14V9H16V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle.svg
new file mode 100644
index 00000000..fb4e7498
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10-circle" viewBox="0 0 24 24"><path d="M14 9H16V15H14V9M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12 6.5 2 12 2 22 6.5 22 12M10 7H6V9H8V17H10V7M18 9C18 7.9 17.11 7 16 7H14C12.9 7 12 7.9 12 9V15C12 16.11 12.9 17 14 17H16C17.11 17 18 16.11 18 15V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10.svg
new file mode 100644
index 00000000..6fdc3ca8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-10" viewBox="0 0 24 24"><path d="M10 7H6V9H8V17H10V7M16 7H14C12.9 7 12 7.9 12 9V15C12 16.11 12.9 17 14 17H16C17.11 17 18 16.11 18 15V9C18 7.9 17.11 7 16 7M16 15H14V9H16V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple-outline.svg
new file mode 100644
index 00000000..6c56e248
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13H13V11H15A2,2 0 0,0 17,9V7C17,5.89 16.1,5 15,5H11V7H15V9H13A2,2 0 0,0 11,11V15H17M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple.svg
new file mode 100644
index 00000000..53b78bc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M17,13H13V11H15A2,2 0 0,0 17,9V7C17,5.89 16.1,5 15,5H11V7H15V9H13A2,2 0 0,0 11,11V15H17V13M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-outline.svg
new file mode 100644
index 00000000..3d7e3d1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-box-outline" viewBox="0 0 24 24"><path d="M15,15H11V13H13A2,2 0 0,0 15,11V9C15,7.89 14.1,7 13,7H9V9H13V11H11A2,2 0 0,0 9,13V17H15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box.svg
new file mode 100644
index 00000000..5ef69fc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-box" viewBox="0 0 24 24"><path d="M15,11C15,12.11 14.1,13 13,13H11V15H15V17H9V13C9,11.89 9.9,11 11,11H13V9H9V7H13A2,2 0 0,1 15,9M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle-outline.svg
new file mode 100644
index 00000000..ebf6f79b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-circle-outline" viewBox="0 0 24 24"><path d="M9,7H13A2,2 0 0,1 15,9V11A2,2 0 0,1 13,13H11V15H15V17H11L9,17V13A2,2 0 0,1 11,11H13V9H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle.svg
new file mode 100644
index 00000000..e5e71d1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2-circle" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2.svg
new file mode 100644
index 00000000..7373f840
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple-outline.svg
new file mode 100644
index 00000000..916d0900
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H11V7H15V9H13V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple.svg
new file mode 100644
index 00000000..ab60b3fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H11V7H15V9H13V11H15V13H11V15H15A2,2 0 0,0 17,13M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-outline.svg
new file mode 100644
index 00000000..253043b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-box-outline" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box.svg
new file mode 100644
index 00000000..e0c7e204
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-box" viewBox="0 0 24 24"><path d="M15,10.5A1.5,1.5 0 0,1 13.5,12C14.34,12 15,12.67 15,13.5V15C15,16.11 14.11,17 13,17H9V15H13V13H11V11H13V9H9V7H13C14.11,7 15,7.89 15,9M19,3H5C3.91,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19C20.11,21 21,20.1 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle-outline.svg
new file mode 100644
index 00000000..9b022925
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-circle-outline" viewBox="0 0 24 24"><path d="M15,15A2,2 0 0,1 13,17H9V15H13V13H11V11H13V9H9V7H13A2,2 0 0,1 15,9V10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 15,13.5V15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle.svg
new file mode 100644
index 00000000..6fb31b87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3-circle" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3.svg
new file mode 100644
index 00000000..d77700d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple-outline.svg
new file mode 100644
index 00000000..f6313f71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M15,15H17V5H15V9H13V5H11V11H15M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple.svg
new file mode 100644
index 00000000..c44a2992
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M15,15H17V5H15V9H13V5H11V11H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-outline.svg
new file mode 100644
index 00000000..a7742e3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M13,17H15V7H13V11H11V7H9V13H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box.svg
new file mode 100644
index 00000000..f32670cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-box" viewBox="0 0 24 24"><path d="M15,17H13V13H9V7H11V11H13V7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle-outline.svg
new file mode 100644
index 00000000..d6d1d545
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-circle-outline" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle.svg
new file mode 100644
index 00000000..1fb9ea7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4-circle" viewBox="0 0 24 24"><path d="M9,7V13H13V17H15V7H13V11H11V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4.svg
new file mode 100644
index 00000000..8a4227f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-4" viewBox="0 0 24 24"><path d="M9,7V13H13V17H15V7H13V11H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple-outline.svg
new file mode 100644
index 00000000..08bc9a20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-box-multiple-outline" viewBox="0 0 24 24"><path d="M17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H11V11H15V13H11V15H15A2,2 0 0,0 17,13M3,5H1V21A2,2 0 0,0 3,23H19V21H3M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple.svg
new file mode 100644
index 00000000..0b29e236
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H11V11H15V13H11V15H15A2,2 0 0,0 17,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-outline.svg
new file mode 100644
index 00000000..e4719460
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-box-outline" viewBox="0 0 24 24"><path d="M15,15V13C15,11.89 14.1,11 13,11H11V9H15V7H9V13H13V15H9V17H13A2,2 0 0,0 15,15M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box.svg
new file mode 100644
index 00000000..5208da53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-box" viewBox="0 0 24 24"><path d="M15,9H11V11H13A2,2 0 0,1 15,13V15C15,16.11 14.1,17 13,17H9V15H13V13H9V7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle-outline.svg
new file mode 100644
index 00000000..fd915647
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-circle-outline" viewBox="0 0 24 24"><path d="M9,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H9V15H13V13H9V7M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle.svg
new file mode 100644
index 00000000..6bc5c71c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5-circle" viewBox="0 0 24 24"><path d="M9,7V13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5.svg
new file mode 100644
index 00000000..3c296da1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-5" viewBox="0 0 24 24"><path d="M9,7V13H13V15H9V17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple-outline.svg
new file mode 100644
index 00000000..a6988031
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,11H15V13H13M13,15H15A2,2 0 0,0 17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H13A2,2 0 0,0 11,7V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple.svg
new file mode 100644
index 00000000..f6f93285
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-box-multiple" viewBox="0 0 24 24"><path d="M13,11H15V13H13V11M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M13,15H15A2,2 0 0,0 17,13V11C17,9.89 16.1,9 15,9H13V7H17V5H13A2,2 0 0,0 11,7V13C11,14.11 11.9,15 13,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-outline.svg
new file mode 100644
index 00000000..47fbf0c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-box-outline" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,17H13A2,2 0 0,0 15,15V13C15,11.89 14.1,11 13,11H11V9H15V7H11A2,2 0 0,0 9,9V15C9,16.11 9.9,17 11,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box.svg
new file mode 100644
index 00000000..6f7fdfb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-box" viewBox="0 0 24 24"><path d="M15,9H11V11H13A2,2 0 0,1 15,13V15C15,16.11 14.1,17 13,17H11A2,2 0 0,1 9,15V9C9,7.89 9.9,7 11,7H15M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M11,15H13V13H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle-outline.svg
new file mode 100644
index 00000000..8571b774
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-circle-outline" viewBox="0 0 24 24"><path d="M11,7H15V9H11V11H13A2,2 0 0,1 15,13V15A2,2 0 0,1 13,17H11A2,2 0 0,1 9,15V9A2,2 0 0,1 11,7M11,13V15H13V13H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle.svg
new file mode 100644
index 00000000..e6ac5308
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6-circle" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M11,13H13V15H11V13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6.svg
new file mode 100644
index 00000000..8d7248d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-6" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V13A2,2 0 0,0 13,11H11V9H15V7H11M11,13H13V15H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple-outline.svg
new file mode 100644
index 00000000..1f28bc4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,15L17,7V5H11V7H15L11,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple.svg
new file mode 100644
index 00000000..e8b353a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-box-multiple" viewBox="0 0 24 24"><path d="M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M13,15L17,7V5H11V7H15L11,15H13M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-outline.svg
new file mode 100644
index 00000000..eae12795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-box-outline" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box.svg
new file mode 100644
index 00000000..eeed5d26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,17L15,9V7H9V9H13L9,17H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle-outline.svg
new file mode 100644
index 00000000..391c762c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-circle-outline" viewBox="0 0 24 24"><path d="M11,17H9L13,9H9V7H15V9L11,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle.svg
new file mode 100644
index 00000000..f3a9bc63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7-circle" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7.svg
new file mode 100644
index 00000000..9848a214
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-7" viewBox="0 0 24 24"><path d="M11,17L15,9V7H9V9H13L9,17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple-outline.svg
new file mode 100644
index 00000000..87ac2fab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-box-multiple-outline" viewBox="0 0 24 24"><path d="M13,11H15V13H13M13,7H15V9H13M13,15H15A2,2 0 0,0 17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H13A2,2 0 0,0 11,7V8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 11,11.5V13C11,14.11 11.9,15 13,15M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple.svg
new file mode 100644
index 00000000..63abb613
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-box-multiple" viewBox="0 0 24 24"><path d="M13,11H15V13H13V11M13,7H15V9H13V7M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M13,15H15A2,2 0 0,0 17,13V11.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5V7C17,5.89 16.1,5 15,5H13A2,2 0 0,0 11,7V8.5A1.5,1.5 0 0,0 12.5,10A1.5,1.5 0 0,0 11,11.5V13C11,14.11 11.9,15 13,15M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-outline.svg
new file mode 100644
index 00000000..dc707d6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-box-outline" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box.svg
new file mode 100644
index 00000000..cce7e3f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M11,13H13V15H11V13M11,9H13V11H11V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle-outline.svg
new file mode 100644
index 00000000..62ab2a6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-circle-outline" viewBox="0 0 24 24"><path d="M11,13V15H13V13H11M11,9V11H13V9H11M11,17A2,2 0 0,1 9,15V13.5A1.5,1.5 0 0,1 10.5,12A1.5,1.5 0 0,1 9,10.5V9A2,2 0 0,1 11,7H13A2,2 0 0,1 15,9V10.5A1.5,1.5 0 0,1 13.5,12A1.5,1.5 0 0,1 15,13.5V15A2,2 0 0,1 13,17H11M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle.svg
new file mode 100644
index 00000000..0e51e0bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8-circle" viewBox="0 0 24 24"><path d="M11,13H13V15H11V13M11,9H13V11H11V9M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8.svg
new file mode 100644
index 00000000..347a8f6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-8" viewBox="0 0 24 24"><path d="M11,13H13V15H11M11,9H13V11H11M11,17H13A2,2 0 0,0 15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H11A2,2 0 0,0 9,9V10.5A1.5,1.5 0 0,0 10.5,12A1.5,1.5 0 0,0 9,13.5V15C9,16.11 9.9,17 11,17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple-outline.svg
new file mode 100644
index 00000000..5599152d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-box-multiple-outline" viewBox="0 0 24 24"><path d="M15,9H13V7H15M15,5H13A2,2 0 0,0 11,7V9C11,10.11 11.9,11 13,11H15V13H11V15H15A2,2 0 0,0 17,13V7C17,5.89 16.1,5 15,5M21,17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple.svg
new file mode 100644
index 00000000..62fbd833
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-box-multiple" viewBox="0 0 24 24"><path d="M15,9H13V7H15V9M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M15,5H13A2,2 0 0,0 11,7V9C11,10.11 11.9,11 13,11H15V13H11V15H15A2,2 0 0,0 17,13V7C17,5.89 16.1,5 15,5M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-outline.svg
new file mode 100644
index 00000000..c59d8d3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-box-outline" viewBox="0 0 24 24"><path d="M13,11H11V9H13M13,7H11A2,2 0 0,0 9,9V11C9,12.11 9.9,13 11,13H13V15H9V17H13A2,2 0 0,0 15,15V9C15,7.89 14.1,7 13,7M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box.svg
new file mode 100644
index 00000000..6c3332a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M13,11H11V9H13V11M13,7H11A2,2 0 0,0 9,9V11C9,12.11 9.9,13 11,13H13V15H9V17H13A2,2 0 0,0 15,15V9C15,7.89 14.1,7 13,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle-outline.svg
new file mode 100644
index 00000000..9e0d522a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-circle-outline" viewBox="0 0 24 24"><path d="M13,17H9V15H13V13H11A2,2 0 0,1 9,11V9A2,2 0 0,1 11,7H13A2,2 0 0,1 15,9V15A2,2 0 0,1 13,17M13,11V9H11V11H13M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle.svg
new file mode 100644
index 00000000..3a00dd8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M13,17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple-outline.svg
new file mode 100644
index 00000000..52a343b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-box-multiple-outline" viewBox="0 0 24 24"><path d="M21,9H19V7H17V9H15V11H17V13H19V11H21V17H7V3H21M21,1H7A2,2 0 0,0 5,3V17A2,2 0 0,0 7,19H21A2,2 0 0,0 23,17V3A2,2 0 0,0 21,1M11,9V8H12V9M14,12V8C14,6.89 13.1,6 12,6H11A2,2 0 0,0 9,8V9C9,10.11 9.9,11 11,11H12V12H9V14H12A2,2 0 0,0 14,12M3,5H1V21A2,2 0 0,0 3,23H19V21H3V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple.svg
new file mode 100644
index 00000000..f7b1287e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-box-multiple" viewBox="0 0 24 24"><path d="M11,9V8H12V9H11M21,1A2,2 0 0,1 23,3V17A2,2 0 0,1 21,19H7A2,2 0 0,1 5,17V3A2,2 0 0,1 7,1H21M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M15,9V11H17V13H19V11H21V9H19V7H17V9H15M14,12V8C14,6.89 13.1,6 12,6H11A2,2 0 0,0 9,8V9C9,10.11 9.9,11 11,11H12V12H9V14H12A2,2 0 0,0 14,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-outline.svg
new file mode 100644
index 00000000..0c428007
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-box-outline" viewBox="0 0 24 24"><path d="M19,11H17V9H15V11H13V13H15V15H17V13H19V19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M9,11V10H10V11M12,14V10C12,8.89 11.1,8 10,8H9A2,2 0 0,0 7,10V11C7,12.11 7.9,13 9,13H10V14H7V16H10A2,2 0 0,0 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box.svg
new file mode 100644
index 00000000..e1ad3d2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-box" viewBox="0 0 24 24"><path d="M21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5M19,11H17V9H15V11H13V13H15V15H17V13H19V11M10,7H8A2,2 0 0,0 6,9V11C6,12.11 6.9,13 8,13H10V15H6V17H10A2,2 0 0,0 12,15V9C12,7.89 11.1,7 10,7M8,9H10V11H8V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle-outline.svg
new file mode 100644
index 00000000..a2535a10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-circle-outline" viewBox="0 0 24 24"><path d="M19,11V13H17V15H15V13H13V11H15V9H17V11H19M10,7A2,2 0 0,1 12,9V15C12,16.11 11.1,17 10,17H6V15H10V13H8A2,2 0 0,1 6,11V9C6,7.89 6.9,7 8,7H10M8,9V11H10V9H8M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle.svg
new file mode 100644
index 00000000..f6a57bc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus-circle" viewBox="0 0 24 24"><path d="M19,11H17V9H15V11H13V13H15V15H17V13H19V11M10,7H8A2,2 0 0,0 6,9V11C6,12.11 6.9,13 8,13H10V15H6V17H10A2,2 0 0,0 12,15V9C12,7.89 11.1,7 10,7M8,9H10V11H8V9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus.svg
new file mode 100644
index 00000000..e72594fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9-plus" viewBox="0 0 24 24"><path d="M19 11H17V9H15V11H13V13H15V15H17V13H19V11M10 7H8C6.9 7 6 7.9 6 9V11C6 12.11 6.9 13 8 13H10V15H6V17H10C11.11 17 12 16.11 12 15V9C12 7.89 11.1 7 10 7M10 11H8V9H10V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9.svg
new file mode 100644
index 00000000..76cadbe0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-9.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-9" viewBox="0 0 24 24"><path d="M13,17A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11A2,2 0 0,0 9,9V11A2,2 0 0,0 11,13H13V15H9V17H13M13,11H11V9H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-negative-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-negative-1.svg
new file mode 100644
index 00000000..cbc19ed2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-negative-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-negative-1" viewBox="0 0 24 24"><path d="M13 7V9H15V17H17V7H13M11 13H5V11H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-off.svg
new file mode 100644
index 00000000..77a7f4a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.1 7H2V9H4V17H6V7.9L9.3 11.2C8.5 11.4 8 12.2 8 13V17H14V15.9L20.8 22.7L22.1 21.5M10 15V13H11.1L13.1 15H10M14 10.8L10.2 7H12C13.1 7 14 7.9 14 9V10.8M20 9H16V7H20C21.1 7 22 7.9 22 9V10.5C22 11.3 21.3 12 20.5 12C21.3 12 22 12.7 22 13.5V15C22 16 21.2 16.9 20.2 17L18.2 15H20V13H18V11H20V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric-positive-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-positive-1.svg
new file mode 100644
index 00000000..5945ac55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric-positive-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-positive-1" viewBox="0 0 24 24"><path d="M13 7V9H15V17H17V7H13M11 13H9V15H7V13H5V11H7V9H9V11H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/numeric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/numeric.svg
new file mode 100644
index 00000000..851b4ce8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/numeric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric" viewBox="0 0 24 24"><path d="M4,17V9H2V7H6V17H4M22,15C22,16.11 21.1,17 20,17H16V15H20V13H18V11H20V9H16V7H20A2,2 0 0,1 22,9V10.5A1.5,1.5 0 0,1 20.5,12A1.5,1.5 0 0,1 22,13.5V15M14,15V17H8V13C8,11.89 8.9,11 10,11H12V9H8V7H12A2,2 0 0,1 14,9V11C14,12.11 13.1,13 12,13H10V15H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nut.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nut.svg
new file mode 100644
index 00000000..7bc4543d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nut.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nut" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nutrition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nutrition.svg
new file mode 100644
index 00000000..d26cc882
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nutrition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nutrition" viewBox="0 0 24 24"><path d="M22,18A4,4 0 0,1 18,22H14A4,4 0 0,1 10,18V16H22V18M4,3H14A2,2 0 0,1 16,5V14H8V19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,6V8H6V6H4M14,8V6H8V8H14M4,10V12H6V10H4M8,10V12H14V10H8M4,14V16H6V14H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/nuxt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/nuxt.svg
new file mode 100644
index 00000000..73d60fe3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/nuxt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-nuxt" viewBox="0 0 24 24"><path d="M21.8 18.36L16.03 8.08C15.93 8 15.63 7.43 15.03 7.43C14.78 7.43 14.43 7.53 14.07 8.08L13.33 9.26L11.31 5.65C11.26 5.55 10.91 5 10.31 5C10.06 5 9.66 5.1 9.36 5.65L2.18 18.31C2.13 18.41 1.83 19 2.13 19.5C2.23 19.75 2.53 20 3.19 20H20.85C20.95 20 21.6 20 21.9 19.5C22 19.26 22.1 18.86 21.8 18.36M8.1 18.31L7.95 18.86H3.24L10.36 6.34L12.66 10.47L8.1 18.31M9.21 18.86L13.32 11.66L17.5 18.86H9.21M18.74 18.86L18.54 18.31L14 10.46L15.03 8.73L20.75 18.86H18.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oar.svg
new file mode 100644
index 00000000..4f0d7a09
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oar" viewBox="0 0 24 24"><path d="M20.23,15.21C18.77,13.75 14.97,10.2 12.77,11.27L4.5,3L3,4.5L11.28,12.79C10.3,15 13.88,18.62 15.35,20.08C17.11,21.84 18.26,20.92 19.61,19.57C21.1,18.08 21.61,16.61 20.23,15.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ocarina.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ocarina.svg
new file mode 100644
index 00000000..dd860bb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ocarina.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ocarina" viewBox="0 0 24 24"><path d="M20,12C16.8,10.4 13.4,9.7 10.8,9.3L9.7,5.9C9.3,4.8 7.7,4.8 7.3,5.9L6.3,9C3.9,9.4 2,11.5 2,14C2,16.8 4.2,19 7,19C7,19 14,19 20,16C20,16 22,15 22,14C22,13 20,12 20,12M5,14C4.4,14 4,13.6 4,13C4,12.4 4.4,12 5,12C5.6,12 6,12.4 6,13C6,13.5 5.6,14 5,14M7,17C6.4,17 6,16.6 6,16C6,15.4 6.4,15 7,15C7.6,15 8,15.4 8,16C8,16.5 7.6,17 7,17M9,14C8.4,14 8,13.6 8,13C8,12.4 8.4,12 9,12C9.6,12 10,12.4 10,13C10,13.5 9.6,14 9,14M11,17C10.4,17 10,16.6 10,16C10,15.4 10.4,15 11,15C11.6,15 12,15.4 12,16C12,16.5 11.6,17 11,17M16,14C15.4,14 15,13.6 15,13C15,12.4 15.4,12 16,12C16.6,12 17,12.4 17,13C17,13.5 16.6,14 16,14M19,15C18.4,15 18,14.6 18,14C18,13.4 18.4,13 19,13C19.6,13 20,13.4 20,14C20,14.5 19.6,15 19,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oci.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oci.svg
new file mode 100644
index 00000000..a8e9ace8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oci.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oci" viewBox="0 0 24 24"><path d="M2 2V22H22V2M19.12 19.03H4.87V5H19.13V19.03M14.83 10.71H17.69V17.59H14.83M14.83 6.41H17.69V9.27H14.83M6.3 6.41V17.59H13.4V14.72H9.17V9.28H13.4V6.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ocr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ocr.svg
new file mode 100644
index 00000000..7c0b92dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ocr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ocr" viewBox="0 0 24 24"><path d="M2 5V19H14V17H12C10.89 17 10 16.11 10 15V9C10 7.89 10.89 7 12 7H14V5M14 7V9H16V7M14 9H12V15H14M14 15V17H16V15M5 7H7C8.11 7 9 7.89 9 9V15C9 16.11 8.11 17 7 17H5C3.89 17 3 16.11 3 15V9C3 7.89 3.89 7 5 7M17 7V17H19V13H20V14H21V17H23V14H22V12H23V8H22V7M5 9V15H7V9M19 9H21V11H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octagon-outline.svg
new file mode 100644
index 00000000..ae4c4abe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octagon-outline" viewBox="0 0 24 24"><path d="M8.27,3L3,8.27V15.73L8.27,21H15.73C17.5,19.24 21,15.73 21,15.73V8.27L15.73,3M9.1,5H14.9L19,9.1V14.9L14.9,19H9.1L5,14.9V9.1" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octagon.svg
new file mode 100644
index 00000000..3a6a5937
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octagon" viewBox="0 0 24 24"><path d="M15.73,3H8.27L3,8.27V15.73L8.27,21H15.73L21,15.73V8.27" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octagram-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octagram-outline.svg
new file mode 100644
index 00000000..50d02ca7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octagram-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octagram-outline" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06M4.81,9L6.05,12L4.81,15L7.79,16.21L9,19.19L12,17.95L15,19.19L16.21,16.21L19.19,15L17.95,12L19.19,9L16.21,7.79L15,4.81L12,6.05L9,4.81L7.79,7.79L4.81,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octagram.svg
new file mode 100644
index 00000000..bd0298eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octagram" viewBox="0 0 24 24"><path d="M2.2,16.06L3.88,12L2.2,7.94L6.26,6.26L7.94,2.2L12,3.88L16.06,2.2L17.74,6.26L21.8,7.94L20.12,12L21.8,16.06L17.74,17.74L16.06,21.8L12,20.12L7.94,21.8L6.26,17.74L2.2,16.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octahedron-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octahedron-off.svg
new file mode 100644
index 00000000..e4637de1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octahedron-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octahedron-off" viewBox="0 0 24 24"><path d="M11 5.41V7.8L13.88 10.68L17.84 12L15.86 12.66L18.81 15.61L21.71 12.71H21.7C22.09 12.32 22.09 11.68 21.7 11.29H21.71L12.71 2.29C12.5 2.1 12.26 2 12 2S11.5 2.1 11.29 2.29L8.39 5.19L9.81 6.61L11 5.41M13 5.41L17.3 9.71L13 8.28V5.41M2.39 1.73L1.11 3L5.85 7.74L2.29 11.29H2.3C1.91 11.68 1.91 12.32 2.3 12.71H2.29L11.29 21.71C11.5 21.9 11.74 22 12 22S12.5 21.9 12.71 21.71L16.26 18.15L20.84 22.73L22.11 21.46L2.39 1.73M7.26 9.15L7.54 9.43L6.7 9.71L7.26 9.15M11 18.59L6.7 14.29L11 15.72V18.59M12 13.95L6.16 12L9.12 11L12.04 13.93L12 13.95M13 18.59V15.72L13.62 15.5L14.85 16.74L13 18.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/octahedron.svg b/apps/phoenix_webcomponent/priv/mdi/svg/octahedron.svg
new file mode 100644
index 00000000..7f18bbfd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/octahedron.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-octahedron" viewBox="0 0 24 24"><path d="M21.7 11.29H21.71L12.71 2.29C12.5 2.1 12.26 2 12 2C11.74 2 11.5 2.1 11.29 2.29L2.29 11.29H2.3C1.91 11.68 1.91 12.32 2.3 12.71H2.29L11.29 21.71C11.5 21.9 11.74 22 12 22C12.26 22 12.5 21.9 12.71 21.71L21.71 12.71H21.7C22.09 12.32 22.09 11.68 21.7 11.29M13 8.28V5.41L17.3 9.71L13 8.28M11 8.28L6.7 9.71L11 5.41V8.28M12 10.05L17.84 12L12 13.95L6.16 12L12 10.05M11 15.72V18.59L6.7 14.29L11 15.72M13 15.72L17.3 14.29L13 18.59V15.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/odnoklassniki.svg b/apps/phoenix_webcomponent/priv/mdi/svg/odnoklassniki.svg
new file mode 100644
index 00000000..159c8367
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/odnoklassniki.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-odnoklassniki" viewBox="0 0 24 24"><path d="M17.83,12.74C17.55,12.17 16.76,11.69 15.71,12.5C14.28,13.64 12,13.64 12,13.64C12,13.64 9.72,13.64 8.29,12.5C7.24,11.69 6.45,12.17 6.17,12.74C5.67,13.74 6.23,14.23 7.5,15.04C8.59,15.74 10.08,16 11.04,16.1L10.24,16.9C9.1,18.03 8,19.12 7.25,19.88C6.8,20.34 6.8,21.07 7.25,21.5L7.39,21.66C7.84,22.11 8.58,22.11 9.03,21.66L12,18.68C13.15,19.81 14.24,20.9 15,21.66C15.45,22.11 16.18,22.11 16.64,21.66L16.77,21.5C17.23,21.07 17.23,20.34 16.77,19.88L13.79,16.9L13,16.09C13.95,16 15.42,15.73 16.5,15.04C17.77,14.23 18.33,13.74 17.83,12.74M12,4.57C13.38,4.57 14.5,5.69 14.5,7.06C14.5,8.44 13.38,9.55 12,9.55C10.62,9.55 9.5,8.44 9.5,7.06C9.5,5.69 10.62,4.57 12,4.57M12,12.12C14.8,12.12 17.06,9.86 17.06,7.06C17.06,4.27 14.8,2 12,2C9.2,2 6.94,4.27 6.94,7.06C6.94,9.86 9.2,12.12 12,12.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/offer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/offer.svg
new file mode 100644
index 00000000..201538dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/offer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-offer" viewBox="0 0 24 24"><path d="M21 13C21.6 13 22.1 13.2 22.4 13.6C22.8 14 23 14.5 23 15L15 18L8 16V7H9.9L17.2 9.7C17.7 9.9 18 10.3 18 10.8C18 11.1 17.9 11.4 17.7 11.6C17.5 11.8 17.2 12 16.8 12H14L12.3 11.3L12 12.2L14 13H21M2 7H6V18H2V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog-outline.svg
new file mode 100644
index 00000000..22d0083c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-cog-outline" viewBox="0 0 24 24"><path d="M17 13C16.87 13 16.76 13.09 16.74 13.21L16.55 14.53C16.25 14.66 15.96 14.82 15.7 15L14.46 14.5C14.35 14.5 14.22 14.5 14.15 14.63L13.15 16.36C13.09 16.47 13.11 16.6 13.21 16.68L14.27 17.5C14.25 17.67 14.24 17.83 14.24 18S14.25 18.33 14.27 18.5L13.21 19.32C13.12 19.4 13.09 19.53 13.15 19.64L14.15 21.37C14.21 21.5 14.34 21.5 14.46 21.5L15.7 21C15.96 21.18 16.24 21.35 16.55 21.47L16.74 22.79C16.76 22.91 16.86 23 17 23H19C19.11 23 19.22 22.91 19.24 22.79L19.43 21.47C19.73 21.34 20 21.18 20.27 21L21.5 21.5C21.63 21.5 21.76 21.5 21.83 21.37L22.83 19.64C22.89 19.53 22.86 19.4 22.77 19.32L21.7 18.5C21.72 18.33 21.74 18.17 21.74 18S21.73 17.67 21.7 17.5L22.76 16.68C22.85 16.6 22.88 16.47 22.82 16.36L21.82 14.63C21.76 14.5 21.63 14.5 21.5 14.5L20.27 15C20 14.82 19.73 14.65 19.42 14.53L19.23 13.21C19.22 13.09 19.11 13 19 13H17M18 16.5C18.83 16.5 19.5 17.17 19.5 18S18.83 19.5 18 19.5C17.16 19.5 16.5 18.83 16.5 18S17.17 16.5 18 16.5M10 5H12V7H10V5M16 7H14V5H16V7M14 9H16V11H14V9M10 9H12V11H10V9M13.11 23H2V1H20V11.29C19.37 11.11 18.7 11 18 11V3H4V21H10V17.5H11.03C11 17.67 11 17.83 11 18C11 19.96 11.81 21.73 13.11 23M8 15H6V13H8V15M8 11H6V9H8V11M8 7H6V5H8V7M6 17H8V19H6V17M10 13H12V14.41C11.89 14.6 11.78 14.8 11.68 15H10V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog.svg
new file mode 100644
index 00000000..41a957c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-cog" viewBox="0 0 24 24"><path d="M16 13C15.87 13 15.76 13.09 15.74 13.21L15.55 14.53C15.25 14.66 14.96 14.82 14.7 15L13.46 14.5C13.35 14.5 13.22 14.5 13.15 14.63L12.15 16.36C12.09 16.47 12.11 16.6 12.21 16.68L13.27 17.5C13.25 17.67 13.24 17.83 13.24 18S13.25 18.33 13.27 18.5L12.21 19.32C12.12 19.4 12.09 19.53 12.15 19.64L13.15 21.37C13.21 21.5 13.34 21.5 13.46 21.5L14.7 21C14.96 21.18 15.24 21.35 15.55 21.47L15.74 22.79C15.76 22.91 15.86 23 16 23H18C18.11 23 18.22 22.91 18.24 22.79L18.43 21.47C18.73 21.34 19 21.18 19.27 21L20.5 21.5C20.63 21.5 20.76 21.5 20.83 21.37L21.83 19.64C21.89 19.53 21.86 19.4 21.77 19.32L20.7 18.5C20.72 18.33 20.74 18.17 20.74 18S20.73 17.67 20.7 17.5L21.76 16.68C21.85 16.6 21.88 16.47 21.82 16.36L20.82 14.63C20.76 14.5 20.63 14.5 20.5 14.5L19.27 15C19 14.82 18.73 14.65 18.42 14.53L18.23 13.21C18.22 13.09 18.11 13 18 13H16M17 16.5C17.83 16.5 18.5 17.17 18.5 18S17.83 19.5 17 19.5C16.16 19.5 15.5 18.83 15.5 18S16.17 16.5 17 16.5M16 11.08V3H2V21H8V17.5H10.03C10.26 14.2 12.77 11.54 16 11.08M6 19H4V17H6V19M6 15H4V13H6V15M6 11H4V9H6V11M6 7H4V5H6V7M12 5H14V7H12V5M12 9H14V11H12V9M10 15H8V13H10V15M10 11H8V9H10V11M8 7V5H10V7H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker-outline.svg
new file mode 100644
index 00000000..2d03807c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-marker-outline" viewBox="0 0 24 24"><path d="M15 9H17V11H15V9M17 5H15V7H17V5M11 15H13V13H11V15M13 5H11V7H13V5M11 11H13V9H11V11M9 5H7V7H9V5M9 9H7V11H9V9M14.55 21H13V17.5H11V21H5V3H19V11.03C19.71 11.09 20.39 11.31 21 11.63V1H3V23H15.91C15.5 22.44 15 21.76 14.55 21M7 19H9V17H7V19M9 13H7V15H9V13M22 16.5C22 19.1 18.5 23 18.5 23S15 19.1 15 16.5C15 14.6 16.6 13 18.5 13S22 14.6 22 16.5M19.7 16.6C19.7 16 19.1 15.4 18.5 15.4S17.3 15.9 17.3 16.6C17.3 17.2 17.8 17.8 18.5 17.8S19.8 17.2 19.7 16.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker.svg
new file mode 100644
index 00000000..987385a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-marker" viewBox="0 0 24 24"><path d="M15.19 21C14.12 19.43 13 17.36 13 15.5C13 13.67 13.96 12 15.4 11H15V9H17V10.23C17.5 10.09 18 10 18.5 10C18.67 10 18.84 10 19 10.03V3H5V21H11V17.5H13V21H15.19M15 5H17V7H15V5M9 19H7V17H9V19M9 15H7V13H9V15M9 11H7V9H9V11M9 7H7V5H9V7M11 5H13V7H11V5M11 9H13V11H11V9M11 15V13H13V15H11M18.5 12C16.6 12 15 13.61 15 15.5C15 18.11 18.5 22 18.5 22S22 18.11 22 15.5C22 13.61 20.4 12 18.5 12M18.5 16.81C17.8 16.81 17.3 16.21 17.3 15.61C17.3 14.91 17.9 14.41 18.5 14.41S19.7 15 19.7 15.61C19.8 16.21 19.2 16.81 18.5 16.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus-outline.svg
new file mode 100644
index 00000000..675fd0f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-minus-outline" viewBox="0 0 24 24"><path d="M12 11H10V9H12V11M14 11H16V9H14V11M13.4 21H12V17.5H10V21H4V3H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V1H2V23H14.5C14 22.4 13.6 21.7 13.4 21M14 7H16V5H14V7M16 13.8V13H14V15H14.5C15 14.5 15.5 14.1 16 13.8M8 5H6V7H8V5M8 9H6V11H8V9M6 19H8V17H6V19M12 5H10V7H12V5M10 15H12V13H10V15M8 13H6V15H8V13M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus.svg
new file mode 100644
index 00000000..db151e38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-minus" viewBox="0 0 24 24"><path d="M13.4 21C13.2 20.4 13 19.7 13 19C13 17.5 13.6 16.1 14.5 15H13V13H15V14.5C15.6 14 16.3 13.6 17 13.3V3H3V21H9V17.5H11V21H13.4M13 5H15V7H13V5M13 9H15V11H13V9M7 19H5V17H7V19M7 15H5V13H7V15M7 11H5V9H7V11M7 7H5V5H7V7M9 5H11V7H9V5M9 9H11V11H9V9M9 15V13H11V15H9M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-outline.svg
new file mode 100644
index 00000000..612aefc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-outline" viewBox="0 0 24 24"><path d="M19 3V21H13V17.5H11V21H5V3H19M15 7H17V5H15V7M11 7H13V5H11V7M7 7H9V5H7V7M15 11H17V9H15V11M11 11H13V9H11V11M7 11H9V9H7V11M15 15H17V13H15V15M11 15H13V13H11V15M7 15H9V13H7V15M15 19H17V17H15V19M7 19H9V17H7V19M21 1H3V23H21V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus-outline.svg
new file mode 100644
index 00000000..5b315d53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-plus-outline" viewBox="0 0 24 24"><path d="M12 11H10V9H12V11M14 11H16V9H14V11M13.4 21H12V17.5H10V21H4V3H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V1H2V23H14.5C14 22.4 13.6 21.7 13.4 21M14 7H16V5H14V7M16 13.8V13H14V15H14.5C15 14.5 15.5 14.1 16 13.8M8 5H6V7H8V5M8 9H6V11H8V9M6 19H8V17H6V19M12 5H10V7H12V5M10 15H12V13H10V15M8 13H6V15H8V13M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus.svg
new file mode 100644
index 00000000..c3f57636
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-plus" viewBox="0 0 24 24"><path d="M13.4 21C13.2 20.4 13 19.7 13 19C13 17.5 13.6 16.1 14.5 15H13V13H15V14.5C15.6 14 16.3 13.6 17 13.3V3H3V21H9V17.5H11V21H13.4M13 5H15V7H13V5M13 9H15V11H13V9M7 19H5V17H7V19M7 15H5V13H7V15M7 11H5V9H7V11M7 7H5V5H7V7M9 5H11V7H9V5M9 9H11V11H9V9M9 15V13H11V15H9M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove-outline.svg
new file mode 100644
index 00000000..4b0b2bf1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-remove-outline" viewBox="0 0 24 24"><path d="M12 11H10V9H12V11M14 11H16V9H14V11M13.4 21H12V17.5H10V21H4V3H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V1H2V23H14.5C14 22.4 13.6 21.7 13.4 21M14 7H16V5H14V7M16 13.8V13H14V15H14.5C15 14.5 15.5 14.1 16 13.8M8 5H6V7H8V5M8 9H6V11H8V9M6 19H8V17H6V19M12 5H10V7H12V5M10 15H12V13H10V15M8 13H6V15H8V13M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove.svg
new file mode 100644
index 00000000..3c6894cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building-remove" viewBox="0 0 24 24"><path d="M13.4 21C13.2 20.4 13 19.7 13 19C13 17.5 13.6 16.1 14.5 15H13V13H15V14.5C15.6 14 16.3 13.6 17 13.3V3H3V21H9V17.5H11V21H13.4M13 5H15V7H13V5M13 9H15V11H13V9M7 19H5V17H7V19M7 15H5V13H7V15M7 11H5V9H7V11M7 7H5V5H7V7M9 5H11V7H9V5M9 9H11V11H9V9M9 15V13H11V15H9M22.5 16.9L20.4 19L22.5 21.1L21.1 22.5L19 20.4L16.9 22.5L15.5 21.1L17.6 19L15.5 16.9L16.9 15.5L19 17.6L21.1 15.5L22.5 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/office-building.svg b/apps/phoenix_webcomponent/priv/mdi/svg/office-building.svg
new file mode 100644
index 00000000..7ac753d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/office-building.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-office-building" viewBox="0 0 24 24"><path d="M5,3V21H11V17.5H13V21H19V3H5M7,5H9V7H7V5M11,5H13V7H11V5M15,5H17V7H15V5M7,9H9V11H7V9M11,9H13V11H11V9M15,9H17V11H15V9M7,13H9V15H7V13M11,13H13V15H11V13M15,13H17V15H15V13M7,17H9V19H7V17M15,17H17V19H15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oil-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oil-lamp.svg
new file mode 100644
index 00000000..e729689d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oil-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oil-lamp" viewBox="0 0 24 24"><path d="M5,20H16V22H5M11,5H10A2,2 0 0,0 8,7H13A2,2 0 0,0 11,5M16,8H22A2,2 0 0,1 20,10H19A4,4 0 0,0 15,14V15A4,4 0 0,1 11,19H10A4,4 0 0,1 6,15H4A2,2 0 0,1 2,13V10A2,2 0 0,1 4,8M6,10H4V13H6M19,5A2,2 0 0,1 21,7H22A2.9,2.9 0 0,0 19,4A2,2 0 0,1 17,2H16A2.9,2.9 0 0,0 19,5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oil-level.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oil-level.svg
new file mode 100644
index 00000000..a1998b1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oil-level.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oil-level" viewBox="0 0 24 24"><path d="M8 18C6.67 18 5.79 18.79 5.29 19.29S4.67 20 4 20 3.21 19.79 2.71 19.29C2.35 18.93 1.79 18.42 1 18.16V20.41C1.09 20.5 1.18 20.59 1.29 20.71C1.79 21.21 2.67 22 4 22S6.21 21.21 6.71 20.71 7.33 20 8 20 8.79 20.21 9.29 20.71C9.73 21.14 10.44 21.8 11.5 21.96C11.66 22 11.83 22 12 22C13.33 22 14.21 21.21 14.71 20.71S15.33 20 16 20 16.79 20.21 17.29 20.71 18.67 22 20 22 22.21 21.21 22.71 20.71C22.82 20.59 22.91 20.5 23 20.41V18.16C22.21 18.42 21.65 18.93 21.29 19.29C20.79 19.79 20.67 20 20 20S19.21 19.79 18.71 19.29 17.33 18 16 18 13.79 18.79 13.29 19.29 12.67 20 12 20C11.78 20 11.63 19.97 11.5 19.92C11.22 19.82 11.05 19.63 10.71 19.29C10.21 18.79 9.33 18 8 18M22 10.5C22 10.5 24 12.67 24 14C24 15.1 23.1 16 22 16S20 15.1 20 14C20 12.67 22 10.5 22 10.5M22.5 7.13L19.24 5.24L12.73 9C12.39 8.4 11.74 8 11 8H9V6H10C10.55 6 11 5.55 11 5S10.55 4 10 4H6C5.45 4 5 4.45 5 5S5.45 6 6 6H7V8H5C3.9 8 3 8.9 3 10V13C3 14.1 3.9 15 5 15H14C14.75 15 15.41 14.58 15.75 13.97L19.4 7.65L21.5 8.86C22 9.14 22.59 8.97 22.87 8.5C23.14 8 23 7.4 22.5 7.13M14 13H5V10H11.69L12.6 11.43L16.06 9.43L14 13M3.5 6.92L1.79 8.62A1 1 0 0 1 .38 7.21L2.09 5.5A1 1 0 0 1 3.5 5.5C3.89 5.89 3.89 6.5 3.5 6.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oil-temperature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oil-temperature.svg
new file mode 100644
index 00000000..a0861308
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oil-temperature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oil-temperature" viewBox="0 0 24 24"><path d="M10 5H13V3H10V2C10 1.4 9.6 1 9 1S8 1.4 8 2V15.3C7.4 15.6 7 16.3 7 17C7 18.1 7.9 19 9 19S11 18.1 11 17C11 16.3 10.6 15.6 10 15.3V13H13V11H10V9H13V7H10V5M22 17.5C22 17.5 24 19.7 24 21C24 22.1 23.1 23 22 23S20 22.1 20 21C20 19.7 22 17.5 22 17.5M22.9 15.5C22.6 16 22 16.1 21.5 15.9L19.4 14.7L15.8 21C15.5 21.6 14.8 22 14 22H5C3.9 22 3 21.1 3 20V17C3 15.9 3.9 15 5 15V20H14L16.1 16.4L13 18.2V15.8L19.2 12.2L22.5 14.1C23 14.4 23.1 15 22.9 15.5M3.5 13.9L1.8 15.6C1.4 16 .8 16 .4 15.6S0 14.6.4 14.2L2.1 12.5C2.5 12.1 3.1 12.1 3.5 12.5S3.9 13.5 3.5 13.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/oil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/oil.svg
new file mode 100644
index 00000000..46553e2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/oil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-oil" viewBox="0 0 24 24"><path d="M22,12.5C22,12.5 24,14.67 24,16A2,2 0 0,1 22,18A2,2 0 0,1 20,16C20,14.67 22,12.5 22,12.5M6,6H10A1,1 0 0,1 11,7A1,1 0 0,1 10,8H9V10H11C11.74,10 12.39,10.4 12.73,11L19.24,7.24L22.5,9.13C23,9.4 23.14,10 22.87,10.5C22.59,10.97 22,11.14 21.5,10.86L19.4,9.65L15.75,15.97C15.41,16.58 14.75,17 14,17H5A2,2 0 0,1 3,15V12A2,2 0 0,1 5,10H7V8H6A1,1 0 0,1 5,7A1,1 0 0,1 6,6M5,12V15H14L16.06,11.43L12.6,13.43L11.69,12H5M0.38,9.21L2.09,7.5C2.5,7.11 3.11,7.11 3.5,7.5C3.89,7.89 3.89,8.5 3.5,8.91L1.79,10.62C1.4,11 0.77,11 0.38,10.62C0,10.23 0,9.6 0.38,9.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/om.svg b/apps/phoenix_webcomponent/priv/mdi/svg/om.svg
new file mode 100644
index 00000000..e6cd54a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/om.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-om" viewBox="0 0 24 24"><path d="M15,2L13.5,3.5L15,5L16.5,3.5L15,2M11,3C10,9 17,10 20,6L18,4.5C17,6 13,8 11,3M9,7C7,7 4.5,8.5 4.5,8.5L6,11C7,10 9,9.5 10,10C12,11 9,13 7,12V15.5C10,14 12,16 11,17.5C8,22 3,16 3,13C1,19 6,22 9,22C12,22 14,20 12.5,15H14C12.5,19.5 18,24 21,18C22,16 22,9.5 17,9.5C13,9.5 14,15 10.5,13.5C14,10 12,7 9,7M19,12C22,15 15,21 15,15C15,13 17,10.5 19,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/omega.svg b/apps/phoenix_webcomponent/priv/mdi/svg/omega.svg
new file mode 100644
index 00000000..c8569273
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/omega.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-omega" viewBox="0 0 24 24"><path d="M19.15,19H13.39V16.87C15.5,15.25 16.59,13.24 16.59,10.84C16.59,9.34 16.16,8.16 15.32,7.29C14.47,6.42 13.37,6 12.03,6C10.68,6 9.57,6.42 8.71,7.3C7.84,8.17 7.41,9.37 7.41,10.88C7.41,13.26 8.5,15.26 10.61,16.87V19H4.85V16.87H8.41C6.04,15.32 4.85,13.23 4.85,10.6C4.85,8.5 5.5,6.86 6.81,5.66C8.12,4.45 9.84,3.85 11.97,3.85C14.15,3.85 15.89,4.45 17.19,5.64C18.5,6.83 19.15,8.5 19.15,10.58C19.15,13.21 17.95,15.31 15.55,16.87H19.15V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/one-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/one-up.svg
new file mode 100644
index 00000000..fd03fd6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/one-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-one-up" viewBox="0 0 24 24"><path d="M10,19V19C9.4,19 9,18.6 9,18V17C9,16.5 9.4,16 10,16V16C10.5,16 11,16.4 11,17V18C11,18.6 10.6,19 10,19M15,18V17C15,16.5 14.6,16 14,16V16C13.5,16 13,16.4 13,17V18C13,18.5 13.4,19 14,19V19C14.6,19 15,18.6 15,18M22,12C22,14.6 20.4,16.9 18,18.4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V18.4C3.6,16.9 2,14.6 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M7,10C7,8.9 6.4,7.9 5.5,7.4C4.5,8.7 4,10.3 4,12C4,12.3 4,12.7 4.1,13C5.7,12.9 7,11.6 7,10M9,9C9,10.7 10.3,12 12,12C13.7,12 15,10.7 15,9C15,7.3 13.7,6 12,6C10.3,6 9,7.3 9,9M16,20V15.5C14.8,15.2 13.4,15 12,15C10.6,15 9.2,15.2 8,15.5V20H16M19.9,13C20,12.7 20,12.3 20,12C20,10.3 19.5,8.7 18.5,7.4C17.6,7.9 17,8.9 17,10C17,11.6 18.3,12.9 19.9,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/onepassword.svg b/apps/phoenix_webcomponent/priv/mdi/svg/onepassword.svg
new file mode 100644
index 00000000..6a3384a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/onepassword.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-onepassword" viewBox="0 0 24 24"><path d="M12,1C5.92,1 1,5.92 1,12C1,18.08 5.92,23 12,23C18.08,23 23,18.08 23,12C23,5.92 18.08,1 12,1M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M13,13.5C13,14.13 13.4,14.7 14,14.91V18H10V11.91C10.78,11.64 11.19,10.8 10.93,10C10.78,9.58 10.44,9.24 10,9.09V6H14V12.09C13.4,12.3 13,12.87 13,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/opacity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/opacity.svg
new file mode 100644
index 00000000..f421f172
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/opacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-opacity" viewBox="0 0 24 24"><path d="M17.66,8L12,2.35L6.34,8C4.78,9.56 4,11.64 4,13.64C4,15.64 4.78,17.75 6.34,19.31C7.9,20.87 9.95,21.66 12,21.66C14.05,21.66 16.1,20.87 17.66,19.31C19.22,17.75 20,15.64 20,13.64C20,11.64 19.22,9.56 17.66,8M6,14C6,12 6.62,10.73 7.76,9.6L12,5.27L16.24,9.65C17.38,10.77 18,12 18,14H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/open-in-app.svg b/apps/phoenix_webcomponent/priv/mdi/svg/open-in-app.svg
new file mode 100644
index 00000000..1aab86de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/open-in-app.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-open-in-app" viewBox="0 0 24 24"><path d="M12,10L8,14H11V20H13V14H16M19,4H5C3.89,4 3,4.9 3,6V18A2,2 0 0,0 5,20H9V18H5V8H19V18H15V20H19A2,2 0 0,0 21,18V6A2,2 0 0,0 19,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/open-in-new.svg b/apps/phoenix_webcomponent/priv/mdi/svg/open-in-new.svg
new file mode 100644
index 00000000..8aa9065d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/open-in-new.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-open-in-new" viewBox="0 0 24 24"><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/open-source-initiative.svg b/apps/phoenix_webcomponent/priv/mdi/svg/open-source-initiative.svg
new file mode 100644
index 00000000..bf1c78cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/open-source-initiative.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-open-source-initiative" viewBox="0 0 24 24"><path d="M15.41,22C15.35,22 15.28,22 15.22,22C15.1,21.95 15,21.85 14.96,21.73L12.74,15.93C12.65,15.69 12.77,15.42 13,15.32C13.71,15.06 14.28,14.5 14.58,13.83C15.22,12.4 14.58,10.73 13.15,10.09C11.72,9.45 10.05,10.09 9.41,11.5C9.11,12.21 9.09,13 9.36,13.69C9.66,14.43 10.25,15 11,15.28C11.24,15.37 11.37,15.64 11.28,15.89L9,21.69C8.96,21.81 8.87,21.91 8.75,21.96C8.63,22 8.5,22 8.39,21.96C3.24,19.97 0.67,14.18 2.66,9.03C4.65,3.88 10.44,1.31 15.59,3.3C18.06,4.26 20.05,6.15 21.13,8.57C22.22,11 22.29,13.75 21.33,16.22C20.32,18.88 18.23,21 15.58,22C15.5,22 15.47,22 15.41,22M12,3.59C7.03,3.46 2.9,7.39 2.77,12.36C2.68,16.08 4.88,19.47 8.32,20.9L10.21,16C8.38,15 7.69,12.72 8.68,10.89C9.67,9.06 11.96,8.38 13.79,9.36C15.62,10.35 16.31,12.64 15.32,14.47C14.97,15.12 14.44,15.65 13.79,16L15.68,20.93C17.86,19.95 19.57,18.16 20.44,15.93C22.28,11.31 20.04,6.08 15.42,4.23C14.33,3.8 13.17,3.58 12,3.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/openid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/openid.svg
new file mode 100644
index 00000000..36aeb1eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/openid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-openid" viewBox="0 0 24 24"><path d="M14,2L11,3.5V19.94C7,19.5 4,17.46 4,15C4,12.75 6.5,10.85 10,10.22V8.19C4.86,8.88 1,11.66 1,15C1,18.56 5.36,21.5 11,21.94C11.03,21.94 11.06,21.94 11.09,21.94L14,20.5V2M15,8.19V10.22C16.15,10.43 17.18,10.77 18.06,11.22L16.5,12L23,13.5L22.5,9L20.5,10C19,9.12 17.12,8.47 15,8.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/opera.svg b/apps/phoenix_webcomponent/priv/mdi/svg/opera.svg
new file mode 100644
index 00000000..1a9e4d3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/opera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-opera" viewBox="0 0 24 24"><path d="M9.04,17.07C8.04,15.9 7.4,14.16 7.35,12.21V11.79C7.4,9.84 8.04,8.1 9.04,6.93C9.86,5.95 10.93,5.37 12.1,5.37C14.72,5.37 16.84,8.34 16.84,12C16.84,15.66 14.72,18.63 12.1,18.63C10.93,18.63 10.33,18.5 9.04,17.07M12.03,3H12A9,9 0 0,0 3,12C3,16.83 6.8,20.77 11.57,21H12C14.3,21 16.4,20.13 18,18.71C19.84,17.06 21,14.67 21,12C21,9.33 19.84,6.94 18,5.29C16.41,3.87 14.32,3 12.03,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/orbit-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/orbit-variant.svg
new file mode 100644
index 00000000..ad65a621
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/orbit-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-orbit-variant" viewBox="0 0 24 24"><path d="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/orbit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/orbit.svg
new file mode 100644
index 00000000..f2f4356c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/orbit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-orbit" viewBox="0 0 24 24"><path d="M8.11,1.75C9.3,1.25 10.62,1 12,1C18.08,1 23,5.92 23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,10.62 1.25,9.3 1.72,8.08C2.24,8.61 2.83,8.96 3.45,9.18C3.16,10.07 3,11 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3C11,3 10.07,3.16 9.18,3.45C8.96,2.83 8.61,2.24 8.11,1.75M4.93,2.93C6.03,2.93 6.93,3.82 6.93,4.93A2,2 0 0,1 4.93,6.93C3.82,6.93 2.93,6.03 2.93,4.93C2.93,3.82 3.82,2.93 4.93,2.93M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-ascending.svg
new file mode 100644
index 00000000..dd5ec4d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-alphabetical-ascending" viewBox="0 0 24 24"><path d="M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12M9 13V15L5.67 19H9V21H3V19L6.33 15H3V13M7 3H5C3.9 3 3 3.9 3 5V11H5V9H7V11H9V5C9 3.9 8.11 3 7 3M7 7H5V5H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-descending.svg
new file mode 100644
index 00000000..293e5f9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-alphabetical-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-alphabetical-descending" viewBox="0 0 24 24"><path d="M7 13H5C3.9 13 3 13.9 3 15V21H5V19H7V21H9V15C9 13.9 8.11 13 7 13M7 17H5V15H7M9 3V5L5.67 9H9V11H3V9L6.33 5H3V3M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending-variant.svg
new file mode 100644
index 00000000..82f5fe89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-bool-ascending-variant" viewBox="0 0 24 24"><path d="M4 13C2.89 13 2 13.89 2 15V19C2 20.11 2.89 21 4 21H8C9.11 21 10 20.11 10 19V15C10 13.89 9.11 13 8 13M8.2 14.5L9.26 15.55L5.27 19.5L2.74 16.95L3.81 15.9L5.28 17.39M4 3C2.89 3 2 3.89 2 5V9C2 10.11 2.89 11 4 11H8C9.11 11 10 10.11 10 9V5C10 3.89 9.11 3 8 3M4 5H8V9H4M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending.svg
new file mode 100644
index 00000000..4399361e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-bool-ascending" viewBox="0 0 24 24"><path d="M6 3C3.79 3 2 4.79 2 7S3.79 11 6 11 10 9.21 10 7 8.21 3 6 3M6 9C4.9 9 4 8.1 4 7S4.9 5 6 5 8 5.9 8 7 7.1 9 6 9M6 13C3.79 13 2 14.79 2 17S3.79 21 6 21 10 19.21 10 17 8.21 13 6 13M12 5H22V7H12V5M12 19V17H22V19H12M12 11H22V13H12V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending-variant.svg
new file mode 100644
index 00000000..8671254a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-bool-descending-variant" viewBox="0 0 24 24"><path d="M4 3C2.89 3 2 3.89 2 5V9C2 10.11 2.89 11 4 11H8C9.11 11 10 10.11 10 9V5C10 3.89 9.11 3 8 3M8.2 4.5L9.26 5.55L5.27 9.5L2.74 6.95L3.81 5.9L5.28 7.39M4 13C2.89 13 2 13.89 2 15V19C2 20.11 2.89 21 4 21H8C9.11 21 10 20.11 10 19V15C10 13.89 9.11 13 8 13M4 15H8V19H4M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending.svg
new file mode 100644
index 00000000..fc0f21ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-bool-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-bool-descending" viewBox="0 0 24 24"><path d="M6 13C3.79 13 2 14.79 2 17S3.79 21 6 21 10 19.21 10 17 8.21 13 6 13M6 19C4.9 19 4 18.1 4 17S4.9 15 6 15 8 15.9 8 17 7.1 19 6 19M6 3C3.79 3 2 4.79 2 7S3.79 11 6 11 10 9.21 10 7 8.21 3 6 3M12 5H22V7H12V5M12 19V17H22V19H12M12 11H22V13H12V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-ascending.svg
new file mode 100644
index 00000000..dabe1806
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-numeric-ascending" viewBox="0 0 24 24"><path d="M7 21H3V19H7V18H5C3.9 18 3 17.11 3 16V15C3 13.9 3.9 13 5 13H7C8.11 13 9 13.9 9 15V19C9 20.11 8.11 21 7 21M7 15H5V16H7M5 3H7C8.11 3 9 3.9 9 5V9C9 10.11 8.11 11 7 11H5C3.9 11 3 10.11 3 9V5C3 3.9 3.9 3 5 3M5 9H7V5H5M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-descending.svg
new file mode 100644
index 00000000..7d527c36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/order-numeric-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-order-numeric-descending" viewBox="0 0 24 24"><path d="M7 11H3V9H7V8H5C3.9 8 3 7.11 3 6V5C3 3.9 3.9 3 5 3H7C8.11 3 9 3.9 9 5V9C9 10.11 8.11 11 7 11M7 5H5V6H7M5 13H7C8.11 13 9 13.9 9 15V19C9 20.11 8.11 21 7 21H5C3.9 21 3 20.11 3 19V15C3 13.9 3.9 13 5 13M5 19H7V15H5M12 5H22V7H12M12 19V17H22V19M12 11H22V13H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/origin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/origin.svg
new file mode 100644
index 00000000..5bda1a07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/origin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-origin" viewBox="0 0 24 24"><path d="M12,2.13C12,2.23 11.95,2.33 11.89,2.41C11.5,3 11.16,3.64 11.04,4.33L11,4.56L12,4.5A7.5,7.5 0 0,1 19.5,12C19.5,13.62 19,15.11 18.12,16.34C16.73,18.68 14.72,20.65 12.34,21.97C12.25,22 12.12,22 12.06,21.93C12,21.83 12,21.7 12.09,21.61C12.47,21.09 12.73,20.5 12.87,19.85L12.93,19.44L12,19.5A7.5,7.5 0 0,1 4.5,12C4.5,10.39 5,8.89 5.88,7.67C7.26,5.32 9.28,3.34 11.67,2C11.78,1.95 11.94,2 12,2.13M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ornament-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ornament-variant.svg
new file mode 100644
index 00000000..1d9c369e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ornament-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ornament-variant" viewBox="0 0 24 24"><path d="M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20M12,12A2,2 0 0,0 10,14A2,2 0 0,0 12,16A2,2 0 0,0 14,14A2,2 0 0,0 12,12M18,14C18,13.31 17.88,12.65 17.67,12C16.72,12.19 16,13 16,14C16,15 16.72,15.81 17.67,15.97C17.88,15.35 18,14.69 18,14M6,14C6,14.69 6.12,15.35 6.33,15.97C7.28,15.81 8,15 8,14C8,13 7.28,12.19 6.33,12C6.12,12.65 6,13.31 6,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ornament.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ornament.svg
new file mode 100644
index 00000000..29d36072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ornament.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ornament" viewBox="0 0 24 24"><path d="M12,1A3,3 0 0,1 15,4V5A1,1 0 0,1 16,6V7.07C18.39,8.45 20,11.04 20,14A8,8 0 0,1 12,22A8,8 0 0,1 4,14C4,11.04 5.61,8.45 8,7.07V6A1,1 0 0,1 9,5V4A3,3 0 0,1 12,1M12,3A1,1 0 0,0 11,4V5H13V4A1,1 0 0,0 12,3M12,8C10.22,8 8.63,8.77 7.53,10H16.47C15.37,8.77 13.78,8 12,8M6.34,16H7.59L6,14.43C6.05,15 6.17,15.5 6.34,16M12.59,16L8.59,12H6.41L10.41,16H12.59M17.66,12H16.41L18,13.57C17.95,13 17.83,12.5 17.66,12M11.41,12L15.41,16H17.59L13.59,12H11.41M12,20C13.78,20 15.37,19.23 16.47,18H7.53C8.63,19.23 10.22,20 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/outdoor-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/outdoor-lamp.svg
new file mode 100644
index 00000000..80c5db5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/outdoor-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-outdoor-lamp" viewBox="0 0 24 24"><path d="M15 22H13C11.9 22 11 21.1 11 20V15H17V20C17 21.1 16.1 22 15 22M7 14H21L15 9.71V6C15 4.39 13.94 2 11 2S7 4.39 7 6C7 6.45 6.81 7 6 7H5V3H3V12H5V9H6C8.2 9 9 7.21 9 6C9 5.67 9.1 4 11 4C12.83 4 13 5.54 13 6V9.71L7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/overscan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/overscan.svg
new file mode 100644
index 00000000..f0e82154
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/overscan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-overscan" viewBox="0 0 24 24"><path d="M12 5.5L10 8H14L12 5.5M18 10V14L20.5 12L18 10M6 10L3.5 12L6 14V10M14 16H10L12 18.5L14 16M21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3M21 19H3V5H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/owl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/owl.svg
new file mode 100644
index 00000000..2b271704
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/owl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-owl" viewBox="0 0 24 24"><path d="M12,16C12.56,16.84 13.31,17.53 14.2,18L12,20.2L9.8,18C10.69,17.53 11.45,16.84 12,16M17,11.2A2,2 0 0,0 15,13.2A2,2 0 0,0 17,15.2A2,2 0 0,0 19,13.2C19,12.09 18.1,11.2 17,11.2M7,11.2A2,2 0 0,0 5,13.2A2,2 0 0,0 7,15.2A2,2 0 0,0 9,13.2C9,12.09 8.1,11.2 7,11.2M17,8.7A4,4 0 0,1 21,12.7A4,4 0 0,1 17,16.7A4,4 0 0,1 13,12.7A4,4 0 0,1 17,8.7M7,8.7A4,4 0 0,1 11,12.7A4,4 0 0,1 7,16.7A4,4 0 0,1 3,12.7A4,4 0 0,1 7,8.7M2.24,1C4,4.7 2.73,7.46 1.55,10.2C1.19,11 1,11.83 1,12.7A6,6 0 0,0 7,18.7C7.21,18.69 7.42,18.68 7.63,18.65L10.59,21.61L12,23L13.41,21.61L16.37,18.65C16.58,18.68 16.79,18.69 17,18.7A6,6 0 0,0 23,12.7C23,11.83 22.81,11 22.45,10.2C21.27,7.46 20,4.7 21.76,1C19.12,3.06 15.36,4.69 12,4.7C8.64,4.69 4.88,3.06 2.24,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pac-man.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pac-man.svg
new file mode 100644
index 00000000..f9e12ca4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pac-man.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pac-man" viewBox="0 0 24 24"><path d="M12,12L19.07,19.07C15.17,23 8.83,23 4.93,19.07C1,15.17 1,8.84 4.93,4.93C8.83,1 15.16,1 19.07,4.93L12,12M19,10A2,2 0 0,0 17,12A2,2 0 0,0 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-check.svg
new file mode 100644
index 00000000..ab037f70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-check" viewBox="0 0 24 24"><path d="M6 3C5.5 3 5.1 3.2 4.8 3.6L3.5 5.2C3.2 5.6 3 6 3 6.5V19C3 20.1 3.9 21 5 21H13.3C13.1 20.4 13 19.7 13 19C13 15.7 15.7 13 19 13C19.7 13 20.4 13.1 21 13.3V6.5C21 6 20.8 5.6 20.5 5.2L19.1 3.5C18.9 3.2 18.5 3 18 3H6M5.9 4H17.9L18.8 5H5.1L5.9 4M6 15H12V18H6V15M21.3 15.8L17.7 19.4L16.1 17.8L15 19L17.8 22L22.6 17.2L21.3 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-down.svg
new file mode 100644
index 00000000..3d9ce33f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-down" viewBox="0 0 24 24"><path d="M5.12,5L5.93,4H17.93L18.87,5M12,17.5L6.5,12H10V10H14V12H17.5L12,17.5M20.54,5.23L19.15,3.55C18.88,3.21 18.47,3 18,3H6C5.53,3 5.12,3.21 4.84,3.55L3.46,5.23C3.17,5.57 3,6 3,6.5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V6.5C21,6 20.83,5.57 20.54,5.23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-up.svg
new file mode 100644
index 00000000..94906fd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-up" viewBox="0 0 24 24"><path d="M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M5.12,5H18.87L17.93,4H5.93L5.12,5M12,9.5L6.5,15H10V17H14V15H17.5L12,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-check.svg
new file mode 100644
index 00000000..cde27bf2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-closed-check" viewBox="0 0 24 24"><path d="M12 2C11.8 2 11.6 2.1 11.4 2.2L3.5 6.6C3.2 6.8 3 7.1 3 7.5V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3V12.6L19 9.2V13C19.7 13 20.4 13.1 21 13.3V7.5C21 7.1 20.8 6.8 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2M12 4.2L18 7.5L16 8.6L10.1 5.2L12 4.2M8.1 6.3L14 9.8L12 10.9L6 7.5L8.1 6.3M5 9.2L11 12.6V19.3L5 15.9V9.2M21.3 15.8L17.7 19.4L16.1 17.8L15 19L17.8 22L22.6 17.2L21.3 15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-minus.svg
new file mode 100644
index 00000000..f0f0ef1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-closed-minus" viewBox="0 0 24 24"><path d="M13 12.6L19 9.2V13C19.7 13 20.4 13.1 21 13.4V7.5C21 7.1 20.8 6.8 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.5 6.6C3.2 6.8 3 7.1 3 7.5V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M12 4.2L18 7.5L16 8.6L10.1 5.2L12 4.2M11 19.3L5 15.9V9.2L11 12.6V19.3M12 10.8L6 7.5L8 6.3L14 9.8L12 10.8M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-plus.svg
new file mode 100644
index 00000000..3d747481
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-closed-plus" viewBox="0 0 24 24"><path d="M13 19.3V12.6L19 9.2V13C19.7 13 20.4 13.1 21 13.4V7.5C21 7.1 20.8 6.8 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.5 6.6C3.2 6.8 3 7.1 3 7.5V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M12 4.2L18 7.5L16 8.6L10.1 5.2L12 4.2M11 19.3L5 15.9V9.2L11 12.6V19.3M12 10.8L6 7.5L8 6.3L14 9.8L12 10.8M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-remove.svg
new file mode 100644
index 00000000..0df865d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-closed-remove" viewBox="0 0 24 24"><path d="M13 12.6L19 9.2V13C19.7 13 20.4 13.1 21 13.4V7.5C21 7.1 20.8 6.8 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.5 6.6C3.2 6.8 3 7.1 3 7.5V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M12 4.2L18 7.5L16 8.6L10.1 5.2L12 4.2M11 19.3L5 15.9V9.2L11 12.6V19.3M12 10.8L6 7.5L8 6.3L14 9.8L12 10.8M16.9 15.5L19 17.6L21.1 15.5L22.5 16.9L20.4 19L22.5 21.1L21.1 22.5L19 20.4L16.9 22.5L15.5 21.1L17.6 19L15.5 16.9L16.9 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed.svg
new file mode 100644
index 00000000..5975afb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-closed" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L10.11,5.22L16,8.61L17.96,7.5L12,4.15M6.04,7.5L12,10.85L13.96,9.75L8.08,6.35L6.04,7.5M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V9.21L13,12.58V19.29L19,15.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-minus.svg
new file mode 100644
index 00000000..dd7b031e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-minus" viewBox="0 0 24 24"><path d="M13 15.6C13.3 15.8 13.7 15.8 14 15.6L19 12.7V13C19.7 13 20.4 13.1 21 13.4V11.6L22 11C22.5 10.7 22.6 10.1 22.4 9.6L20.9 7.1C20.8 6.9 20.7 6.7 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.6 6.6C3.4 6.7 3.2 6.8 3.1 7L1.6 9.6C1.3 10.1 1.5 10.7 2 11C2.3 11.2 2.7 11.2 3 11V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M11 19.3L5 15.9V9.2L11 12.6V19.3M20.1 9.7L13.8 13.3L13.2 12.3L19.5 8.7L20.1 9.7M12 10.8V4.2L18 7.5L12 10.8M23 20H15V18H23V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-plus.svg
new file mode 100644
index 00000000..50894e18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-plus" viewBox="0 0 24 24"><path d="M13 15.6C13.3 15.8 13.7 15.8 14 15.6L19 12.7V13C19.7 13 20.4 13.1 21 13.4V11.6L22 11C22.5 10.7 22.6 10.1 22.4 9.6L20.9 7.1C20.8 6.9 20.7 6.7 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.6 6.6C3.4 6.7 3.2 6.8 3.1 7L1.6 9.6C1.3 10.1 1.5 10.7 2 11C2.3 11.2 2.7 11.2 3 11V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M11 19.3L5 15.9V9.2L11 12.6V19.3M20.1 9.7L13.8 13.3L13.2 12.3L19.5 8.7L20.1 9.7M12 10.8V4.2L18 7.5L12 10.8M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-remove.svg
new file mode 100644
index 00000000..b879936d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant-remove" viewBox="0 0 24 24"><path d="M13 15.6C13.3 15.8 13.7 15.8 14 15.6L19 12.7V13C19.7 13 20.4 13.1 21 13.4V11.6L22 11C22.5 10.7 22.6 10.1 22.4 9.6L20.9 7.1C20.8 6.9 20.7 6.7 20.5 6.6L12.6 2.2C12.4 2.1 12.2 2 12 2S11.6 2.1 11.4 2.2L3.6 6.6C3.4 6.7 3.2 6.8 3.1 7L1.6 9.6C1.3 10.1 1.5 10.7 2 11C2.3 11.2 2.7 11.2 3 11V16.5C3 16.9 3.2 17.2 3.5 17.4L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L13.5 21.3C13.2 20.7 13.1 20 13 19.3M11 19.3L5 15.9V9.2L11 12.6V19.3M20.1 9.7L13.8 13.3L13.2 12.3L19.5 8.7L20.1 9.7M12 10.8V4.2L18 7.5L12 10.8M22.5 16.9L20.4 19L22.5 21.1L21.1 22.5L19 20.4L16.9 22.5L15.5 21.1L17.6 19L15.5 16.9L16.9 15.5L19 17.6L21.1 15.5L22.5 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant.svg
new file mode 100644
index 00000000..17a76d8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package-variant" viewBox="0 0 24 24"><path d="M2,10.96C1.5,10.68 1.35,10.07 1.63,9.59L3.13,7C3.24,6.8 3.41,6.66 3.6,6.58L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.66,6.72 20.82,6.88 20.91,7.08L22.36,9.6C22.64,10.08 22.47,10.69 22,10.96L21,11.54V16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V10.96C2.7,11.13 2.32,11.14 2,10.96M12,4.15V4.15L12,10.85V10.85L17.96,7.5L12,4.15M5,15.91L11,19.29V12.58L5,9.21V15.91M19,15.91V12.69L14,15.59C13.67,15.77 13.3,15.76 13,15.6V19.29L19,15.91M13.85,13.36L20.13,9.73L19.55,8.72L13.27,12.35L13.85,13.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/package.svg b/apps/phoenix_webcomponent/priv/mdi/svg/package.svg
new file mode 100644
index 00000000..0d13fe10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/package.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-package" viewBox="0 0 24 24"><path d="M5.12,5H18.87L17.93,4H5.93L5.12,5M20.54,5.23C20.83,5.57 21,6 21,6.5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V6.5C3,6 3.17,5.57 3.46,5.23L4.84,3.55C5.12,3.21 5.53,3 6,3H18C18.47,3 18.88,3.21 19.15,3.55L20.54,5.23M6,18H12V15H6V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-first.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-first.svg
new file mode 100644
index 00000000..b42c96d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-first.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-first" viewBox="0 0 24 24"><path d="M18.41,16.59L13.82,12L18.41,7.41L17,6L11,12L17,18L18.41,16.59M6,6H8V18H6V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-last.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-last.svg
new file mode 100644
index 00000000..72f35ca2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-last.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-last" viewBox="0 0 24 24"><path d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-body.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-body.svg
new file mode 100644
index 00000000..57d100b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-body.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-body" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,8V16H18V8H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-footer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-footer.svg
new file mode 100644
index 00000000..53b6d1c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-footer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-footer" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,16V20H18V16H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header-footer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header-footer.svg
new file mode 100644
index 00000000..acb7adf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header-footer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-header-footer" viewBox="0 0 24 24"><path d="M18 2H6C4.89 2 4 2.9 4 4V20C4 21.11 4.89 22 6 22H18C19.11 22 20 21.11 20 20V4C20 2.9 19.11 2 18 2M18 20H6V16H18V20M18 8H6V4H18V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header.svg
new file mode 100644
index 00000000..e3f3f5d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-header.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-header" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,4V8H18V4H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-left.svg
new file mode 100644
index 00000000..65751d56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-sidebar-left" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M6,8V16H10V8H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-right.svg
new file mode 100644
index 00000000..352d8924
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-layout-sidebar-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-layout-sidebar-right" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M14,8V16H18V8H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-next-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-next-outline.svg
new file mode 100644
index 00000000..fbd4cfda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-next-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-next-outline" viewBox="0 0 24 24"><path d="M22,3H5A2,2 0 0,0 3,5V9H5V5H22V19H5V15H3V19A2,2 0 0,0 5,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M7,15V13H0V11H7V9L11,12L7,15M20,13H13V11H20V13M20,9H13V7H20V9M17,17H13V15H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-next.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-next.svg
new file mode 100644
index 00000000..c92417b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-next" viewBox="0 0 24 24"><path d="M20,3H5A2,2 0 0,0 3,5V11H7V9L11,12L7,15V13H3V19A2,2 0 0,0 5,21H20A2,2 0 0,0 22,19V5A2,2 0 0,0 20,3M17,17H13V15H17V17M20,13H13V11H20V13M20,9H13V7H20V9M3,13H0V11H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-previous-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-previous-outline.svg
new file mode 100644
index 00000000..fc0c2bb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-previous-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-previous-outline" viewBox="0 0 24 24"><path d="M2,3H19A2,2 0 0,1 21,5V9H19V5H2V19H19V15H21V19A2,2 0 0,1 19,21H2A2,2 0 0,1 0,19V5A2,2 0 0,1 2,3M17,15V13H24V11H17V9L13,12L17,15M4,13H11V11H4V13M4,9H11V7H4V9M4,17H8V15H4V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/page-previous.svg b/apps/phoenix_webcomponent/priv/mdi/svg/page-previous.svg
new file mode 100644
index 00000000..169c8ef5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/page-previous.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-page-previous" viewBox="0 0 24 24"><path d="M4,21H19A2,2 0 0,0 21,19V13H17V15L13,12L17,9V11H21V5A2,2 0 0,0 19,3H4A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21M4,15H8V17H4V15M4,11H11V13H4V11M4,7H11V9H4V7M21,11H24V13H21V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus-outline.svg
new file mode 100644
index 00000000..d5b57c6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-minus-outline" viewBox="0 0 24 24"><path d="M4 6H3V4H21V6H20L18.6 13C17.83 13.07 17.11 13.26 16.45 13.58L17.96 6H6.04L6.5 8.22L4.65 9.27L4 6M12.86 8C12.58 7.5 11.97 7.35 11.5 7.63L3.27 12.38C2.79 12.66 2.62 13.27 2.9 13.75C3.18 14.23 3.79 14.39 4.27 14.11L12.5 9.36C12.97 9.09 13.14 8.47 12.86 8M13 19H8.64L7.73 14.43L5.9 15.5L7 21H13.35C13.13 20.37 13 19.7 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus.svg
new file mode 100644
index 00000000..4920b688
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-minus" viewBox="0 0 24 24"><path d="M12.5 9.36L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L11.5 7.63C11.97 7.35 12.58 7.5 12.86 8C13.14 8.47 12.97 9.09 12.5 9.36M13 19C13 15.82 15.47 13.23 18.6 13L20 6H21V4H3V6H4L4.76 9.79L10.71 6.36C11.09 6.13 11.53 6 12 6C13.38 6 14.5 7.12 14.5 8.5C14.5 9.44 14 10.26 13.21 10.69L5.79 14.97L7 21H13.35C13.13 20.37 13 19.7 13 19M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-off-outline.svg
new file mode 100644
index 00000000..c4a78e4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-off-outline" viewBox="0 0 24 24"><path d="M20.84 22.73L17.35 19.24L17 21H7L5.9 15.5L7.73 14.43L8.64 19H15.36L15.65 17.54L9.31 11.2L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L7.85 9.74L6.38 8.27L4.65 9.27L4 6H3V4.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M17.96 6L16.5 13.3L18.2 15L20 6H21V4H7.2L9.2 6H17.96M11.5 7.63L11.08 7.88L12.53 9.33C12.97 9.05 13.13 8.46 12.86 8C12.58 7.5 11.97 7.35 11.5 7.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-off.svg
new file mode 100644
index 00000000..e9103bda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-off" viewBox="0 0 24 24"><path d="M20.84 22.73L17.35 19.24L17 21H7L5.79 14.97L10.41 12.3L9.31 11.2L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L7.85 9.74L6.75 8.64L4.76 9.79L4 6H3V4.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M10.71 6.36C11.09 6.13 11.53 6 12 6C13.38 6 14.5 7.12 14.5 8.5C14.5 9.27 14.16 9.94 13.6 10.4L18.2 15L20 6H21V4H7.2L10 6.78L10.71 6.36M11.5 7.63L11.08 7.88L12.53 9.33C12.97 9.05 13.13 8.46 12.86 8C12.58 7.5 11.97 7.35 11.5 7.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-outline.svg
new file mode 100644
index 00000000..b377968f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-outline" viewBox="0 0 24 24"><path d="M11.5 7.63C11.97 7.35 12.58 7.5 12.86 8C13.14 8.47 12.97 9.09 12.5 9.36L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75S2.79 12.66 3.27 12.38L11.5 7.63M3 4V6H4L4.65 9.27L6.5 8.22L6.04 6H17.96L15.36 19H8.64L7.73 14.43L5.9 15.5L7 21H17L20 6H21V4H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus-outline.svg
new file mode 100644
index 00000000..a05ed7d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-plus-outline" viewBox="0 0 24 24"><path d="M4 6H3V4H21V6H20L18.6 13C17.83 13.07 17.11 13.26 16.45 13.58L17.96 6H6.04L6.5 8.22L4.65 9.27L4 6M12.86 8C12.58 7.5 11.97 7.35 11.5 7.63L3.27 12.38C2.79 12.66 2.62 13.27 2.9 13.75C3.18 14.23 3.79 14.39 4.27 14.11L12.5 9.36C12.97 9.09 13.14 8.47 12.86 8M13 19H8.64L7.73 14.43L5.9 15.5L7 21H13.35C13.13 20.37 13 19.7 13 19M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus.svg
new file mode 100644
index 00000000..01f2c4cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-plus" viewBox="0 0 24 24"><path d="M12.5 9.36L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L11.5 7.63C11.97 7.35 12.58 7.5 12.86 8C13.14 8.47 12.97 9.09 12.5 9.36M13 19C13 15.82 15.47 13.23 18.6 13L20 6H21V4H3V6H4L4.76 9.79L10.71 6.36C11.09 6.13 11.53 6 12 6C13.38 6 14.5 7.12 14.5 8.5C14.5 9.44 14 10.26 13.21 10.69L5.79 14.97L7 21H13.35C13.13 20.37 13 19.7 13 19M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove-outline.svg
new file mode 100644
index 00000000..7f222687
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-remove-outline" viewBox="0 0 24 24"><path d="M4 6H3V4H21V6H20L18.6 13C17.83 13.07 17.11 13.26 16.45 13.58L17.96 6H6.04L6.5 8.22L4.65 9.27L4 6M12.86 8C12.58 7.5 11.97 7.35 11.5 7.63L3.27 12.38C2.79 12.66 2.62 13.27 2.9 13.75C3.18 14.23 3.79 14.39 4.27 14.11L12.5 9.36C12.97 9.09 13.14 8.47 12.86 8M13 19H8.64L7.73 14.43L5.9 15.5L7 21H13.35C13.13 20.37 13 19.7 13 19M21.12 15.46L19 17.59L16.88 15.46L15.46 16.88L17.58 19L15.46 21.12L16.87 22.54L19 20.41L21.12 22.54L22.53 21.12L20.41 19L22.53 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove.svg
new file mode 100644
index 00000000..4f1b1c2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail-remove" viewBox="0 0 24 24"><path d="M12.5 9.36L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L11.5 7.63C11.97 7.35 12.58 7.5 12.86 8C13.14 8.47 12.97 9.09 12.5 9.36M13 19C13 15.82 15.47 13.23 18.6 13L20 6H21V4H3V6H4L4.76 9.79L10.71 6.36C11.09 6.13 11.53 6 12 6C13.38 6 14.5 7.12 14.5 8.5C14.5 9.44 14 10.26 13.21 10.69L5.79 14.97L7 21H13.35C13.13 20.37 13 19.7 13 19M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pail.svg
new file mode 100644
index 00000000..0655c0fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pail" viewBox="0 0 24 24"><path d="M11.5 7.63C11.97 7.35 12.58 7.5 12.86 8C13.14 8.47 12.97 9.09 12.5 9.36L4.27 14.11C3.79 14.39 3.18 14.23 2.9 13.75C2.62 13.27 2.79 12.66 3.27 12.38L11.5 7.63M7 21L5.79 14.97L13.21 10.69C14 10.26 14.5 9.44 14.5 8.5C14.5 7.12 13.38 6 12 6C11.53 6 11.09 6.13 10.71 6.36L4.76 9.79L4 6H3V4H21V6H20L17 21H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette-advanced.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette-advanced.svg
new file mode 100644
index 00000000..c5ae5847
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette-advanced.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette-advanced" viewBox="0 0 24 24"><path d="M22,22H10V20H22V22M2,22V20H9V22H2M18,18V10H22V18H18M18,3H22V9H18V3M2,18V3H16V18H2M9,14.56A3,3 0 0,0 12,11.56C12,9.56 9,6.19 9,6.19C9,6.19 6,9.56 6,11.56A3,3 0 0,0 9,14.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette-outline.svg
new file mode 100644
index 00000000..001705db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette-outline" viewBox="0 0 24 24"><path d="M12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2C17.5,2 22,6 22,11A6,6 0 0,1 16,17H14.2C13.9,17 13.7,17.2 13.7,17.5C13.7,17.6 13.8,17.7 13.8,17.8C14.2,18.3 14.4,18.9 14.4,19.5C14.5,20.9 13.4,22 12,22M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C12.3,20 12.5,19.8 12.5,19.5C12.5,19.3 12.4,19.2 12.4,19.1C12,18.6 11.8,18.1 11.8,17.5C11.8,16.1 12.9,15 14.3,15H16A4,4 0 0,0 20,11C20,7.1 16.4,4 12,4M6.5,10C7.3,10 8,10.7 8,11.5C8,12.3 7.3,13 6.5,13C5.7,13 5,12.3 5,11.5C5,10.7 5.7,10 6.5,10M9.5,6C10.3,6 11,6.7 11,7.5C11,8.3 10.3,9 9.5,9C8.7,9 8,8.3 8,7.5C8,6.7 8.7,6 9.5,6M14.5,6C15.3,6 16,6.7 16,7.5C16,8.3 15.3,9 14.5,9C13.7,9 13,8.3 13,7.5C13,6.7 13.7,6 14.5,6M17.5,10C18.3,10 19,10.7 19,11.5C19,12.3 18.3,13 17.5,13C16.7,13 16,12.3 16,11.5C16,10.7 16.7,10 17.5,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-outline.svg
new file mode 100644
index 00000000..fc1d566f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette-swatch-outline" viewBox="0 0 24 24"><path d="M2.5 19.6L3.8 20.2V11.2L1.4 17C1 18.1 1.5 19.2 2.5 19.6M15.2 4.8L20.2 16.8L12.9 19.8L7.9 7.9V7.8L15.2 4.8M15.3 2.8C15 2.8 14.8 2.8 14.5 2.9L7.1 6C6.4 6.3 5.9 7 5.9 7.8C5.9 8 5.9 8.3 6 8.6L11 20.5C11.3 21.3 12 21.7 12.8 21.7C13.1 21.7 13.3 21.7 13.6 21.6L21 18.5C22 18.1 22.5 16.9 22.1 15.9L17.1 4C16.8 3.2 16 2.8 15.3 2.8M10.5 9.9C9.9 9.9 9.5 9.5 9.5 8.9S9.9 7.9 10.5 7.9C11.1 7.9 11.5 8.4 11.5 8.9S11.1 9.9 10.5 9.9M5.9 19.8C5.9 20.9 6.8 21.8 7.9 21.8H9.3L5.9 13.5V19.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-variant.svg
new file mode 100644
index 00000000..0fedcc90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette-swatch-variant" viewBox="0 0 24 24"><path d="M20 14H6C3.8 14 2 15.8 2 18S3.8 22 6 22H20C21.1 22 22 21.1 22 20V16C22 14.9 21.1 14 20 14M6 20C4.9 20 4 19.1 4 18S4.9 16 6 16 8 16.9 8 18 7.1 20 6 20M6.3 12L13 5.3C13.8 4.5 15 4.5 15.8 5.3L18.6 8.1C19.4 8.9 19.4 10.1 18.6 10.9L17.7 12H6.3M2 13.5V4C2 2.9 2.9 2 4 2H8C9.1 2 10 2.9 10 4V5.5L2 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch.svg
new file mode 100644
index 00000000..76ae0cb5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette-swatch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette-swatch" viewBox="0 0 24 24"><path d="M2.53,19.65L3.87,20.21V11.18L1.44,17.04C1.03,18.06 1.5,19.23 2.53,19.65M22.03,15.95L17.07,4C16.76,3.23 16.03,2.77 15.26,2.75C15,2.75 14.73,2.79 14.47,2.9L7.1,5.95C6.35,6.26 5.89,7 5.87,7.75C5.86,8 5.91,8.29 6,8.55L11,20.5C11.29,21.28 12.03,21.74 12.81,21.75C13.07,21.75 13.33,21.7 13.58,21.6L20.94,18.55C21.96,18.13 22.45,16.96 22.03,15.95M7.88,8.75A1,1 0 0,1 6.88,7.75A1,1 0 0,1 7.88,6.75C8.43,6.75 8.88,7.2 8.88,7.75C8.88,8.3 8.43,8.75 7.88,8.75M5.88,19.75A2,2 0 0,0 7.88,21.75H9.33L5.88,13.41V19.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palette.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palette.svg
new file mode 100644
index 00000000..1a44f93f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palette.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palette" viewBox="0 0 24 24"><path d="M17.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,9A1.5,1.5 0 0,1 19,10.5A1.5,1.5 0 0,1 17.5,12M14.5,8A1.5,1.5 0 0,1 13,6.5A1.5,1.5 0 0,1 14.5,5A1.5,1.5 0 0,1 16,6.5A1.5,1.5 0 0,1 14.5,8M9.5,8A1.5,1.5 0 0,1 8,6.5A1.5,1.5 0 0,1 9.5,5A1.5,1.5 0 0,1 11,6.5A1.5,1.5 0 0,1 9.5,8M6.5,12A1.5,1.5 0 0,1 5,10.5A1.5,1.5 0 0,1 6.5,9A1.5,1.5 0 0,1 8,10.5A1.5,1.5 0 0,1 6.5,12M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A1.5,1.5 0 0,0 13.5,19.5C13.5,19.11 13.35,18.76 13.11,18.5C12.88,18.23 12.73,17.88 12.73,17.5A1.5,1.5 0 0,1 14.23,16H16A5,5 0 0,0 21,11C21,6.58 16.97,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/palm-tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/palm-tree.svg
new file mode 100644
index 00000000..46959da0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/palm-tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-palm-tree" viewBox="0 0 24 24"><path d="M12 9C13.59 16.61 10 22 10 22H13C14.88 16.2 14 12.09 13.5 10M15.66 7.16C15.83 7.37 16 7.59 16.13 7.82C17.84 10.53 17.5 13.95 15.5 16.26C16.34 14.21 16.22 11.79 14.95 9.77C14.87 9.64 14.78 9.53 14.7 9.41C14.11 8.58 13.36 7.92 12.54 7.43C9.66 8.35 7.58 11.04 7.58 14.22C7.58 14.96 7.69 15.67 7.89 16.33C7.05 15.16 6.56 13.73 6.56 12.19C6.56 9.84 7.7 7.76 9.45 6.46C8 6.35 6.46 6.67 5.12 7.5C4.5 7.91 3.96 8.38 3.5 8.91C4.05 7.58 5 6.39 6.3 5.57C7.8 4.63 9.5 4.32 11.14 4.56C10.73 4 10.23 3.47 9.63 3C9.05 2.58 8.42 2.24 7.76 2C9.2 2.04 10.64 2.5 11.87 3.43C12.5 3.9 13 4.47 13.4 5.07C13.5 5.07 13.59 5.06 13.69 5.06C16.89 5.06 19.6 7.17 20.5 10.08C19.38 8.5 17.65 7.43 15.66 7.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-left.svg
new file mode 100644
index 00000000..f838b63c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-bottom-left" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M5.35,13L11,18.65L5,19L5.35,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-right.svg
new file mode 100644
index 00000000..4fe6914f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-bottom-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-bottom-right" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M13,18.65L18.65,13L19,19L13,18.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-down.svg
new file mode 100644
index 00000000..1e04be82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-down" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-horizontal.svg
new file mode 100644
index 00000000..5de92f9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-horizontal" viewBox="0 0 24 24"><path d="M7,8L2.5,12L7,16V8M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-left.svg
new file mode 100644
index 00000000..a6a2522a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-left" viewBox="0 0 24 24"><path d="M7,8L2.5,12L7,16V8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-right.svg
new file mode 100644
index 00000000..c03eabdf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-right" viewBox="0 0 24 24"><path d="M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-left.svg
new file mode 100644
index 00000000..298c7af0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-top-left" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M11,5.35L5.35,11L5,5L11,5.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-right.svg
new file mode 100644
index 00000000..bab243d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-top-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-top-right" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M18.65,11L13,5.35L19,5L18.65,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-up.svg
new file mode 100644
index 00000000..51c34df4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-up" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan-vertical.svg
new file mode 100644
index 00000000..e8d83769
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan-vertical" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pan.svg
new file mode 100644
index 00000000..617752b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pan" viewBox="0 0 24 24"><path d="M12,2.5L8,7H16L12,2.5M7,8L2.5,12L7,16V8M17,8V16L21.5,12L17,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M8,17L12,21.5L16,17H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panda.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panda.svg
new file mode 100644
index 00000000..7b5943fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panda" viewBox="0 0 24 24"><path d="M12,3C13.74,3 15.36,3.5 16.74,4.35C17.38,3.53 18.38,3 19.5,3A3.5,3.5 0 0,1 23,6.5C23,8 22.05,9.28 20.72,9.78C20.9,10.5 21,11.23 21,12A9,9 0 0,1 12,21A9,9 0 0,1 3,12C3,11.23 3.1,10.5 3.28,9.78C1.95,9.28 1,8 1,6.5A3.5,3.5 0 0,1 4.5,3C5.62,3 6.62,3.53 7.26,4.35C8.64,3.5 10.26,3 12,3M12,5A7,7 0 0,0 5,12A7,7 0 0,0 12,19A7,7 0 0,0 19,12A7,7 0 0,0 12,5M16.19,10.3C16.55,11.63 16.08,12.91 15.15,13.16C14.21,13.42 13.17,12.54 12.81,11.2C12.45,9.87 12.92,8.59 13.85,8.34C14.79,8.09 15.83,8.96 16.19,10.3M7.81,10.3C8.17,8.96 9.21,8.09 10.15,8.34C11.08,8.59 11.55,9.87 11.19,11.2C10.83,12.54 9.79,13.42 8.85,13.16C7.92,12.91 7.45,11.63 7.81,10.3M12,14C12.6,14 13.13,14.19 13.5,14.5L12.5,15.5C12.5,15.92 12.84,16.25 13.25,16.25A0.75,0.75 0 0,0 14,15.5A0.5,0.5 0 0,1 14.5,15A0.5,0.5 0 0,1 15,15.5A1.75,1.75 0 0,1 13.25,17.25C12.76,17.25 12.32,17.05 12,16.72C11.68,17.05 11.24,17.25 10.75,17.25A1.75,1.75 0 0,1 9,15.5A0.5,0.5 0 0,1 9.5,15A0.5,0.5 0 0,1 10,15.5A0.75,0.75 0 0,0 10.75,16.25A0.75,0.75 0 0,0 11.5,15.5L10.5,14.5C10.87,14.19 11.4,14 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pandora.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pandora.svg
new file mode 100644
index 00000000..3f4232f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pandora.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pandora" viewBox="0 0 24 24"><path d="M10,20A1,1 0 0,1 9,21H4V3H13.71A6.75,6.75 0 0,1 20.46,9.75C20.46,13.5 17.44,16.5 13.71,16.5H10V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-fisheye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-fisheye.svg
new file mode 100644
index 00000000..b589b856
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-fisheye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-fisheye" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal-outline.svg
new file mode 100644
index 00000000..d9d6173b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-horizontal-outline" viewBox="0 0 24 24"><path d="M21.43,4C21.33,4 21.23,4 21.12,4.06C18.18,5.16 15.09,5.7 12,5.7C8.91,5.7 5.82,5.15 2.88,4.06C2.77,4 2.66,4 2.57,4C2.23,4 2,4.23 2,4.63V19.38C2,19.77 2.23,20 2.57,20C2.67,20 2.77,20 2.88,19.94C5.82,18.84 8.91,18.3 12,18.3C15.09,18.3 18.18,18.85 21.12,19.94C21.23,20 21.33,20 21.43,20C21.76,20 22,19.77 22,19.37V4.63C22,4.23 21.76,4 21.43,4M20,6.54V17.45C17.4,16.68 14.72,16.29 12,16.29C9.28,16.29 6.6,16.68 4,17.45V6.54C6.6,7.31 9.28,7.7 12,7.7C14.72,7.71 17.4,7.32 20,6.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal.svg
new file mode 100644
index 00000000..4ecc8c15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-horizontal" viewBox="0 0 24 24"><path d="M12 5.5C8.1 5.5 5.1 4.7 3.3 4.1C2.7 3.8 2 4.3 2 5V19C2 19.7 2.7 20.2 3.3 20C5.4 19.3 8.1 18.5 12 18.5C15.9 18.5 18.7 19.3 20.7 20C21.4 20.2 22 19.7 22 19V5C22 4.3 21.3 3.8 20.7 4.1C18.7 4.7 15.9 5.5 12 5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-outline.svg
new file mode 100644
index 00000000..a920f4c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-outline" viewBox="0 0 24 24"><path d="M21 4H3C1.9 4 1 4.9 1 6V18C1 19.1 1.9 20 3 20H21C22.1 20 23 19.1 23 18V6C23 4.9 22.1 4 21 4M21 18H3V6H21V18M14.5 11L11 15.5L8.5 12.5L5 17H19L14.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere-outline.svg
new file mode 100644
index 00000000..1d708fb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-sphere-outline" viewBox="0 0 24 24"><path d="M22 8.1C21.7 8 21.3 7.8 21 7.7C19.4 4.3 16 2 12 2S4.6 4.3 3 7.7C2.7 7.8 2.3 8 2.1 8.1C1.4 8.5 1 9.2 1 9.9V14.1C1 14.8 1.4 15.5 2 15.9C2.3 16 2.7 16.2 3 16.3C4.6 19.7 8 22 12 22S19.4 19.7 21 16.3C21.3 16.2 21.6 16 21.9 15.8C22.5 15.4 23 14.8 23 14V9.9C23 9.2 22.6 8.5 22 8.1M21 9.9V14.1C18.8 15.3 15.5 16 12 16S5.2 15.3 3 14.1V9.9C5.2 8.7 8.5 8 12 8S18.8 8.7 21 9.9M12 4C14.4 4 16.5 5 18 6.7C16.2 6.2 14.1 6 12 6S7.8 6.2 6.1 6.7C7.5 5 9.6 4 12 4M12 20C9.6 20 7.5 19 6.1 17.3C7.8 17.8 9.9 18 12 18S16.2 17.8 18 17.3C16.5 19 14.4 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere.svg
new file mode 100644
index 00000000..08f0bdc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-sphere.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-sphere" viewBox="0 0 24 24"><path d="M22 8.1C21.7 8 21.3 7.8 21 7.7C19.4 4.3 16 2 12 2S4.6 4.3 3 7.7C2.7 7.8 2.3 8 2.1 8.1C1.4 8.5 1 9.2 1 9.9V14.1C1 14.8 1.4 15.5 2 15.9C2.3 16 2.7 16.2 3 16.3C4.6 19.7 8 22 12 22S19.4 19.7 21 16.3C21.3 16.2 21.6 16 21.9 15.8C22.5 15.4 23 14.8 23 14V9.9C23 9.2 22.6 8.5 22 8.1M12 4C14.4 4 16.5 5 18 6.7C16.2 6.2 14.1 6 12 6S7.8 6.2 6.1 6.7C7.5 5 9.6 4 12 4M12 20C9.6 20 7.5 19 6.1 17.3C7.8 17.8 9.9 18 12 18S16.2 17.8 18 17.3C16.5 19 14.4 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant-outline.svg
new file mode 100644
index 00000000..402cf2ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-variant-outline" viewBox="0 0 24 24"><path d="M21 4C20.4 4 17.4 5.5 12 5.5C6.7 5.5 3.5 4 3 4C2.5 4 2 4.4 2 5V19C2 19.6 2.5 20 3 20C3.6 20 6.5 18.5 12 18.5C17.4 18.5 20.4 20 21 20C21.5 20 22 19.6 22 19V5C22 4.4 21.5 4 21 4M20 17.6C18 17 15.4 16.5 12 16.5C8.6 16.5 6 17 4 17.6V6.4C6.6 7.1 9.3 7.5 12 7.5C15.4 7.5 18 7 20 6.4V17.6M9.2 11L5.5 15.4C7.5 15.1 9.7 15 12 15C14.3 15 16.5 15.1 18.5 15.4L14 10L11.2 13.4L9.2 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant.svg
new file mode 100644
index 00000000..ecfbe41c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-variant" viewBox="0 0 24 24"><path d="M20.7 4.1C18.7 4.8 15.9 5.5 12 5.5C8.1 5.5 5.1 4.7 3.3 4.1C2.7 3.8 2 4.3 2 5V19C2 19.7 2.7 20.2 3.3 20C5.4 19.3 8.1 18.5 12 18.5C15.9 18.5 18.7 19.3 20.7 20C21.4 20.2 22 19.7 22 19V5C22 4.3 21.3 3.8 20.7 4.1M12 15C9.7 15 7.5 15.1 5.5 15.4L9.2 11L11.2 13.4L14 10L18.5 15.4C16.5 15.1 14.3 15 12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical-outline.svg
new file mode 100644
index 00000000..c22e9ba0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-vertical-outline" viewBox="0 0 24 24"><path d="M6.54,20C7.31,17.4 7.7,14.72 7.7,12C7.7,9.28 7.31,6.6 6.54,4H17.45C16.68,6.6 16.29,9.28 16.29,12C16.29,14.72 16.68,17.4 17.45,20M19.94,21.12C18.84,18.18 18.3,15.09 18.3,12C18.3,8.91 18.85,5.82 19.94,2.88C20,2.77 20,2.66 20,2.57C20,2.23 19.77,2 19.37,2H4.63C4.23,2 4,2.23 4,2.57C4,2.67 4,2.77 4.06,2.88C5.16,5.82 5.71,8.91 5.71,12C5.71,15.09 5.16,18.18 4.07,21.12C4,21.23 4,21.34 4,21.43C4,21.76 4.23,22 4.63,22H19.38C19.77,22 20,21.76 20,21.43C20,21.33 20,21.23 19.94,21.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical.svg
new file mode 100644
index 00000000..85af80b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-vertical" viewBox="0 0 24 24"><path d="M18.5 12C18.5 8.1 19.3 5.1 19.9 3.3C20.1 2.7 19.7 2 19 2H5C4.3 2 3.8 2.7 4.1 3.3C4.7 5.4 5.5 8.1 5.5 12C5.5 15.9 4.7 18.7 4.1 20.7C3.8 21.3 4.3 22 5 22H19C19.7 22 20.2 21.3 20 20.7C19.3 18.7 18.5 15.9 18.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle-outline.svg
new file mode 100644
index 00000000..d297370c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-wide-angle-outline" viewBox="0 0 24 24"><path d="M12,4C9.27,4 6.78,4.24 4.05,4.72L3.12,4.88L2.87,5.78C2.29,7.85 2,9.93 2,12C2,14.07 2.29,16.15 2.87,18.22L3.12,19.11L4.05,19.27C6.78,19.76 9.27,20 12,20C14.73,20 17.22,19.76 19.95,19.28L20.88,19.12L21.13,18.23C21.71,16.15 22,14.07 22,12C22,9.93 21.71,7.85 21.13,5.78L20.88,4.89L19.95,4.73C17.22,4.24 14.73,4 12,4M12,6C14.45,6 16.71,6.2 19.29,6.64C19.76,8.42 20,10.22 20,12C20,13.78 19.76,15.58 19.29,17.36C16.71,17.8 14.45,18 12,18C9.55,18 7.29,17.8 4.71,17.36C4.24,15.58 4,13.78 4,12C4,10.22 4.24,8.42 4.71,6.64C7.29,6.2 9.55,6 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle.svg
new file mode 100644
index 00000000..8e853898
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama-wide-angle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama-wide-angle" viewBox="0 0 24 24"><path d="M12 4C8 4 5.2 4.6 3 5C2.5 7 2 8.9 2 12C2 15 2.5 17 3 19C5.2 19.4 8 20 12 20C16 20 18.9 19.4 21 19C21.6 17 22 15 22 12C22 9 21.5 6.9 21 5C18.9 4.6 16 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/panorama.svg b/apps/phoenix_webcomponent/priv/mdi/svg/panorama.svg
new file mode 100644
index 00000000..e75649f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/panorama.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-panorama" viewBox="0 0 24 24"><path d="M8.5,12.5L11,15.5L14.5,11L19,17H5M23,18V6A2,2 0 0,0 21,4H3A2,2 0 0,0 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paper-cut-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paper-cut-vertical.svg
new file mode 100644
index 00000000..5b004ead
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paper-cut-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paper-cut-vertical" viewBox="0 0 24 24"><path d="M11.43,3.23L12,4L12.57,3.23V3.24C13.12,2.5 14,2 15,2A3,3 0 0,1 18,5C18,5.35 17.94,5.69 17.83,6H20A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8A2,2 0 0,1 4,6H6.17C6.06,5.69 6,5.35 6,5A3,3 0 0,1 9,2C10,2 10.88,2.5 11.43,3.24V3.23M4,8V20H11A1,1 0 0,1 12,19A1,1 0 0,1 13,20H20V8H15L14.9,8L17,10.92L15.4,12.1L12.42,8H11.58L8.6,12.1L7,10.92L9.1,8H9L4,8M9,4A1,1 0 0,0 8,5A1,1 0 0,0 9,6A1,1 0 0,0 10,5A1,1 0 0,0 9,4M15,4A1,1 0 0,0 14,5A1,1 0 0,0 15,6A1,1 0 0,0 16,5A1,1 0 0,0 15,4M12,16A1,1 0 0,1 13,17A1,1 0 0,1 12,18A1,1 0 0,1 11,17A1,1 0 0,1 12,16M12,13A1,1 0 0,1 13,14A1,1 0 0,1 12,15A1,1 0 0,1 11,14A1,1 0 0,1 12,13M12,10A1,1 0 0,1 13,11A1,1 0 0,1 12,12A1,1 0 0,1 11,11A1,1 0 0,1 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll-outline.svg
new file mode 100644
index 00000000..34aca11e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paper-roll-outline" viewBox="0 0 24 24"><path d="M9 3C5.69 3 3.14 5.69 3 9V21H12V13.46C13.1 14.45 14.5 15 16 15C19.31 15 22 12.31 22 9C22 5.69 19.31 3 16 3H9M9 5H11.54C10.55 6.1 10 7.5 10 9V12H9V13H10V19H5V13H6V12H5V9C5 6.79 6.79 5 9 5M16 5C18.21 5 20 6.79 20 9C20 11.21 18.21 13 16 13C13.79 13 12 11.21 12 9C12 6.79 13.79 5 16 5M16 7.25C15.03 7.25 14.25 8.03 14.25 9C14.25 9.97 15.03 10.75 16 10.75C16.97 10.75 17.75 9.97 17.75 9C17.75 8.03 16.97 7.25 16 7.25M7 12V13H8V12H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll.svg
new file mode 100644
index 00000000..d5e6074d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paper-roll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paper-roll" viewBox="0 0 24 24"><path d="M9 3C5.69 3 3.14 5.69 3 9V21H12V13.46C13.1 14.45 14.5 15 16 15C19.31 15 22 12.31 22 9C22 5.69 19.31 3 16 3H9M16 5C18.21 5 20 6.79 20 9C20 11.21 18.21 13 16 13C13.79 13 12 11.21 12 9C12 6.79 13.79 5 16 5M16 7.25C15.03 7.25 14.25 8.03 14.25 9C14.25 9.97 15.03 10.75 16 10.75C16.97 10.75 17.75 9.97 17.75 9C17.75 8.03 16.97 7.25 16 7.25M4 12H5V13H4V12M6 12H7V13H6V12M8 12H9V13H8V12M10 12H11V13H10V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-check.svg
new file mode 100644
index 00000000..a7b4e91a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-check" viewBox="0 0 24 24"><path d="M13.5 21.36C13.7 21.84 13.97 22.29 14.29 22.7C13.73 22.89 13.13 23 12.5 23C9.46 23 7 20.54 7 17.5V5C7 2.79 8.79 1 11 1S15 2.79 15 5V14.54C14.03 15.41 13.35 16.58 13.1 17.92C12.91 17.97 12.71 18 12.5 18C11.12 18 10 16.88 10 15.5V6H11.5V15.5C11.5 16.05 11.95 16.5 12.5 16.5S13.5 16.05 13.5 15.5V5C13.5 3.62 12.38 2.5 11 2.5S8.5 3.62 8.5 5V17.5C8.5 19.71 10.29 21.5 12.5 21.5C12.84 21.5 13.17 21.44 13.5 21.36M18 6H16.5V13.55C16.97 13.34 17.47 13.18 18 13.09V6M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-lock.svg
new file mode 100644
index 00000000..f02b430a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-lock" viewBox="0 0 24 24"><path d="M18 13C16.6 13 15.2 14.1 15.2 15.5V17C14.6 17 14 17.6 14 18.2V21.7C14 22.4 14.6 23 15.2 23H20.7C21.4 23 22 22.4 22 21.8V18.3C22 17.6 21.4 17 20.8 17V15.5C20.8 14.1 19.4 13 18 13M18 14.2C18.8 14.2 19.5 14.7 19.5 15.5V17H16.5V15.5C16.5 14.7 17.2 14.2 18 14.2M8.9 2C6.8 2 5 3.8 5 6V16.5C5 19.5 7.5 22 10.5 22C11 22 11.5 21.9 12 21.8V20.2C11.5 20.4 11 20.5 10.5 20.5C8.3 20.5 6.5 18.7 6.5 16.5V6C6.5 4.6 7.6 3.5 9 3.5S11.5 4.6 11.5 6V14.5C11.5 15.1 11.1 15.5 10.5 15.5S9.5 15.1 9.5 14.5V7H8V14.5C8 15.9 9.1 17 10.5 17S13 15.9 13 14.5V6C13 3.8 11.2 2 8.9 2C9 2 9 2 8.9 2M14.5 7V12.4C14.9 12 15.4 11.6 16 11.4V7H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-minus.svg
new file mode 100644
index 00000000..0b08afa7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-minus" viewBox="0 0 24 24"><path d="M18 13.09C17.47 13.18 16.97 13.34 16.5 13.55V6H18V13.09M12.5 21.5C10.29 21.5 8.5 19.71 8.5 17.5V5C8.5 3.62 9.62 2.5 11 2.5S13.5 3.62 13.5 5V15.5C13.5 16.05 13.05 16.5 12.5 16.5S11.5 16.05 11.5 15.5V6H10V15.5C10 16.88 11.12 18 12.5 18C12.71 18 12.91 17.97 13.1 17.92C13.35 16.58 14.03 15.41 15 14.54V5C15 2.79 13.21 1 11 1S7 2.79 7 5V17.5C7 20.54 9.46 23 12.5 23C13.13 23 13.73 22.89 14.29 22.7C13.97 22.29 13.7 21.84 13.5 21.36C13.17 21.44 12.84 21.5 12.5 21.5M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-off.svg
new file mode 100644
index 00000000..4668f449
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-off" viewBox="0 0 24 24"><path d="M8.5 5.3L7.16 3.96C7.62 2.26 9.15 1 11 1C13.21 1 15 2.79 15 5V11.8L13.5 10.3V5C13.5 3.62 12.38 2.5 11 2.5S8.5 3.62 8.5 5V5.3M18 6H16.5V13.3L18 14.8V6M22.11 21.46L20.84 22.73L17.62 19.5C16.81 21.55 14.83 23 12.5 23C9.46 23 7 20.54 7 17.5V8.89L1.11 3L2.39 1.73L22.11 21.46M11.5 15.5C11.5 16.05 11.95 16.5 12.5 16.5S13.5 16.05 13.5 15.5V15.39L11.5 13.39V15.5M16.42 18.31L14.73 16.62C14.32 17.43 13.5 18 12.5 18C11.12 18 10 16.88 10 15.5V11.89L8.5 10.39V17.5C8.5 19.71 10.29 21.5 12.5 21.5C14.43 21.5 16.04 20.13 16.42 18.31M10 6.8L11.5 8.3V6H10V6.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-plus.svg
new file mode 100644
index 00000000..8ccdc5bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-plus" viewBox="0 0 24 24"><path d="M18 13.09C17.47 13.18 16.97 13.34 16.5 13.55V6H18V13.09M12.5 21.5C10.29 21.5 8.5 19.71 8.5 17.5V5C8.5 3.62 9.62 2.5 11 2.5S13.5 3.62 13.5 5V15.5C13.5 16.05 13.05 16.5 12.5 16.5S11.5 16.05 11.5 15.5V6H10V15.5C10 16.88 11.12 18 12.5 18C12.71 18 12.91 17.97 13.1 17.92C13.35 16.58 14.03 15.41 15 14.54V5C15 2.79 13.21 1 11 1S7 2.79 7 5V17.5C7 20.54 9.46 23 12.5 23C13.13 23 13.73 22.89 14.29 22.7C13.97 22.29 13.7 21.84 13.5 21.36C13.17 21.44 12.84 21.5 12.5 21.5M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-remove.svg
new file mode 100644
index 00000000..6440397c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip-remove" viewBox="0 0 24 24"><path d="M18 13.09C17.47 13.18 16.97 13.34 16.5 13.55V6H18V13.09M11 1C8.79 1 7 2.79 7 5V17.5C7 20.54 9.46 23 12.5 23C13.13 23 13.73 22.89 14.29 22.7C13.97 22.29 13.7 21.84 13.5 21.36C13.17 21.44 12.84 21.5 12.5 21.5C10.29 21.5 8.5 19.71 8.5 17.5V5C8.5 3.62 9.62 2.5 11 2.5S13.5 3.62 13.5 5V15.5C13.5 16.05 13.05 16.5 12.5 16.5S11.5 16.05 11.5 15.5V6H10V15.5C10 16.88 11.12 18 12.5 18C12.71 18 12.91 17.97 13.1 17.92C13.35 16.58 14.03 15.41 15 14.54V5C15 2.79 13.21 1 11 1M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paperclip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip.svg
new file mode 100644
index 00000000..ed36ff16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paperclip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paperclip" viewBox="0 0 24 24"><path d="M16.5,6V17.5A4,4 0 0,1 12.5,21.5A4,4 0 0,1 8.5,17.5V5A2.5,2.5 0 0,1 11,2.5A2.5,2.5 0 0,1 13.5,5V15.5A1,1 0 0,1 12.5,16.5A1,1 0 0,1 11.5,15.5V6H10V15.5A2.5,2.5 0 0,0 12.5,18A2.5,2.5 0 0,0 15,15.5V5A4,4 0 0,0 11,1A4,4 0 0,0 7,5V17.5A5.5,5.5 0 0,0 12.5,23A5.5,5.5 0 0,0 18,17.5V6H16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/parachute-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/parachute-outline.svg
new file mode 100644
index 00000000..6a51fc02
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/parachute-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-parachute-outline" viewBox="0 0 24 24"><path d="M21.2,10.95L12,23L2.78,10.96L2.87,10.88C3.08,10.67 3.33,10.5 3.58,10.36L10.73,19.69L8.58,13L9.24,11.81L12,20.38L14.73,11.8L15.4,13L13.27,19.69L20.41,10.35C20.66,10.5 20.9,10.64 21.1,10.85L21.2,10.95M12,4C14.5,4 16.77,5.17 18.25,7.03C17.24,7.15 16.28,7.54 15.47,8.13C14.47,7.41 13.26,7 12,7C10.71,7 9.5,7.41 8.5,8.14C7.68,7.55 6.72,7.17 5.71,7.04C7.19,5.17 9.47,4 12,4M12,2C7.09,2 3.03,5.5 2.16,10.17C2.89,9.45 3.89,9 5,9C6.5,9 7.81,9.86 8.5,11.1C9.17,9.86 10.47,9 12,9C13.5,9 14.8,9.85 15.5,11.09C16.16,9.84 17.47,9 19,9C20.09,9 21.09,9.42 21.81,10.14C20.94,5.5 16.88,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/parachute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/parachute.svg
new file mode 100644
index 00000000..ee514c0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/parachute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-parachute" viewBox="0 0 24 24"><path d="M21.2,10.95L12,23L2.78,10.96L2.87,10.88C3.08,10.67 3.33,10.5 3.58,10.36L10.73,19.69L8.58,13L9.24,11.81L12,20.38L14.73,11.8L15.4,13L13.27,19.69L20.41,10.35C20.66,10.5 20.9,10.64 21.1,10.85L21.2,10.95M5,9C6.5,9 7.81,9.86 8.5,11.1C9.17,9.86 10.47,9 12,9C13.5,9 14.8,9.85 15.5,11.09C16.16,9.84 17.47,9 19,9C20.09,9 21.09,9.42 21.81,10.14C20.94,5.5 16.88,2 12,2C7.09,2 3.03,5.5 2.16,10.17C2.89,9.45 3.89,9 5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paragliding.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paragliding.svg
new file mode 100644
index 00000000..de2444ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paragliding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paragliding" viewBox="0 0 24 24"><path d="M12 17C10.9 17 10 16.11 10 15S10.9 13 12 13 14 13.9 14 15 13.11 17 12 17M19 14H17C17 16.76 14.76 19 12 19S7 16.76 7 14H5C5 16.79 6.64 19.19 9 20.32V23H15V20.32C17.36 19.19 19 16.79 19 14M23 7.76C23.04 8.56 22.05 9.06 21.41 8.6C21.27 8.46 21.16 8.44 21 8.32L18.97 13H17L15.5 6.73C13.21 6.5 10.79 6.5 8.5 6.73L7 13H5.03L3 8.32C2.84 8.44 2.73 8.46 2.59 8.6C1.95 9.06 .959 8.56 1 7.76V4C1 4 1 1 12 1S23 4 23 4M6.9 7C6 7.2 5.15 7.43 4.37 7.71L5.87 11.27L6.9 7M19.63 7.71C18.85 7.43 18 7.2 17.1 7L18.13 11.27L19.63 7.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/parking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/parking.svg
new file mode 100644
index 00000000..6337794e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/parking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-parking" viewBox="0 0 24 24"><path d="M13.2,11H10V7H13.2A2,2 0 0,1 15.2,9A2,2 0 0,1 13.2,11M13,3H6V21H10V15H13A6,6 0 0,0 19,9C19,5.68 16.31,3 13,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/party-popper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/party-popper.svg
new file mode 100644
index 00000000..b7a0f4ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/party-popper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-party-popper" viewBox="0 0 24 24"><path d="M14.53 1.45L13.45 2.53L15.05 4.13C15.27 4.38 15.38 4.67 15.38 5S15.27 5.64 15.05 5.86L11.5 9.47L12.5 10.55L16.13 6.94C16.66 6.35 16.92 5.7 16.92 5C16.92 4.3 16.66 3.64 16.13 3.05L14.53 1.45M10.55 3.47L9.47 4.55L10.08 5.11C10.3 5.33 10.41 5.63 10.41 6S10.3 6.67 10.08 6.89L9.47 7.45L10.55 8.53L11.11 7.92C11.64 7.33 11.91 6.69 11.91 6C11.91 5.28 11.64 4.63 11.11 4.03L10.55 3.47M21 5.06C20.31 5.06 19.67 5.33 19.08 5.86L13.45 11.5L14.53 12.5L20.11 6.94C20.36 6.69 20.66 6.56 21 6.56S21.64 6.69 21.89 6.94L22.5 7.55L23.53 6.47L22.97 5.86C22.38 5.33 21.72 5.06 21 5.06M7 8L2 22L16 17L7 8M19 11.06C18.3 11.06 17.66 11.33 17.06 11.86L15.47 13.45L16.55 14.53L18.14 12.94C18.39 12.69 18.67 12.56 19 12.56C19.33 12.56 19.63 12.69 19.88 12.94L21.5 14.53L22.55 13.5L20.95 11.86C20.36 11.33 19.7 11.06 19 11.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/passport-biometric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/passport-biometric.svg
new file mode 100644
index 00000000..878d4d9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/passport-biometric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-passport-biometric" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V11H8.13C8.59,9.24 10.18,8 12,8C13.82,8 15.41,9.24 15.87,11H22V6A2,2 0 0,0 20,4H4M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M2,13V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V13H15.87C15.41,14.76 13.82,16 12,16C10.18,16 8.59,14.76 8.13,13H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/passport.svg b/apps/phoenix_webcomponent/priv/mdi/svg/passport.svg
new file mode 100644
index 00000000..1296879e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/passport.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-passport" viewBox="0 0 24 24"><path d="M6,2A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2H6M12,5A5,5 0 0,1 17,10A5,5 0 0,1 12,15A5,5 0 0,1 7,10A5,5 0 0,1 12,5M12,6C11.59,6.62 11.25,7.29 11.04,8H12.96C12.75,7.29 12.42,6.62 12,6M10.7,6.22C9.78,6.53 9,7.17 8.54,8H10C10.18,7.38 10.4,6.78 10.7,6.22M13.29,6.22C13.59,6.78 13.82,7.38 14,8H15.46C15,7.17 14.21,6.54 13.29,6.22M8.13,9C8.05,9.32 8,9.65 8,10C8,10.35 8.05,10.68 8.13,11H9.82C9.78,10.67 9.75,10.34 9.75,10C9.75,9.66 9.78,9.33 9.82,9H8.13M10.83,9C10.78,9.32 10.75,9.66 10.75,10C10.75,10.34 10.78,10.67 10.83,11H13.17C13.21,10.67 13.25,10.34 13.25,10C13.25,9.66 13.21,9.32 13.17,9H10.83M14.18,9C14.22,9.33 14.25,9.66 14.25,10C14.25,10.34 14.22,10.67 14.18,11H15.87C15.95,10.68 16,10.35 16,10C16,9.65 15.95,9.32 15.87,9H14.18M8.54,12C9,12.83 9.78,13.46 10.7,13.78C10.4,13.22 10.18,12.63 10,12H8.54M11.04,12C11.25,12.72 11.59,13.38 12,14C12.42,13.38 12.75,12.72 12.96,12H11.04M14,12C13.82,12.63 13.59,13.22 13.29,13.78C14.21,13.46 15,12.83 15.46,12H14M7,17H17V19H7V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pasta.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pasta.svg
new file mode 100644
index 00000000..7c769643
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pasta.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pasta" viewBox="0 0 24 24"><path d="M4 16.5V8H3V7H4V6H3V5H4V4H3V3H9C9.5 3.03 9.95 3.24 10.34 3.63S10.95 4.5 11 5H21V6H11C10.95 6.53 10.73 7 10.34 7.43S9.5 8.05 9 8H7V15.05C7.05 15.05 7.13 15.04 7.24 15S7.44 15 7.5 15C8.06 15 8.7 15.14 9.42 15.42C9.83 14.5 10.53 13.68 11.53 13S13.53 12 14.53 12C16.06 12 17.36 12.53 18.42 13.59S20 15.95 20 17.5C20 17.55 20 17.64 20 17.77S19.97 17.97 19.97 18H3.14C3.27 17.5 3.55 17 4 16.5M6 15.23V8H5V15.7C5.5 15.45 5.81 15.3 6 15.23M9 7V6H7V7H9M9 4H7V5H9V4M5 4V5H6V4H5M5 6V7H6V6H5M2 19H22L20 21H4L2 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/patio-heater.svg b/apps/phoenix_webcomponent/priv/mdi/svg/patio-heater.svg
new file mode 100644
index 00000000..fb65440b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/patio-heater.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-patio-heater" viewBox="0 0 24 24"><path d="M15 22H9V21H15V22M19 4L15 2H9L5 4H19M8 5L8.4 6H15.6L16 5H8M10 10H11V15C10.4 15 10 15.4 10 16V20H14V16C14 15.4 13.6 15 13 15V10H14L14.4 9H9.6L10 10M9.2 8H14.8L15.2 7H8.8L9.2 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/patreon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/patreon.svg
new file mode 100644
index 00000000..c53f7393
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/patreon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-patreon" viewBox="0 0 24 24"><path d="M14.82 2.41C18.78 2.41 22 5.65 22 9.62C22 13.58 18.78 16.8 14.82 16.8C10.85 16.8 7.61 13.58 7.61 9.62C7.61 5.65 10.85 2.41 14.82 2.41M2 21.6H5.5V2.41H2V21.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-box-outline.svg
new file mode 100644
index 00000000..a2502b8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-box-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M19 19H5V5H19V19M13 16V8H15V16H13M9 16V8H11V16H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-box.svg
new file mode 100644
index 00000000..e78a7e7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.1 3 19 3M11 16H9V8H11V16M15 16H13V8H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle-outline.svg
new file mode 100644
index 00000000..bcebae89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-circle-outline" viewBox="0 0 24 24"><path d="M13,16V8H15V16H13M9,16V8H11V16H9M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle.svg
new file mode 100644
index 00000000..93824626
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-circle" viewBox="0 0 24 24"><path d="M15,16H13V8H15M11,16H9V8H11M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon-outline.svg
new file mode 100644
index 00000000..a8963a99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-octagon-outline" viewBox="0 0 24 24"><path d="M15,16H13V8H15V16M11,16H9V8H11V16M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M14.9,5H9.1L5,9.1V14.9L9.1,19H14.9L19,14.9V9.1L14.9,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon.svg
new file mode 100644
index 00000000..7dd02232
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause-octagon" viewBox="0 0 24 24"><path d="M15.73,3L21,8.27V15.73L15.73,21H8.27L3,15.73V8.27L8.27,3H15.73M15,16V8H13V16H15M11,16V8H9V16H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pause.svg
new file mode 100644
index 00000000..bf79b982
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pause" viewBox="0 0 24 24"><path d="M14,19H18V5H14M6,19H10V5H6V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paw-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paw-off-outline.svg
new file mode 100644
index 00000000..d1e21ee9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paw-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paw-off-outline" viewBox="0 0 24 24"><path d="M22.83 8.25C22.56 7.5 22.05 6.96 21.39 6.68C20.22 6.18 18.8 6.6 17.7 7.66C17.81 7.37 17.91 7.06 18 6.73C18.25 5.38 18 4.03 17.38 3.12C16.95 2.5 16.33 2.11 15.64 2C14.1 1.78 12.57 3.08 11.93 5C11.28 3.05 9.74 1.76 8.19 2C7.5 2.12 6.88 2.53 6.45 3.16C6.44 3.18 6.43 3.2 6.42 3.22L7.91 4.71C7.96 4.54 8 4.4 8.1 4.29C8.22 4.12 8.36 4 8.5 4C9 3.91 9.88 4.69 10.16 6.1C10.23 6.44 10.24 6.75 10.22 7L11.88 8.68C11.89 8.65 11.91 8.62 11.93 8.58C11.97 8.69 12.04 8.78 12.09 8.89L13.43 10.23C13.63 10.32 13.83 10.39 14.04 10.42C14.16 10.44 14.29 10.45 14.41 10.45C15.13 10.45 15.83 10.12 16.43 9.57C16 10.64 15.96 11.73 16.29 12.63C16.56 13.35 17.07 13.91 17.73 14.2C18.07 14.34 18.43 14.41 18.8 14.41C20.18 14.41 21.66 13.4 22.5 11.77C23.08 10.58 23.21 9.3 22.83 8.25M16 6.33C15.72 7.73 14.83 8.5 14.34 8.44C14.28 8.43 14.12 8.41 13.94 8.15C13.69 7.79 13.5 7.07 13.7 6.1C13.97 4.76 14.8 4 15.29 4C15.31 4 15.34 4 15.36 4C15.5 4 15.63 4.11 15.75 4.27C16.07 4.73 16.18 5.54 16 6.33M20.7 10.87C20.12 12 19.08 12.6 18.53 12.36C18.47 12.34 18.28 12.26 18.16 11.93C18 11.43 18.07 10.68 18.39 10C18.9 9.04 19.74 8.47 20.33 8.47C20.43 8.47 20.5 8.5 20.6 8.5H20.6C20.75 8.58 20.87 8.72 20.95 8.94C21.09 9.34 21.1 10.06 20.7 10.87M1.11 3L4.8 6.69C4.06 6.41 3.29 6.39 2.6 6.68C1.94 6.97 1.43 7.53 1.17 8.27C.793 9.31 .919 10.58 1.5 11.77C2.34 13.4 3.82 14.41 5.21 14.41C5.57 14.41 5.93 14.34 6.27 14.2C6.93 13.91 7.44 13.35 7.71 12.63C8 11.79 8 10.77 7.64 9.76C7.83 9.91 8.04 10.03 8.24 10.13L9.73 11.62C8.94 12.5 8.27 13.7 7.47 14.5C6.41 15.59 4.62 16.39 4.44 17.88C4.31 18.96 5 20.26 6 20.75C6.35 20.93 6.72 21 7.1 21C8.61 21 10.3 19.87 11.89 19.87C13.5 19.87 15.18 20.97 16.71 20.97C17.08 20.97 17.44 20.91 17.79 20.75C18 20.65 18.23 20.5 18.43 20.32L20.84 22.73L22.11 21.46L2.39 1.73L1.11 3M11.15 13.04L17 18.9C17 18.91 16.97 18.92 16.96 18.93C16.92 18.95 16.85 18.97 16.71 18.97C16.28 18.97 15.63 18.75 15 18.54C14.08 18.23 13.03 17.87 11.89 17.87C10.75 17.87 9.7 18.24 8.78 18.56C8.15 18.77 7.5 19 7.1 19C6.97 19 6.92 19 6.88 18.95C6.66 18.84 6.4 18.37 6.43 18.12C6.5 17.89 7.23 17.31 7.59 17C8.03 16.68 8.5 16.33 8.89 15.91C9.44 15.36 9.89 14.73 10.33 14.12C10.55 13.8 10.86 13.38 11.15 13.04M5.6 10C5.93 10.68 6 11.43 5.84 11.93C5.71 12.26 5.53 12.34 5.47 12.36C4.92 12.6 3.88 12 3.3 10.87C2.9 10.06 2.91 9.35 3.05 8.94C3.13 8.73 3.25 8.58 3.4 8.5C3.5 8.5 3.57 8.46 3.68 8.46C4.26 8.46 5.1 9.03 5.6 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paw-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paw-off.svg
new file mode 100644
index 00000000..26b367c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paw-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paw-off" viewBox="0 0 24 24"><path d="M2,4.27L3.28,3L21.5,21.22L20.23,22.5L18.23,20.5C18.09,20.6 17.94,20.68 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.21,13.77 8.84,12.69 9.55,11.82L2,4.27M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.32,6.75 11.26,7.56 11,8.19L7.03,4.2C7.29,3.55 7.75,3.1 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paw-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paw-outline.svg
new file mode 100644
index 00000000..2366e350
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paw-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paw-outline" viewBox="0 0 24 24"><path d="M22.83 8.25C22.56 7.5 22.05 6.96 21.4 6.68C20.23 6.18 18.81 6.6 17.7 7.66C17.81 7.37 17.91 7.06 18 6.73C18.25 5.38 18.03 4.03 17.38 3.12C16.95 2.5 16.33 2.11 15.64 2C14.1 1.78 12.57 3.08 11.93 5C11.29 3.05 9.74 1.76 8.19 2C7.5 2.12 6.88 2.53 6.45 3.16C5.81 4.09 5.61 5.39 5.89 6.74C5.94 7 6 7.24 6.09 7.47C5 6.56 3.7 6.2 2.6 6.68C1.94 6.97 1.44 7.53 1.17 8.27C.794 9.31 .92 10.58 1.5 11.77C2.34 13.4 3.82 14.41 5.21 14.41C5.57 14.41 5.93 14.34 6.27 14.2C6.93 13.91 7.44 13.35 7.71 12.63C8.03 11.79 8 10.77 7.64 9.76C8.19 10.19 8.81 10.45 9.45 10.45C9.57 10.45 9.7 10.44 9.82 10.42C10.5 10.32 11.12 9.92 11.55 9.3C11.7 9.08 11.83 8.84 11.93 8.58C12.03 8.84 12.15 9.08 12.3 9.29C12.73 9.91 13.35 10.31 14.04 10.42C14.16 10.44 14.29 10.45 14.41 10.45C15.13 10.45 15.83 10.12 16.43 9.57C16 10.64 15.96 11.73 16.29 12.63C16.56 13.36 17.07 13.91 17.73 14.2C18.07 14.34 18.43 14.41 18.8 14.41C20.18 14.41 21.66 13.4 22.5 11.77C23.08 10.58 23.21 9.3 22.83 8.25M5.84 11.93C5.72 12.26 5.53 12.34 5.47 12.36C4.92 12.6 3.88 12 3.3 10.87C2.9 10.06 2.91 9.35 3.05 8.94C3.13 8.73 3.25 8.58 3.4 8.5C3.5 8.5 3.58 8.46 3.68 8.46C4.26 8.46 5.1 9.03 5.6 10C5.93 10.68 6.03 11.43 5.84 11.93M9.91 8.16C9.79 8.32 9.66 8.42 9.5 8.44C9 8.5 8.14 7.73 7.85 6.34C7.65 5.38 7.85 4.66 8.1 4.29C8.22 4.12 8.36 4 8.5 4C9 3.91 9.88 4.69 10.16 6.1C10.36 7.07 10.16 7.8 9.91 8.16M16 6.33C15.72 7.73 14.83 8.5 14.34 8.44C14.28 8.43 14.12 8.41 13.94 8.15C13.69 7.79 13.5 7.07 13.7 6.1C13.97 4.76 14.8 4 15.29 4C15.32 4 15.34 4 15.36 4C15.5 4 15.63 4.11 15.75 4.27C16.07 4.73 16.18 5.54 16 6.33M20.7 10.87C20.12 12 19.08 12.6 18.53 12.36C18.47 12.34 18.28 12.26 18.16 11.93C18 11.43 18.07 10.68 18.39 10C18.9 9.04 19.75 8.47 20.33 8.47C20.43 8.47 20.5 8.5 20.6 8.5H20.61C20.76 8.58 20.87 8.72 20.95 8.94C21.1 9.34 21.11 10.06 20.7 10.87M16.3 14.5C14.95 13.05 13.89 10.44 11.89 10.44C9.88 10.44 8.88 13.09 7.47 14.5C6.41 15.59 4.62 16.39 4.44 17.88C4.31 18.96 5 20.26 6 20.75C6.35 20.93 6.72 21 7.1 21C8.61 21 10.3 19.87 11.89 19.87C13.5 19.87 15.18 20.97 16.71 20.97C17.08 20.97 17.44 20.91 17.79 20.75C18.65 20.36 19.37 19.32 19.33 18.38C19.26 16.75 17.41 15.72 16.3 14.5M16.96 18.93C16.92 18.95 16.85 18.97 16.71 18.97C16.29 18.97 15.63 18.75 15 18.54C14.08 18.23 13.03 17.87 11.89 17.87C10.75 17.87 9.7 18.24 8.78 18.56C8.15 18.77 7.5 19 7.1 19C6.97 19 6.92 19 6.88 18.95C6.66 18.84 6.4 18.37 6.43 18.12C6.5 17.89 7.23 17.31 7.59 17C8.03 16.68 8.5 16.33 8.89 15.91C9.44 15.36 9.89 14.73 10.33 14.12C10.78 13.5 11.53 12.44 11.89 12.44C12.29 12.44 13.08 13.56 13.56 14.22C13.95 14.78 14.36 15.35 14.82 15.85C15.21 16.27 15.62 16.64 16 17C16.54 17.45 17.32 18.14 17.33 18.44C17.32 18.58 17.12 18.86 16.96 18.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/paw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/paw.svg
new file mode 100644
index 00000000..2e8eedf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/paw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-paw" viewBox="0 0 24 24"><path d="M8.35,3C9.53,2.83 10.78,4.12 11.14,5.9C11.5,7.67 10.85,9.25 9.67,9.43C8.5,9.61 7.24,8.32 6.87,6.54C6.5,4.77 7.17,3.19 8.35,3M15.5,3C16.69,3.19 17.35,4.77 17,6.54C16.62,8.32 15.37,9.61 14.19,9.43C13,9.25 12.35,7.67 12.72,5.9C13.08,4.12 14.33,2.83 15.5,3M3,7.6C4.14,7.11 5.69,8 6.5,9.55C7.26,11.13 7,12.79 5.87,13.28C4.74,13.77 3.2,12.89 2.41,11.32C1.62,9.75 1.9,8.08 3,7.6M21,7.6C22.1,8.08 22.38,9.75 21.59,11.32C20.8,12.89 19.26,13.77 18.13,13.28C17,12.79 16.74,11.13 17.5,9.55C18.31,8 19.86,7.11 21,7.6M19.33,18.38C19.37,19.32 18.65,20.36 17.79,20.75C16,21.57 13.88,19.87 11.89,19.87C9.9,19.87 7.76,21.64 6,20.75C5,20.26 4.31,18.96 4.44,17.88C4.62,16.39 6.41,15.59 7.47,14.5C8.88,13.09 9.88,10.44 11.89,10.44C13.89,10.44 14.95,13.05 16.3,14.5C17.41,15.72 19.26,16.75 19.33,18.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/peace.svg b/apps/phoenix_webcomponent/priv/mdi/svg/peace.svg
new file mode 100644
index 00000000..7ad224da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/peace.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-peace" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,14.41V19.93C9.58,19.75 8.23,19.19 7.1,18.31L11,14.41M13,14.41L16.9,18.31C15.77,19.19 14.42,19.75 13,19.93V14.41M4,12C4,7.97 7,4.57 11,4.07V11.59L5.69,16.9C4.59,15.5 4,13.78 4,12M18.31,16.9L13,11.59V4.07C17,4.57 20,7.97 20,12C20,13.78 19.41,15.5 18.31,16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off-outline.svg
new file mode 100644
index 00000000..60a64ea7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-peanut-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L17.69 19.58C17.36 20.21 16.93 20.77 16.41 21.25C14.86 22.71 12.69 23.31 10.61 22.85C7.1 22.1 4.87 18.64 5.62 15.13C5.87 13.95 6.45 12.87 7.28 12C7.62 11.64 7.62 11.08 7.28 10.72C6.63 9.91 6.21 8.95 6.04 7.93L1.11 3L2.39 1.73L22.11 21.46M15.3 19.56C15.69 19.13 16 18.63 16.19 18.08L13.75 15.64C13.57 15.87 13.29 16 13 16C12.45 16 12 15.55 12 15C12 14.71 12.13 14.43 12.36 14.25L9.55 11.44C9.53 12.18 9.24 12.88 8.73 13.41C7.03 15.22 7.13 18.07 8.94 19.77L8.95 19.78C10.76 21.47 13.61 21.37 15.3 19.56M14 17C12.71 17 12.72 19 14 19C15.28 19 15.29 17 14 17M6.9 3.7L8.43 5.23C8.68 4.71 9.05 4.25 9.5 3.89C10.2 3.31 11.09 3 12 3H12.88C13.47 3.14 14 3.41 14.5 3.79C16.22 5.17 16.5 7.69 15.12 9.41C14.7 9.93 14.46 10.58 14.45 11.25L18.32 15.12C18.07 13.97 17.5 12.92 16.72 12.06C16.37 11.7 16.33 11.13 16.62 10.72C16.62 10.72 18 9 18 7S15.97.997 12 .997 6.9 3.7 6.9 3.7M12 17C12 15.71 10 15.72 10 17C10 18.28 12 18.29 12 17M13 5C11.71 5 11.72 7 13 7C14.28 7 14.29 5 13 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off.svg
new file mode 100644
index 00000000..bf9ef62b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-peanut-off" viewBox="0 0 24 24"><path d="M15.9 10.12A5 5 0 0 0 13.08 2.12A5.74 5.74 0 0 0 12 2A5 5 0 0 0 7.68 4.5L16.38 13.18A4.35 4.35 0 0 0 16.04 12.77A2 2 0 0 1 15.9 10.12M13 7A1 1 0 1 1 14 6A1 1 0 0 1 13 7M7 6.39L2.39 1.73L1.11 3L7.8 9.69C7.9 9.84 8 10 8.11 10.12A2 2 0 0 1 8 12.72A5.5 5.5 0 0 0 10.81 21.87A5.42 5.42 0 0 0 12 22A5.5 5.5 0 0 0 17 18.86L20.87 22.73L22.14 21.46M11 18A1 1 0 1 1 12 17A1 1 0 0 1 11 18M14 19A1 1 0 1 1 15 18A1 1 0 0 1 14 19M13 16A1 1 0 0 1 12 15A1 1 0 0 1 12.35 14.24L13.76 15.65A1 1 0 0 1 13 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/peanut-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-outline.svg
new file mode 100644
index 00000000..d769046d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/peanut-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-peanut-outline" viewBox="0 0 24 24"><path d="M12 23C11.53 23 11.07 22.95 10.61 22.85C7.1 22.1 4.87 18.64 5.62 15.13C5.87 13.95 6.45 12.87 7.28 12C7.62 11.64 7.62 11.08 7.28 10.72C5.2 8.14 5.6 4.36 8.18 2.28S14.54.607 16.62 3.19C18.39 5.38 18.39 8.5 16.62 10.72C16.33 11.13 16.37 11.7 16.72 12.06C19.17 14.68 19.04 18.8 16.41 21.25C15.22 22.37 13.64 23 12 23M12 3C11.09 3 10.2 3.31 9.5 3.89C8.55 4.65 8 5.79 8 7C8 7.91 8.31 8.79 8.88 9.5C9.84 10.64 9.77 12.33 8.73 13.41C7.03 15.22 7.13 18.07 8.94 19.77S13.6 21.38 15.3 19.56C16.92 17.83 16.92 15.14 15.3 13.41C14.23 12.32 14.15 10.6 15.12 9.41C16.5 7.69 16.22 5.17 14.5 3.79C14 3.41 13.47 3.14 12.88 3C12.59 3 12.29 3 12 3M12 6C12 6.55 12.45 7 13 7S14 6.55 14 6 13.55 5 13 5 12 5.45 12 6M14 19C14.55 19 15 18.55 15 18S14.55 17 14 17 13 17.45 13 18 13.45 19 14 19M13 16C13.55 16 14 15.55 14 15S13.55 14 13 14 12 14.45 12 15 12.45 16 13 16M11 18C11.55 18 12 17.55 12 17S11.55 16 11 16 10 16.45 10 17 10.45 18 11 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/peanut.svg b/apps/phoenix_webcomponent/priv/mdi/svg/peanut.svg
new file mode 100644
index 00000000..7830f6f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/peanut.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-peanut" viewBox="0 0 24 24"><path d="M16 12.77A2 2 0 0 1 15.86 10.12A5 5 0 0 0 13.04 2.12A5.74 5.74 0 0 0 12 2A5 5 0 0 0 7 7A5 5 0 0 0 8.11 10.12A2 2 0 0 1 8 12.72A5.5 5.5 0 0 0 10.81 21.87A5.42 5.42 0 0 0 12 22A5.5 5.5 0 0 0 16 12.77M13 5A1 1 0 1 1 12 6A1 1 0 0 1 13 5M11 18A1 1 0 1 1 12 17A1 1 0 0 1 11 18M12 15A1 1 0 1 1 13 16A1 1 0 0 1 12 15M14 19A1 1 0 1 1 15 18A1 1 0 0 1 14 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen-lock.svg
new file mode 100644
index 00000000..15b389b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen-lock" viewBox="0 0 24 24"><path d="M21.7,7C21.4,7.4 21,7.7 21,8C21,8.3 21.3,8.6 21.6,9C22.1,9.5 22.6,9.9 22.5,10.4C22.5,10.9 22,11.4 21.5,11.9L17.4,16L16,14.7L20.2,10.5L19.2,9.5L17.8,10.9L14,7.1L18,3.3C18.4,2.9 19,2.9 19.4,3.3L21.7,5.6C22.1,6 22.1,6.7 21.7,7M4,17.2L13.6,7.6L17.3,11.4L7.8,21H4V17.2M8,5V4.5C8,3.1 6.9,2 5.5,2C4.1,2 3,3.1 3,4.5V5C2.4,5 2,5.4 2,6V10C2,10.6 2.4,11 3,11H8C8.6,11 9,10.6 9,10V6C9,5.4 8.6,5 8,5M7,5H4V4.5C4,3.7 4.7,3 5.5,3C6.3,3 7,3.7 7,4.5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen-minus.svg
new file mode 100644
index 00000000..afd73489
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen-minus" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M10,5V7H2V5H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen-off.svg
new file mode 100644
index 00000000..d68180a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen-off" viewBox="0 0 24 24"><path d="M2.3,5L1,6.3L7.5,12.8L3,17.2V21H6.8L11.3,16.5L17.8,23L19.1,21.7L2.3,5M16.9,10.9L13.1,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.6 20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.7 20.6,9C21.1,9.5 21.6,10 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.9,10.9M10,10.2L12.5,7.7L16.3,11.5L13.8,14L10,10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen-plus.svg
new file mode 100644
index 00000000..d29fc70d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen-plus" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen-remove.svg
new file mode 100644
index 00000000..e98063d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen-remove" viewBox="0 0 24 24"><path d="M20.7,7C20.4,7.4 20,7.7 20,8C20,8.3 20.3,8.6 20.6,9C21.1,9.5 21.6,9.9 21.5,10.4C21.5,10.9 21,11.4 20.5,11.9L16.4,16L15,14.7L19.2,10.5L18.2,9.5L16.8,10.9L13,7.1L17,3.3C17.4,2.9 18,2.9 18.4,3.3L20.7,5.6C21.1,6 21.1,6.7 20.7,7M3,17.2L12.6,7.6L16.3,11.4L6.8,21H3V17.2M3.88,2.46L6,4.59L8.12,2.46L9.54,3.88L7.41,6L9.54,8.12L8.12,9.54L6,7.41L3.88,9.54L2.46,8.12L4.59,6L2.46,3.88L3.88,2.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pen.svg
new file mode 100644
index 00000000..dc9d7d20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pen" viewBox="0 0 24 24"><path d="M20.71,7.04C20.37,7.38 20.04,7.71 20.03,8.04C20,8.36 20.34,8.69 20.66,9C21.14,9.5 21.61,9.95 21.59,10.44C21.57,10.93 21.06,11.44 20.55,11.94L16.42,16.08L15,14.66L19.25,10.42L18.29,9.46L16.87,10.87L13.12,7.12L16.96,3.29C17.35,2.9 18,2.9 18.37,3.29L20.71,5.63C21.1,6 21.1,6.65 20.71,7.04M3,17.25L12.56,7.68L16.31,11.43L6.75,21H3V17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple-outline.svg
new file mode 100644
index 00000000..ea33f0b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-box-multiple-outline" viewBox="0 0 24 24"><path d="M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6M18.7 7.35L17.7 8.35L15.65 6.3L16.65 5.3C16.86 5.08 17.21 5.08 17.42 5.3L18.7 6.58C18.92 6.79 18.92 7.14 18.7 7.35M9 12.94L15.06 6.88L17.12 8.94L11.06 15H9V12.94M20 4L20 4L20 16L8 16L8 4H20M20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple.svg
new file mode 100644
index 00000000..68d2f686
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-box-multiple" viewBox="0 0 24 24"><path d="M20.22 2H7.78C6.8 2 6 2.8 6 3.78V16.22C6 17.2 6.8 18 7.78 18H20.22C21.2 18 22 17.21 22 16.22V3.78C22 2.8 21.2 2 20.22 2M11.06 15H9V12.94L15.06 6.88L17.12 8.94L11.06 15M18.7 7.35L17.7 8.35L15.65 6.3L16.65 5.3C16.86 5.08 17.21 5.08 17.42 5.3L18.7 6.58C18.92 6.79 18.92 7.14 18.7 7.35M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-outline.svg
new file mode 100644
index 00000000..41c7f940
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M16.7,9.35L15.7,10.35L13.65,8.3L14.65,7.3C14.86,7.08 15.21,7.08 15.42,7.3L16.7,8.58C16.92,8.79 16.92,9.14 16.7,9.35M7,14.94L13.06,8.88L15.12,10.94L9.06,17H7V14.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box.svg
new file mode 100644
index 00000000..52cff49e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M16.7,9.35C16.92,9.14 16.92,8.79 16.7,8.58L15.42,7.3C15.21,7.08 14.86,7.08 14.65,7.3L13.65,8.3L15.7,10.35L16.7,9.35M7,14.94V17H9.06L15.12,10.94L13.06,8.88L7,14.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle-outline.svg
new file mode 100644
index 00000000..1b13beb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-circle-outline" viewBox="0 0 24 24"><path d="M7,14.94L13.06,8.88L15.12,10.94L9.06,17H7V14.94M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M16.7,9.35L15.7,10.35L13.65,8.3L14.65,7.3C14.86,7.08 15.21,7.08 15.42,7.3L16.7,8.58C16.92,8.79 16.92,9.14 16.7,9.35M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle.svg
new file mode 100644
index 00000000..774fb938
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-circle" viewBox="0 0 24 24"><path d="M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M15.1,7.07C15.24,7.07 15.38,7.12 15.5,7.23L16.77,8.5C17,8.72 17,9.07 16.77,9.28L15.77,10.28L13.72,8.23L14.72,7.23C14.82,7.12 14.96,7.07 15.1,7.07M13.13,8.81L15.19,10.87L9.13,16.93H7.07V14.87L13.13,8.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock-outline.svg
new file mode 100644
index 00000000..f1e87a9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-lock-outline" viewBox="0 0 24 24"><path d="M16.1,9L17,9.9L7.9,19H7V18.1L16.1,9M19.7,3C19.5,3 19.2,3.1 19,3.3L17.2,5.1L20.9,8.9L22.7,7C23.1,6.6 23.1,6 22.7,5.6L20.4,3.3C20.2,3.1 19.9,3 19.7,3M16.1,6.2L5,17.2V21H8.8L19.8,9.9L16.1,6.2M8,5V4.5C8,3.1 6.9,2 5.5,2C4.1,2 3,3.1 3,4.5V5C2.4,5 2,5.4 2,6V10C2,10.6 2.4,11 3,11H8C8.6,11 9,10.6 9,10V6C9,5.4 8.6,5 8,5M7,5H4V4.5C4,3.7 4.7,3 5.5,3C6.3,3 7,3.7 7,4.5V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock.svg
new file mode 100644
index 00000000..69988305
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-lock" viewBox="0 0 24 24"><path d="M5.5,2A2.5,2.5 0 0,0 3,4.5V5A1,1 0 0,0 2,6V10A1,1 0 0,0 3,11H8A1,1 0 0,0 9,10V6A1,1 0 0,0 8,5V4.5A2.5,2.5 0 0,0 5.5,2M5.5,3A1.5,1.5 0 0,1 7,4.5V5H4V4.5A1.5,1.5 0 0,1 5.5,3M19.66,3C19.4,3 19.16,3.09 18.97,3.28L17.13,5.13L20.88,8.88L22.72,7.03C23.11,6.64 23.11,6 22.72,5.63L20.38,3.28C20.18,3.09 19.91,3 19.66,3M16.06,6.19L5,17.25V21H8.75L19.81,9.94L16.06,6.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus-outline.svg
new file mode 100644
index 00000000..6cca3549
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-minus-outline" viewBox="0 0 24 24"><path d="M14.1,9L15,9.9L5.9,19H5V18.1L14.1,9M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M10,5V7H2V5H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus.svg
new file mode 100644
index 00000000..8de9574c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-minus" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M10,5V7H2V5H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off-outline.svg
new file mode 100644
index 00000000..5df1d072
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-off-outline" viewBox="0 0 24 24"><path d="M10,10.2L14,6.2L17.8,10L13.8,14L12.4,12.6L15,9.9L14.1,9L11.5,11.6L10,10.2M20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L19,8.9L20.7,7C21.1,6.7 21.1,6 20.7,5.6M19,21.7L17.7,23L11.2,16.5L6.8,21H3V17.2L7.5,12.7L1,6.3L2.3,5L19,21.7M9.8,15.1L8.9,14.2L5,18.1V19H5.9L9.8,15.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off.svg
new file mode 100644
index 00000000..32489159
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-off" viewBox="0 0 24 24"><path d="M18.66,2C18.4,2 18.16,2.09 17.97,2.28L16.13,4.13L19.88,7.88L21.72,6.03C22.11,5.64 22.11,5 21.72,4.63L19.38,2.28C19.18,2.09 18.91,2 18.66,2M3.28,4L2,5.28L8.5,11.75L4,16.25V20H7.75L12.25,15.5L18.72,22L20,20.72L13.5,14.25L9.75,10.5L3.28,4M15.06,5.19L11.03,9.22L14.78,12.97L18.81,8.94L15.06,5.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-outline.svg
new file mode 100644
index 00000000..2d421fcf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-outline" viewBox="0 0 24 24"><path d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus-outline.svg
new file mode 100644
index 00000000..2c24049a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-plus-outline" viewBox="0 0 24 24"><path d="M14.1,9L15,9.9L5.9,19H5V18.1L14.1,9M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus.svg
new file mode 100644
index 00000000..796a8aee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-plus" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M7,2V5H10V7H7V10H5V7H2V5H5V2H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove-outline.svg
new file mode 100644
index 00000000..b47e55cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-remove-outline" viewBox="0 0 24 24"><path d="M17.7,3C17.5,3 17.2,3.1 17,3.3L15.2,5.1L18.9,8.9L20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18.2,3.1 17.9,3 17.7,3M14.1,6.2L3,17.2V21H6.8L17.8,9.9L14.1,6.2M5.9,19H5V18.1L14.1,9L15,9.9L5.9,19M3.9,2.5L6,4.6L8.1,2.5L9.5,3.9L7.4,6L9.5,8.1L8.1,9.5L6,7.4L3.9,9.5L2.5,8.1L4.6,6L2.5,3.9L3.9,2.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove.svg
new file mode 100644
index 00000000..2166d5c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-remove" viewBox="0 0 24 24"><path d="M20.7,7C21.1,6.6 21.1,6 20.7,5.6L18.4,3.3C18,2.9 17.4,2.9 17,3.3L15.2,5.1L19,8.9M3,17.2V21H6.8L17.8,9.9L14.1,6.1L3,17.2M3.9,2.4L6,4.5L8.1,2.4L9.5,3.8L7.4,5.9L9.5,8L8.1,9.5L6,7.4L3.9,9.5L2.5,8.1L4.6,6L2.5,3.8L3.9,2.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler-outline.svg
new file mode 100644
index 00000000..666696e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-ruler-outline" viewBox="0 0 24 24"><path d="M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M14.06 9L15 9.93L5.92 19H5V18.08L14.06 9M17.67 3C17.42 3 17.16 3.09 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18.18 3.1 17.93 3 17.67 3M14.06 6.18L3 17.25V21H6.75L17.81 9.93L14.06 6.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler.svg
new file mode 100644
index 00000000..be01fd98
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil-ruler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil-ruler" viewBox="0 0 24 24"><path d="M3 17.25V21H6.75L17.81 9.93L14.06 6.18L3 17.25M22.61 18.36L18.36 22.61L13.16 17.41L14.93 15.64L15.93 16.64L18.4 14.16L19.82 15.58L18.36 17L19.42 18L20.84 16.6L22.61 18.36M6.61 10.83L1.39 5.64L5.64 1.39L7.4 3.16L4.93 5.64L6 6.7L8.46 4.22L9.88 5.64L8.46 7.05L9.46 8.05L6.61 10.83M20.71 7C21.1 6.61 21.1 6 20.71 5.59L18.37 3.29C18 2.9 17.35 2.9 16.96 3.29L15.12 5.12L18.87 8.87L20.71 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pencil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pencil.svg
new file mode 100644
index 00000000..ad0b10f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pencil" viewBox="0 0 24 24"><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/penguin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/penguin.svg
new file mode 100644
index 00000000..350dbeb4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/penguin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-penguin" viewBox="0 0 24 24"><path d="M19,16C19,17.72 18.37,19.3 17.34,20.5C17.75,20.89 18,21.41 18,22H6C6,21.41 6.25,20.89 6.66,20.5C5.63,19.3 5,17.72 5,16H3C3,14.75 3.57,13.64 4.46,12.91L4.47,12.89C6,11.81 7,10 7,8V7A5,5 0 0,1 12,2A5,5 0 0,1 17,7V8C17,10 18,11.81 19.53,12.89L19.54,12.91C20.43,13.64 21,14.75 21,16H19M16,16A4,4 0 0,0 12,12A4,4 0 0,0 8,16A4,4 0 0,0 12,20A4,4 0 0,0 16,16M10,9L12,10.5L14,9L12,7.5L10,9M10,5A1,1 0 0,0 9,6A1,1 0 0,0 10,7A1,1 0 0,0 11,6A1,1 0 0,0 10,5M14,5A1,1 0 0,0 13,6A1,1 0 0,0 14,7A1,1 0 0,0 15,6A1,1 0 0,0 14,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pentagon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pentagon-outline.svg
new file mode 100644
index 00000000..58f27d64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pentagon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pentagon-outline" viewBox="0 0 24 24"><path d="M12,5L19.6,10.5L16.7,19.4H7.3L4.4,10.5L12,5M12,2.5L2,9.8L5.8,21.5H18.1L22,9.8L12,2.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pentagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pentagon.svg
new file mode 100644
index 00000000..fb4925df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pentagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pentagon" viewBox="0 0 24 24"><path d="M12,2.5L2,9.8L5.8,21.5H18.2L22,9.8L12,2.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pentagram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pentagram.svg
new file mode 100644
index 00000000..27ef59fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pentagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pentagram" viewBox="0 0 24 24"><path d="M16.15 14.4L18.71 22.26L12 17.4L5.28 22.3L7.85 14.37L1.15 9.5H9.44L12 1.61L14.56 9.5H22.89L16.15 14.4M13.3 16.47L15.86 18.33L14.88 15.32L13.3 16.47M11 9.5H13L12 6.47L11 9.5M10.74 16.47L9.13 15.3L8.13 18.37L10.74 16.47M18.28 11H15.05L15.67 12.9L18.28 11M10.53 11L9.62 13.8L12 15.54L14.39 13.82L13.47 11H10.53M5.76 11L8.34 12.87L8.95 11H5.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent-box-outline.svg
new file mode 100644
index 00000000..ec0b9f3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent-box-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.1 3 19 3M19 19H5V5H19V19M17 15.22C17 16.2 16.2 17 15.22 17C14.24 17 13.45 16.2 13.45 15.22C13.45 14.24 14.24 13.45 15.22 13.45C16.2 13.45 17 14.24 17 15.22M8.5 17.03L7 15.53L15.53 7L17.03 8.5L8.5 17.03M7.05 8.83C7.05 7.84 7.84 7.05 8.83 7.05C9.81 7.05 10.6 7.84 10.6 8.83C10.6 9.81 9.81 10.6 8.83 10.6C7.84 10.6 7.05 9.81 7.05 8.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent-box.svg
new file mode 100644
index 00000000..9f0eba12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.1 3 19 3M8.83 7.05C9.81 7.05 10.6 7.84 10.6 8.83C10.6 9.81 9.81 10.6 8.83 10.6C7.84 10.6 7.05 9.81 7.05 8.83C7.05 7.84 7.84 7.05 8.83 7.05M15.22 17C14.24 17 13.45 16.2 13.45 15.22C13.45 14.24 14.24 13.45 15.22 13.45C16.2 13.45 17 14.24 17 15.22C17 16.2 16.2 17 15.22 17M8.5 17.03L7 15.53L15.53 7L17.03 8.5L8.5 17.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle-outline.svg
new file mode 100644
index 00000000..76d4be13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent-circle-outline" viewBox="0 0 24 24"><path d="M17 15.22C17 16.2 16.2 17 15.22 17C14.24 17 13.45 16.2 13.45 15.22C13.45 14.24 14.24 13.45 15.22 13.45C16.2 13.45 17 14.24 17 15.22M8.83 10.6C9.81 10.6 10.6 9.81 10.6 8.83C10.6 7.84 9.81 7.05 8.83 7.05C7.84 7.05 7.05 7.84 7.05 8.83C7.05 9.81 7.84 10.6 8.83 10.6M7 15.53L8.5 17.03L17.03 8.5L15.53 7L7 15.53M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 16.41 7.59 20 12 20C16.41 20 20 16.41 20 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle.svg
new file mode 100644
index 00000000..b51af7bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M8.83 7.05C9.81 7.05 10.6 7.84 10.6 8.83C10.6 9.81 9.81 10.6 8.83 10.6C7.84 10.6 7.05 9.81 7.05 8.83C7.05 7.84 7.84 7.05 8.83 7.05M15.22 17C14.24 17 13.45 16.2 13.45 15.22C13.45 14.24 14.24 13.45 15.22 13.45C16.2 13.45 17 14.24 17 15.22C17 16.2 16.2 17 15.22 17M8.5 17.03L7 15.53L15.53 7L17.03 8.5L8.5 17.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent-outline.svg
new file mode 100644
index 00000000..92ef3870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent-outline" viewBox="0 0 24 24"><path d="M18.5 3.5L20.5 5.5L5.5 20.5L3.5 18.5L18.5 3.5M7 4C8.66 4 10 5.34 10 7C10 8.66 8.66 10 7 10C5.34 10 4 8.66 4 7C4 5.34 5.34 4 7 4M17 14C18.66 14 20 15.34 20 17C20 18.66 18.66 20 17 20C15.34 20 14 18.66 14 17C14 15.34 15.34 14 17 14M7 6C6.45 6 6 6.45 6 7C6 7.55 6.45 8 7 8C7.55 8 8 7.55 8 7C8 6.45 7.55 6 7 6M17 16C16.45 16 16 16.45 16 17C16 17.55 16.45 18 17 18C17.55 18 18 17.55 18 17C18 16.45 17.55 16 17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/percent.svg
new file mode 100644
index 00000000..70d79843
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-percent" viewBox="0 0 24 24"><path d="M18.5,3.5L3.5,18.5L5.5,20.5L20.5,5.5M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4M17,14A3,3 0 0,0 14,17A3,3 0 0,0 17,20A3,3 0 0,0 20,17A3,3 0 0,0 17,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/periodic-table.svg b/apps/phoenix_webcomponent/priv/mdi/svg/periodic-table.svg
new file mode 100644
index 00000000..5ccb4e5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/periodic-table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-periodic-table" viewBox="0 0 24 24"><path d="M2,4V6H4V4H2M20,4V6H22V4H20M2,7V9H4V7H2M5,7V9H7V7H5M14,7V9H16V7H14M17,7V9H19V7H17M20,7V9H22V7H20M2,10V12H4V10H2M5,10V12H7V10H5M8,10V12H10V10H8M11,10V12H13V10H11M14,10V12H16V10H14M17,10V12H19V10H17M20,10V12H22V10H20M2,13V15H4V13H2M5,13V15H7V13H5M8,13V15H10V13H8M11,13V15H13V13H11M14,13V15H16V13H14M17,13V15H19V13H17M20,13V15H22V13H20M5,17V19H7V17H5M8,17V19H10V17H8M11,17V19H13V17H11M14,17V19H16V17H14M17,17V19H19V17H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/perspective-less.svg b/apps/phoenix_webcomponent/priv/mdi/svg/perspective-less.svg
new file mode 100644
index 00000000..e3ac1e64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/perspective-less.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-perspective-less" viewBox="0 0 24 24"><path d="M16.56,12L19.23,20H4.78L7.44,12H16.56M7,1L3,5L7,9V6H11V4H7V1M17,1V4H13V6H17V9L21,5L17,1M18,10H6L2,22H22L18,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/perspective-more.svg b/apps/phoenix_webcomponent/priv/mdi/svg/perspective-more.svg
new file mode 100644
index 00000000..08c952c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/perspective-more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-perspective-more" viewBox="0 0 24 24"><path d="M16.56,12L19.23,20H4.78L7.44,12H16.56M17,1L13,5L17,9V6H21V4H17V1M7,1V4H3V6H7V9L11,5L7,1M18,10H6L2,22H22L18,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ph.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ph.svg
new file mode 100644
index 00000000..02c53cd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ph.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ph" viewBox="0 0 24 24"><path d="M13 7V17H15V13H17V17H19V7H17V11H15V7H13M11 15V13C11 11.9 10.11 11 9 11H5V21H7V17H9C10.11 17 11 16.11 11 15M9 15H7V13H9V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert-outline.svg
new file mode 100644
index 00000000..ebf68c53
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-alert-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M17 12V10H19V12H17M17 8V2H19V8H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert.svg
new file mode 100644
index 00000000..28282939
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-alert" viewBox="0 0 24 24"><path d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4C3,3.44 3.45,3 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.24 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.58L6.62,10.79M17,12V10H19V12H17M17,8V2H19V8H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth-outline.svg
new file mode 100644
index 00000000..b5922bff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-bluetooth-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M18 7.21L18.94 8.14L18 9.08M18 2.91L18.94 3.85L18 4.79M14.71 9.5L17 7.21V11H17.5L20.35 8.14L18.21 6L20.35 3.85L17.5 1H17V4.79L14.71 2.5L14 3.21L16.79 6L14 8.79L14.71 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth.svg
new file mode 100644
index 00000000..5d6ee44c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-bluetooth" viewBox="0 0 24 24"><path d="M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,7.21L18.94,8.14L18,9.08M18,2.91L18.94,3.85L18,4.79M14.71,9.5L17,7.21V11H17.5L20.35,8.14L18.21,6L20.35,3.85L17.5,1H17V4.79L14.71,2.5L14,3.21L16.79,6L14,8.79L14.71,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel-outline.svg
new file mode 100644
index 00000000..5a8e6fa9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-cancel-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M16.5 2C14 2 12 4 12 6.5S14 11 16.5 11 21 9 21 6.5 19 2 16.5 2M16.5 9.5C14.84 9.5 13.5 8.16 13.5 6.5C13.5 5.94 13.65 5.42 13.92 5L18 9.08C17.58 9.35 17.06 9.5 16.5 9.5M19.08 8L15 3.92C15.42 3.65 15.94 3.5 16.5 3.5C18.16 3.5 19.5 4.84 19.5 6.5C19.5 7.06 19.35 7.58 19.08 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel.svg
new file mode 100644
index 00000000..2e54ddb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-cancel" viewBox="0 0 24 24"><path d="M6.62 10.79C8.06 13.62 10.38 15.94 13.21 17.38L15.41 15.18C15.69 14.9 16.08 14.82 16.43 14.93C17.55 15.3 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79M16.5 2C14 2 12 4 12 6.5S14 11 16.5 11 21 9 21 6.5 19 2 16.5 2M16.5 9.5C14.84 9.5 13.5 8.16 13.5 6.5C13.5 5.94 13.65 5.42 13.92 5L18 9.08C17.58 9.35 17.06 9.5 16.5 9.5M19.08 8L15 3.92C15.42 3.65 15.94 3.5 16.5 3.5C18.16 3.5 19.5 4.84 19.5 6.5C19.5 7.06 19.35 7.58 19.08 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-check-outline.svg
new file mode 100644
index 00000000..19d18f15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-check-outline" viewBox="0 0 24 24"><path d="M20 15.5A11.36 11.36 0 0 1 16.43 14.93A1 1 0 0 0 15.43 15.18L13.23 17.38A15.1 15.1 0 0 1 6.64 10.79L8.84 8.59A1 1 0 0 0 9.09 7.59A11.36 11.36 0 0 1 8.5 4A1 1 0 0 0 7.5 3H4A1 1 0 0 0 3 4A17 17 0 0 0 20 21A1 1 0 0 0 21 20V16.5A1 1 0 0 0 20 15.5M5 5H6.54A12.54 12.54 0 0 0 7 7.59L5.79 8.8A15 15 0 0 1 5 5M19 19A15 15 0 0 1 15.2 18.24L16.41 17A12.31 12.31 0 0 0 19 17.45M15 11.44L11.29 7.74L12.71 6.32L15 8.59L20.29 3.29L21.71 4.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-check.svg
new file mode 100644
index 00000000..57744b2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-check" viewBox="0 0 24 24"><path d="M6.62 10.79A15.1 15.1 0 0 0 13.21 17.38L15.41 15.18A1 1 0 0 1 16.41 14.93A11.36 11.36 0 0 0 20 15.5A1 1 0 0 1 21 16.5V20A1 1 0 0 1 20 21A17 17 0 0 1 3 4A1 1 0 0 1 4 3H7.5A1 1 0 0 1 8.5 4A11.36 11.36 0 0 0 9.07 7.57A1 1 0 0 1 8.82 8.57M21.71 4.71L20.29 3.29L15 8.59L12.71 6.29L11.29 7.71L15 11.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic-off.svg
new file mode 100644
index 00000000..396dee74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-classic-off" viewBox="0 0 24 24"><path d="M12 3C16.53 3 20.65 4.78 23.7 7.67C23.88 7.85 24 8.09 24 8.37C24 8.65 23.89 8.9 23.71 9.08L21.23 11.56C21.05 11.74 20.8 11.85 20.5 11.85C20.25 11.85 20 11.75 19.82 11.57C19 10.84 18.13 10.21 17.15 9.72C16.82 9.56 16.59 9.21 16.59 8.82V5.72C15.14 5.25 13.59 5 12 5C10.44 5 8.93 5.24 7.5 5.69L5.94 4.11C7.82 3.4 9.86 3 12 3M9 7H11V9H13V7H15V10C15 10 21 15 21 18V19.18L9 7.18V7M1 4.27L2.28 3L21.5 22.22L20.23 23.5L18.73 22H3V18C3 15.86 6.05 12.71 7.8 11.07L6.59 9.86C5.71 10.33 4.9 10.9 4.18 11.58C4 11.75 3.75 11.86 3.5 11.86C3.2 11.86 2.95 11.75 2.77 11.57L.29 9.09C.11 8.91 0 8.66 0 8.38C0 8.1 .11 7.85 .29 7.67C.996 7 2.58 5.85 2.58 5.85L1 4.27M8 16C8 18.21 9.79 20 12 20C13.29 20 14.44 19.39 15.17 18.44L14.1 17.36C13.65 18.05 12.88 18.5 12 18.5C10.62 18.5 9.5 17.38 9.5 16C9.5 15.12 9.95 14.35 10.64 13.91L9.56 12.83C8.61 13.56 8 14.71 8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic.svg
new file mode 100644
index 00000000..c138d33c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-classic" viewBox="0 0 24 24"><path d="M12,3C7.46,3 3.34,4.78 0.29,7.67C0.11,7.85 0,8.1 0,8.38C0,8.66 0.11,8.91 0.29,9.09L2.77,11.57C2.95,11.75 3.2,11.86 3.5,11.86C3.75,11.86 4,11.75 4.18,11.58C4.97,10.84 5.87,10.22 6.84,9.73C7.17,9.57 7.4,9.23 7.4,8.83V5.73C8.85,5.25 10.39,5 12,5C13.59,5 15.14,5.25 16.59,5.72V8.82C16.59,9.21 16.82,9.56 17.15,9.72C18.13,10.21 19,10.84 19.82,11.57C20,11.75 20.25,11.85 20.5,11.85C20.8,11.85 21.05,11.74 21.23,11.56L23.71,9.08C23.89,8.9 24,8.65 24,8.37C24,8.09 23.88,7.85 23.7,7.67C20.65,4.78 16.53,3 12,3M9,7V10C9,10 3,15 3,18V22H21V18C21,15 15,10 15,10V7H13V9H11V7H9M12,12A4,4 0 0,1 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12M12,13.5A2.5,2.5 0 0,0 9.5,16A2.5,2.5 0 0,0 12,18.5A2.5,2.5 0 0,0 14.5,16A2.5,2.5 0 0,0 12,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-clock.svg
new file mode 100644
index 00000000..09f1feea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-clock" viewBox="0 0 24 24"><path d="M15.9 1C12.1 1.1 9 4.2 9 8C9 11.9 12.1 15 16 15S23 11.9 23 8 19.9 1 15.9 1C16 1 15.9 1 15.9 1M16 3C18.8 3 21 5.2 21 8S18.8 13 16 13 11 10.8 11 8 13.2 3 16 3M15 4V9L18.6 11.2L19.4 10L16.5 8.3V4H15M4.6 12.8C6 15.6 8.4 18 11.2 19.4L13.4 17.2C13.7 16.9 14.1 16.8 14.4 17C15.5 17.4 16.7 17.6 18 17.6C18.5 17.6 19 18.1 19 18.6V22C19 22.5 18.5 23 18 23C8.6 23 1 15.4 1 6C1 5.4 1.5 5 2 5H5.5C6.1 5 6.5 5.4 6.5 6C6.5 7.2 6.7 8.4 7.1 9.6C7.2 10 7.1 10.3 6.9 10.6L4.6 12.8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial-outline.svg
new file mode 100644
index 00000000..03d377ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-dial-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M15 4C15 4.6 14.6 5 14 5S13 4.6 13 4 13.4 3 14 3 15 3.4 15 4M18 4C18 4.6 17.6 5 17 5S16 4.6 16 4 16.4 3 17 3 18 3.4 18 4M21 4C21 4.6 20.6 5 20 5S19 4.6 19 4 19.4 3 20 3 21 3.4 21 4M15 7C15 7.6 14.6 8 14 8S13 7.6 13 7 13.4 6 14 6 15 6.4 15 7M18 7C18 7.6 17.6 8 17 8S16 7.6 16 7 16.4 6 17 6 18 6.4 18 7M21 7C21 7.6 20.6 8 20 8S19 7.6 19 7 19.4 6 20 6 21 6.4 21 7M15 10C15 10.6 14.6 11 14 11S13 10.6 13 10 13.4 9 14 9 15 9.4 15 10M18 10C18 10.6 17.6 11 17 11S16 10.6 16 10 16.4 9 17 9 18 9.4 18 10M21 10C21 10.6 20.6 11 20 11S19 10.6 19 10 19.4 9 20 9 21 9.4 21 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial.svg
new file mode 100644
index 00000000..5999c202
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-dial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-dial" viewBox="0 0 24 24"><path d="M6.6 10.8C8 13.6 10.4 15.9 13.2 17.4L15.4 15.2C15.7 14.9 16.1 14.8 16.4 15C17.5 15.4 18.7 15.6 20 15.6C20.6 15.6 21 16 21 16.6V20C21 20.6 20.6 21 20 21C10.6 21 3 13.4 3 4C3 3.4 3.5 3 4 3H7.5C8.1 3 8.5 3.4 8.5 4C8.5 5.2 8.7 6.4 9.1 7.6C9.2 7.9 9.1 8.3 8.9 8.6L6.6 10.8M14 3C13.4 3 13 3.4 13 4S13.4 5 14 5 15 4.6 15 4 14.6 3 14 3M17 3C16.4 3 16 3.4 16 4S16.4 5 17 5 18 4.6 18 4 17.6 3 17 3M20 3C19.4 3 19 3.4 19 4S19.4 5 20 5 21 4.6 21 4 20.6 3 20 3M14 6C13.4 6 13 6.4 13 7S13.4 8 14 8 15 7.6 15 7 14.6 6 14 6M17 6C16.4 6 16 6.4 16 7S16.4 8 17 8 18 7.6 18 7 17.6 6 17 6M20 6C19.4 6 19 6.4 19 7S19.4 8 20 8 21 7.6 21 7 20.6 6 20 6M14 9C13.4 9 13 9.4 13 10S13.4 11 14 11 15 10.6 15 10 14.6 9 14 9M17 9C16.4 9 16 9.4 16 10S16.4 11 17 11 18 10.6 18 10 17.6 9 17 9M20 9C19.4 9 19 9.4 19 10S19.4 11 20 11 21 10.6 21 10 20.6 9 20 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward-outline.svg
new file mode 100644
index 00000000..d2885904
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-forward-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M18 11L23 6L18 1V4H14V8H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward.svg
new file mode 100644
index 00000000..529391ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-forward" viewBox="0 0 24 24"><path d="M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M18,11L23,6L18,1V4H14V8H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup-outline.svg
new file mode 100644
index 00000000..dffa3449
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-hangup-outline" viewBox="0 0 24 24"><path d="M23.71 11.67A17 17 0 0 0 .29 11.67A1 1 0 0 0 0 12.38A1 1 0 0 0 .29 13.08L2.77 15.56A1 1 0 0 0 3.5 15.85A1 1 0 0 0 4.18 15.57A11.5 11.5 0 0 1 6.84 13.72A1 1 0 0 0 7.4 12.82V9.72A14.91 14.91 0 0 1 12 9A14.5 14.5 0 0 1 16.59 9.73V12.83A1 1 0 0 0 17.15 13.73A11.27 11.27 0 0 1 19.82 15.58A1 1 0 0 0 20.5 15.86A1 1 0 0 0 21.23 15.57L23.71 13.09A1 1 0 0 0 23.71 11.67M5.4 12.22A13.68 13.68 0 0 0 3.53 13.5L2.46 12.42A15.54 15.54 0 0 1 5.4 10.5M20.5 13.5A13.75 13.75 0 0 0 18.6 12.23V10.53A14.26 14.26 0 0 1 21.55 12.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup.svg
new file mode 100644
index 00000000..0fd0c2f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-hangup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-hangup" viewBox="0 0 24 24"><path d="M12,9C10.4,9 8.85,9.25 7.4,9.72V12.82C7.4,13.22 7.17,13.56 6.84,13.72C5.86,14.21 4.97,14.84 4.17,15.57C4,15.75 3.75,15.86 3.5,15.86C3.2,15.86 2.95,15.74 2.77,15.56L0.29,13.08C0.11,12.9 0,12.65 0,12.38C0,12.1 0.11,11.85 0.29,11.67C3.34,8.77 7.46,7 12,7C16.54,7 20.66,8.77 23.71,11.67C23.89,11.85 24,12.1 24,12.38C24,12.65 23.89,12.9 23.71,13.08L21.23,15.56C21.05,15.74 20.8,15.86 20.5,15.86C20.25,15.86 20,15.75 19.82,15.57C19.03,14.84 18.14,14.21 17.16,13.72C16.83,13.56 16.6,13.22 16.6,12.82V9.72C15.15,9.25 13.6,9 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk-outline.svg
new file mode 100644
index 00000000..97f72cf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-in-talk-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M15 12H17A5 5 0 0 0 12 7V9A3 3 0 0 1 15 12M19 12H21C21 7 16.97 3 12 3V5C15.86 5 19 8.13 19 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk.svg
new file mode 100644
index 00000000..f1d0d5c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-in-talk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-in-talk" viewBox="0 0 24 24"><path d="M15,12H17A5,5 0 0,0 12,7V9A3,3 0 0,1 15,12M19,12H21C21,7 16.97,3 12,3V5C15.86,5 19,8.13 19,12M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing-outline.svg
new file mode 100644
index 00000000..184326c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-incoming-outgoing-outline" viewBox="0 0 24 24"><path d="M19 16.5C17.8 16.5 16.5 16.3 15.4 15.9H15.1C14.8 15.9 14.6 16 14.4 16.2L12.2 18.4C9.4 16.9 7 14.6 5.6 11.8L7.8 9.6C8.1 9.3 8.2 8.9 8 8.6C7.7 7.5 7.5 6.2 7.5 5C7.5 4.5 7 4 6.5 4H3C2.5 4 2 4.5 2 5C2 14.4 9.6 22 19 22C19.5 22 20 21.5 20 21V17.5C20 17 19.5 16.5 19 16.5M4 6H5.5C5.6 6.9 5.8 7.8 6 8.6L4.8 9.8C4.4 8.6 4.1 7.3 4 6M18 20C16.7 19.9 15.4 19.6 14.2 19.2L15.4 18C16.2 18.2 17.1 18.4 18 18.4V20M16 9V7.5H12.5L18 2L17 1L11.5 6.5V3H10V9H16M17 6V7.5H20.5L15 13L16 14L21.5 8.5V12H23V6H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing.svg
new file mode 100644
index 00000000..9b3c1ec2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outgoing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-incoming-outgoing" viewBox="0 0 24 24"><path d="M20 17.5V21C20 21.55 19.55 22 19 22C9.61 22 2 14.39 2 5C2 4.45 2.45 4 3 4H6.5C7.05 4 7.5 4.45 7.5 5C7.5 6.25 7.7 7.45 8.07 8.57C8.18 8.92 8.1 9.31 7.82 9.57L5.62 11.78C7.06 14.62 9.38 16.93 12.21 18.37L14.41 16.17C14.69 15.9 15.08 15.82 15.43 15.93C16.55 16.3 17.75 16.5 19 16.5C19.55 16.5 20 16.95 20 17.5M16 7.5H12.5L18 2L17 1L11.5 6.5V3H10V9H16V7.5M17 6V7.5H20.5L15 13L16 14L21.5 8.5V12H23V6H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outline.svg
new file mode 100644
index 00000000..46728604
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-incoming-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M19 11V9.5H15.5L21 4L20 3L14.5 8.5V5H13V11H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming.svg
new file mode 100644
index 00000000..7dc0bf71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-incoming.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-incoming" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.17L13.21,17.37C10.38,15.93 8.06,13.62 6.62,10.78L8.82,8.57C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4M19,11V9.5H15.5L21,4L20,3L14.5,8.5V5H13V11H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock-outline.svg
new file mode 100644
index 00000000..4f7e87c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-lock-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M19.2 4H15.8V3.5C15.8 2.56 16.56 1.8 17.5 1.8C18.44 1.8 19.2 2.56 19.2 3.5M20 4V3.5A2.5 2.5 0 0 0 17.5 1A2.5 2.5 0 0 0 15 3.5V4A1 1 0 0 0 14 5V9A1 1 0 0 0 15 10H20A1 1 0 0 0 21 9V5A1 1 0 0 0 20 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock.svg
new file mode 100644
index 00000000..e963b829
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-lock" viewBox="0 0 24 24"><path d="M19.2,4H15.8V3.5C15.8,2.56 16.56,1.8 17.5,1.8C18.44,1.8 19.2,2.56 19.2,3.5M20,4V3.5A2.5,2.5 0 0,0 17.5,1A2.5,2.5 0 0,0 15,3.5V4A1,1 0 0,0 14,5V9A1,1 0 0,0 15,10H20A1,1 0 0,0 21,9V5A1,1 0 0,0 20,4M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-log-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-log-outline.svg
new file mode 100644
index 00000000..5a67a6dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-log-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-log-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M12 3H14V5H12M15 3H21V5H15M12 6H14V8H12M15 6H21V8H15M12 9H14V11H12M15 9H21V11H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-log.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-log.svg
new file mode 100644
index 00000000..751d2fc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-log.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-log" viewBox="0 0 24 24"><path d="M20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.24 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.58L6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5M12,3H14V5H12M15,3H21V5H15M12,6H14V8H12M15,6H21V8H15M12,9H14V11H12M15,9H21V11H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-message-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-message-outline.svg
new file mode 100644
index 00000000..757e3551
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-message-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-message-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.93C16.33 14.9 16.22 14.88 16.12 14.88C15.86 14.88 15.61 15 15.41 15.17L13.21 17.37C10.38 15.93 8.06 13.62 6.62 10.79L8.82 8.58C9.1 8.31 9.18 7.92 9.07 7.57C8.7 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5M5.03 5H6.53C6.6 5.88 6.75 6.75 7 7.59L5.79 8.8C5.38 7.59 5.12 6.32 5.03 5M19 18.97C17.68 18.88 16.4 18.62 15.2 18.21L16.4 17C17.25 17.25 18.12 17.4 19 17.46V18.97M12 3V13L15 10H21V3H12M19 8H14V5H19V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-message.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-message.svg
new file mode 100644
index 00000000..982e9b68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-message.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-message" viewBox="0 0 24 24"><path d="M20 15.5C18.75 15.5 17.55 15.3 16.43 14.93C16.08 14.82 15.69 14.9 15.41 15.17L13.21 17.37C10.38 15.93 8.06 13.62 6.62 10.79L8.82 8.58C9.1 8.31 9.18 7.92 9.07 7.57C8.7 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.5C21 15.95 20.55 15.5 20 15.5M12 3V13L15 10H21V3H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus-outline.svg
new file mode 100644
index 00000000..46b7ea81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-minus-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M13 6V8H21V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus.svg
new file mode 100644
index 00000000..3f8408e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-minus" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.76,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.07,13.62 6.62,10.79L8.82,8.58C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.24 8.5,4A1,1 0 0,0 7.5,3M13,6V8H21V6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed-outline.svg
new file mode 100644
index 00000000..be558acb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-missed-outline" viewBox="0 0 24 24"><path d="M18.6 15.5v1.8c.7.4 1.3.8 1.9 1.3l1.1-1.1c-.9-.9-1.9-1.5-3-2m-13.2 0c-1 .5-2 1.1-2.9 1.9l1.1 1.1c.6-.5 1.2-.9 1.9-1.3v-1.7M12 12c4.5 0 8.7 1.7 11.7 4.7.2.2.3.4.3.7 0 .3-.1.5-.3.7l-2.5 2.5c-.2.2-.4.3-.7.3-.2 0-.5-.1-.7-.3-.8-.7-1.7-1.4-2.7-1.8-.3-.2-.6-.5-.6-.9v-3.1c-1.5-.5-3-.7-4.6-.7-1.6 0-3.1.2-4.6.7v3.1c0 .4-.2.7-.6.9-1 .5-1.9 1.1-2.7 1.8-.2.2-.4.3-.7.3-.3 0-.5-.1-.7-.3L.1 18.1c0-.2-.1-.5-.1-.7 0-.3.1-.5.3-.7C3.3 13.8 7.5 12 12 12zM6.5 5.5V9H5V3h6v1.5H7.5L12 9l6-6 1 1-7 7-5.5-5.5z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed.svg
new file mode 100644
index 00000000..d0e39714
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-missed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-missed" viewBox="0 0 24 24"><path d="M23.71,16.67C20.66,13.77 16.54,12 12,12C7.46,12 3.34,13.77 0.29,16.67C0.11,16.85 0,17.1 0,17.38C0,17.65 0.11,17.9 0.29,18.08L2.77,20.56C2.95,20.74 3.2,20.86 3.5,20.86C3.75,20.86 4,20.75 4.18,20.57C4.97,19.83 5.86,19.21 6.84,18.72C7.17,18.56 7.4,18.22 7.4,17.82V14.72C8.85,14.25 10.39,14 12,14C13.6,14 15.15,14.25 16.6,14.72V17.82C16.6,18.22 16.83,18.56 17.16,18.72C18.14,19.21 19.03,19.83 19.82,20.57C20,20.75 20.25,20.86 20.5,20.86C20.8,20.86 21.05,20.74 21.23,20.56L23.71,18.08C23.89,17.9 24,17.65 24,17.38C24,17.1 23.89,16.85 23.71,16.67M6.5,5.5L12,11L19,4L18,3L12,9L7.5,4.5H11V3H5V9H6.5V5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-off-outline.svg
new file mode 100644
index 00000000..e8e2349d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-off-outline" viewBox="0 0 24 24"><path d="M16.4 17C17.2 17.2 18.1 17.4 19 17.5V19C17.7 18.9 16.4 18.7 15.2 18.2L16.4 17M20.2 2.5L2.5 20.2L3.8 21.5L8.7 16.6C11.8 19.4 15.8 21 20 21C20.6 21 21 20.6 21 20V16.5C21 15.9 20.6 15.5 20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C12.1 16.8 11 16.1 10.1 15.2L21.5 3.8L20.2 2.5M6.5 5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5H6.5M7.5 3H4C3.4 3 3 3.4 3 4C3 7.6 4.1 11 6.2 13.9L7.6 12.5C7.2 12 6.9 11.4 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.4 8.5 5.2 8.5 4C8.5 3.4 8.1 3 7.5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-off.svg
new file mode 100644
index 00000000..6a4a78c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-off" viewBox="0 0 24 24"><path d="M20.22,2.5L2.5,20.22L3.77,21.5L8.65,16.62C11.76,19.43 15.81,21 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C12.06,16.8 11,16.06 10.06,15.21L21.5,3.77L20.22,2.5M4,3A1,1 0 0,0 3,4C3,7.57 4.14,11.05 6.24,13.94L7.66,12.5C7.28,11.97 6.93,11.39 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing-outline.svg
new file mode 100644
index 00000000..24e13d48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-outgoing-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M15 3V4.5H18.5L13 10L14 11L19.5 5.5V9H21V3H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing.svg
new file mode 100644
index 00000000..10926749
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outgoing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-outgoing" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.17L13.21,17.37C10.38,15.93 8.06,13.62 6.62,10.78L8.82,8.57C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4M15,3V4.5H18.5L13,10L14,11L19.5,5.5V9H21V3H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outline.svg
new file mode 100644
index 00000000..73e753f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-outline" viewBox="0 0 24 24"><path d="M20,15.5C18.8,15.5 17.5,15.3 16.4,14.9C16.3,14.9 16.2,14.9 16.1,14.9C15.8,14.9 15.6,15 15.4,15.2L13.2,17.4C10.4,15.9 8,13.6 6.6,10.8L8.8,8.6C9.1,8.3 9.2,7.9 9,7.6C8.7,6.5 8.5,5.2 8.5,4C8.5,3.5 8,3 7.5,3H4C3.5,3 3,3.5 3,4C3,13.4 10.6,21 20,21C20.5,21 21,20.5 21,20V16.5C21,16 20.5,15.5 20,15.5M5,5H6.5C6.6,5.9 6.8,6.8 7,7.6L5.8,8.8C5.4,7.6 5.1,6.3 5,5M19,19C17.7,18.9 16.4,18.6 15.2,18.2L16.4,17C17.2,17.2 18.1,17.4 19,17.4V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused-outline.svg
new file mode 100644
index 00000000..b93f193a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-paused-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M19 10H21V3H19M17 3H15V10H17V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused.svg
new file mode 100644
index 00000000..bb051f62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-paused.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-paused" viewBox="0 0 24 24"><path d="M19,10H21V3H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,3H15V10H17V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus-outline.svg
new file mode 100644
index 00000000..aa8909ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-plus-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M16 3V6H13V8H16V11H18V8H21V6H18V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus.svg
new file mode 100644
index 00000000..c174aaab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-plus" viewBox="0 0 24 24"><path d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.76,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.07,13.62 6.62,10.79L8.82,8.58C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.24 8.5,4A1,1 0 0,0 7.5,3M16,3V6H13V8H16V11H18V8H21V6H18V3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh-outline.svg
new file mode 100644
index 00000000..3e7b9b10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-refresh-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M17 7L18.77 5.23C18.32 4.78 17.69 4.5 17 4.5C15.62 4.5 14.5 5.62 14.5 7S15.62 9.5 17 9.5C17.82 9.5 18.54 9.11 19 8.5H20.71C20.12 9.97 18.68 11 17 11C14.79 11 13 9.21 13 7S14.79 3 17 3C18.11 3 19.11 3.45 19.83 4.17L21 3V7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh.svg
new file mode 100644
index 00000000..d93ea6e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-refresh" viewBox="0 0 24 24"><path d="M6.62 10.79C8.06 13.62 10.38 15.94 13.21 17.38L15.41 15.18C15.69 14.9 16.08 14.82 16.43 14.93C17.55 15.3 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79M17 7L18.77 5.23C18.32 4.78 17.69 4.5 17 4.5C15.62 4.5 14.5 5.62 14.5 7S15.62 9.5 17 9.5C17.82 9.5 18.54 9.11 19 8.5H20.71C20.12 9.97 18.68 11 17 11C14.79 11 13 9.21 13 7S14.79 3 17 3C18.11 3 19.11 3.45 19.83 4.17L21 3V7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove-outline.svg
new file mode 100644
index 00000000..a4e98837
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-remove-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M19.1 3.5L17 5.6L14.9 3.5L13.5 4.9L15.6 7L13.5 9.1L14.9 10.5L17 8.4L19.1 10.5L20.5 9.1L18.4 7L20.5 4.9L19.1 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove.svg
new file mode 100644
index 00000000..b12e8578
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-remove" viewBox="0 0 24 24"><path d="M4 3C3.4 3 3 3.4 3 4C3 13.4 10.6 21 20 21C20.6 21 21 20.6 21 20V16.5C21 15.9 20.6 15.5 20 15.5C18.8 15.5 17.5 15.3 16.4 14.9C16 14.8 15.7 14.9 15.4 15.1L13.2 17.3C10.4 15.9 8.1 13.5 6.6 10.7L8.8 8.5C9.1 8.2 9.2 7.8 9 7.5C8.7 6.4 8.5 5.2 8.5 4C8.5 3.4 8.1 3 7.5 3M19.1 3.5L17 5.6L14.9 3.5L13.5 4.9L15.6 7L13.5 9.1L14.9 10.5L17 8.4L19.1 10.5L20.5 9.1L18.4 7L20.5 4.9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-return-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-return-outline.svg
new file mode 100644
index 00000000..d1e2e48e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-return-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-return-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M21 6V11H19.5V7.5H13.87L16.3 9.93L15.24 11L11 6.75L15.24 2.5L16.3 3.57L13.87 6H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-return.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-return.svg
new file mode 100644
index 00000000..24e8b9c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-return.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-return" viewBox="0 0 24 24"><path d="M21,6V11H19.5V7.5H13.87L16.3,9.93L15.24,11L11,6.75L15.24,2.5L16.3,3.57L13.87,6H21M8.82,8.58C9.08,8.32 9.17,7.93 9.06,7.58C8.69,6.42 8.5,5.22 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.79,15.5 17.58,15.31 16.43,14.93C16.08,14.82 15.69,14.91 15.43,15.17L13.23,17.37C10.39,15.92 8.09,13.62 6.64,10.78L8.82,8.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring-outline.svg
new file mode 100644
index 00000000..3faa9261
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-ring-outline" viewBox="0 0 24 24"><path d="M23.71 16.67C20.66 13.78 16.54 12 12 12S3.34 13.78.29 16.67c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71a.99.99 0 0 0-.29-.7zm-18.31.56c-.66.37-1.29.8-1.87 1.27l-1.07-1.07c.91-.75 1.9-1.39 2.95-1.9v1.7H5.4zm15.07 1.26c-.59-.48-1.21-.9-1.87-1.27v-1.7c1.04.51 2.03 1.15 2.94 1.9l-1.07 1.07zm.69-12.23l-1.41-1.41-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zM11 2h2v5h-2V2zM6.4 9.81L7.81 8.4 4.26 4.84 2.84 6.26c.11.03 3.56 3.55 3.56 3.55z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring.svg
new file mode 100644
index 00000000..d9bc6521
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-ring.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-ring" viewBox="0 0 24 24"><path d="M23.71 16.67C20.66 13.78 16.54 12 12 12S3.34 13.78.29 16.67c-.18.18-.29.43-.29.71 0 .28.11.53.29.71l2.48 2.48c.18.18.43.29.71.29.27 0 .52-.11.7-.28.79-.74 1.69-1.36 2.66-1.85.33-.16.56-.5.56-.9v-3.1c1.45-.48 3-.73 4.6-.73s3.15.25 4.6.72v3.1c0 .39.23.74.56.9.98.49 1.87 1.12 2.66 1.85.18.18.43.28.7.28.28 0 .53-.11.71-.29l2.48-2.48c.18-.18.29-.43.29-.71a.99.99 0 0 0-.29-.7zM21.16 6.26l-1.41-1.41-3.56 3.55 1.41 1.41s3.45-3.52 3.56-3.55zM13 2h-2v5h2V2zM6.4 9.81L7.81 8.4 4.26 4.84 2.84 6.26c.11.03 3.56 3.55 3.56 3.55z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-landscape.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-landscape.svg
new file mode 100644
index 00000000..9b4ad2e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-landscape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-rotate-landscape" viewBox="0 0 24 24"><path d="M9,1H3A2,2 0 0,0 1,3V16A2,2 0 0,0 3,18H9A2,2 0 0,0 11,16V3A2,2 0 0,0 9,1M9,15H3V3H9V15M21,13H13V15H21V21H9V20H6V21A2,2 0 0,0 8,23H21A2,2 0 0,0 23,21V15A2,2 0 0,0 21,13M23,10L19,8L20.91,7.09C19.74,4.31 17,2.5 14,2.5V1A9,9 0 0,1 23,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-portrait.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-portrait.svg
new file mode 100644
index 00000000..69446ab2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-rotate-portrait.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-rotate-portrait" viewBox="0 0 24 24"><path d="M9,1H3A2,2 0 0,0 1,3V16A2,2 0 0,0 3,18H4V15H3V3H9V11H11V3A2,2 0 0,0 9,1M23,21V15A2,2 0 0,0 21,13H8A2,2 0 0,0 6,15V21A2,2 0 0,0 8,23H21A2,2 0 0,0 23,21M9,21V15H21V21H9M23,10H21.5C21.5,7 19.69,4.27 16.92,3.09L16,5L14,1A9,9 0 0,1 23,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings-outline.svg
new file mode 100644
index 00000000..571a53dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-settings-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M17 9H15V11H17M13 9H11V11H13V9M19 11H21V9H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings.svg
new file mode 100644
index 00000000..86f350e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-settings" viewBox="0 0 24 24"><path d="M19,11H21V9H19M20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.18L13.21,17.38C10.38,15.94 8.06,13.62 6.62,10.79L8.82,8.59C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5M17,9H15V11H17M13,9H11V11H13V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync-outline.svg
new file mode 100644
index 00000000..73601d63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-sync-outline" viewBox="0 0 24 24"><path d="M20 15.5C18.8 15.5 17.5 15.3 16.4 14.9H16.1C15.8 14.9 15.6 15 15.4 15.2L13.2 17.4C10.4 15.9 8 13.6 6.6 10.8L8.8 8.6C9.1 8.3 9.2 7.9 9 7.6C8.7 6.5 8.5 5.2 8.5 4C8.5 3.5 8 3 7.5 3H4C3.5 3 3 3.5 3 4C3 13.4 10.6 21 20 21C20.5 21 21 20.5 21 20V16.5C21 16 20.5 15.5 20 15.5M5 5H6.5C6.6 5.9 6.8 6.8 7 7.6L5.8 8.8C5.4 7.6 5.1 6.3 5 5M19 19C17.7 18.9 16.4 18.6 15.2 18.2L16.4 17C17.2 17.2 18.1 17.4 19 17.4V19M17 3V1.5L14.75 3.75L17 6V4.5C18.38 4.5 19.5 5.62 19.5 7C19.5 7.4 19.41 7.78 19.24 8.12L20.33 9.21C20.75 8.58 21 7.82 21 7C21 4.79 19.21 3 17 3M17 9.5C15.62 9.5 14.5 8.38 14.5 7C14.5 6.6 14.59 6.22 14.76 5.88L13.67 4.79C13.25 5.42 13 6.18 13 7C13 9.21 14.79 11 17 11V12.5L19.25 10.25L17 8V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync.svg
new file mode 100644
index 00000000..c7b5b84d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-sync" viewBox="0 0 24 24"><path d="M6.62 10.79C8.06 13.62 10.38 15.94 13.21 17.38L15.41 15.18C15.69 14.9 16.08 14.82 16.43 14.93C17.55 15.3 18.75 15.5 20 15.5C20.55 15.5 21 15.95 21 16.5V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79M17 3V1.5L14.75 3.75L17 6V4.5C18.38 4.5 19.5 5.62 19.5 7C19.5 7.4 19.41 7.78 19.24 8.12L20.33 9.21C20.75 8.58 21 7.82 21 7C21 4.79 19.21 3 17 3M17 9.5C15.62 9.5 14.5 8.38 14.5 7C14.5 6.6 14.59 6.22 14.76 5.88L13.67 4.79C13.25 5.42 13 6.18 13 7C13 9.21 14.79 11 17 11V12.5L19.25 10.25L17 8V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone-voip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone-voip.svg
new file mode 100644
index 00000000..76528401
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone-voip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone-voip" viewBox="0 0 24 24"><path d="M13,17V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H13M23.7,7.67C23.88,7.85 24,8.09 24,8.37C24,8.65 23.89,8.9 23.71,9.08L21.23,11.56C21.05,11.74 20.8,11.85 20.5,11.85C20.25,11.85 20,11.75 19.82,11.57C19,10.84 18.13,10.21 17.15,9.72C16.82,9.56 16.59,9.21 16.59,8.82V5.72C15.14,5.25 13.59,5 12,5C10.4,5 8.85,5.25 7.4,5.73V8.83C7.4,9.23 7.17,9.57 6.84,9.73C5.87,10.22 4.97,10.84 4.18,11.58C4,11.75 3.75,11.86 3.5,11.86C3.2,11.86 2.95,11.75 2.77,11.57L0.29,9.09C0.11,8.91 0,8.66 0,8.38C0,8.1 0.11,7.85 0.29,7.67C3.34,4.78 7.46,3 12,3C16.53,3 20.65,4.78 23.7,7.67M11,10V15H10V10H11M12,10H15V13H13V15H12V10M14,12V11H13V12H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/phone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/phone.svg
new file mode 100644
index 00000000..7419a6d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/phone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-phone" viewBox="0 0 24 24"><path d="M6.62,10.79C8.06,13.62 10.38,15.94 13.21,17.38L15.41,15.18C15.69,14.9 16.08,14.82 16.43,14.93C17.55,15.3 18.75,15.5 20,15.5A1,1 0 0,1 21,16.5V20A1,1 0 0,1 20,21A17,17 0 0,1 3,4A1,1 0 0,1 4,3H7.5A1,1 0 0,1 8.5,4C8.5,5.25 8.7,6.45 9.07,7.57C9.18,7.92 9.1,8.31 8.82,8.59L6.62,10.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pi-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pi-box.svg
new file mode 100644
index 00000000..b9faa353
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pi-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pi-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M6,7H17V9H15V14A1,1 0 0,0 16,15A1,1 0 0,0 17,14H19A3,3 0 0,1 16,17A3,3 0 0,1 13,14V9H10V17H8V9H6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pi-hole.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pi-hole.svg
new file mode 100644
index 00000000..ff657cb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pi-hole.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pi-hole" viewBox="0 0 24 24"><path d="M5.62,2C9.5,2 11.57,4.29 11.77,7.93C12.5,3.57 15.93,4.08 15.93,4.08C16.1,6.55 14.07,8.05 11.77,8.17C11.12,6.81 7.25,3.47 7.25,3.47C7.23,3.5 10.97,6.74 10.83,8.15C8.33,7.88 5.82,6 5.62,2M6.06,13.11L9.92,9.25C11.09,8.08 13,8.08 14.16,9.25L18,13.11C19.19,14.28 19.19,16.18 18,17.35L14.16,21.21C13,22.38 11.09,22.38 9.92,21.21L6.06,17.35C4.89,16.18 4.89,14.28 6.06,13.11M9.39,19.59C9.39,18.36 10.15,16.85 12.09,16.85C13.4,16.85 14.87,18.1 16.31,17.96C14.87,17.92 13.59,16.85 13.59,15.19C13.59,13.86 14.69,12.9 14.69,11.34C14.63,12.33 13.82,13.77 12,13.77C10.59,13.77 9.55,12.63 7.87,12.63C8.58,12.67 10.5,13.3 10.5,15.35C10.5,17 9.39,17.5 9.39,19.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pi.svg
new file mode 100644
index 00000000..07f61994
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pi" viewBox="0 0 24 24"><path d="M4,5V7H6V19H8V7H14V16A3,3 0 0,0 17,19A3,3 0 0,0 20,16H18A1,1 0 0,1 17,17A1,1 0 0,1 16,16V7H18V5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/piano-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/piano-off.svg
new file mode 100644
index 00000000..c2410449
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/piano-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-piano-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L2 3.89V20C2 21.11 2.9 22 4 22H20.11L20.84 22.73L22.11 21.46M8 20H4V5.89L6.8 8.69V13C6.8 13.56 7.24 14 7.79 14H8V20M15 20H9V14H9.31C9.86 14 10.3 13.56 10.3 13V12.19L15 16.89V20M16 20V17.89L18.11 20H16M10.3 7.1L5.2 2H20C21.11 2 22 2.9 22 4V18.8L20 16.8V4H17.25V13C17.25 13.3 17.13 13.55 16.93 13.73L13.75 10.55V4H10.3V7.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/piano.svg b/apps/phoenix_webcomponent/priv/mdi/svg/piano.svg
new file mode 100644
index 00000000..6b072f7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/piano.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-piano" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V4C22 2.9 21.11 2 20 2M14.74 14H15V20H9V14H9.31C9.86 14 10.3 13.56 10.3 13V4H13.75V13C13.75 13.56 14.19 14 14.74 14M4 4H6.8V13C6.8 13.56 7.24 14 7.79 14H8V20H4V4M20 20H16V14H16.26C16.81 14 17.25 13.56 17.25 13V4H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pickaxe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pickaxe.svg
new file mode 100644
index 00000000..aa476eb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pickaxe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pickaxe" viewBox="0 0 24 24"><path d="M14.79,10.62L3.5,21.9L2.1,20.5L13.38,9.21L14.79,10.62M19.27,7.73L19.86,7.14L19.07,6.35L19.71,5.71L18.29,4.29L17.65,4.93L16.86,4.14L16.27,4.73C14.53,3.31 12.57,2.17 10.47,1.37L9.64,3.16C11.39,4.08 13,5.19 14.5,6.5L14,7L17,10L17.5,9.5C18.81,11 19.92,12.61 20.84,14.36L22.63,13.53C21.83,11.43 20.69,9.47 19.27,7.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right-outline.svg
new file mode 100644
index 00000000..abca7b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-picture-in-picture-bottom-right-outline" viewBox="0 0 24 24"><path d="M19,11H11V17H19V11M17,15H13V13H17V15M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5C23,3.88 22.1,3 21,3M21,19H3V4.97H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right.svg
new file mode 100644
index 00000000..37a4c1ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-bottom-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-picture-in-picture-bottom-right" viewBox="0 0 24 24"><path d="M19,11H11V17H19V11M23,19V5C23,3.88 22.1,3 21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19M21,19H3V4.97H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right-outline.svg
new file mode 100644
index 00000000..82945e3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-picture-in-picture-top-right-outline" viewBox="0 0 24 24"><path d="M19,7H11V13H19V7M17,11H13V9H17V11M21,3H3A2,2 0 0,0 1,5V19C1,20.11 1.9,21 3,21H21A2,2 0 0,0 23,19V5C23,3.91 22.1,3 21,3M21,19H3V5H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right.svg
new file mode 100644
index 00000000..2a999194
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/picture-in-picture-top-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-picture-in-picture-top-right" viewBox="0 0 24 24"><path d="M19,7H11V13H19V7M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pier-crane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pier-crane.svg
new file mode 100644
index 00000000..ac3ccfc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pier-crane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pier-crane" viewBox="0 0 24 24"><path d="M20,20C18.61,20 17.22,19.53 16,18.67C13.56,20.38 10.44,20.38 8,18.67C6.78,19.53 5.39,20 4,20H2V22H4C5.37,22 6.74,21.65 8,21C10.5,22.3 13.5,22.3 16,21C17.26,21.65 18.62,22 20,22H22V20H20M20,4V3A1,1 0 0,0 19,2H9V1H6V2H5V4H6V13H5V11H3V13H2V15H3V19H4C4.33,19 4.67,18.97 5,18.92V15H10V18.65C10.65,18.85 11.33,18.95 12,18.95V18.92L12,15H13V13H12V11H10V13H9V4H17V8.62C16.53,8.79 16.19,9.23 16.19,9.76C16.19,10.2 16.43,10.6 16.8,10.82V12H17.42C17.76,12 18.03,12.28 18.03,12.62C18.03,12.96 17.76,13.24 17.42,13.24C17.2,13.24 17,13.12 16.88,12.93C16.71,12.64 16.34,12.54 16.05,12.71C15.75,12.87 15.65,13.25 15.82,13.55C16.15,14.11 16.76,14.47 17.42,14.47C18.43,14.47 19.26,13.64 19.26,12.62C19.26,11.84 18.76,11.14 18.03,10.88V10.82C18.41,10.6 18.65,10.2 18.65,9.76C18.65,9.3 18.38,8.91 18,8.7V4H20M8,11.66L7,12.66V11.24L8,10.24V11.66M8,8.71L7,9.71V8.29L8,7.29V8.71M7,6.71V5.29L8,4.29V5.71L7,6.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pier.svg
new file mode 100644
index 00000000..7f727a48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pier" viewBox="0 0 24 24"><path d="M20,18C18.6,18 17.2,17.5 16,16.7C13.6,18.4 10.4,18.4 8,16.7C6.8,17.5 5.4,18 4,18H2V20H4C5.4,20 6.7,19.6 8,19C10.5,20.3 13.5,20.3 16,19C17.3,19.6 18.6,20 20,20H22V18H20M20,13H19V16.9C18.3,16.8 17.6,16.6 17,16.2V13H12V17C11.3,17 10.7,16.9 10,16.7V13H5V16.9C4.7,17 4.3,17 4,17H3V13H2V11H3V9H5V11H10V9H12V11H17V9H19V11H20V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant-outline.svg
new file mode 100644
index 00000000..c6edd365
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pig-variant-outline" viewBox="0 0 24 24"><path d="M15 10C15 9.45 15.45 9 16 9C16.55 9 17 9.45 17 10S16.55 11 16 11 15 10.55 15 10M22 7.5V14.47L19.18 15.41L17.5 21H12V19H10V21H4.5C4.5 21 2 12.54 2 9.5S4.46 4 7.5 4H12.5C13.41 2.79 14.86 2 16.5 2C17.33 2 18 2.67 18 3.5C18 3.71 17.96 3.9 17.88 4.08C17.74 4.42 17.62 4.81 17.56 5.23L19.83 7.5H22M20 9.5H19L15.5 6C15.5 5.35 15.59 4.71 15.76 4.09C14.79 4.34 14 5.06 13.67 6H7.5C5.57 6 4 7.57 4 9.5C4 11.38 5.22 16.15 6 19H8V17H14V19H16L17.56 13.85L20 13.03V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant.svg
new file mode 100644
index 00000000..edb57a0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pig-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pig-variant" viewBox="0 0 24 24"><path d="M19.83 7.5L17.56 5.23C17.63 4.81 17.74 4.42 17.88 4.08C17.96 3.9 18 3.71 18 3.5C18 2.67 17.33 2 16.5 2C14.86 2 13.41 2.79 12.5 4H7.5C4.46 4 2 6.46 2 9.5S4.5 21 4.5 21H10V19H12V21H17.5L19.18 15.41L22 14.47V7.5H19.83M16 11C15.45 11 15 10.55 15 10S15.45 9 16 9C16.55 9 17 9.45 17 10S16.55 11 16 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pig.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pig.svg
new file mode 100644
index 00000000..f34228c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pig.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pig" viewBox="0 0 24 24"><path d="M9.5,9A1.5,1.5 0 0,0 8,10.5A1.5,1.5 0 0,0 9.5,12A1.5,1.5 0 0,0 11,10.5A1.5,1.5 0 0,0 9.5,9M14.5,9A1.5,1.5 0 0,0 13,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,10.5A1.5,1.5 0 0,0 14.5,9M12,4L12.68,4.03C13.62,3.24 14.82,2.59 15.72,2.35C17.59,1.85 20.88,2.23 21.31,3.83C21.62,5 20.6,6.45 19.03,7.38C20.26,8.92 21,10.87 21,13A9,9 0 0,1 12,22A9,9 0 0,1 3,13C3,10.87 3.74,8.92 4.97,7.38C3.4,6.45 2.38,5 2.69,3.83C3.12,2.23 6.41,1.85 8.28,2.35C9.18,2.59 10.38,3.24 11.32,4.03L12,4M10,16A1,1 0 0,1 11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17A1,1 0 0,1 10,16M14,16A1,1 0 0,1 15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17A1,1 0 0,1 14,16M12,13C9.24,13 7,15.34 7,17C7,18.66 9.24,20 12,20C14.76,20 17,18.66 17,17C17,15.34 14.76,13 12,13M7.76,4.28C7.31,4.16 4.59,4.35 4.59,4.35C4.59,4.35 6.8,6.1 7.24,6.22C7.69,6.34 9.77,6.43 9.91,5.9C10.06,5.36 8.2,4.4 7.76,4.28M16.24,4.28C15.8,4.4 13.94,5.36 14.09,5.9C14.23,6.43 16.31,6.34 16.76,6.22C17.2,6.1 19.41,4.35 19.41,4.35C19.41,4.35 16.69,4.16 16.24,4.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank-outline.svg
new file mode 100644
index 00000000..41fd7a4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-piggy-bank-outline" viewBox="0 0 24 24"><path d="M15 10C15 9.45 15.45 9 16 9C16.55 9 17 9.45 17 10S16.55 11 16 11 15 10.55 15 10M8 9H13V7H8V9M22 7.5V14.47L19.18 15.41L17.5 21H12V19H10V21H4.5C4.5 21 2 12.54 2 9.5S4.46 4 7.5 4H12.5C13.41 2.79 14.86 2 16.5 2C17.33 2 18 2.67 18 3.5C18 3.71 17.96 3.9 17.88 4.08C17.74 4.42 17.62 4.81 17.56 5.23L19.83 7.5H22M20 9.5H19L15.5 6C15.5 5.35 15.59 4.71 15.76 4.09C14.79 4.34 14 5.06 13.67 6H7.5C5.57 6 4 7.57 4 9.5C4 11.38 5.22 16.15 6 19H8V17H14V19H16L17.56 13.85L20 13.03V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank.svg
new file mode 100644
index 00000000..e14e6249
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/piggy-bank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-piggy-bank" viewBox="0 0 24 24"><path d="M19.83 7.5L17.56 5.23C17.63 4.81 17.74 4.42 17.88 4.08C17.96 3.9 18 3.71 18 3.5C18 2.67 17.33 2 16.5 2C14.86 2 13.41 2.79 12.5 4H7.5C4.46 4 2 6.46 2 9.5S4.5 21 4.5 21H10V19H12V21H17.5L19.18 15.41L22 14.47V7.5H19.83M13 9H8V7H13V9M16 11C15.45 11 15 10.55 15 10S15.45 9 16 9C16.55 9 17 9.45 17 10S16.55 11 16 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pill-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pill-multiple.svg
new file mode 100644
index 00000000..7faa2918
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pill-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pill-multiple" viewBox="0 0 24 24"><path d="M16.2 3.5C15.2 2.5 13.9 2 12.7 2S10.1 2.5 9.2 3.5L3.4 9.1C1.4 11.1 1.4 14.2 3.4 16.2S8.5 18.2 10.5 16.2L16.2 10.5C18.1 8.6 18.1 5.4 16.2 3.5M14.8 9.1L12 11.9L8.4 8.4L4 12.8C4 12 4.2 11.1 4.9 10.5L10.6 4.8C11.1 4.3 11.9 4 12.6 4S14.1 4.3 14.7 4.8C15.9 6.1 15.9 7.9 14.8 9.1M19.6 7.1C19.6 7.9 19.4 8.6 19.2 9.4C20.2 10.6 20.2 12.4 19.1 13.5L16.3 16.3L14.8 14.8L12 17.6C10.7 18.9 8.9 19.6 7.2 19.6C7.4 19.9 7.6 20.2 7.9 20.5C9.9 22.5 13 22.5 15 20.5L20.7 14.8C22.7 12.8 22.7 9.7 20.7 7.7C20.2 7.5 19.9 7.3 19.6 7.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pill-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pill-off.svg
new file mode 100644
index 00000000..22e23f88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pill-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pill-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.81 8.7L4.22 11.29C1.88 13.64 1.88 17.43 4.22 19.78C6.56 22.12 10.36 22.12 12.71 19.78L15.3 17.19L20.84 22.73L22.11 21.46M4.6 16.57C4.24 15.24 4.59 13.75 5.64 12.71L8.23 10.12L9.64 11.53L4.6 16.57M10.78 7.58L9.36 6.16L11.29 4.22C13.64 1.88 17.43 1.88 19.78 4.22C22.12 6.56 22.12 10.36 19.78 12.71L17.85 14.65L16.43 13.23L18.36 11.29C19.93 9.73 19.93 7.2 18.36 5.64C16.8 4.07 14.27 4.07 12.71 5.64L10.78 7.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pill.svg
new file mode 100644
index 00000000..d2a0176d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pill" viewBox="0 0 24 24"><path d="M4.22,11.29L11.29,4.22C13.64,1.88 17.43,1.88 19.78,4.22C22.12,6.56 22.12,10.36 19.78,12.71L12.71,19.78C10.36,22.12 6.56,22.12 4.22,19.78C1.88,17.43 1.88,13.64 4.22,11.29M5.64,12.71C4.59,13.75 4.24,15.24 4.6,16.57L10.59,10.59L14.83,14.83L18.36,11.29C19.93,9.73 19.93,7.2 18.36,5.64C16.8,4.07 14.27,4.07 12.71,5.64L5.64,12.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pillar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pillar.svg
new file mode 100644
index 00000000..727c4d1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pillar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pillar" viewBox="0 0 24 24"><path d="M6,5H18A1,1 0 0,1 19,6A1,1 0 0,1 18,7H6A1,1 0 0,1 5,6A1,1 0 0,1 6,5M21,2V4H3V2H21M15,8H17V22H15V8M7,8H9V22H7V8M11,8H13V22H11V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pin-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pin-off-outline.svg
new file mode 100644
index 00000000..11081219
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pin-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pin-off-outline" viewBox="0 0 24 24"><path d="M8,6.2V4H7V2H17V4H16V12L18,14V16H17.8L14,12.2V4H10V8.2L8,6.2M20,20.7L18.7,22L12.8,16.1V22H11.2V16H6V14L8,12V11.3L2,5.3L3.3,4L20,20.7M8.8,14H10.6L9.7,13.1L8.8,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pin-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pin-off.svg
new file mode 100644
index 00000000..ffb2a4c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pin-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pin-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.8,16.07V22H11.2V16H6V14L8,12V11.27L2,5.27M16,12L18,14V16H17.82L8,6.18V4H7V2H17V4H16V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pin-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pin-outline.svg
new file mode 100644
index 00000000..8241d4ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pin-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pin-outline" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12M8.8,14L10,12.8V4H14V12.8L15.2,14H8.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pin.svg
new file mode 100644
index 00000000..e558fef6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pin" viewBox="0 0 24 24"><path d="M16,12V4H17V2H7V4H8V12L6,14V16H11.2V22H12.8V16H18V14L16,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-box.svg
new file mode 100644
index 00000000..94df594f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pine-tree-box" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M11,19H13V17H18L14,13H17L13,9H16L12,5L8,9H11L7,13H10L6,17H11V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-fire.svg
new file mode 100644
index 00000000..e2037ddd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pine-tree-fire" viewBox="0 0 24 24"><path d="M22.14 14.84L22.12 14.85C22.35 15.13 22.55 15.44 22.7 15.77L22.79 15.96C23.5 17.65 23 19.6 21.69 20.82C20.5 21.91 18.84 22.2 17.3 22C15.84 21.82 14.5 20.9 13.73 19.63C13.5 19.24 13.3 18.8 13.2 18.35C13.07 18 13.03 17.62 13 17.25C12.91 15.65 13.55 13.95 14.76 12.95C14.21 14.16 14.34 15.67 15.15 16.72L15.26 16.85C15.4 16.97 15.57 17 15.73 16.94C15.88 16.88 16 16.73 16 16.57L15.93 16.33C15.05 14 15.79 11.3 17.66 9.77C18.17 9.35 18.8 8.97 19.46 8.8C18.78 10.16 19 11.94 20.09 13C20.55 13.5 21.11 13.79 21.58 14.23L22.14 14.84M19.86 19.5L19.85 19.47C20.3 19.08 20.55 18.41 20.53 17.81L20.5 17.5C20.3 16.5 19.43 16.16 18.87 15.43C18.7 15.21 18.55 14.93 18.44 14.65C18.22 15.15 18.2 15.62 18.29 16.16C18.39 16.73 18.61 17.22 18.5 17.81C18.34 18.46 17.83 19.11 16.94 19.32C17.44 19.81 18.25 20.2 19.06 19.92C19.32 19.85 19.65 19.66 19.86 19.5M9 21V18H2L7 13H4L9 8H6L11 3L16 8H13L14.82 9.82C12.55 11.06 11 13.59 11 16.5C11 18.19 11.5 19.75 12.4 21H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree.svg
new file mode 100644
index 00000000..ead44f2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pine-tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pine-tree" viewBox="0 0 24 24"><path d="M10,21V18H3L8,13H5L10,8H7L12,3L17,8H14L19,13H16L21,18H14V21H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pinterest.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pinterest.svg
new file mode 100644
index 00000000..31b34b0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pinterest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pinterest" viewBox="0 0 24 24"><path d="M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel-outline.svg
new file mode 100644
index 00000000..0ca21a48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pinwheel-outline" viewBox="0 0 24 24"><path d="M12,23H11V16.43C9.93,17.4 8.5,18 7,18C3.75,18 1,15.25 1,12V11H7.57C6.6,9.93 6,8.5 6,7C6,3.75 8.75,1 12,1H13V7.57C14.07,6.6 15.5,6 17,6C20.25,6 23,8.75 23,12V13H16.43C17.4,14.07 18,15.5 18,17C18,20.25 15.25,23 12,23M13,13.13V20.87C14.7,20.41 16,18.83 16,17C16,15.17 14.7,13.59 13,13.13M3.13,13C3.59,14.7 5.17,16 7,16C8.83,16 10.41,14.7 10.87,13H3.13M13.13,11H20.87C20.41,9.3 18.82,8 17,8C15.18,8 13.59,9.3 13.13,11M11,3.13C9.3,3.59 8,5.18 8,7C8,8.82 9.3,10.41 11,10.87V3.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel.svg
new file mode 100644
index 00000000..6fa6c222
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pinwheel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pinwheel" viewBox="0 0 24 24"><path d="M12,12C12,9 14.5,6.5 17.5,6.5C20.5,6.5 23,9 23,12H12M12,12C12,15 9.5,17.5 6.5,17.5C3.5,17.5 1,15 1,12H12M12,12C9,12 6.5,9.5 6.5,6.5C6.5,3.5 9,1 12,1V12M12,12C15,12 17.5,14.5 17.5,17.5C17.5,20.5 15,23 12,23V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pipe-disconnected.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-disconnected.svg
new file mode 100644
index 00000000..36eb0f5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-disconnected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pipe-disconnected" viewBox="0 0 24 24"><path d="M16,9V11H8V9H10V8H4V10H2V2H4V4H12A2,2 0 0,1 14,6V9H16M10,15V18A2,2 0 0,0 12,20H20V22H22V14H20V16H14V15H16V13H8V15H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pipe-leak.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-leak.svg
new file mode 100644
index 00000000..3b5a834e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-leak.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pipe-leak" viewBox="0 0 24 24"><path d="M2,5V13H4V11H10L12,9L10,7H4V5H2M20,5V7H12L14,9L12,11H20V13H22V5H20M12,13C12,13 10,15.17 10,16.5A2,2 0 0,0 12,18.5A2,2 0 0,0 14,16.5C14,15.17 12,13 12,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pipe-valve.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-valve.svg
new file mode 100644
index 00000000..a492f421
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-valve.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pipe-valve" viewBox="0 0 24 24"><path d="M22 13V21H20V19H16.58C15.81 20.76 14.05 22 12 22S8.19 20.76 7.42 19H4V21H2V13H4V15H7.43C7.93 13.85 8.85 12.93 10 12.42V11H8V9H16V11H14V12.42C15.15 12.93 16.07 13.85 16.57 15H20V13H22M17 2H7C6.45 2 6 2.45 6 3S6.45 4 7 4H10V5H11V8H13V5H14V4H17C17.55 4 18 3.55 18 3S17.55 2 17 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pipe-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-wrench.svg
new file mode 100644
index 00000000..11144f4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pipe-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pipe-wrench" viewBox="0 0 24 24"><path d="M16.17 5.63L14.06 7.78L11.91 5.63L16.17 1.41L19.69 4.92C20.86 6.09 20.86 8 19.69 9.19L16.17 5.63M4.83 12.7L7 14.81L10.5 11.3L8.39 9.19L4.83 12.7M15.47 7.78L19 11.3L17.58 12.7L16.88 12L6.23 22.59L3.42 19.78L11.91 11.3L7.69 7.03L9.8 4.92L14.06 9.19L15.47 7.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pipe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pipe.svg
new file mode 100644
index 00000000..4eb6321a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pipe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pipe" viewBox="0 0 24 24"><path d="M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pirate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pirate.svg
new file mode 100644
index 00000000..ff31eecb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pirate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pirate" viewBox="0 0 24 24"><path d="M8.2,12.1C7.9,12.3 7.7,12.7 7.8,13C7.8,13.7 8.5,14.2 9.1,14.2C9.7,14.2 10.3,13.7 10.3,13C9.7,12.6 9,12.3 8.2,12.1M22,11L23,7C23,7 21,7 18,5C15,3 15,1 12,1C9,1 9,3 6,5C3,7 1,7 1,7L2,11H2.1C2,11.3 2,11.7 2,12C2,15.5 3.8,18.6 6.5,20.4L6,21.3C12.4,25.4 18,21.3 18,21.3L17.5,20.4C20.2,18.6 22,15.5 22,12C22,11.7 22,11.3 22,11M11.3,4.5L9.9,3.1L10.6,2.4L12,3.8L13.4,2.4L14.1,3.1L12.7,4.5L14.1,5.9L13.4,6.6L12,5.2L10.6,6.6L9.9,5.9L11.3,4.5M9.3,8.5C10.3,8.2 11.3,8 12,8C14.2,8 17.9,9.6 19.8,10.4C19.9,10.7 19.9,11 19.9,11.3L9.3,8.5M13.6,19.1C12.9,19.5 12.2,19.8 11.4,19.9C10.9,19.5 10.9,18.7 11.4,18.3C11.8,17.9 12.7,17.7 13.2,18.2C13.5,18.3 13.6,18.8 13.6,19.1M20,13.4C19.5,15.5 18.2,17.4 16.5,18.6L15,16H9L7.5,18.6C5.4,17.2 4,14.8 4,12C4,11.5 4.1,11 4.2,10.5C4.7,10.3 5.3,10 6,9.7L13.1,11.6V14C13.1,14.5 13.5,15 14.1,15H16.1C16.6,15 17.1,14.6 17.1,14V12.6L20,13.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pistol.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pistol.svg
new file mode 100644
index 00000000..fcdee093
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pistol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pistol" viewBox="0 0 24 24"><path d="M7,5H23V9H22V10H16A1,1 0 0,0 15,11V12A2,2 0 0,1 13,14H9.62C9.24,14 8.89,14.22 8.72,14.56L6.27,19.45C6.1,19.79 5.76,20 5.38,20H2C2,20 -1,20 3,14C3,14 6,10 2,10V5H3L3.5,4H6.5L7,5M14,12V11A1,1 0 0,0 13,10H12C12,10 11,11 12,12A2,2 0 0,1 10,10A1,1 0 0,0 9,11V12A1,1 0 0,0 10,13H13A1,1 0 0,0 14,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/piston.svg b/apps/phoenix_webcomponent/priv/mdi/svg/piston.svg
new file mode 100644
index 00000000..55a5dca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/piston.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-piston" viewBox="0 0 24 24"><path d="M13,16.18C13.5,16.35 13.9,16.63 14.23,17H15V21H14.21C13.89,21.35 13.5,21.63 13,21.8C11.85,22.22 10.58,21.87 9.78,21H9V17H9.77C10.1,16.63 10.5,16.35 11,16.18V12H13V16.18M12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20M17,4H15V5H17V11H7V5H9V4H7V2H17V4M12,9A1,1 0 0,0 13,8A1,1 0 0,0 12,7A1,1 0 0,0 11,8A1,1 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pitchfork.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pitchfork.svg
new file mode 100644
index 00000000..fa936baf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pitchfork.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pitchfork" viewBox="0 0 24 24"><path d="M15.9 .9L13.1 3.7C12.3 4.5 12.3 5.7 13.1 6.5L14.5 8L9.2 13.4L7.8 12C7 11.2 5.8 11.2 5 12L1 16L2.4 17.4L6.4 13.4L7.8 14.8L3.8 18.8L5.2 20.2L9.2 16.2L10.6 17.6L9.9 18.4L6.7 21.6L8 23L12 19C12.8 18.2 12.8 17 12 16.2L10.6 14.8L15.9 9.4L17.3 10.8C18.1 11.6 19.3 11.6 20.1 10.8L23 8L15.9 .9M18.7 9.4L14.5 5.2L15.9 3.8L20.1 8L18.7 9.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pizza.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pizza.svg
new file mode 100644
index 00000000..424d350d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pizza.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pizza" viewBox="0 0 24 24"><path d="M12,15A2,2 0 0,1 10,13C10,11.89 10.9,11 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15M7,7C7,5.89 7.89,5 9,5A2,2 0 0,1 11,7A2,2 0 0,1 9,9C7.89,9 7,8.1 7,7M12,2C8.43,2 5.23,3.54 3,6L12,22L21,6C18.78,3.54 15.57,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plane-car.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plane-car.svg
new file mode 100644
index 00000000..528654e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plane-car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plane-car" viewBox="0 0 24 24"><path d="M21.57 12.66C21.43 12.26 21.05 12 20.6 12H13.41C12.95 12 12.58 12.26 12.43 12.66L11 16.77V22.28C11 22.66 11.32 23 11.7 23H12.32C12.7 23 13 22.62 13 22.24V21H21V22.24C21 22.62 21.31 23 21.69 23H22.3C22.68 23 23 22.66 23 22.28V16.77L21.57 12.66M13.41 13H20.6L21.63 16H12.38L13.41 13M13 19C12.45 19 12 18.55 12 18S12.45 17 13 17 14 17.45 14 18 13.55 19 13 19M21 19C20.45 19 20 18.55 20 18S20.45 17 21 17 22 17.45 22 18 21.55 19 21 19M6.66 14.53L7 17L5.95 18.06L4.19 14.88L1 13.11L2.06 12.03L4.56 12.4L8.43 8.53L1 4.62L2.42 3.21L11.61 5.33L15.5 1.44C16.06 .855 17.06 .855 17.62 1.44C18.21 2.03 18.21 3 17.62 3.56L13.73 7.45L14.55 11H13.41C12.54 11 11.79 11.5 11.5 12.31L11.47 12.37L10.56 10.63L6.66 14.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plane-train.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plane-train.svg
new file mode 100644
index 00000000..f28ddbb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plane-train.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plane-train" viewBox="0 0 24 24"><path d="M20 8H14C12.34 8 11 9.34 11 11V18C11 19.66 12.34 21 14 21L13 22V23H14L16 20.97H18L20 23H21V22L20 21C21.66 21 23 19.66 23 18V11C23 9.34 21.66 8 20 8M14 19C13.45 19 13 18.55 13 18S13.45 17 14 17 15 17.45 15 18 14.55 19 14 19M20 19C19.45 19 19 18.55 19 18S19.45 17 20 17 21 17.45 21 18 20.55 19 20 19M21 16H13V10H21V16M6.66 14.53L7 17L5.95 18.06L4.19 14.88L1 13.11L2.06 12.03L4.56 12.4L8.43 8.53L1 4.62L2.42 3.21L11.61 5.33L15.5 1.44C16.06 .855 17.06 .855 17.62 1.44C18.21 2.03 18.21 3 17.62 3.56L14.18 7H14C11.79 7 10 8.79 10 11V11.19L6.66 14.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open-outline.svg
new file mode 100644
index 00000000..17c9768e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-lock-open-outline" viewBox="0 0 24 24"><path d="M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V13.5C16.2 12.1 17.6 11 19 11C20.4 11 21.8 12.1 21.8 13.5V14H20.5V13.5C20.5 12.7 19.8 12.2 19 12.2C18.2 12.2 17.5 12.7 17.5 13.5V16H21.8C22.4 16 23 16.6 23 17.3M18 5H4V19H13V21H4C2.89 21 2 20.1 2 19V5C2 3.89 2.89 3 4 3H18C19.1 3 20 3.89 20 5V9.1L19 9L18 9.1V5M9 8L14 12L9 16V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open.svg
new file mode 100644
index 00000000..914e8e9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-lock-open" viewBox="0 0 24 24"><path d="M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V13.5C16.2 12.1 17.6 11 19 11C20.4 11 21.8 12.1 21.8 13.5V14H20.5V13.5C20.5 12.7 19.8 12.2 19 12.2C18.2 12.2 17.5 12.7 17.5 13.5V16H21.8C22.4 16 23 16.6 23 17.3M9 8V16L14 12L9 8M13 19V21H4C2.89 21 2 20.1 2 19V5C2 3.89 2.89 3 4 3H18C19.1 3 20 3.89 20 5V9.1L19 9C16.24 9 14 11.24 14 14V14.76C13.39 15.31 13 16.11 13 17V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-outline.svg
new file mode 100644
index 00000000..41637bed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-lock-outline" viewBox="0 0 24 24"><path d="M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12C20.4 12 21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2C18.2 13.2 17.5 13.7 17.5 14.5V16H20.5V14.5M18 5H4V19H13V21H4C2.89 21 2 20.1 2 19V5C2 3.89 2.89 3 4 3H18C19.1 3 20 3.89 20 5V10.1L19 10L18 10.1V5M9 8L14 12L9 16V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock.svg
new file mode 100644
index 00000000..3b974cd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-lock" viewBox="0 0 24 24"><path d="M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12C20.4 12 21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M13 19V21H4C2.89 21 2 20.1 2 19V5C2 3.89 2.89 3 4 3H18C19.1 3 20 3.89 20 5V10.1L19 10L18 10.1C15.79 10.55 14.12 12.45 14 14.76C13.39 15.31 13 16.11 13 17V19M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2C18.2 13.2 17.5 13.7 17.5 14.5V16H20.5V14.5M9 8V16L14 12L9 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple-outline.svg
new file mode 100644
index 00000000..2690afd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-multiple-outline" viewBox="0 0 24 24"><path d="M4 6H2V20C2 21.1 2.9 22 4 22H18V20H4V6M20 4V16H8V4H20M20 2H8C6.9 2 6 2.9 6 4V16C6 17.1 6.9 18 8 18H20C21.1 18 22 17.1 22 16V4C22 2.9 21.1 2 20 2M12 14.5V5.5L18 10L12 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple.svg
new file mode 100644
index 00000000..26d42f54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-multiple" viewBox="0 0 24 24"><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M12,14.5V5.5L18,10L12,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-outline.svg
new file mode 100644
index 00000000..ee92b357
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box-outline" viewBox="0 0 24 24"><path d="M19,19H5V5H19M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10,8V16L15,12L10,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-box.svg
new file mode 100644
index 00000000..8b1de075
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.89 20.1 3 19 3M10 16V8L15 12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-circle-outline.svg
new file mode 100644
index 00000000..3d68d004
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-circle.svg
new file mode 100644
index 00000000..3e2b9cbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-circle" viewBox="0 0 24 24"><path d="M10,16.5V7.5L16,12M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-network-outline.svg
new file mode 100644
index 00000000..dc5f32cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M10,14V6L15,10L10,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-network.svg
new file mode 100644
index 00000000..4cc52e30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-network" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M10,14V6L15,10L10,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-outline.svg
new file mode 100644
index 00000000..d461696e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-outline" viewBox="0 0 24 24"><path d="M8.5,8.64L13.77,12L8.5,15.36V8.64M6.5,5V19L17.5,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-pause.svg
new file mode 100644
index 00000000..086b1dea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-pause" viewBox="0 0 24 24"><path d="M3,5V19L11,12M13,19H16V5H13M18,5V19H21V5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-protected-content.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-protected-content.svg
new file mode 100644
index 00000000..440a99cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-protected-content.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-protected-content" viewBox="0 0 24 24"><path d="M2,5V18H11V16H4V7H17V11H19V5H2M9,9V14L12.5,11.5L9,9M21.04,11.67L16.09,16.62L13.96,14.5L12.55,15.91L16.09,19.45L22.45,13.09L21.04,11.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play-speed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play-speed.svg
new file mode 100644
index 00000000..0dbf77b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play-speed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-speed" viewBox="0 0 24 24"><path d="M13,2.05V4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03V2.05M5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37L5.67,19.74M7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74M5.69,7.1L4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1M4.06,13H2.06C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13M10,16.5L16,12L10,7.5V16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/play.svg
new file mode 100644
index 00000000..6e314400
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play" viewBox="0 0 24 24"><path d="M8,5.14V19.14L19,12.14L8,5.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-check.svg
new file mode 100644
index 00000000..15c4121c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-check" viewBox="0 0 24 24"><path d="M14 10H3V12H14V10M14 6H3V8H14V6M3 16H10V14H3V16M21.5 11.5L23 13L16 20L11.5 15.5L13 14L16 17L21.5 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-edit.svg
new file mode 100644
index 00000000..8d0fa1ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-edit" viewBox="0 0 24 24"><path d="M3 6V8H14V6H3M3 10V12H14V10H3M20 10.1C19.9 10.1 19.7 10.2 19.6 10.3L18.6 11.3L20.7 13.4L21.7 12.4C21.9 12.2 21.9 11.8 21.7 11.6L20.4 10.3C20.3 10.2 20.2 10.1 20 10.1M18.1 11.9L12 17.9V20H14.1L20.2 13.9L18.1 11.9M3 14V16H10V14H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-minus.svg
new file mode 100644
index 00000000..d42289bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-minus" viewBox="0 0 24 24"><path d="M3 16H10V14H3M12 14V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music-outline.svg
new file mode 100644
index 00000000..1e168af6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-music-outline" viewBox="0 0 24 24"><path d="M15,6V8H3V6H15M15,10V12H3V10H15M3,16V14H11V16H3M17,6H22V8H19V17A3,3 0 0,1 16,20A3,3 0 0,1 13,17A3,3 0 0,1 16,14C16.35,14 16.69,14.07 17,14.18V6M16,16A1,1 0 0,0 15,17A1,1 0 0,0 16,18A1,1 0 0,0 17,17A1,1 0 0,0 16,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music.svg
new file mode 100644
index 00000000..904303ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-music" viewBox="0 0 24 24"><path d="M15,6H3V8H15V6M15,10H3V12H15V10M3,16H11V14H3V16M17,6V14.18C16.69,14.07 16.35,14 16,14A3,3 0 0,0 13,17A3,3 0 0,0 16,20A3,3 0 0,0 19,17V8H22V6H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-play.svg
new file mode 100644
index 00000000..52c96813
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-play" viewBox="0 0 24 24"><path d="M3 10H14V12H3V10M3 6H14V8H3V6M3 14H10V16H3V14M16 13V21L22 17L16 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-plus.svg
new file mode 100644
index 00000000..5b8c2108
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-plus" viewBox="0 0 24 24"><path d="M3 16H10V14H3M18 14V10H16V14H12V16H16V20H18V16H22V14M14 6H3V8H14M14 10H3V12H14V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-remove.svg
new file mode 100644
index 00000000..222cc577
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-remove" viewBox="0 0 24 24"><path d="M14 10H3V12H14V10M14 6H3V8H14V6M3 16H10V14H3V16M14.4 22L17 19.4L19.6 22L21 20.6L18.4 18L21 15.4L19.6 14L17 16.6L14.4 14L13 15.4L15.6 18L13 20.6L14.4 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/playlist-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-star.svg
new file mode 100644
index 00000000..4c3a45d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/playlist-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-playlist-star" viewBox="0 0 24 24"><path d="M17 19.1L19.5 20.6L18.8 17.8L21 15.9L18.1 15.7L17 13L15.9 15.6L13 15.9L15.2 17.8L14.5 20.6L17 19.1M3 14H11V16H3V14M3 6H15V8H3V6M3 10H15V12H3V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plex.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plex.svg
new file mode 100644
index 00000000..96b7444d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plex" viewBox="0 0 24 24"><path d="M4,2C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2H4M8.56,6H12.06L15.5,12L12.06,18H8.56L12,12L8.56,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pliers.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pliers.svg
new file mode 100644
index 00000000..41ca1a00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pliers.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pliers" viewBox="0 0 24 24"><path d="M9.4 12.2C9.4 12.2 11.7 15.3 13.8 17.4C14.7 18.3 15.6 18.9 16.3 19.4C17.1 19.9 17.3 21 16.6 21.7C16.2 22.1 15.5 22.3 15 22C14.2 21.6 13 20.8 11.7 19.6C9.6 17.5 7.3 14.4 7.3 14.4L9.4 12.2M12.2 9.4C12.2 9.4 15.3 11.7 17.4 13.8C18.3 14.7 18.9 15.6 19.4 16.3C19.9 17.1 21 17.3 21.7 16.6C22.1 16.2 22.3 15.5 22 15C21.6 14.2 20.8 13 19.6 11.7C17.5 9.6 14.4 7.3 14.4 7.3L12.2 9.4M10.4 5.5L7.6 2.7L4.1 2L3.6 2.5L5.9 4.8C6.4 4.7 6.9 4.8 7.3 5.2C7.9 5.8 7.9 6.7 7.3 7.3S5.8 7.9 5.2 7.3C4.8 6.9 4.7 6.3 4.8 5.8L2.5 3.6L2 4.1L2.7 7.6L5.5 10.4L6.9 13.2L8.8 11.3L7.8 9.5L9.4 7.9L11.3 8.8L13.2 6.9L10.4 5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple-outline.svg
new file mode 100644
index 00000000..274dcb22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-box-multiple-outline" viewBox="0 0 24 24"><path d="M18 11H15V14H13V11H10V9H13V6H15V9H18M20 4V16H8V4H20M20 2H8C6.9 2 6 2.9 6 4V16C6 17.11 6.9 18 8 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M4 6H2V20C2 21.11 2.9 22 4 22H18V20H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple.svg
new file mode 100644
index 00000000..06a3e6ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-box-multiple" viewBox="0 0 24 24"><path d="M19,11H15V15H13V11H9V9H13V5H15V9H19M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M4,6H2V20A2,2 0 0,0 4,22H18V20H4V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-outline.svg
new file mode 100644
index 00000000..ad61b9cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-box-outline" viewBox="0 0 24 24"><path d="M19,19V5H5V19H19M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5C3,3.89 3.9,3 5,3H19M11,7H13V11H17V13H13V17H11V13H7V11H11V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box.svg
new file mode 100644
index 00000000..42de9033
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-box" viewBox="0 0 24 24"><path d="M17,13H13V17H11V13H7V11H11V7H13V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple-outline.svg
new file mode 100644
index 00000000..805da6cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-circle-multiple-outline" viewBox="0 0 24 24"><path d="M16,8H14V11H11V13H14V16H16V13H19V11H16M2,12C2,9.21 3.64,6.8 6,5.68V3.5C2.5,4.76 0,8.09 0,12C0,15.91 2.5,19.24 6,20.5V18.32C3.64,17.2 2,14.79 2,12M15,3C10.04,3 6,7.04 6,12C6,16.96 10.04,21 15,21C19.96,21 24,16.96 24,12C24,7.04 19.96,3 15,3M15,19C11.14,19 8,15.86 8,12C8,8.14 11.14,5 15,5C18.86,5 22,8.14 22,12C22,15.86 18.86,19 15,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple.svg
new file mode 100644
index 00000000..21dfaf8e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-circle-multiple" viewBox="0 0 24 24"><path d="M2 12C2 9.2 3.6 6.8 6 5.7V3.5C2.5 4.8 0 8.1 0 12S2.5 19.2 6 20.5V18.3C3.6 17.2 2 14.8 2 12M15 3C10 3 6 7 6 12S10 21 15 21 24 17 24 12 20 3 15 3M20 13H16V17H14V13H10V11H14V7H16V11H20V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-outline.svg
new file mode 100644
index 00000000..6e90a770
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-circle-outline" viewBox="0 0 24 24"><path d="M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M13,7H11V11H7V13H11V17H13V13H17V11H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle.svg
new file mode 100644
index 00000000..e89c5378
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-circle" viewBox="0 0 24 24"><path d="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock-open.svg
new file mode 100644
index 00000000..cd0cf60c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-lock-open" viewBox="0 0 24 24"><path d="M11 5V11H5V13H11V19H13V13H19V11H13V5H11M19 15C17.95 15 16.9 15.8 16.9 16.82V18.64C16.45 18.64 16 19.07 16 19.5V22.05C16 22.56 16.45 23 16.9 23H21.03C21.55 23 22 22.56 22 22.13V19.58C22 19.07 21.55 18.64 21.1 18.64H17.88V16.82C17.88 16.24 18.4 15.87 19 15.87S20.13 16.24 20.13 16.82V17.18H21.1V16.82C21.1 15.8 20.05 15 19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock.svg
new file mode 100644
index 00000000..89199340
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-lock" viewBox="0 0 24 24"><path d="M21.14 17.67V17.22C21.14 16 20.2 15 19 15S16.86 16 16.86 17.22V17.67C16.34 17.67 16 18 16 18.56V22.11C16 22.65 16.34 23 16.86 23H21.14C21.66 23 22 22.65 22 22.11V18.55C22 18 21.66 17.67 21.14 17.67M20.29 17.67H17.72V17.22C17.72 16.5 18.31 15.89 19 15.89C19.69 15.89 20.29 16.5 20.29 17.22V17.67M11 5V11H5V13H11V19H13V13H19V11H13V5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-box.svg
new file mode 100644
index 00000000..39fcc4f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-minus-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M11,6H13V9H16V11H13V14H11V11H8V9H11V6M8,16H16V18H8V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-variant.svg
new file mode 100644
index 00000000..3f7371a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-minus-variant" viewBox="0 0 24 24"><path d="M3 7H6V4H8V7H11V9H8V12H6V9H3V7M13 15H21V17H13V15M16.04 3H18.35L7.96 21H5.65L16.04 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus.svg
new file mode 100644
index 00000000..944954fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-minus" viewBox="0 0 24 24"><path d="M11,4V9H6V11H11V16H13V11H18V9H13V4H11M6,18V20H18V18H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-network-outline.svg
new file mode 100644
index 00000000..3b908912
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M15,11H13V13H11V11H9V9H11V7H13V9H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-network.svg
new file mode 100644
index 00000000..7235806e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-network" viewBox="0 0 24 24"><path d="M16,11V9H13V6H11V9H8V11H11V14H13V11H16M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-outline.svg
new file mode 100644
index 00000000..6caaa852
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-outline" viewBox="0 0 24 24"><path d="M4,9H9V4H15V9H20V15H15V20H9V15H4V9M11,13V18H13V13H18V11H13V6H11V11H6V13H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus-thick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus-thick.svg
new file mode 100644
index 00000000..7a089856
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus-thick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus-thick" viewBox="0 0 24 24"><path d="M20 14H14V20H10V14H4V10H10V4H14V10H20V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/plus.svg
new file mode 100644
index 00000000..399ae9f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-plus" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/podcast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/podcast.svg
new file mode 100644
index 00000000..c36265f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/podcast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-podcast" viewBox="0 0 24 24"><path d="M17,18.25V21.5H7V18.25C7,16.87 9.24,15.75 12,15.75C14.76,15.75 17,16.87 17,18.25M12,5.5A6.5,6.5 0 0,1 18.5,12C18.5,13.25 18.15,14.42 17.54,15.41L16,14.04C16.32,13.43 16.5,12.73 16.5,12C16.5,9.5 14.5,7.5 12,7.5C9.5,7.5 7.5,9.5 7.5,12C7.5,12.73 7.68,13.43 8,14.04L6.46,15.41C5.85,14.42 5.5,13.25 5.5,12A6.5,6.5 0 0,1 12,5.5M12,1.5A10.5,10.5 0 0,1 22.5,12C22.5,14.28 21.77,16.39 20.54,18.11L19.04,16.76C19.96,15.4 20.5,13.76 20.5,12A8.5,8.5 0 0,0 12,3.5A8.5,8.5 0 0,0 3.5,12C3.5,13.76 4.04,15.4 4.96,16.76L3.46,18.11C2.23,16.39 1.5,14.28 1.5,12A10.5,10.5 0 0,1 12,1.5M12,9.5A2.5,2.5 0 0,1 14.5,12A2.5,2.5 0 0,1 12,14.5A2.5,2.5 0 0,1 9.5,12A2.5,2.5 0 0,1 12,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/podium-bronze.svg b/apps/phoenix_webcomponent/priv/mdi/svg/podium-bronze.svg
new file mode 100644
index 00000000..3546c7f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/podium-bronze.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-podium-bronze" viewBox="0 0 24 24"><path d="M4,13.09L6.45,14.58L5.8,11.77L8,9.89L5.11,9.64L4,7L2.87,9.64L0,9.89L2.18,11.77L1.5,14.58L4,13.09M7,23H1V17H7V23M9,10V23H15V10H9M13,21H11V12H13V21M17,13V23H23V13H17M21,21H19V15H21V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/podium-gold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/podium-gold.svg
new file mode 100644
index 00000000..5c45b57e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/podium-gold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-podium-gold" viewBox="0 0 24 24"><path d="M12,7.09L14.45,8.58L13.8,5.77L16,3.89L13.11,3.64L12,1L10.87,3.64L8,3.89L10.18,5.77L9.5,8.58L12,7.09M15,23H9V10H15V23M1,17V23H7V17H1M5,21H3V19H5V21M17,13V23H23V13H17M21,21H19V15H21V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/podium-silver.svg b/apps/phoenix_webcomponent/priv/mdi/svg/podium-silver.svg
new file mode 100644
index 00000000..c2475949
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/podium-silver.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-podium-silver" viewBox="0 0 24 24"><path d="M20,10.09L22.45,11.58L21.8,8.77L24,6.89L21.11,6.64L20,4L18.87,6.64L16,6.89L18.18,8.77L17.5,11.58L20,10.09M23,23H17V13H23V23M1,17V23H7V17H1M5,21H3V19H5V21M9,10V23H15V10H9M13,21H11V12H13V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/podium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/podium.svg
new file mode 100644
index 00000000..f95d7a2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/podium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-podium" viewBox="0 0 24 24"><path d="M12,7.09L14.45,8.58L13.8,5.77L16,3.89L13.11,3.64L12,1L10.87,3.64L8,3.89L10.18,5.77L9.5,8.58L12,7.09M4,13.09L6.45,14.58L5.8,11.77L8,9.89L5.11,9.64L4,7L2.87,9.64L0,9.89L2.18,11.77L1.5,14.58L4,13.09M20,10.09L22.45,11.58L21.8,8.77L24,6.89L21.11,6.64L20,4L18.87,6.64L16,6.89L18.18,8.77L17.5,11.58L20,10.09M15,23H9V10H15V23M7,23H1V17H7V23M23,23H17V13H23V23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/point-of-sale.svg b/apps/phoenix_webcomponent/priv/mdi/svg/point-of-sale.svg
new file mode 100644
index 00000000..fe43d97a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/point-of-sale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-point-of-sale" viewBox="0 0 24 24"><path d="M20,5C19.4,5 19,5.5 19,6.1V16C19,16.6 19.4,17 20,17.1C20.6,17.1 21,16.6 21,16V6.1C21,5.5 20.6,5 20,5M16.4,2H4.6C3.7,2 3,2.7 3,3.6V17.4C3,18.3 3.7,19 4.6,19H6V21C6,21.6 6.4,22 7,22H13C13.6,22 14,21.6 14,21V19H16.4C17.3,19 18,18.3 18,17.4V3.6C18,2.7 17.3,2 16.4,2M5,8H8V10H5V8M12,11V13H9V11H12M9,10V8H12V10H9M12,14V16H9V14H12M5,11H8V13H5V11M5,16V14H8V16H5M8,21H7V19H8V21M13,21H10V19H13V21M16,16H13V14H16V16M16,13H13V11H16V13M16,10H13V8H16V10M16,6H5V4H16V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pokeball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pokeball.svg
new file mode 100644
index 00000000..012d5b6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pokeball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pokeball" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.92,4 4.55,7.05 4.06,11H8.13C8.57,9.27 10.14,8 12,8C13.86,8 15.43,9.27 15.87,11H19.94C19.45,7.05 16.08,4 12,4M12,20C16.08,20 19.45,16.95 19.94,13H15.87C15.43,14.73 13.86,16 12,16C10.14,16 8.57,14.73 8.13,13H4.06C4.55,16.95 7.92,20 12,20M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pokemon-go.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pokemon-go.svg
new file mode 100644
index 00000000..767f0065
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pokemon-go.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pokemon-go" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9C19,10.4 18.59,11.71 17.88,12.8L12,22.21L6.12,12.8C5.41,11.71 5,10.4 5,9A7,7 0 0,1 12,2M12,3.5C9.3,3.5 7.06,5.44 6.59,8H9.17C9.58,6.83 10.69,6 12,6C13.31,6 14.42,6.83 14.83,8H17.41C16.94,5.44 14.7,3.5 12,3.5M12,12C10.69,12 9.58,11.17 9.17,10H6.59C6.72,10.69 6.97,11.34 7.34,11.91V11.91L7.38,12C8.36,13.5 10.06,14.5 12,14.5C13.94,14.5 15.64,13.5 16.62,12L16.66,11.91V11.91C17.03,11.34 17.28,10.69 17.41,10H14.83C14.42,11.17 13.31,12 12,12M12,7.5A1.5,1.5 0 0,0 10.5,9A1.5,1.5 0 0,0 12,10.5A1.5,1.5 0 0,0 13.5,9A1.5,1.5 0 0,0 12,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/poker-chip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/poker-chip.svg
new file mode 100644
index 00000000..5353c193
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/poker-chip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-poker-chip" viewBox="0 0 24 24"><path d="M23,12C23,18.08 18.08,23 12,23C5.92,23 1,18.08 1,12C1,5.92 5.92,1 12,1C18.08,1 23,5.92 23,12M13,4.06C15.13,4.33 17.07,5.45 18.37,7.16L20.11,6.16C18.45,3.82 15.86,2.3 13,2V4.06M3.89,6.16L5.63,7.16C6.93,5.45 8.87,4.33 11,4.06V2C8.14,2.3 5.55,3.82 3.89,6.16M2.89,16.1L4.62,15.1C3.79,13.12 3.79,10.88 4.62,8.9L2.89,7.9C1.7,10.5 1.7,13.5 2.89,16.1M11,19.94C8.87,19.67 6.93,18.55 5.63,16.84L3.89,17.84C5.55,20.18 8.14,21.7 11,22V19.94M20.11,17.84L18.37,16.84C17.07,18.55 15.13,19.67 13,19.94V21.94C15.85,21.65 18.44,20.16 20.11,17.84M21.11,16.1C22.3,13.5 22.3,10.5 21.11,7.9L19.38,8.9C20.21,10.88 20.21,13.12 19.38,15.1L21.11,16.1M15,12L12,7L9,12L12,17L15,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/polaroid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/polaroid.svg
new file mode 100644
index 00000000..fa3e0bdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/polaroid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-polaroid" viewBox="0 0 24 24"><path d="M6,3H18A2,2 0 0,1 20,5V19A2,2 0 0,1 18,21H6A2,2 0 0,1 4,19V5A2,2 0 0,1 6,3M6,5V17H18V5H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/police-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/police-badge-outline.svg
new file mode 100644
index 00000000..10b3b0fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/police-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-police-badge-outline" viewBox="0 0 24 24"><path d="M12 4.21C13.24 4.72 14.65 5 16 5C17.05 5 18.1 4.84 19.08 4.54C18.5 5.5 18 6.71 18 8C18 9.32 18.54 10.93 19.1 12.63C19.5 13.83 20 15.33 20 16C20 17.03 16.47 19 12 19.96C7.54 19 4 17.03 4 16C4 15.33 4.5 13.83 4.9 12.63C5.46 10.93 6 9.32 6 8C6 6.71 5.5 5.5 4.92 4.54C5.9 4.84 6.96 5 8 5C9.35 5 10.76 4.72 12 4.21M20 2C18.85 2.64 17.4 3 16 3C14.6 3 13.14 2.63 12 2C10.86 2.63 9.4 3 8 3C6.6 3 5.15 2.64 4 2L2 4C2 4 4 6 4 8S2 14 2 16C2 20 12 22 12 22S22 20 22 16C22 14 20 10 20 8S22 4 22 4L20 2M15.05 16.45L11.97 14.59L8.9 16.45L9.72 12.95L7 10.61L10.58 10.3L11.97 7L13.37 10.29L16.95 10.6L14.23 12.94L15.05 16.45" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/police-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/police-badge.svg
new file mode 100644
index 00000000..433e58ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/police-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-police-badge" viewBox="0 0 24 24"><path d="M22 4L20 2C18.85 2.64 17.4 3 16 3C14.6 3 13.14 2.63 12 2C10.86 2.63 9.4 3 8 3C6.6 3 5.15 2.64 4 2L2 4C2 4 4 6 4 8S2 14 2 16C2 20 12 22 12 22S22 20 22 16C22 14 20 10 20 8S22 4 22 4M15.05 16.45L11.97 14.59L8.9 16.45L9.72 12.95L7 10.61L10.58 10.3L11.97 7L13.37 10.29L16.95 10.6L14.23 12.94L15.05 16.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/police-station.svg b/apps/phoenix_webcomponent/priv/mdi/svg/police-station.svg
new file mode 100644
index 00000000..891b44b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/police-station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-police-station" viewBox="0 0 24 24"><path d="M12 10C12 10 16 9.2 16 7.6C16 6.8 15.2 5.2 15.2 4.4C15.2 3.6 16 2.8 16 2.8L15.2 2C14.74 2.26 14.16 2.4 13.6 2.4S12.46 2.25 12 2C11.54 2.25 10.96 2.4 10.4 2.4C9.84 2.4 9.26 2.26 8.8 2L8 2.8C8 2.8 8.8 3.6 8.8 4.4C8.8 5.2 8 6.8 8 7.6C8 9.2 12 10 12 10M11.43 5.32L12 4L12.55 5.32L14 5.44L12.89 6.38L13.22 7.78L12 7.04L10.76 7.78L11.09 6.38L10 5.44L11.43 5.32M21 6H16.65C16.84 6.58 17 7.12 17 7.6C17 9.85 13.32 10.76 12.2 11L12 11L11.8 11C10.68 10.76 7 9.85 7 7.6C7 7.12 7.16 6.58 7.35 6H3C2.45 6 2 6.45 2 7V22H10V17H14V22H22V7C22 6.45 21.55 6 21 6M8 20H4V17H8V20M8 15H4V12H8V15M14 15H10V12H14V15M20 20H16V17H20V20M20 15H16V12H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/poll.svg b/apps/phoenix_webcomponent/priv/mdi/svg/poll.svg
new file mode 100644
index 00000000..532e791b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/poll.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-poll" viewBox="0 0 24 24"><path d="M3,22V8H7V22H3M10,22V2H14V22H10M17,22V14H21V22H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/polo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/polo.svg
new file mode 100644
index 00000000..6402ec60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/polo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-polo" viewBox="0 0 24 24"><path d="M22 9.5C22 10.88 20.88 12 19.5 12S17 10.88 17 9.5 18.12 7 19.5 7 22 8.12 22 9.5M11 17V3H8V17H2L6 21H13V17H11M16 17H14V21H16V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/polymer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/polymer.svg
new file mode 100644
index 00000000..3988ec2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/polymer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-polymer" viewBox="0 0 24 24"><path d="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pool-thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pool-thermometer.svg
new file mode 100644
index 00000000..827421be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pool-thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pool-thermometer" viewBox="0 0 24 24"><path d="M19 6C17.9 6 17 6.9 17 8V14.8C16.4 15.4 16 16.2 16 17C16 18.7 17.3 20 19 20S22 18.7 22 17C22 16.1 21.6 15.3 21 14.8V8C21 6.9 20.1 6 19 6M19 7C19.5 7 20 7.4 20 8V9H18V8C18 7.4 18.5 7 19 7M15 20.3C14.1 20.7 13.2 21 12.3 21C10.1 21 7.9 19 5.6 19C4.4 19 3.2 19.3 1.9 19.7V17.7C3.2 17.3 4.4 17 5.7 17C7.9 17 10.1 19 12.4 19C13.3 19 14.2 18.7 15.1 18.3V20.3M12.3 17C13.2 17 14.1 16.7 15 16.3V14.3C14.3 14.6 13.7 14.8 13 15V5C13 4.4 13.4 4 14 4H16.8C16.4 2.8 15.3 2 14 2C12.3 2 11 3.3 11 5V6H6V5C6 4.4 6.4 4 7 4H9.8C9.4 2.8 8.3 2 7 2C5.3 2 4 3.3 4 5V13.2C3.3 13.3 2.7 13.5 2 13.8V15.8C3.2 15.3 4.4 15 5.7 15C7.9 15 10.1 17 12.3 17M6 8H11V10H6V8M6 12H11V14.8C9.3 14.3 7.7 13.2 6 13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pool.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pool.svg
new file mode 100644
index 00000000..396f9097
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pool.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pool" viewBox="0 0 24 24"><path d="M2,15C3.67,14.25 5.33,13.5 7,13.17V5A3,3 0 0,1 10,2C11.31,2 12.42,2.83 12.83,4H10A1,1 0 0,0 9,5V6H14V5A3,3 0 0,1 17,2C18.31,2 19.42,2.83 19.83,4H17A1,1 0 0,0 16,5V14.94C18,14.62 20,13 22,13V15C19.78,15 17.56,17 15.33,17C13.11,17 10.89,15 8.67,15C6.44,15 4.22,16 2,17V15M14,8H9V10H14V8M14,12H9V13C10.67,13.16 12.33,14.31 14,14.79V12M2,19C4.22,18 6.44,17 8.67,17C10.89,17 13.11,19 15.33,19C17.56,19 19.78,17 22,17V19C19.78,19 17.56,21 15.33,21C13.11,21 10.89,19 8.67,19C6.44,19 4.22,20 2,21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/popcorn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/popcorn.svg
new file mode 100644
index 00000000..f3639096
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/popcorn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-popcorn" viewBox="0 0 24 24"><path d="M7,22H4.75C4.75,22 4,22 3.81,20.65L2.04,3.81L2,3.5C2,2.67 2.9,2 4,2C5.1,2 6,2.67 6,3.5C6,2.67 6.9,2 8,2C9.1,2 10,2.67 10,3.5C10,2.67 10.9,2 12,2C13.09,2 14,2.66 14,3.5V3.5C14,2.67 14.9,2 16,2C17.1,2 18,2.67 18,3.5C18,2.67 18.9,2 20,2C21.1,2 22,2.67 22,3.5L21.96,3.81L20.19,20.65C20,22 19.25,22 19.25,22H17L16.5,22H13.75L10.25,22H7.5L7,22M17.85,4.93C17.55,4.39 16.84,4 16,4C15.19,4 14.36,4.36 14,4.87L13.78,20H16.66L17.85,4.93M10,4.87C9.64,4.36 8.81,4 8,4C7.16,4 6.45,4.39 6.15,4.93L7.34,20H10.22L10,4.87Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/post-lamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/post-lamp.svg
new file mode 100644
index 00000000..8d021202
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/post-lamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-post-lamp" viewBox="0 0 24 24"><path d="M14 3L13 1H11L10 3L5 6H7L8 14L10 16L10.5 17H9V23H15V17H13.5L14 16L16 14L17 6H19L14 3M14.16 13H9.84L9 6H15L14.16 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/post-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/post-outline.svg
new file mode 100644
index 00000000..f7641d30
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/post-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-post-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M21 3H3V21H21V3M17 17H7V16H17V17M17 15H7V14H17V15M17 12H7V7H17V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/post.svg b/apps/phoenix_webcomponent/priv/mdi/svg/post.svg
new file mode 100644
index 00000000..3f1f4b0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/post.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-post" viewBox="0 0 24 24"><path d="M3 3V21H21V3H3M18 18H6V17H18V18M18 16H6V15H18V16M18 12H6V6H18V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/postage-stamp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/postage-stamp.svg
new file mode 100644
index 00000000..8a06e6a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/postage-stamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-postage-stamp" viewBox="0 0 24 24"><path d="M2,2V5.5C3.1,5.5 4,6.62 4,8C4,9.38 3.1,10.5 2,10.5V13.5C3.1,13.5 4,14.62 4,16C4,17.38 3.1,18.5 2,18.5V22H5.5C5.5,20.9 6.62,20 8,20C9.38,20 10.5,20.9 10.5,22H13.5C13.5,20.9 14.62,20 16,20C17.38,20 18.5,20.9 18.5,22H22V18.5C20.9,18.5 20,17.38 20,16V16C20,14.62 20.9,13.5 22,13.5V10.5C20.9,10.5 20,9.38 20,8V8C20,6.62 20.9,5.5 22,5.5V2H18.5C18.5,3.1 17.38,4 16,4C14.62,4 13.5,3.1 13.5,2H10.5C10.5,3.1 9.38,4 8,4C6.62,4 5.5,3.1 5.5,2H2M6,6H18V18H6V6M9,7A2,2 0 0,0 7,9A2,2 0 0,0 9,11A2,2 0 0,0 11,9A2,2 0 0,0 9,7M17,10L14,13L12,12L7,17H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix-outline.svg
new file mode 100644
index 00000000..3415ecf0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot-mix-outline" viewBox="0 0 24 24"><path d="M14.6 9L18 3.1L19.7 4.1L16.9 9H14.6M16.3 10H21V12H19V19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V12H3V10H16.3M17 12H7V19H17V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix.svg
new file mode 100644
index 00000000..8b366b41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot-mix.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot-mix" viewBox="0 0 24 24"><path d="M14.6 9L18 3.1L19.7 4.1L16.9 9H14.6M14 10H3V12H5V19C5 20.1 5.9 21 7 21H17C18.1 21 19 20.1 19 19V12H21V10H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot-outline.svg
new file mode 100644
index 00000000..290a5cef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot-outline" viewBox="0 0 24 24"><path d="M3 10V12H5V19C5 20.1 5.9 21 7 21H17C18.1 21 19 20.1 19 19V12H21V10H3M7 12H17V19H7V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam-outline.svg
new file mode 100644
index 00000000..80cb0ef1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot-steam-outline" viewBox="0 0 24 24"><path d="M8 1.5C6.15 1.5 4.65 3 4.65 4.85C4.65 6.7 6.15 8.2 8 8.2H9.53C9.92 8.2 10.29 8.3 10.61 8.5H12.63C12.05 7.45 10.86 6.75 9.53 6.75H8C7 6.75 6.15 5.77 6.15 4.75C6.15 3.73 7 3 8 3V1.5M12.85 2C12.85 3 12 3.85 11 3.85V5.35C12.92 5.35 14.5 6.7 14.89 8.5H16.42C16.12 6.67 14.96 5.15 13.35 4.38C13.97 3.77 14.35 2.93 14.35 2H12.85M3 10V12H5V19C5 20.11 5.9 21 7 21H17C18.11 21 19 20.11 19 19V12H21V10H3M7 12H17V19H7V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam.svg
new file mode 100644
index 00000000..5545fd49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot-steam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot-steam" viewBox="0 0 24 24"><path d="M19 19C19 20.11 18.11 21 17 21H7C5.9 21 5 20.11 5 19V12H3V10H21V12H19M8 1.5C6.15 1.5 4.65 3 4.65 4.85C4.65 6.7 6.15 8.2 8 8.2H9.53C9.92 8.2 10.29 8.3 10.61 8.5H12.63C12.05 7.45 10.86 6.75 9.53 6.75H8C7 6.75 6.15 5.77 6.15 4.75C6.15 3.73 7 3 8 3M12.85 2C12.85 3 12 3.85 11 3.85V5.35C12.92 5.35 14.5 6.7 14.89 8.5H16.42C16.12 6.67 14.96 5.15 13.35 4.38C13.97 3.77 14.35 2.93 14.35 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pot.svg
new file mode 100644
index 00000000..1afc15e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pot" viewBox="0 0 24 24"><path d="M19 19C19 20.1 18.1 21 17 21H7C5.9 21 5 20.1 5 19V12H3V10H21V12H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pound-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pound-box-outline.svg
new file mode 100644
index 00000000..33a23ca9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pound-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pound-box-outline" viewBox="0 0 24 24"><path d="M19 19H5V5H19M19 3H5A2 2 0 0 0 3 5V19A2 2 0 0 0 5 21H19A2 2 0 0 0 21 19V5A2 2 0 0 0 19 3M7 9H9.31L9.63 6H11.63L11.31 9H13.31L13.63 6H15.63L15.31 9H17V11H15.1L14.9 13H17V15H14.69L14.37 18H12.37L12.69 15H10.69L10.37 18H8.37L8.69 15H7V13H8.9L9.1 11H7V9M11.1 11L10.9 13H12.9L13.1 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pound-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pound-box.svg
new file mode 100644
index 00000000..d33f3134
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pound-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pound-box" viewBox="0 0 24 24"><path d="M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M7,18H9L9.35,16H13.35L13,18H15L15.35,16H17.35L17.71,14H15.71L16.41,10H18.41L18.76,8H16.76L17.12,6H15.12L14.76,8H10.76L11.12,6H9.12L8.76,8H6.76L6.41,10H8.41L7.71,14H5.71L5.35,16H7.35L7,18M10.41,10H14.41L13.71,14H9.71L10.41,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pound.svg
new file mode 100644
index 00000000..44e783f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pound" viewBox="0 0 24 24"><path d="M5.41,21L6.12,17H2.12L2.47,15H6.47L7.53,9H3.53L3.88,7H7.88L8.59,3H10.59L9.88,7H15.88L16.59,3H18.59L17.88,7H21.88L21.53,9H17.53L16.47,15H20.47L20.12,17H16.12L15.41,21H13.41L14.12,17H8.12L7.41,21H5.41M9.53,9L8.47,15H14.47L15.53,9H9.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-cycle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-cycle.svg
new file mode 100644
index 00000000..daa3994a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-cycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-cycle" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19M13,17H11V7H13V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-off.svg
new file mode 100644
index 00000000..30d30971
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-off" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-on.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-on.svg
new file mode 100644
index 00000000..75f68832
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-on" viewBox="0 0 24 24"><path d="M11,3H13V21H11V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off-outline.svg
new file mode 100644
index 00000000..b1b20a7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-plug-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.25 8.14C6.1 8.41 6 8.7 6 9V14.5L9.5 18V21H14.5V18L15.31 17.2L20.84 22.73L22.11 21.46M13.09 16.59L12.67 17H11.33L10.92 16.59L8 13.67V9.89L13.89 15.78L13.09 16.59M12.2 9L10.2 7H14V3H16V7C17 7 18 8 18 9V14.5L17.85 14.65L16 12.8V9.09C16 9.06 15.95 9 15.92 9H12.2M10 6.8L8 4.8V3H10V6.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off.svg
new file mode 100644
index 00000000..79392567
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-plug-off" viewBox="0 0 24 24"><path d="M20.84 22.73L15.31 17.2L14.5 18V21H9.5V18L6 14.5V9C6 8.7 6.1 8.41 6.25 8.14L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M18 14.5V9C18 8 17 7 16 7V3H14V7H10.2L17.85 14.65L18 14.5M10 3H8V4.8L10 6.8V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-outline.svg
new file mode 100644
index 00000000..291e2bd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-plug-outline" viewBox="0 0 24 24"><path d="M16 7V3H14V7H10V3H8V7C7 7 6 8 6 9V14.5L9.5 18V21H14.5V18L18 14.5V9C18 8 17 7 16 7M16 13.67L13.09 16.59L12.67 17H11.33L10.92 16.59L8 13.67V9.09C8 9.06 8.06 9 8.09 9H15.92C15.95 9 16 9.06 16 9.09V13.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-plug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug.svg
new file mode 100644
index 00000000..7871116c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-plug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-plug" viewBox="0 0 24 24"><path d="M16,7V3H14V7H10V3H8V7H8C7,7 6,8 6,9V14.5L9.5,18V21H14.5V18L18,14.5V9C18,8 17,7 16,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-settings.svg
new file mode 100644
index 00000000..5146ef03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-settings" viewBox="0 0 24 24"><path d="M15,24H17V22H15M16.56,4.44L15.11,5.89C16.84,6.94 18,8.83 18,11A6,6 0 0,1 12,17A6,6 0 0,1 6,11C6,8.83 7.16,6.94 8.88,5.88L7.44,4.44C5.36,5.88 4,8.28 4,11A8,8 0 0,0 12,19A8,8 0 0,0 20,11C20,8.28 18.64,5.88 16.56,4.44M13,2H11V12H13M11,24H13V22H11M7,24H9V22H7V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-sleep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-sleep.svg
new file mode 100644
index 00000000..1a07888f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-sleep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-sleep" viewBox="0 0 24 24"><path d="M18.73,18C15.4,21.69 9.71,22 6,18.64C2.33,15.31 2.04,9.62 5.37,5.93C6.9,4.25 9,3.2 11.27,3C7.96,6.7 8.27,12.39 12,15.71C13.63,17.19 15.78,18 18,18C18.25,18 18.5,18 18.73,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-au.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-au.svg
new file mode 100644
index 00000000..4275459e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-au.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-au" viewBox="0 0 24 24"><path d="M4.22,2A2.22,2.22 0 0,0 2,4.22V19.78C2,21 3,22 4.22,22H19.78A2.22,2.22 0 0,0 22,19.78V4.22C22,3 21,2 19.78,2H4.22M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M8.27,7.54L6.27,11L8,12L10,8.54L8.27,7.54M15.73,7.54L14,8.54L16,12L17.73,11L15.73,7.54M11,14V18H13V14H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-ch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-ch.svg
new file mode 100644
index 00000000..99d89bd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-ch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-ch" viewBox="0 0 24 24"><path d="M19.78 2H4.22C3 2 2 3 2 4.22V19.78C2 21 3 22 4.22 22H19.78C21 22 22 21 22 19.78V4.22C22 3 21 2 19.78 2M20 13L16.55 16.45C16.19 16.81 15.75 17 15.3 17H8.7C8.25 17 7.81 16.81 7.45 16.45L4 13C3.5 12.5 3.5 11.5 4 11L7.45 7.55C7.81 7.19 8.25 7 8.7 7H15.3C15.75 7 16.19 7.19 16.55 7.55L20 11C20.5 11.5 20.5 12.5 20 13M10.5 14C10.5 13.17 11.17 12.5 12 12.5S13.5 13.17 13.5 14 12.83 15.5 12 15.5 10.5 14.83 10.5 14M15.5 12C15.5 11.17 16.17 10.5 17 10.5S18.5 11.17 18.5 12 17.83 13.5 17 13.5 15.5 12.83 15.5 12M5.5 12C5.5 11.17 6.17 10.5 7 10.5S8.5 11.17 8.5 12 7.83 13.5 7 13.5 5.5 12.83 5.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-de.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-de.svg
new file mode 100644
index 00000000..915874a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-de.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-de" viewBox="0 0 24 24"><path d="M4.22 2A2.22 2.22 0 0 0 2 4.22V19.78C2 21 3 22 4.22 22H19.78A2.22 2.22 0 0 0 22 19.78V4.22C22 3 21 2 19.78 2H4.22M11 4.07V6H13V4.07A8 8 0 0 1 20 12A8 8 0 0 1 13 19.93V18H11V19.93A8 8 0 0 1 4 12A8 8 0 0 1 11 4.07M7.5 10.5A1.5 1.5 0 0 0 6 12C6 12.83 6.66 13.5 7.5 13.5A1.5 1.5 0 0 0 9 12A1.5 1.5 0 0 0 7.5 10.5M16.5 10.5A1.5 1.5 0 0 0 15 12A1.5 1.5 0 0 0 16.5 13.5A1.5 1.5 0 0 0 18 12A1.5 1.5 0 0 0 16.5 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-eu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-eu.svg
new file mode 100644
index 00000000..6c4762fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-eu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-eu" viewBox="0 0 24 24"><path d="M7.5,10.5A1.5,1.5 0 0,1 9,12A1.5,1.5 0 0,1 7.5,13.5C6.66,13.5 6,12.83 6,12A1.5,1.5 0 0,1 7.5,10.5M16.5,10.5A1.5,1.5 0 0,1 18,12A1.5,1.5 0 0,1 16.5,13.5A1.5,1.5 0 0,1 15,12A1.5,1.5 0 0,1 16.5,10.5M4.22,2H19.78C21,2 22,3 22,4.22V19.78A2.22,2.22 0 0,1 19.78,22H4.22C3,22 2,21 2,19.78V4.22A2.22,2.22 0 0,1 4.22,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-fr.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-fr.svg
new file mode 100644
index 00000000..6ee84b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-fr.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-fr" viewBox="0 0 24 24"><path d="M4.22 2A2.22 2.22 0 0 0 2 4.22V19.78C2 21 3 22 4.22 22H19.78A2.22 2.22 0 0 0 22 19.78V4.22C22 3 21 2 19.78 2H4.22M12 4A8 8 0 0 1 20 12A8 8 0 0 1 12 20A8 8 0 0 1 4 12A8 8 0 0 1 12 4M12 6A1.5 1.5 0 0 0 10.5 7.5A1.5 1.5 0 0 0 12 9A1.5 1.5 0 0 0 13.5 7.5A1.5 1.5 0 0 0 12 6M7.5 10.5A1.5 1.5 0 0 0 6 12C6 12.83 6.66 13.5 7.5 13.5A1.5 1.5 0 0 0 9 12A1.5 1.5 0 0 0 7.5 10.5M16.5 10.5A1.5 1.5 0 0 0 15 12A1.5 1.5 0 0 0 16.5 13.5A1.5 1.5 0 0 0 18 12A1.5 1.5 0 0 0 16.5 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-it.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-it.svg
new file mode 100644
index 00000000..1d02111a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-it.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-it" viewBox="0 0 24 24"><path d="M10.5 16.5C10.5 15.68 11.17 15 12 15C12.83 15 13.5 15.68 13.5 16.5C13.5 17.34 12.83 18 12 18C11.17 18 10.5 17.34 10.5 16.5M10.5 7.5C10.5 6.67 11.17 6 12 6C12.83 6 13.5 6.67 13.5 7.5C13.5 8.33 12.83 9 12 9C11.17 9 10.5 8.33 10.5 7.5M4.22 2H19.78C21 2 22 3 22 4.22V19.78C22 21 21 22 19.78 22H4.22C3 22 2 21 2 19.78V4.22C2 3 3 2 4.22 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M10.5 12C10.5 11.17 11.17 10.5 12 10.5C12.83 10.5 13.5 11.17 13.5 12C13.5 12.83 12.83 13.5 12 13.5C11.17 13.5 10.5 12.83 10.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-jp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-jp.svg
new file mode 100644
index 00000000..a7da525c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-jp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-jp" viewBox="0 0 24 24"><path d="M10 9.5V14.5H8V9.5M19.78 2C21 2 22 3 22 4.22V19.78C22 21 21 22 19.78 22H4.22C3 22 2 21 2 19.78V4.22C2 3 3 2 4.22 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4M16 9.5V14.5H14V9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-uk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-uk.svg
new file mode 100644
index 00000000..380e5460
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-uk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-uk" viewBox="0 0 24 24"><path d="M4 2A2 2 0 0 0 2 4V20A2 2 0 0 0 4 22H20A2 2 0 0 0 22 20V4A2 2 0 0 0 20 2H4M4 4H20V20H4V4M11 7V11H13V7H11M6 14.75V17H9.5V14.75H6M14.5 14.75V17H18V14.75H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-us.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-us.svg
new file mode 100644
index 00000000..54ca7a5a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket-us.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket-us" viewBox="0 0 24 24"><path d="M8,7H10V12H8V7M4.22,2H19.78C21,2 22,3 22,4.22V19.78A2.22,2.22 0 0,1 19.78,22H4.22C3,22 2,21 2,19.78V4.22A2.22,2.22 0 0,1 4.22,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M14,7.5H16V11.5H14V7.5M10.5,16.25A1.5,1.5 0 0,1 12,14.75A1.5,1.5 0 0,1 13.5,16.25V17H10.5V16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-socket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket.svg
new file mode 100644
index 00000000..ca3c2903
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-socket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-socket" viewBox="0 0 24 24"><path d="M15,15H17V11H15M7,15H9V11H7M11,13H13V9H11M8.83,7H15.2L19,10.8V17H5V10.8M8,5L3,10V19H21V10L16,5H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power-standby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power-standby.svg
new file mode 100644
index 00000000..a099d733
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power-standby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power-standby" viewBox="0 0 24 24"><path d="M13,3H11V13H13V3M17.83,5.17L16.41,6.59C18.05,7.91 19,9.9 19,12A7,7 0 0,1 12,19C8.14,19 5,15.88 5,12C5,9.91 5.95,7.91 7.58,6.58L6.17,5.17C2.38,8.39 1.92,14.07 5.14,17.86C8.36,21.64 14.04,22.1 17.83,18.88C19.85,17.17 21,14.65 21,12C21,9.37 19.84,6.87 17.83,5.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/power.svg b/apps/phoenix_webcomponent/priv/mdi/svg/power.svg
new file mode 100644
index 00000000..fd5d24d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/power.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-power" viewBox="0 0 24 24"><path d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/powershell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/powershell.svg
new file mode 100644
index 00000000..9654fa58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/powershell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-powershell" viewBox="0 0 24 24"><path d="M21.83,4C22.32,4 22.63,4.4 22.5,4.89L19.34,19.11C19.23,19.6 18.75,20 18.26,20H2.17C1.68,20 1.37,19.6 1.5,19.11L4.66,4.89C4.77,4.4 5.25,4 5.74,4H21.83M15.83,16H11.83C11.37,16 11,16.38 11,16.84C11,17.31 11.37,17.69 11.83,17.69H15.83C16.3,17.69 16.68,17.31 16.68,16.84C16.68,16.38 16.3,16 15.83,16M5.78,16.28C5.38,16.56 5.29,17.11 5.57,17.5C5.85,17.92 6.41,18 6.81,17.73C14.16,12.56 14.21,12.5 14.26,12.47C14.44,12.31 14.53,12.09 14.54,11.87C14.55,11.67 14.5,11.5 14.38,11.31L9.46,6.03C9.13,5.67 8.57,5.65 8.21,6C7.85,6.32 7.83,6.88 8.16,7.24L12.31,11.68L5.78,16.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/prescription.svg b/apps/phoenix_webcomponent/priv/mdi/svg/prescription.svg
new file mode 100644
index 00000000..cf73b54a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/prescription.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-prescription" viewBox="0 0 24 24"><path d="M4,4V10L4,14H6V10H8L13.41,15.41L9.83,19L11.24,20.41L14.83,16.83L18.41,20.41L19.82,19L16.24,15.41L19.82,11.83L18.41,10.41L14.83,14L10.83,10H11A3,3 0 0,0 14,7A3,3 0 0,0 11,4H4M6,6H11A1,1 0 0,1 12,7A1,1 0 0,1 11,8H6V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/presentation-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/presentation-play.svg
new file mode 100644
index 00000000..0bb8e573
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/presentation-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-presentation-play" viewBox="0 0 24 24"><path d="M2,3H10A2,2 0 0,1 12,1A2,2 0 0,1 14,3H22V5H21V16H15.25L17,22H15L13.25,16H10.75L9,22H7L8.75,16H3V5H2V3M5,5V14H19V5H5M11.85,11.85C11.76,11.94 11.64,12 11.5,12A0.5,0.5 0 0,1 11,11.5V7.5A0.5,0.5 0 0,1 11.5,7C11.64,7 11.76,7.06 11.85,7.15L13.25,8.54C13.57,8.86 13.89,9.18 13.89,9.5C13.89,9.82 13.57,10.14 13.25,10.46L11.85,11.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/presentation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/presentation.svg
new file mode 100644
index 00000000..cd946eff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/presentation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-presentation" viewBox="0 0 24 24"><path d="M2,3H10A2,2 0 0,1 12,1A2,2 0 0,1 14,3H22V5H21V16H15.25L17,22H15L13.25,16H10.75L9,22H7L8.75,16H3V5H2V3M5,5V14H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pretzel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pretzel.svg
new file mode 100644
index 00000000..df58dc5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pretzel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pretzel" viewBox="0 0 24 24"><path d="M5.15 15.84C3.81 14.27 3 12.23 3 10V9.97C3 7.22 5.25 5 8 5C9.64 5 11.09 5.79 12 7C12.91 5.79 14.37 5 16 5C18.76 5 21 7.24 21 10C21 12.23 20.19 14.27 18.85 15.84L20.21 17.2L18.79 18.61L17.39 17.21C15.89 18.33 14 19 12 19C10 19 8.11 18.33 6.61 17.21L5.21 18.61L3.79 17.2L5.15 15.84M15.96 15.77L12 11.82L8.04 15.77C9.17 16.55 10.53 17 12 17C13.47 17 14.83 16.55 15.96 15.77M11 10C11 8.34 9.65 7 8 7C6.34 7 5 8.34 5 10C5 11.68 5.59 13.21 6.57 14.42L11 10M17.43 14.42C18.41 13.21 19 11.68 19 10V10C19 8.33 17.65 7 16 7C14.35 7 13 8.34 13 10L17.43 14.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert-outline.svg
new file mode 100644
index 00000000..1b0450bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-alert-outline" viewBox="0 0 24 24"><path d="M7 2H17V7H19V13H16.5L13 17H11L7.5 13H5V7H7V2M10 22H2V20H10C10.6 20 11 19.5 11 19V18H13V19C13 20.7 11.7 22 10 22M7 9V11H8.5L12 15L15.5 11H17V9H15V4H9V9H7M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert.svg
new file mode 100644
index 00000000..e0120ec7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-alert" viewBox="0 0 24 24"><path d="M7 2H17V8H19V13H16.5L13 17H11L7.5 13H5V8H7V2M10 22H2V20H10C10.6 20 11 19.5 11 19V18H13V19C13 20.7 11.7 22 10 22M21 13V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat-outline.svg
new file mode 100644
index 00000000..c7350d28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-heat-outline" viewBox="0 0 24 24"><path d="M23 14.5L21.6 16.7L23 18.9L21 22L19.2 21.1L20.7 18.9L19.2 16.7L21.2 13.6L23 14.5M18.7 14.5L17.2 16.7L18.7 18.9L16.7 22L14.9 21.1L16.3 18.9L14.9 16.7L16.9 13.6L18.7 14.5M4 2H14V7H16V13H13.5L10 17H8L4.5 13H2V7H4V2M4 9V11H5.5L9 15L12.5 11H14V9H12V4H6V9H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat.svg
new file mode 100644
index 00000000..d6725447
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-heat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-heat" viewBox="0 0 24 24"><path d="M4 2H14V7H16V13H13.5L10 17H8L4.5 13H2V7H4V2M23 14.5L21.6 16.7L23 18.9L21 22L19.2 21.1L20.7 18.9L19.2 16.7L21.2 13.6L23 14.5M18.7 14.5L17.2 16.7L18.7 18.9L16.7 22L14.9 21.1L16.3 18.9L14.9 16.7L16.9 13.6L18.7 14.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off-outline.svg
new file mode 100644
index 00000000..11ceda2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.1 7H5V13H7.5L11 17H13L14 15.9L20.9 22.8L22.1 21.5M12 15L8.5 11H7V9H7.1L12.5 14.4L12 15M11 18H13V19C13 20.7 11.7 22 10 22H2V20H10C10.6 20 11 19.6 11 19V18M9 5.8L7 3.8V2H17V7H19V13H16.2L14.9 11.7L15.5 11H17V9H15V4H9V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off.svg
new file mode 100644
index 00000000..94825565
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-off" viewBox="0 0 24 24"><path d="M20.8 22.7L14 15.9L13 17H11L7.5 13H5V8H6.1L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M11 19C11 19.6 10.6 20 10 20H2V22H10C11.7 22 13 20.7 13 19V18H11V19M19 13V8H17V2H7V3.8L16.2 13H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-outline.svg
new file mode 100644
index 00000000..8fb345a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle-outline" viewBox="0 0 24 24"><path d="M7,2H17V7H19V13H16.5L13,17H11L7.5,13H5V7H7V2M10,22H2V20H10A1,1 0 0,0 11,19V18H13V19A3,3 0 0,1 10,22M7,9V11H8.5L12,15L15.5,11H17V9H15V4H9V9H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle.svg
new file mode 100644
index 00000000..44acbd3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-nozzle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-nozzle" viewBox="0 0 24 24"><path d="M7,2H17V8H19V13H16.5L13,17H11L7.5,13H5V8H7V2M10,22H2V20H10A1,1 0 0,0 11,19V18H13V19A3,3 0 0,1 10,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-off.svg
new file mode 100644
index 00000000..f62c559a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d-off" viewBox="0 0 24 24"><path d="M2.3 2L1 3.3L2.1 4.4C2 4.6 2 4.8 2 5V11H6V8.3L8.7 11L6.5 12.1C6.2 12.3 6 12.6 6 13V18.2C6 18.6 6.2 18.9 6.5 19.1L11.4 21.8C11.6 21.9 11.8 22 12 22S12.4 21.9 12.6 21.8L17.1 19.3L20.8 23L22.1 21.7L2.3 2M4.9 2H4.8L9.8 7H18V11H22V5C22 3.3 20.7 2 19 2H4.9C5 2 5 2 4.9 2M19 4C19.6 4 20 4.4 20 5S19.6 6 19 6 18 5.6 18 5 18.4 4 19 4M12.4 9.6L18 15.2V13C18 12.6 17.8 12.3 17.5 12.1L12.6 9.7C12.5 9.7 12.5 9.6 12.4 9.6M10.2 12.5L12.2 14.5L12 14.6L9 13L10.2 12.5M8 14.7L11 16.3V19.3L8 17.7V14.7M13.7 16L15.6 17.9L13 19.3V16.3L13.7 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d.svg
new file mode 100644
index 00000000..31b23007
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-3d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-3d" viewBox="0 0 24 24"><path d="M19,6A1,1 0 0,0 20,5A1,1 0 0,0 19,4A1,1 0 0,0 18,5A1,1 0 0,0 19,6M19,2A3,3 0 0,1 22,5V11H18V7H6V11H2V5A3,3 0 0,1 5,2H19M18,18.25C18,18.63 17.79,18.96 17.47,19.13L12.57,21.82C12.4,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L6.53,19.13C6.21,18.96 6,18.63 6,18.25V13C6,12.62 6.21,12.29 6.53,12.12L11.43,9.68C11.59,9.56 11.79,9.5 12,9.5C12.21,9.5 12.4,9.56 12.57,9.68L17.47,12.12C17.79,12.29 18,12.62 18,13V18.25M12,11.65L9.04,13L12,14.6L14.96,13L12,11.65M8,17.66L11,19.29V16.33L8,14.71V17.66M16,17.66V14.71L13,16.33V19.29L16,17.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-alert.svg
new file mode 100644
index 00000000..a125c7de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-alert" viewBox="0 0 24 24"><path d="M16 3H4V7H16M17 12C16.4 12 16 11.6 16 11S16.4 10 17 10 18 10.4 18 11 17.6 12 17 12M14 19H6V14H14M17 8H3C1.3 8 0 9.3 0 11V17H4V21H16V17H20V11C20 9.3 18.7 8 17 8M24 13H22V7H24V13M24 17H22V15H24V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-check.svg
new file mode 100644
index 00000000..74f85761
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-check" viewBox="0 0 24 24"><path d="M18 7H6V3H18V7M6 21V17H2V11C2 9.34 3.34 8 5 8H19C20.66 8 22 9.34 22 11V13.81C21.12 13.3 20.1 13 19 13C17.77 13 16.64 13.37 15.69 14H8V19H13C13 19.7 13.13 20.37 13.35 21H6M18 11C18 11.55 18.45 12 19 12S20 11.55 20 11 19.55 10 19 10 18 10.45 18 11M23.5 17L22 15.5L18.5 19L16.5 17L15 18.5L18.5 22L23.5 17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-eye.svg
new file mode 100644
index 00000000..810035f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-eye" viewBox="0 0 24 24"><path d="M9.8 21C9.6 20.6 9.3 20.2 9.2 19.7L8.8 19H8V14H13C14.2 13.4 15.6 13 17 13C18.9 13 20.6 13.6 22 14.6V11C22 9.3 20.7 8 19 8H5C3.3 8 2 9.3 2 11V17H6V21H9.8M19 10C19.6 10 20 10.4 20 11S19.6 12 19 12 18 11.6 18 11 18.4 10 19 10M18 7H6V3H18V7M17 18C17.6 18 18 18.4 18 19S17.6 20 17 20 16 19.6 16 19 16.4 18 17 18M17 15C14.3 15 11.9 16.7 11 19C11.9 21.3 14.3 23 17 23S22.1 21.3 23 19C22.1 16.7 19.7 15 17 15M17 21.5C15.6 21.5 14.5 20.4 14.5 19S15.6 16.5 17 16.5 19.5 17.6 19.5 19 18.4 21.5 17 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-off-outline.svg
new file mode 100644
index 00000000..e4af8e74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-off-outline" viewBox="0 0 24 24"><path d="M1.41 1.6L22.36 22.55L20.95 23.96L18 21H6V17H2V11C2 9.34 3.34 8 5 8L0 3L1.41 1.6M6 15V13H10L7 10H5C4.45 10 4 10.45 4 11V15H6M8 19H16L12 15H8V19M8 5V5.36L6 3.36V3H18V8H19C20.66 8 22 9.34 22 11V17H19.66L15.66 13H18V15L20 15V11C20 10.45 19.55 10 19 10H12.66L10.66 8H16V5H8M19 11.5C19 12.06 18.55 12.5 18 12.5C17.45 12.5 17 12.06 17 11.5C17 10.96 17.45 10.5 18 10.5C18.55 10.5 19 10.96 19 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-off.svg
new file mode 100644
index 00000000..03d5aaf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-off" viewBox="0 0 24 24"><path d="M6,3V4.18L8.82,7H18V3H6M2.28,3L1,4.27L4.75,8C3.19,8.15 2,9.44 2,11V17H6V21H17.73L19.73,23L21,21.72L2.28,3M9.82,8L18.82,17H22V11A3,3 0 0,0 19,8H9.82M19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10M8,14H10.73L15.73,19H8V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-outline.svg
new file mode 100644
index 00000000..94e31286
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-outline" viewBox="0 0 24 24"><path d="M19 8C20.66 8 22 9.34 22 11V17H18V21H6V17H2V11C2 9.34 3.34 8 5 8H6V3H18V8H19M8 5V8H16V5H8M16 19V15H8V19H16M18 15H20V11C20 10.45 19.55 10 19 10H5C4.45 10 4 10.45 4 11V15H6V13H18V15M19 11.5C19 12.05 18.55 12.5 18 12.5C17.45 12.5 17 12.05 17 11.5C17 10.95 17.45 10.5 18 10.5C18.55 10.5 19 10.95 19 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert-outline.svg
new file mode 100644
index 00000000..6efa93d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-alert-outline" viewBox="0 0 24 24"><path d="M15 15H11V13H15V15M18 12V19H2V12C2 10.9 2.9 10 4 10H5V4H15V10H16C17.11 10 18 10.9 18 12M7 10H13V6H7V10M16 12H4V17H16V12M20 17H22V15H20V17M20 7V13H22V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert.svg
new file mode 100644
index 00000000..a2e8430a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-alert" viewBox="0 0 24 24"><path d="M16 10H4C2.9 10 2 10.9 2 12V19H18V12C18 10.9 17.11 10 16 10M16 14H12V12H16V14M15 9H5V4H15V9M22 7V13H20V7H22M20 15H22V17H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel-outline.svg
new file mode 100644
index 00000000..f2e0b173
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-cancel-outline" viewBox="0 0 24 24"><path d="M18.5 14C16 14 14 16 14 18.5S16 23 18.5 23 23 21 23 18.5 21 14 18.5 14M18.5 21.5C16.84 21.5 15.5 20.16 15.5 18.5C15.5 17.94 15.65 17.42 15.92 17L20 21.08C19.58 21.35 19.06 21.5 18.5 21.5M21.08 20L17 15.92C17.42 15.65 17.94 15.5 18.5 15.5C20.16 15.5 21.5 16.84 21.5 18.5C21.5 19.06 21.35 19.58 21.08 20M7 15V13H11V15H7M6 17V12H20C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H12.03C12 18.83 12 18.67 12 18.5C12 18 12.07 17.5 12.18 17H6M9 6H15V10H9V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel.svg
new file mode 100644
index 00000000..dcaa8a22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-cancel" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M12 18.5C12 18.67 12 18.83 12.03 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V12.18C19.5 12.07 19 12 18.5 12C14.91 12 12 14.91 12 18.5M10 12H6V14H10V12M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check-outline.svg
new file mode 100644
index 00000000..20afe25b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-check-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M6 17H13.35C13.13 17.63 13 18.3 13 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V12H6V17M9 10H15V6H9V10M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check.svg
new file mode 100644
index 00000000..512cb76d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-check" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog-outline.svg
new file mode 100644
index 00000000..741fe4de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-cog-outline" viewBox="0 0 24 24"><path d="M22.7 19.6V18.6L23.8 17.8C23.9 17.7 24 17.6 23.9 17.5L22.9 15.8C22.9 15.7 22.7 15.7 22.6 15.7L21.4 16.2C21.1 16 20.8 15.8 20.5 15.7L20.3 14.4C20.3 14.3 20.2 14.2 20.1 14.2H18.1C17.9 14.2 17.8 14.3 17.8 14.4L17.6 15.7C17.3 15.9 17.1 16 16.8 16.2L15.6 15.7C15.5 15.7 15.4 15.7 15.3 15.8L14.3 17.5C14.3 17.6 14.3 17.7 14.4 17.8L15.5 18.6V19.6L14.4 20.4C14.3 20.5 14.2 20.6 14.3 20.7L15.3 22.4C15.4 22.5 15.5 22.5 15.6 22.5L16.8 22C17 22.2 17.3 22.4 17.6 22.5L17.8 23.8C17.9 23.9 18 24 18.1 24H20.1C20.2 24 20.3 23.9 20.3 23.8L20.5 22.5C20.8 22.3 21 22.2 21.3 22L22.5 22.4C22.6 22.4 22.7 22.4 22.8 22.3L23.8 20.6C23.9 20.5 23.9 20.4 23.8 20.4L22.7 19.6M19 20.5C18.2 20.5 17.5 19.8 17.5 19S18.2 17.5 19 17.5 20.5 18.2 20.5 19 19.8 20.5 19 20.5M7 15V13H11V15H7M6 12H20C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H12C12 18.31 12.11 17.63 12.29 17H6V12M9 6H15V10H9V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog.svg
new file mode 100644
index 00000000..304ec378
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-cog" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 12C15.13 12 12 15.13 12 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V12.08C19.67 12.03 19.34 12 19 12M10 12H6V14H10V12M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit-outline.svg
new file mode 100644
index 00000000..78096b9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-edit-outline" viewBox="0 0 24 24"><path d="M6 17V12H18.13L19.39 10.74C19.42 10.71 19.45 10.69 19.5 10.67C19.11 10.26 18.59 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H11.13L13.13 17H6M9 6H15V10H9V6M7 15V13H11V15H7M22.85 14.19L21.87 15.17L19.83 13.13L20.81 12.15C21 11.95 21.33 11.95 21.53 12.15L22.85 13.47C23.05 13.67 23.05 14 22.85 14.19M19.13 13.83L21.17 15.87L15.04 22H13V19.96L19.13 13.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit.svg
new file mode 100644
index 00000000..adbff0c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-edit" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19.39 10.74L11.13 19H4V12C4 10.9 4.89 10 6 10H18C18.59 10 19.11 10.26 19.5 10.67C19.45 10.69 19.42 10.71 19.39 10.74M10 12H6V14H10V12M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus-outline.svg
new file mode 100644
index 00000000..4b0756f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-minus-outline" viewBox="0 0 24 24"><path d="M6 12H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V12C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H13C13 18.3 13.13 17.63 13.35 17H6V12M9 6H15V10H9V6M7 15V13H11V15H7M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus.svg
new file mode 100644
index 00000000..85111e4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-minus" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network-outline.svg
new file mode 100644
index 00000000..4b2e4963
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-network-outline" viewBox="0 0 24 24"><path d="M13 11H17V13H13V11M22 20V22H15C15 22.55 14.55 23 14 23H10C9.45 23 9 22.55 9 22H2V20H9C9 19.45 9.45 19 10 19H11V17H4V10C4 8.9 4.89 8 6 8H7V2H17V8H18C19.11 8 20 8.9 20 10V17H13V19H14C14.55 19 15 19.45 15 20H22M9 8H15V4H9V8M18 15V10H6V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network.svg
new file mode 100644
index 00000000..30f308be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-network" viewBox="0 0 24 24"><path d="M17 7H7V2H17V7M22 20V22H15C15 22.55 14.55 23 14 23H10C9.45 23 9 22.55 9 22H2V20H9C9 19.45 9.45 19 10 19H11V17H4V10C4 8.9 4.89 8 6 8H18C19.11 8 20 8.9 20 10V17H13V19H14C14.55 19 15 19.45 15 20H22M18 10H14V12H18V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off-outline.svg
new file mode 100644
index 00000000..09b23766
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L7 8.89V10H6C4.89 10 4 10.9 4 12V19H17.11L20.84 22.73L22.11 21.46L2.39 1.73M6 17V12H10.11L15.11 17H6M9.2 6L7.2 4H17V10H18C19.11 10 20 10.9 20 12V16.8L18 14.8V12H15.2L13.2 10H15V6H9.2M7 13H11V15H7V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off.svg
new file mode 100644
index 00000000..0de4378a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-off" viewBox="0 0 24 24"><path d="M12.2 9L7.2 4H17V9H12.2M20 16.8V12C20 10.9 19.11 10 18 10H13.2L20 16.8M22.11 21.46L20.84 22.73L17.11 19H4V12C4 10.9 4.89 10 6 10H8.11L1.11 3L2.39 1.73L22.11 21.46M10 12H6V14H10V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-outline.svg
new file mode 100644
index 00000000..47c92fc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-outline" viewBox="0 0 24 24"><path d="M18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H20V12C20 10.9 19.11 10 18 10M9 6H15V10H9V6M18 17H6V12H18V17M17 15H13V13H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause-outline.svg
new file mode 100644
index 00000000..14034907
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-pause-outline" viewBox="0 0 24 24"><path d="M20 12C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H13C13 18.3 13.13 17.63 13.35 17H6V12H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V12M15 10H9V6H15V10M7 15V13H11V15H7M16 16H18V22H16V16M22 16V22H20V16H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause.svg
new file mode 100644
index 00000000..e9a497e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-pause" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M20 13.09C19.67 13.04 19.34 13 19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09M10 12H6V14H10V12M16 22H18V16H16V22M20 16V22H22V16H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play-outline.svg
new file mode 100644
index 00000000..e53145e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-play-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M6 17H13.35C13.13 17.63 13 18.3 13 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V12H6V17M9 10H15V6H9V10M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play.svg
new file mode 100644
index 00000000..6f6cea43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-play" viewBox="0 0 24 24"><path d="M20 13.09V12C20 10.9 19.11 10 18 10H6C4.89 10 4 10.9 4 12V19H13C13 15.69 15.69 13 19 13C19.34 13 19.67 13.04 20 13.09M10 14H6V12H10V14M17 9H7V4H17V9M22 19L17 22V16L22 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus-outline.svg
new file mode 100644
index 00000000..1541ee6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-plus-outline" viewBox="0 0 24 24"><path d="M6 12H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V12C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H13C13 18.3 13.13 17.63 13.35 17H6V12M9 6H15V10H9V6M7 15V13H11V15H7M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus.svg
new file mode 100644
index 00000000..692b358f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-plus" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh-outline.svg
new file mode 100644
index 00000000..3a54fefc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-refresh-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22M12.18 17C12.07 17.5 12 18 12 18.5C12 18.67 12 18.83 12.03 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C19.11 10 20 10.9 20 12H6V17H12.18M9 10H15V6H9V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh.svg
new file mode 100644
index 00000000..d44556a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-refresh" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M12 18.5C12 18.67 12 18.83 12.03 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V12.18C19.5 12.07 19 12 18.5 12C14.91 12 12 14.91 12 18.5M10 12H6V14H10V12M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove-outline.svg
new file mode 100644
index 00000000..a6ce3186
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-remove-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M6 17H13.35C13.13 17.63 13 18.3 13 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13C18.66 13 18.33 13.04 18 13.09V12H6V17M9 10H15V6H9V10M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove.svg
new file mode 100644
index 00000000..99f2c014
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-remove" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star-outline.svg
new file mode 100644
index 00000000..761eb99c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-star-outline" viewBox="0 0 24 24"><path d="M6 12H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V12C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H13C13 18.3 13.13 17.63 13.35 17H6V12M9 6H15V10H9V6M7 15V13H11V15H7M20.8 19.77L21.45 22.58L19 21.09L16.5 22.58L17.18 19.77L15 17.89L17.87 17.64L19 15L20.11 17.64L23 17.89L20.8 19.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star.svg
new file mode 100644
index 00000000..902d7c79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-star" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop-outline.svg
new file mode 100644
index 00000000..55ab17e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-stop-outline" viewBox="0 0 24 24"><path d="M6 12H18V13.09C18.33 13.04 18.66 13 19 13C19.34 13 19.67 13.04 20 13.09V12C20 10.9 19.11 10 18 10H17V4H7V10H6C4.89 10 4 10.9 4 12V19H13C13 18.3 13.13 17.63 13.35 17H6V12M9 6H15V10H9V6M7 15V13H11V15H7M22 16V22H16V16H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop.svg
new file mode 100644
index 00000000..4afb266e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-stop" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M19 13C15.69 13 13 15.69 13 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.09C19.67 13.04 19.34 13 19 13M10 12H6V14H10V12M16 16V22H22V16H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync-outline.svg
new file mode 100644
index 00000000..21fa389a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-sync-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M13 17.5C13 18 13.07 18.5 13.18 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C18.74 10 19.38 10.41 19.73 11C19.65 11 19.58 11 19.5 11C18.23 11 17.05 11.37 16.05 12H6V17H13.03C13 17.17 13 17.33 13 17.5M9 10H15V6H9V10M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync.svg
new file mode 100644
index 00000000..a2302a49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-sync" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M13 17.5C13 18 13.07 18.5 13.18 19H4V12C4 10.9 4.89 10 6 10H18C18.74 10 19.38 10.41 19.73 11C19.65 11 19.58 11 19.5 11C15.91 11 13 13.91 13 17.5M10 12H6V14H10V12M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench-outline.svg
new file mode 100644
index 00000000..f9881bc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-wrench-outline" viewBox="0 0 24 24"><path d="M7 15V13H11V15H7M13.03 12H6V17H11.1C11.25 17.74 11.58 18.42 12 19H4V12C4 10.9 4.89 10 6 10H7V4H17V10H18C19.11 10 20 10.9 20 12V13.03C19.09 11.8 17.64 11 16 11C14.88 11 13.86 11.38 13.03 12M9 10H15V6H9V10M22.87 21.19L18.76 17.08C19.17 16.04 18.94 14.82 18.08 13.97C17.18 13.06 15.83 12.88 14.74 13.38L16.68 15.32L15.33 16.68L13.34 14.73C12.8 15.82 13.05 17.17 13.93 18.08C14.79 18.94 16 19.16 17.05 18.76L21.16 22.86C21.34 23.05 21.61 23.05 21.79 22.86L22.83 21.83C23.05 21.65 23.05 21.33 22.87 21.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench.svg
new file mode 100644
index 00000000..b742a7df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos-wrench" viewBox="0 0 24 24"><path d="M17 9H7V4H17V9M11 16C11 17.13 11.39 18.16 12 19H4V12C4 10.9 4.89 10 6 10H18C19.11 10 20 10.9 20 12V13.03C19.09 11.8 17.64 11 16 11C13.24 11 11 13.24 11 16M10 12H6V14H10V12M22.87 21.19L18.76 17.08C19.17 16.04 18.94 14.82 18.08 13.97C17.18 13.06 15.83 12.88 14.74 13.38L16.68 15.32L15.33 16.68L13.34 14.73C12.8 15.82 13.05 17.17 13.93 18.08C14.79 18.94 16 19.16 17.05 18.76L21.16 22.86C21.34 23.05 21.61 23.05 21.79 22.86L22.83 21.83C23.05 21.65 23.05 21.33 22.87 21.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos.svg
new file mode 100644
index 00000000..80c697bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-pos.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-pos" viewBox="0 0 24 24"><path d="M18 10H6A2 2 0 0 0 4 12V19H20V12A2 2 0 0 0 18 10M18 14H14V12H18M17 9H7V4H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-search.svg
new file mode 100644
index 00000000..ac88fb0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-search" viewBox="0 0 24 24"><path d="M20.3 18.9C20.7 18.2 21 17.4 21 16.5C21 14 19 12 16.5 12S12 14 12 16.5 14 21 16.5 21C17.4 21 18.2 20.8 18.9 20.3L22 23.4L23.4 22L20.3 18.9M16.5 19C15.1 19 14 17.9 14 16.5S15.1 14 16.5 14 19 15.1 19 16.5 17.9 19 16.5 19M18 7H6V3H18V7M6 21V17H2V11C2 9.3 3.3 8 5 8H19C20.7 8 22 9.3 22 11V13C20.8 11.2 18.8 10 16.5 10C13.8 10 11.5 11.7 10.5 14H8V19H10.5C10.8 19.7 11.3 20.4 11.8 21H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-settings.svg
new file mode 100644
index 00000000..efb01892
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-settings" viewBox="0 0 24 24"><path d="M18,2V6H6V2H18M19,11A1,1 0 0,0 20,10A1,1 0 0,0 19,9A1,1 0 0,0 18,10A1,1 0 0,0 19,11M16,18V13H8V18H16M19,7A3,3 0 0,1 22,10V16H18V20H6V16H2V10A3,3 0 0,1 5,7H19M15,24V22H17V24H15M11,24V22H13V24H11M7,24V22H9V24H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer-wireless.svg
new file mode 100644
index 00000000..24180ae5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer-wireless" viewBox="0 0 24 24"><path d="M4.93,3.92L6.34,5.33C9.46,2.2 14.53,2.2 17.66,5.33L19.07,3.92C15.17,0 8.84,0 4.93,3.92M7.76,6.75L9.17,8.16C10.73,6.6 13.26,6.6 14.83,8.16L16.24,6.75C13.9,4.41 10.1,4.41 7.76,6.75M19,14A1,1 0 0,1 18,13A1,1 0 0,1 19,12A1,1 0 0,1 20,13A1,1 0 0,1 19,14M16,20H8V15H16V20M19,10H5A3,3 0 0,0 2,13V18H6V22H18V18H22V13A3,3 0 0,0 19,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/printer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/printer.svg
new file mode 100644
index 00000000..642d1e0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/printer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-printer" viewBox="0 0 24 24"><path d="M18,3H6V7H18M19,12A1,1 0 0,1 18,11A1,1 0 0,1 19,10A1,1 0 0,1 20,11A1,1 0 0,1 19,12M16,19H8V14H16M19,8H5A3,3 0 0,0 2,11V17H6V21H18V17H22V11A3,3 0 0,0 19,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/priority-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/priority-high.svg
new file mode 100644
index 00000000..30300244
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/priority-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-priority-high" viewBox="0 0 24 24"><path d="M14,19H22V17H14V19M14,13.5H22V11.5H14V13.5M14,8H22V6H14V8M2,12.5C2,8.92 4.92,6 8.5,6H9V4L12,7L9,10V8H8.5C6,8 4,10 4,12.5C4,15 6,17 8.5,17H12V19H8.5C4.92,19 2,16.08 2,12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/priority-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/priority-low.svg
new file mode 100644
index 00000000..b835dd0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/priority-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-priority-low" viewBox="0 0 24 24"><path d="M14,5H22V7H14V5M14,10.5H22V12.5H14V10.5M14,16H22V18H14V16M2,11.5C2,15.08 4.92,18 8.5,18H9V20L12,17L9,14V16H8.5C6,16 4,14 4,11.5C4,9 6,7 8.5,7H12V5H8.5C4.92,5 2,7.92 2,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/professional-hexagon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/professional-hexagon.svg
new file mode 100644
index 00000000..61029d80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/professional-hexagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-professional-hexagon" viewBox="0 0 24 24"><path d="M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M5,9V15H6.25V13H7A2,2 0 0,0 9,11A2,2 0 0,0 7,9H5M6.25,12V10H6.75A1,1 0 0,1 7.75,11A1,1 0 0,1 6.75,12H6.25M9.75,9V15H11V13H11.75L12.41,15H13.73L12.94,12.61C13.43,12.25 13.75,11.66 13.75,11A2,2 0 0,0 11.75,9H9.75M11,12V10H11.5A1,1 0 0,1 12.5,11A1,1 0 0,1 11.5,12H11M17,9C15.62,9 14.5,10.34 14.5,12C14.5,13.66 15.62,15 17,15C18.38,15 19.5,13.66 19.5,12C19.5,10.34 18.38,9 17,9M17,10.25C17.76,10.25 18.38,11.03 18.38,12C18.38,12.97 17.76,13.75 17,13.75C16.24,13.75 15.63,12.97 15.63,12C15.63,11.03 16.24,10.25 17,10.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-alert.svg
new file mode 100644
index 00000000..832fd278
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-alert" viewBox="0 0 24 24"><path d="M13,2V4C17.39,4.54 20.5,8.53 19.96,12.92C19.5,16.56 16.64,19.43 13,19.88V21.88C18.5,21.28 22.45,16.34 21.85,10.85C21.33,6.19 17.66,2.5 13,2M11,2C9.04,2.18 7.19,2.95 5.67,4.2L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.24,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.06,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37H7.06M13,13V7H11V13H13M13,17V15H11V17H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-check.svg
new file mode 100644
index 00000000..cc435928
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-check" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M15.5,8.5L10.62,13.38L8.5,11.26L7.44,12.32L10.62,15.5L16.56,9.56L15.5,8.5M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-clock.svg
new file mode 100644
index 00000000..4157358c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-clock" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-close.svg
new file mode 100644
index 00000000..721271e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-close" viewBox="0 0 24 24"><path d="M13 2.03V4.05C17.39 4.59 20.5 8.58 19.96 12.97C19.5 16.61 16.64 19.5 13 19.93V21.93C18.5 21.38 22.5 16.5 21.95 11C21.5 6.25 17.73 2.5 13 2.03M11 2.06C9.05 2.25 7.19 3 5.67 4.26L7.1 5.74C8.22 4.84 9.57 4.26 11 4.06V2.06M4.26 5.67C3 7.19 2.25 9.04 2.05 11H4.05C4.24 9.58 4.8 8.23 5.69 7.1L4.26 5.67M2.06 13C2.26 14.96 3.03 16.81 4.27 18.33L5.69 16.9C4.81 15.77 4.24 14.42 4.06 13H2.06M7.1 18.37L5.67 19.74C7.18 21 9.04 21.79 11 22V20C9.58 19.82 8.23 19.25 7.1 18.37M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-download.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-download.svg
new file mode 100644
index 00000000..e14e0791
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-download" viewBox="0 0 24 24"><path d="M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,16.5L7.5,12H11V8H13V12H16.5L12,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-helper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-helper.svg
new file mode 100644
index 00000000..de84a6ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-helper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-helper" viewBox="0 0 24 24"><path d="M13 2V4C17.39 4.54 20.5 8.53 19.96 12.92C19.5 16.56 16.64 19.43 13 19.88V21.88C18.5 21.28 22.45 16.34 21.85 10.85C21.33 6.19 17.66 2.5 13 2M11 2C9.04 2.18 7.19 2.95 5.67 4.2L7.1 5.74C8.22 4.84 9.57 4.26 11 4.06V2M4.26 5.67C3 7.19 2.24 9.04 2.05 11H4.05C4.24 9.58 4.8 8.23 5.69 7.1L4.26 5.67M2.06 13C2.26 14.96 3.03 16.81 4.27 18.33L5.69 16.9C4.81 15.77 4.24 14.42 4.06 13H2.06M7.06 18.37L5.67 19.74C7.18 21 9.04 21.79 11 22V20C9.58 19.82 8.23 19.25 7.1 18.37H7.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-pencil.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-pencil.svg
new file mode 100644
index 00000000..9876b79a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-pencil" viewBox="0 0 24 24"><path d="M15.84 10.2L14.83 11.21L12.76 9.18L13.77 8.16C13.97 7.95 14.31 7.94 14.55 8.16L15.84 9.41C16.05 9.62 16.06 9.96 15.84 10.2M8 13.91L12.17 9.72L14.24 11.8L10.08 16H8V13.91M13 2V4C17.39 4.54 20.5 8.53 19.96 12.92C19.5 16.56 16.64 19.43 13 19.88V21.88C18.5 21.28 22.45 16.34 21.85 10.85C21.33 6.19 17.66 2.5 13 2M11 2C9.04 2.18 7.19 2.95 5.67 4.2L7.1 5.74C8.22 4.84 9.57 4.26 11 4.06V2.06M4.26 5.67C3 7.19 2.24 9.04 2.05 11H4.05C4.24 9.58 4.8 8.23 5.69 7.1L4.26 5.67M2.06 13C2.26 14.96 3.03 16.81 4.27 18.33L5.69 16.9C4.81 15.77 4.24 14.42 4.06 13H2.06M7.06 18.37L5.67 19.74C7.18 21 9.04 21.79 11 22V20C9.58 19.82 8.23 19.25 7.1 18.37H7.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-question.svg
new file mode 100644
index 00000000..052a6d4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-question" viewBox="0 0 24 24"><path d="M13 18H11V16H13V18M13 15H11C11 11.75 14 12 14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10H8C8 7.79 9.79 6 12 6C14.21 6 16 7.79 16 10C16 12.5 13 12.75 13 15M22 12C22 17.18 18.05 21.45 13 21.95V19.94C16.95 19.45 20 16.08 20 12C20 7.92 16.95 4.55 13 4.06V2.05C18.05 2.55 22 6.82 22 12M11 2.05V4.06C9.54 4.24 8.2 4.82 7.09 5.68L5.67 4.26C7.15 3.05 9 2.25 11 2.05M4.06 11H2.05C2.25 9 3.05 7.15 4.26 5.67L5.68 7.1C4.82 8.2 4.24 9.54 4.06 11M11 19.94V21.95C9 21.75 7.15 20.96 5.67 19.74L7.09 18.32C8.2 19.18 9.54 19.76 11 19.94M2.05 13H4.06C4.24 14.46 4.82 15.8 5.68 16.91L4.26 18.33C3.05 16.85 2.25 15 2.05 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-star.svg
new file mode 100644
index 00000000..14f01cae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-star" viewBox="0 0 24 24"><path d="M13 2V4C17.39 4.54 20.5 8.53 19.96 12.92C19.5 16.56 16.64 19.43 13 19.88V21.88C18.5 21.28 22.45 16.34 21.85 10.85C21.33 6.19 17.66 2.5 13 2M11 2C9.04 2.18 7.19 2.95 5.67 4.2L7.1 5.74C8.22 4.84 9.57 4.26 11 4.06V2.06M4.26 5.67C3 7.19 2.24 9.04 2.05 11H4.05C4.24 9.58 4.8 8.23 5.69 7.1L4.26 5.67M2.06 13C2.26 14.96 3.03 16.81 4.27 18.33L5.69 16.9C4.81 15.77 4.24 14.42 4.06 13H2.06M7.06 18.37L5.67 19.74C7.18 21 9.04 21.79 11 22V20C9.58 19.82 8.23 19.25 7.1 18.37H7.06M8.58 16.8L9.5 12.91L6.5 10.33L10.45 9.96L12 6.35L13.55 10L17.5 10.33L14.5 12.91L15.42 16.8L12 14.74L8.58 16.8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-upload.svg
new file mode 100644
index 00000000..3f4a38db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-upload" viewBox="0 0 24 24"><path d="M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,7.5L7.5,12H11V16H13V12H16.5L12,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/progress-wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/progress-wrench.svg
new file mode 100644
index 00000000..3f1fff52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/progress-wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-wrench" viewBox="0 0 24 24"><path d="M13,2.03V2.05L13,4.05C17.39,4.59 20.5,8.58 19.96,12.97C19.5,16.61 16.64,19.5 13,19.93V21.93C18.5,21.38 22.5,16.5 21.95,11C21.5,6.25 17.73,2.5 13,2.03M11,2.06C9.05,2.25 7.19,3 5.67,4.26L7.1,5.74C8.22,4.84 9.57,4.26 11,4.06V2.06M4.26,5.67C3,7.19 2.25,9.04 2.05,11H4.05C4.24,9.58 4.8,8.23 5.69,7.1L4.26,5.67M2.06,13C2.26,14.96 3.03,16.81 4.27,18.33L5.69,16.9C4.81,15.77 4.24,14.42 4.06,13H2.06M7.1,18.37L5.67,19.74C7.18,21 9.04,21.79 11,22V20C9.58,19.82 8.23,19.25 7.1,18.37M16.82,15.19L12.71,11.08C13.12,10.04 12.89,8.82 12.03,7.97C11.13,7.06 9.78,6.88 8.69,7.38L10.63,9.32L9.28,10.68L7.29,8.73C6.75,9.82 7,11.17 7.88,12.08C8.74,12.94 9.96,13.16 11,12.76L15.11,16.86C15.29,17.05 15.56,17.05 15.74,16.86L16.78,15.83C17,15.65 17,15.33 16.82,15.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-off.svg
new file mode 100644
index 00000000..833a218e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-off" viewBox="0 0 24 24"><path d="M16 9C14.97 9 14.1 9.79 14 10.82L16.18 13C18.72 12.76 18.55 9 16 9M15 14.35H15L18.95 18.31V18.3M7.64 7L12.65 12V12L7.65 7M20 7H19.15C17.26 5.67 14.73 5.67 12.84 7H10.19L12.8 9.61C13.78 7.34 16.73 6.78 18.5 8.53C20.22 10.27 19.66 13.22 17.39 14.2L20.18 17C21.21 16.9 22 16.04 22 15V9C22 7.9 21.1 7 20 7M16 9C14.97 9 14.1 9.79 14 10.82L16.18 13C18.72 12.76 18.55 9 16 9M16 9C14.97 9 14.1 9.79 14 10.82L16.18 13C18.72 12.76 18.55 9 16 9M22.25 21.61L2.53 1.89L1.26 3.16L5.1 7H4C2.9 7 2 7.9 2 9V15C2 16.11 2.9 17 4 17H5V18C5 18.55 5.45 19 6 19H8C8.55 19 9 18.55 9 18V17H15V18C15 18.55 15.45 19 16 19H17.1L21 22.89L22.26 21.61M8 14H4V13H8M8 12H4V11H8M8 10H4V9H7.1L8 9.9M2.54 1.89L7.64 7L2.53 1.89M7.65 7L12.65 12V12L7.64 7M18.95 18.3V18.31L15 14.35H15M7.64 7L2.53 1.89H2.54M12.65 12V12L7.64 7H7.65M18.95 18.3V18.31L15 14.35H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off-outline.svg
new file mode 100644
index 00000000..5fcb3cfa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-off-outline" viewBox="0 0 24 24"><path d="M20.84 22.73L22.11 21.46L2.39 1.73L1.11 3L5 6.89V14H11V16.59L6.79 20.79L8.21 22.21L11 19.41V22H13V19.41L15.79 22.21L17.21 20.79L13 16.59V14.89L20.84 22.73M7 12V8.89L10.11 12H7M8.2 5L5.2 2H20C20.55 2 21 2.45 21 3V4C21 4.55 20.55 5 20 5H19V14H17.2L15.2 12H17V5H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off.svg
new file mode 100644
index 00000000..24ad933d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-off" viewBox="0 0 24 24"><path d="M13 14.89V16.59L17.21 20.79L15.79 22.21L13 19.41V22H11V19.41L8.21 22.21L6.79 20.79L11 16.59V14H5V6.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73L13 14.89M19 14V5H20C20.55 5 21 4.55 21 4V3C21 2.45 20.55 2 20 2H5.2L17.2 14H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-outline.svg
new file mode 100644
index 00000000..3318c95f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-outline" viewBox="0 0 24 24"><path d="M20 2H4C3.45 2 3 2.45 3 3V4C3 4.55 3.45 5 4 5H5V14H11V16.59L6.79 20.79L8.21 22.21L11 19.41V22H13V19.41L15.79 22.21L17.21 20.79L13 16.59V14H19V5H20C20.55 5 21 4.55 21 4V3C21 2.45 20.55 2 20 2M17 12H7V5H17V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off-outline.svg
new file mode 100644
index 00000000..01e5da63
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-variant-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.11 6H4C3.45 6 3 6.45 3 7V8C3 8.55 3.45 9 4 9H5V18H16.11L20.84 22.73L22.11 21.46M7 16V9H7.11L14.11 16H7M12.2 9L9.2 6H20C20.55 6 21 6.45 21 7V8C21 8.55 20.55 9 20 9H19V15.8L17 13.8V9H12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off.svg
new file mode 100644
index 00000000..5bb6835f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-variant-off" viewBox="0 0 24 24"><path d="M20.84 22.73L16.11 18H5V9H4C3.45 9 3 8.55 3 8V7C3 6.45 3.45 6 4 6H4.11L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M19 9H20C20.55 9 21 8.55 21 8V7C21 6.45 20.55 6 20 6H9.2L19 15.8V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-outline.svg
new file mode 100644
index 00000000..48b0902c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-variant-outline" viewBox="0 0 24 24"><path d="M20 6H4C3.45 6 3 6.45 3 7V8C3 8.55 3.45 9 4 9H5V18H19V9H20C20.55 9 21 8.55 21 8V7C21 6.45 20.55 6 20 6M17 16H7V9H17V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant.svg
new file mode 100644
index 00000000..b5a59678
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen-variant" viewBox="0 0 24 24"><path d="M19 18V9H20C20.55 9 21 8.55 21 8V7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7V8C3 8.55 3.45 9 4 9H5V18H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen.svg
new file mode 100644
index 00000000..a3361e9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector-screen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector-screen" viewBox="0 0 24 24"><path d="M4,2A1,1 0 0,0 3,3V4A1,1 0 0,0 4,5H5V14H11V16.59L6.79,20.79L8.21,22.21L11,19.41V22H13V19.41L15.79,22.21L17.21,20.79L13,16.59V14H19V5H20A1,1 0 0,0 21,4V3A1,1 0 0,0 20,2H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/projector.svg b/apps/phoenix_webcomponent/priv/mdi/svg/projector.svg
new file mode 100644
index 00000000..2e5dbf1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/projector.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-projector" viewBox="0 0 24 24"><path d="M16,6C14.87,6 13.77,6.35 12.84,7H4C2.89,7 2,7.89 2,9V15C2,16.11 2.89,17 4,17H5V18A1,1 0 0,0 6,19H8A1,1 0 0,0 9,18V17H15V18A1,1 0 0,0 16,19H18A1,1 0 0,0 19,18V17H20C21.11,17 22,16.11 22,15V9C22,7.89 21.11,7 20,7H19.15C18.23,6.35 17.13,6 16,6M16,7.5A3.5,3.5 0 0,1 19.5,11A3.5,3.5 0 0,1 16,14.5A3.5,3.5 0 0,1 12.5,11A3.5,3.5 0 0,1 16,7.5M4,9H8V10H4V9M16,9A2,2 0 0,0 14,11A2,2 0 0,0 16,13A2,2 0 0,0 18,11A2,2 0 0,0 16,9M4,11H8V12H4V11M4,13H8V14H4V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank-outline.svg
new file mode 100644
index 00000000..62f88e37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-propane-tank-outline" viewBox="0 0 24 24"><path d="M17 6.14V4C17 2.9 16.1 2 15 2H9C7.9 2 7 2.9 7 4V6.14C5.28 6.59 4 8.14 4 10V18C4 20.21 5.79 22 8 22H16C18.21 22 20 20.21 20 18V10C20 8.14 18.72 6.59 17 6.14M9 4H15V6H13C13 5.45 12.55 5 12 5S11 5.45 11 6H9V4M8 8H16C17.1 8 18 8.9 18 10V13H6V10C6 8.9 6.9 8 8 8M16 20H8C6.9 20 6 19.1 6 18V15H18V18C18 19.1 17.1 20 16 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank.svg
new file mode 100644
index 00000000..075af721
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/propane-tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-propane-tank" viewBox="0 0 24 24"><path d="M4 15V18C4 20.21 5.79 22 8 22H16C18.21 22 20 20.21 20 18V15H4M20 13V10C20 8.14 18.72 6.59 17 6.14V4C17 2.9 16.1 2 15 2H9C7.9 2 7 2.9 7 4V6.14C5.28 6.59 4 8.14 4 10V13H20M9 4H15V6H13C13 5.45 12.55 5 12 5S11 5.45 11 6H9V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/protocol.svg b/apps/phoenix_webcomponent/priv/mdi/svg/protocol.svg
new file mode 100644
index 00000000..eed653ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/protocol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-protocol" viewBox="0 0 24 24"><path d="M18 20H14L18 4H22M16 4H12L8 20H12M2 16.5A2.5 2.5 0 0 0 4.5 19A2.5 2.5 0 0 0 7 16.5A2.5 2.5 0 0 0 4.5 14A2.5 2.5 0 0 0 2 16.5M2 9.5A2.5 2.5 0 0 0 4.5 12A2.5 2.5 0 0 0 7 9.5A2.5 2.5 0 0 0 4.5 7A2.5 2.5 0 0 0 2 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/publish-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/publish-off.svg
new file mode 100644
index 00000000..293260db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/publish-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-publish-off" viewBox="0 0 24 24"><path d="M20.8 22.7L15 16.9V20H9V14H5L8.6 10.4L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M19 6V4H7.2L9.2 6H19M17.2 14H19L12 7L11.1 7.9L17.2 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/publish.svg b/apps/phoenix_webcomponent/priv/mdi/svg/publish.svg
new file mode 100644
index 00000000..a5d21b26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/publish.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-publish" viewBox="0 0 24 24"><path d="M5,4V6H19V4H5M5,14H9V20H15V14H19L12,7L5,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pulse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pulse.svg
new file mode 100644
index 00000000..02d1ca7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pulse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pulse" viewBox="0 0 24 24"><path d="M3,13H5.79L10.1,4.79L11.28,13.75L14.5,9.66L17.83,13H21V15H17L14.67,12.67L9.92,18.73L8.94,11.31L7,15H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pump-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pump-off.svg
new file mode 100644
index 00000000..3e24cdd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pump-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pump-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L4.8 6.7C3.7 8.2 3 10 3 12C3 13 3.2 14.1 3.5 15H2V21H12C14 21 15.8 20.3 17.3 19.2L20.8 22.7L22.1 21.5M5.9 15.5C5.3 14.5 5 13.3 5 12C5 10.6 5.5 9.2 6.2 8.1L9.2 11.1C9.1 11.3 9 11.7 9 12C9 12.5 9.2 13.1 9.4 13.5L5.9 15.5M12 19H11.3L11.7 15H12C12.3 15 12.6 14.9 12.9 14.8L15.9 17.8C14.8 18.5 13.4 19 12 19M12 8.8L7.4 4.2C8.8 3.5 10.3 3 12 3H22V9H20.5C20.8 9.9 21 11 21 12C21 13.7 20.5 15.2 19.8 16.6L12.2 9C13.3 9.1 14.3 9.8 14.7 10.7L18.3 9C17.3 6.7 14.8 5 12 5V8.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pump.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pump.svg
new file mode 100644
index 00000000..e1e64f3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pump.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pump" viewBox="0 0 24 24"><path d="M2 21V15H3.5C3.18 14.06 3 13.05 3 12C3 7.03 7.03 3 12 3H22V9H20.5C20.82 9.94 21 10.95 21 12C21 16.97 16.97 21 12 21H2M5 12C5 13.28 5.34 14.47 5.94 15.5L9.4 13.5C9.15 13.06 9 12.55 9 12C9 11.35 9.21 10.75 9.56 10.26L6.3 7.93C5.5 9.08 5 10.5 5 12M12 19C14.59 19 16.85 17.59 18.06 15.5L14.6 13.5C14.08 14.4 13.11 15 12 15L11.71 15L11.33 18.97L12 19M12 9C13.21 9 14.26 9.72 14.73 10.76L18.37 9.1C17.27 6.68 14.83 5 12 5V9M12 11C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13C12.55 13 13 12.55 13 12C13 11.45 12.55 11 12 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pumpkin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pumpkin.svg
new file mode 100644
index 00000000..e05f1e05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pumpkin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pumpkin" viewBox="0 0 24 24"><path d="M6.5,6C7.47,6 8.37,6.5 9.11,7.38C9.66,6.79 10.31,6.36 11,6.15V4A2,2 0 0,1 13,2H15V4H13V6.15C13.69,6.36 14.34,6.79 14.89,7.38C15.63,6.5 16.53,6 17.5,6C20,6 22,9.36 22,13.5C22,17.64 20,21 17.5,21C16.53,21 15.63,20.5 14.89,19.62C14.08,20.5 13.08,21 12,21C10.92,21 9.92,20.5 9.11,19.62C8.37,20.5 7.47,21 6.5,21C4,21 2,17.64 2,13.5C2,9.36 4,6 6.5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/purse-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/purse-outline.svg
new file mode 100644
index 00000000..baf03870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/purse-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-purse-outline" viewBox="0 0 24 24"><path d="M19,11L20,19H4L5,11H19M14,3H10L8,5V9H4.7A1.65,1.65 0 0,0 3,10.5L2,19.1A1.74,1.74 0 0,0 3.7,21H20.3A1.74,1.74 0 0,0 22,19.1L21,10.5A1.65,1.65 0 0,0 19.3,9H16V5L14,3M10,9V5H14V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/purse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/purse.svg
new file mode 100644
index 00000000..0c808e87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/purse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-purse" viewBox="0 0 24 24"><path d="M22,19.1L21,10.5A1.65,1.65 0 0,0 19.3,9H16V5L14,3H10L8,5V9H4.7A1.65,1.65 0 0,0 3,10.5L2,19.1A1.74,1.74 0 0,0 3.7,21H20.3A1.74,1.74 0 0,0 22,19.1M10,5H14V9H10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check-outline.svg
new file mode 100644
index 00000000..b538f9f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-check-outline" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M22 13.5L22 13.8C21.37 13.44 20.67 13.19 19.94 13.07C19.75 12.45 19.18 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4C9.67 4 9 4.67 9 5.5V7H4L4 9.12C5.76 9.8 7 11.5 7 13.5C7 15.5 5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.47 17 12.37 17.3 13.12 17.8L13 19C13 20.09 13.29 21.12 13.8 22H13.2V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.1 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5C5 12 3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2C12.26 2 13.72 3.3 13.96 5H17C18.1 5 19 5.9 19 7V10.04C20.7 10.28 22 11.74 22 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check.svg
new file mode 100644
index 00000000..6f0f45fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-check" viewBox="0 0 24 24"><path d="M23.5 17L18.5 22L15 18.5L16.5 17L18.5 19L22 15.5L23.5 17M20.5 11C21.88 11 23 12.12 23 13.5C23 13.81 22.94 14.11 22.84 14.39C21.8 13.5 20.46 13 19 13C15.69 13 13 15.69 13 19V19.54C12.64 18.5 11.65 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.1 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.89 2.9 5 4 5H8V3.5C8 2.12 9.12 .998 10.5 .998S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11H20.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit-outline.svg
new file mode 100644
index 00000000..b6e4d42d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-edit-outline" viewBox="0 0 24 24"><path d="M21.04 12.13C20.9 12.13 20.76 12.19 20.65 12.3L19.65 13.3L21.7 15.35L22.7 14.35C22.92 14.14 22.92 13.79 22.7 13.58L21.42 12.3C21.31 12.19 21.18 12.13 21.04 12.13M19.07 13.88L13 19.94V22H15.06L21.12 15.93L19.07 13.88M11.05 19.06C10.87 19 10.69 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C19.36 10.09 19.69 10.21 20 10.36C19.73 10.5 19.46 10.66 19.24 10.89L18.12 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.26 17 12 17.18 12.61 17.5L11.05 19.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit.svg
new file mode 100644
index 00000000..8bb4c7dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-edit" viewBox="0 0 24 24"><path d="M21.04 12.13C20.9 12.13 20.76 12.19 20.65 12.3L19.65 13.3L21.7 15.35L22.7 14.35C22.92 14.14 22.92 13.79 22.7 13.58L21.42 12.3C21.31 12.19 21.18 12.13 21.04 12.13M19.07 13.88L13 19.94V22H15.06L21.12 15.93L19.07 13.88M19 11.12L11.91 18.2C11.5 17.95 11 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.11 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.9 2.9 5 4 5H8V3.5C8 2.12 9.12 1 10.5 1S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart-outline.svg
new file mode 100644
index 00000000..f865acd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-heart-outline" viewBox="0 0 24 24"><path d="M13.2 22V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C20.45 10.25 21.61 11.34 21.91 12.76C21.05 12.28 20.06 12 19 12C18.89 12 18.78 12 18.67 12C18.61 12 18.56 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.43 17 12.29 17.28 13 17.74C13 17.83 13 17.91 13 18C13 19.54 13.58 20.94 14.54 22H13.2M19 22.3L19.6 21.8C21.6 19.9 23 18.7 23 17.2C23 15.9 22 15 20.8 15C20.1 15 19.4 15.3 19 15.8C18.6 15.3 17.9 15 17.2 15C16 15 15 16 15 17.2C15 18.7 16.4 19.9 18.4 21.8L19 22.3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart.svg
new file mode 100644
index 00000000..32eb5f33
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-heart" viewBox="0 0 24 24"><path d="M19 22.3L18.4 21.8C16.4 19.9 15 18.7 15 17.2C15 16 16 15 17.2 15C17.9 15 18.6 15.3 19 15.8C19.4 15.3 20.1 15 20.8 15C22 15 23 15.9 23 17.2C23 18.7 21.6 19.9 19.6 21.8L19 22.3M20.5 11H19V7C19 5.89 18.1 5 17 5H13V3.5C13 2.12 11.88 1 10.5 1S8 2.12 8 3.5V5H4C2.9 5 2 5.9 2 7V10.8H3.5C5 10.8 6.2 12 6.2 13.5S5 16.2 3.5 16.2H2V20C2 21.11 2.9 22 4 22H7.8V20.5C7.8 19 9 17.8 10.5 17.8C11.44 17.8 12.27 18.27 12.75 19H13.09C13.04 18.67 13 18.34 13 18C13 14.69 15.69 12 19 12C20.54 12 21.94 12.58 23 13.53C23 13.5 23 13.5 23 13.5C23 12.12 21.88 11 20.5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus-outline.svg
new file mode 100644
index 00000000..7409b862
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-minus-outline" viewBox="0 0 24 24"><path d="M13.2 22V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C20.7 10.28 22 11.74 22 13.5C22 13.6 22 13.7 21.97 13.79C21.35 13.44 20.67 13.2 19.93 13.08C19.75 12.46 19.18 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.47 17 12.37 17.3 13.12 17.81C13.04 18.19 13 18.59 13 19C13 20.1 13.3 21.12 13.81 22H13.2M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus.svg
new file mode 100644
index 00000000..0725c0ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-minus" viewBox="0 0 24 24"><path d="M13.04 19.61C12.67 18.55 11.68 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.11 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.9 2.9 5 4 5H8V3.5C8 2.12 9.12 1 10.5 1S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11H20.5C21.88 11 23 12.12 23 13.5C23 13.82 22.94 14.12 22.83 14.39C21.79 13.53 20.46 13 19 13C15.69 13 13 15.69 13 19C13 19.2 13 19.41 13.04 19.61M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-outline.svg
new file mode 100644
index 00000000..8066d5d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-outline" viewBox="0 0 24 24"><path d="M22,13.5C22,15.26 20.7,16.72 19,16.96V20A2,2 0 0,1 17,22H13.2V21.7A2.7,2.7 0 0,0 10.5,19C9,19 7.8,20.21 7.8,21.7V22H4A2,2 0 0,1 2,20V16.2H2.3C3.79,16.2 5,15 5,13.5C5,12 3.79,10.8 2.3,10.8H2V7A2,2 0 0,1 4,5H7.04C7.28,3.3 8.74,2 10.5,2C12.26,2 13.72,3.3 13.96,5H17A2,2 0 0,1 19,7V10.04C20.7,10.28 22,11.74 22,13.5M17,15H18.5A1.5,1.5 0 0,0 20,13.5A1.5,1.5 0 0,0 18.5,12H17V7H12V5.5A1.5,1.5 0 0,0 10.5,4A1.5,1.5 0 0,0 9,5.5V7H4V9.12C5.76,9.8 7,11.5 7,13.5C7,15.5 5.75,17.2 4,17.88V20H6.12C6.8,18.25 8.5,17 10.5,17C12.5,17 14.2,18.25 14.88,20H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus-outline.svg
new file mode 100644
index 00000000..ba0bbd41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-plus-outline" viewBox="0 0 24 24"><path d="M13.2 22V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C20.7 10.28 22 11.74 22 13.5C22 13.6 22 13.7 21.97 13.79C21.35 13.44 20.67 13.2 19.93 13.08C19.75 12.46 19.18 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.47 17 12.37 17.3 13.12 17.81C13.04 18.19 13 18.59 13 19C13 20.1 13.3 21.12 13.81 22H13.2M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus.svg
new file mode 100644
index 00000000..ba7020a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-plus" viewBox="0 0 24 24"><path d="M13.04 19.61C12.67 18.55 11.68 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.11 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.9 2.9 5 4 5H8V3.5C8 2.12 9.12 1 10.5 1S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11H20.5C21.88 11 23 12.12 23 13.5C23 13.82 22.94 14.12 22.83 14.39C21.79 13.53 20.46 13 19 13C15.69 13 13 15.69 13 19C13 19.2 13 19.41 13.04 19.61M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove-outline.svg
new file mode 100644
index 00000000..1df3c0d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-remove-outline" viewBox="0 0 24 24"><path d="M13.2 22V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C20.7 10.28 22 11.74 22 13.5C22 13.6 22 13.7 21.97 13.79C21.35 13.44 20.67 13.2 19.93 13.08C19.75 12.46 19.18 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.47 17 12.37 17.3 13.12 17.81C13.04 18.19 13 18.59 13 19C13 20.1 13.3 21.12 13.81 22H13.2M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove.svg
new file mode 100644
index 00000000..49d92061
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-remove" viewBox="0 0 24 24"><path d="M13.04 19.61C12.67 18.55 11.68 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.11 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.9 2.9 5 4 5H8V3.5C8 2.12 9.12 1 10.5 1S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11H20.5C21.88 11 23 12.12 23 13.5C23 13.82 22.94 14.12 22.83 14.39C21.79 13.53 20.46 13 19 13C15.69 13 13 15.69 13 19C13 19.2 13 19.41 13.04 19.61M21.12 15.46L19 17.59L16.88 15.46L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star-outline.svg
new file mode 100644
index 00000000..50f9f695
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-star-outline" viewBox="0 0 24 24"><path d="M13.2 22V21.7C13.2 20.21 12 19 10.5 19C9 19 7.8 20.21 7.8 21.7V22H4C2.9 22 2 21.11 2 20V16.2H2.3C3.79 16.2 5 15 5 13.5S3.79 10.8 2.3 10.8H2V7C2 5.9 2.9 5 4 5H7.04C7.28 3.3 8.74 2 10.5 2S13.72 3.3 13.96 5H17C18.11 5 19 5.9 19 7V10.04C20.45 10.25 21.61 11.34 21.91 12.76C21.05 12.28 20.06 12 19 12C18.89 12 18.78 12 18.67 12C18.61 12 18.56 12 18.5 12H17V7H12V5.5C12 4.67 11.33 4 10.5 4S9 4.67 9 5.5V7H4V9.12C5.76 9.8 7 11.5 7 13.5S5.75 17.2 4 17.88V20H6.12C6.8 18.25 8.5 17 10.5 17C11.43 17 12.29 17.28 13 17.74C13 17.83 13 17.91 13 18C13 19.54 13.58 20.94 14.54 22H13.2M19 20.09L16.5 21.58L17.18 18.77L15 16.89L17.87 16.64L19 14L20.11 16.64L23 16.89L20.8 18.77L21.45 21.58L19 20.09" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star.svg
new file mode 100644
index 00000000..9a722bcd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle-star" viewBox="0 0 24 24"><path d="M19 20.09L21.45 21.58L20.8 18.77L23 16.89L20.11 16.64L19 14L17.87 16.64L15 16.89L17.18 18.77L16.5 21.58L19 20.09M23 13.5C23 13.5 23 13.5 23 13.53C21.94 12.58 20.54 12 19 12C15.69 12 13 14.69 13 18C13 18.34 13.04 18.67 13.09 19H12.75C12.27 18.27 11.44 17.8 10.5 17.8C9 17.8 7.8 19 7.8 20.5V22H4C2.9 22 2 21.11 2 20V16.2H3.5C5 16.2 6.2 15 6.2 13.5S5 10.8 3.5 10.8H2V7C2 5.9 2.9 5 4 5H8V3.5C8 2.12 9.12 1 10.5 1S13 2.12 13 3.5V5H17C18.1 5 19 5.89 19 7V11H20.5C21.88 11 23 12.12 23 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/puzzle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle.svg
new file mode 100644
index 00000000..baf5f932
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/puzzle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-puzzle" viewBox="0 0 24 24"><path d="M20.5,11H19V7C19,5.89 18.1,5 17,5H13V3.5A2.5,2.5 0 0,0 10.5,1A2.5,2.5 0 0,0 8,3.5V5H4A2,2 0 0,0 2,7V10.8H3.5C5,10.8 6.2,12 6.2,13.5C6.2,15 5,16.2 3.5,16.2H2V20A2,2 0 0,0 4,22H7.8V20.5C7.8,19 9,17.8 10.5,17.8C12,17.8 13.2,19 13.2,20.5V22H17A2,2 0 0,0 19,20V16H20.5A2.5,2.5 0 0,0 23,13.5A2.5,2.5 0 0,0 20.5,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pyramid-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pyramid-off.svg
new file mode 100644
index 00000000..65ede5b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pyramid-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pyramid-off" viewBox="0 0 24 24"><path d="M10.5 7.3L9.05 5.85L11.15 2.47C11.35 2.16 11.67 2 12 2C12.33 2 12.65 2.16 12.85 2.47L21.85 16.96H21.85C22.13 17.4 22 18 21.5 18.32L18.41 15.21L13 6.5V9.8L11 7.8V6.5L10.5 7.3M22.11 21.46L20.84 22.73L17.89 19.78L12.36 21.93C12.25 22 12.12 22 12 22S11.75 22 11.64 21.93L2.64 18.43C2 18.18 1.84 17.45 2.15 16.96H2.15L7.1 9L1.11 3L2.39 1.73L22.11 21.46M5.42 15.5L11 13.32V12.89L8.55 10.44L5.42 15.5M16.35 18.24L13.94 15.83L12 15.07L5.76 17.5L12 19.93L16.35 18.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/pyramid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/pyramid.svg
new file mode 100644
index 00000000..a2358032
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/pyramid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-pyramid" viewBox="0 0 24 24"><path d="M21.85 16.96H21.85L12.85 2.47C12.65 2.16 12.33 2 12 2S11.35 2.16 11.15 2.47L2.15 16.96H2.15C1.84 17.45 2 18.18 2.64 18.43L11.64 21.93C11.75 22 11.88 22 12 22S12.25 22 12.36 21.93L21.36 18.43C22 18.18 22.16 17.45 21.85 16.96M11 6.5V13.32L5.42 15.5L11 6.5M12 19.93L5.76 17.5L12 15.07L18.24 17.5L12 19.93M13 13.32V6.5L18.58 15.5L13 13.32Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qi.svg
new file mode 100644
index 00000000..17344359
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qi" viewBox="0 0 24 24"><path d="M12.09,6.56V14.64C12.09,14.72 12,14.79 11.94,14.79C9.62,14.79 7.75,12.91 7.75,10.6C7.75,8.28 9.62,6.4 11.94,6.4C12,6.4 12.09,6.47 12.09,6.56M12.09,17.86V20.29C12.06,21.69 13.12,22.87 14.5,23C14.66,23 14.78,22.89 14.79,22.73V4.47C14.78,4.3 14.68,4.15 14.5,4.09C10.92,2.67 6.86,4.44 5.44,8.03C4,11.63 5.79,15.69 9.38,17.11C10.16,17.42 11,17.58 11.81,17.6C11.95,17.59 12.07,17.71 12.08,17.87M16.19,5.5V15.72C16.19,16 16.19,16.2 16.46,16V16C19.42,13.5 19.81,9.09 17.33,6.13C17.07,5.81 16.77,5.5 16.46,5.26C16.19,5.05 16.19,5.26 16.19,5.53M14.79,2.43C14.79,1.66 15.42,1.03 16.19,1.03C16.96,1.03 17.59,1.66 17.59,2.43C17.59,3.2 16.96,3.83 16.19,3.83V3.83C15.42,3.83 14.79,3.2 14.79,2.43" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qqchat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qqchat.svg
new file mode 100644
index 00000000..a01431b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qqchat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qqchat" viewBox="0 0 24 24"><path d="M3.18,13.54C3.76,12.16 4.57,11.14 5.17,10.92C5.16,10.12 5.31,9.62 5.56,9.22C5.56,9.19 5.5,8.86 5.72,8.45C5.87,4.85 8.21,2 12,2C15.79,2 18.13,4.85 18.28,8.45C18.5,8.86 18.44,9.19 18.44,9.22C18.69,9.62 18.84,10.12 18.83,10.92C19.43,11.14 20.24,12.16 20.82,13.55C21.57,15.31 21.69,17 21.09,17.3C20.68,17.5 20.03,17 19.42,16.12C19.18,17.1 18.58,18 17.73,18.71C18.63,19.04 19.21,19.58 19.21,20.19C19.21,21.19 17.63,22 15.69,22C13.93,22 12.5,21.34 12.21,20.5H11.79C11.5,21.34 10.07,22 8.31,22C6.37,22 4.79,21.19 4.79,20.19C4.79,19.58 5.37,19.04 6.27,18.71C5.42,18 4.82,17.1 4.58,16.12C3.97,17 3.32,17.5 2.91,17.3C2.31,17 2.43,15.31 3.18,13.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-edit.svg
new file mode 100644
index 00000000..1ed07549
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode-edit" viewBox="0 0 24 24"><path d="M5,5H7V7H5V5M1,1H11V11H1V1M3,3V9H9V3H3M5,17H7V19H5V17M1,13H11V23H1V13M3,15V21H9V15H3M13,13H17V15H19V13H23V15H19V17H23V23H19V21H15V23H13V21H15V19H13V13M21,21V19H19V21H21M19,17H17V15H15V19H19V17M22.7,3.35L21.7,4.35L19.65,2.35L20.65,1.35C20.85,1.14 21.19,1.13 21.42,1.35L22.7,2.58C22.91,2.78 22.92,3.12 22.7,3.35M13,8.94L19.07,2.88L21.12,4.93L15.06,11H13V8.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-minus.svg
new file mode 100644
index 00000000..d97f564b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode-minus" viewBox="0 0 24 24"><path d="M5 5H7V7H5V5M1 1H11V11H1V1M3 3V9H9V3H3M5 17H7V19H5V17M1 13H11V23H1V13M3 15V21H9V15H3M13 13H17V15H19V13H23V15H19V17H23V23H19V21H15V23H13V21H15V19H13V13M21 21V19H19V21H21M19 17H17V15H15V19H19V17M14 5V7H22V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-plus.svg
new file mode 100644
index 00000000..a9e9ceb0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode-plus" viewBox="0 0 24 24"><path d="M5 5H7V7H5V5M1 1H11V11H1V1M3 3V9H9V3H3M5 17H7V19H5V17M1 13H11V23H1V13M3 15V21H9V15H3M13 13H17V15H19V13H23V15H19V17H23V23H19V21H15V23H13V21H15V19H13V13M21 21V19H19V21H21M19 17H17V15H15V19H19V17M17 2V5H14V7H17V10H19V7H22V5H19V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-remove.svg
new file mode 100644
index 00000000..1e155adb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode-remove" viewBox="0 0 24 24"><path d="M5 5H7V7H5V5M1 1H11V11H1V1M3 3V9H9V3H3M5 17H7V19H5V17M1 13H11V23H1V13M3 15V21H9V15H3M13 13H17V15H19V13H23V15H19V17H23V23H19V21H15V23H13V21H15V19H13V13M21 21V19H19V21H21M19 17H17V15H15V19H19V17M15.17 1.76L13.76 3.17L16.59 6L13.76 8.83L15.17 10.24L18 7.41L20.83 10.24L22.24 8.83L19.41 6L22.24 3.17L20.83 1.76L18 4.59L15.17 1.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-scan.svg
new file mode 100644
index 00000000..ce16cf91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode-scan" viewBox="0 0 24 24"><path d="M4,4H10V10H4V4M20,4V10H14V4H20M14,15H16V13H14V11H16V13H18V11H20V13H18V15H20V18H18V20H16V18H13V20H11V16H14V15M16,15V18H18V15H16M4,20V14H10V20H4M6,6V8H8V6H6M16,6V8H18V6H16M6,16V18H8V16H6M4,11H6V13H4V11M9,11H13V15H11V13H9V11M11,6H13V10H11V6M2,2V6H0V2A2,2 0 0,1 2,0H6V2H2M22,0A2,2 0 0,1 24,2V6H22V2H18V0H22M2,18V22H6V24H2A2,2 0 0,1 0,22V18H2M22,22V18H24V22A2,2 0 0,1 22,24H18V22H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/qrcode.svg b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode.svg
new file mode 100644
index 00000000..28385f2b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/qrcode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-qrcode" viewBox="0 0 24 24"><path d="M3,11H5V13H3V11M11,5H13V9H11V5M9,11H13V15H11V13H9V11M15,11H17V13H19V11H21V13H19V15H21V19H19V21H17V19H13V21H11V17H15V15H17V13H15V11M19,19V15H17V19H19M15,3H21V9H15V3M17,5V7H19V5H17M3,3H9V9H3V3M5,5V7H7V5H5M3,15H9V21H3V15M5,17V19H7V17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/quadcopter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/quadcopter.svg
new file mode 100644
index 00000000..9d1239ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/quadcopter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-quadcopter" viewBox="0 0 24 24"><path d="M5.5,1C8,1 10,3 10,5.5C10,6.38 9.75,7.2 9.31,7.9L9.41,8H14.59L14.69,7.9C14.25,7.2 14,6.38 14,5.5C14,3 16,1 18.5,1C21,1 23,3 23,5.5C23,8 21,10 18.5,10C17.62,10 16.8,9.75 16.1,9.31L15,10.41V13.59L16.1,14.69C16.8,14.25 17.62,14 18.5,14C21,14 23,16 23,18.5C23,21 21,23 18.5,23C16,23 14,21 14,18.5C14,17.62 14.25,16.8 14.69,16.1L14.59,16H9.41L9.31,16.1C9.75,16.8 10,17.62 10,18.5C10,21 8,23 5.5,23C3,23 1,21 1,18.5C1,16 3,14 5.5,14C6.38,14 7.2,14.25 7.9,14.69L9,13.59V10.41L7.9,9.31C7.2,9.75 6.38,10 5.5,10C3,10 1,8 1,5.5C1,3 3,1 5.5,1M5.5,3A2.5,2.5 0 0,0 3,5.5A2.5,2.5 0 0,0 5.5,8A2.5,2.5 0 0,0 8,5.5A2.5,2.5 0 0,0 5.5,3M5.5,16A2.5,2.5 0 0,0 3,18.5A2.5,2.5 0 0,0 5.5,21A2.5,2.5 0 0,0 8,18.5A2.5,2.5 0 0,0 5.5,16M18.5,3A2.5,2.5 0 0,0 16,5.5A2.5,2.5 0 0,0 18.5,8A2.5,2.5 0 0,0 21,5.5A2.5,2.5 0 0,0 18.5,3M18.5,16A2.5,2.5 0 0,0 16,18.5A2.5,2.5 0 0,0 18.5,21A2.5,2.5 0 0,0 21,18.5A2.5,2.5 0 0,0 18.5,16M3.91,17.25L5.04,17.91C5.17,17.81 5.33,17.75 5.5,17.75A0.75,0.75 0 0,1 6.25,18.5L6.24,18.6L7.37,19.25L7.09,19.75L5.96,19.09C5.83,19.19 5.67,19.25 5.5,19.25A0.75,0.75 0 0,1 4.75,18.5L4.76,18.4L3.63,17.75L3.91,17.25M3.63,6.25L4.76,5.6L4.75,5.5A0.75,0.75 0 0,1 5.5,4.75C5.67,4.75 5.83,4.81 5.96,4.91L7.09,4.25L7.37,4.75L6.24,5.4L6.25,5.5A0.75,0.75 0 0,1 5.5,6.25C5.33,6.25 5.17,6.19 5.04,6.09L3.91,6.75L3.63,6.25M16.91,4.25L18.04,4.91C18.17,4.81 18.33,4.75 18.5,4.75A0.75,0.75 0 0,1 19.25,5.5L19.24,5.6L20.37,6.25L20.09,6.75L18.96,6.09C18.83,6.19 18.67,6.25 18.5,6.25A0.75,0.75 0 0,1 17.75,5.5L17.76,5.4L16.63,4.75L16.91,4.25M16.63,19.25L17.75,18.5A0.75,0.75 0 0,1 18.5,17.75C18.67,17.75 18.83,17.81 18.96,17.91L20.09,17.25L20.37,17.75L19.25,18.5A0.75,0.75 0 0,1 18.5,19.25C18.33,19.25 18.17,19.19 18.04,19.09L16.91,19.75L16.63,19.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/quality-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/quality-high.svg
new file mode 100644
index 00000000..795904fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/quality-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-quality-high" viewBox="0 0 24 24"><path d="M14.5,13.5H16.5V10.5H14.5M18,14A1,1 0 0,1 17,15H16.25V16.5H14.75V15H14A1,1 0 0,1 13,14V10A1,1 0 0,1 14,9H17A1,1 0 0,1 18,10M11,15H9.5V13H7.5V15H6V9H7.5V11.5H9.5V9H11M19,4H5C3.89,4 3,4.89 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6C21,4.89 20.1,4 19,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/quality-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/quality-low.svg
new file mode 100644
index 00000000..c75adcfb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/quality-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-quality-low" viewBox="0 0 24 24"><path d="M14.5,13.5H16.5V10.5H14.5M18,14C18,14.6 17.6,15 17,15H16.25V16.5H14.75V15H14C13.4,15 13,14.6 13,14V10C13,9.4 13.4,9 14,9H17C17.6,9 18,9.4 18,10M19,4H5A2,2 0 0,0 3,6V18A2,2 0 0,0 5,20H19A2,2 0 0,0 21,18V6A2,2 0 0,0 19,4M11,13.5V15H6V9H7.5V13.5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/quality-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/quality-medium.svg
new file mode 100644
index 00000000..f4c440a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/quality-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-quality-medium" viewBox="0 0 24 24"><path d="M21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4H19A2,2 0 0,1 21,6M12,10C12,9.5 11.5,9 11,9H6.5C6,9 5.5,9.5 5.5,10V15H7V10.5H8V14H9.5V10.5H10.5V15H12V10M14.5,9A1,1 0 0,0 13.5,10V14A1,1 0 0,0 14.5,15H15.5V16.5H16.75V15H17.5A1,1 0 0,0 18.5,14V10A1,1 0 0,0 17.5,9H14.5M15,10.5H17V13.5H15V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/quora.svg b/apps/phoenix_webcomponent/priv/mdi/svg/quora.svg
new file mode 100644
index 00000000..c150d9e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/quora.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-quora" viewBox="0 0 24 24"><path d="M19.7,18.8C20.2,18.2 20.1,17.7 20.1,17.7H21.6C21.6,17.7 21.6,18.1 21.5,18.6C21.4,19 21.3,19.3 21.2,19.6C21,20.3 20,21.1 20,21.1C18.9,22 17.7,21.9 17.7,21.9C17.7,21.9 16.3,22.1 15.2,21.4C14.1,20.7 13.2,19.2 13.2,19.2C13.2,19.2 8.8,20.4 5.4,17.5C2,14.6 2.2,11.1 2.2,10.8C2.2,10.1 2.6,2.3 10.8,2C15.6,1.8 18.2,4.8 19.2,7.2C19.9,8.9 19.9,10.2 19.9,10.4C19.9,10.6 19.9,11.5 19.7,12.4C19.6,13.3 19.2,14.3 18.9,14.8C18.6,15.3 18.2,16 17.7,16.5C17.2,17.1 16.6,17.6 16.5,17.7C16.5,17.7 17.5,18.9 18.1,19.1C18.3,19.1 19.2,19.4 19.7,18.8M12.7,17.3C12.8,17.2 12.4,16.7 12.2,16.4C12,16.1 12.3,16.5 11.5,15.4C11.2,14.9 10.8,14.7 10.2,14.6C10,14.6 9.7,14.6 9.5,14.6C9,14.6 8.7,14.7 8.6,14.7C8.6,14.6 8.4,14.4 8.3,14.2C8.2,14 8.2,13.7 8.2,13.7C8.2,13.5 9.7,12.8 11.4,12.8C12.8,12.8 13.8,13.6 14.2,14C14.6,14.3 14.7,14.7 15.1,15C15.1,15 15.2,15 15.2,15.1C15.6,15.4 16.1,12.1 16,9.9C15.9,7.7 15.8,6.6 15,5.5C14.3,4.5 12.8,3.7 11.4,3.7C10.7,3.7 8.4,3.8 7.4,5.5C6.2,7.5 6.4,11.1 6.4,11.1C6.4,11.1 6.1,14.3 7.8,16C9.5,17.7 11.2,17.4 12,17.4L12.7,17.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant-outline.svg
new file mode 100644
index 00000000..9e3de275
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rabbit-variant-outline" viewBox="0 0 24 24"><path d="M17 14C16.76 13.76 16.56 13.5 16.35 13.25C17.5 11.5 19 8.56 19 5C19 3.05 18.26 2 17 2C15.46 2 13.04 4.06 12 7.97C10.96 4.06 8.54 2 7 2C5.74 2 5 3.05 5 5C5 8.56 6.5 11.5 7.65 13.25C7.44 13.5 7.24 13.76 7 14C6.75 14.25 5 15.39 5 17.5C5 20 7 22 9.5 22C11 22 12 21.5 12 21.5S13 22 14.5 22C17 22 19 20 19 17.5C19 15.39 17.25 14.25 17 14M16.88 4.03C16.94 4.2 17 4.5 17 5C17 7.84 15.89 10.24 14.93 11.78C14.55 11.5 14.1 11.3 13.53 11.16C13.77 6.64 15.97 4.33 16.88 4.03M7 5C7 4.5 7.06 4.2 7.12 4.03C8.03 4.33 10.23 6.64 10.5 11.16C9.9 11.3 9.45 11.5 9.08 11.78C8.11 10.24 7 7.84 7 5M14.5 20C13.5 20 12.7 19.67 12.28 19.44C12.7 19.26 13 18.73 13 18.5C13 18.22 12.55 18 12 18S11 18.22 11 18.5C11 18.73 11.3 19.26 11.72 19.44C11.3 19.67 10.5 20 9.5 20C8.12 20 7 18.88 7 17.5C7 16.8 7.43 16.26 8 15.77C8.44 15.41 8.61 15.25 9.3 14.4C10.06 13.45 10.39 13 12 13S13.94 13.45 14.7 14.4C15.39 15.25 15.56 15.41 16 15.77C16.57 16.26 17 16.8 17 17.5C17 18.88 15.88 20 14.5 20M14 16C14 16.41 13.78 16.75 13.5 16.75S13 16.41 13 16 13.22 15.25 13.5 15.25 14 15.59 14 16M11 16C11 16.41 10.78 16.75 10.5 16.75S10 16.41 10 16 10.22 15.25 10.5 15.25 11 15.59 11 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant.svg
new file mode 100644
index 00000000..89bfca48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rabbit-variant" viewBox="0 0 24 24"><path d="M16.84 14.5C16.58 14.33 16.22 13.89 16.05 13.68C17.24 12 19 8.87 19 5C19 3.05 18.26 2 17 2C15.46 2 13.04 4.06 12 7.97C10.96 4.06 8.54 2 7 2C5.74 2 5 3.05 5 5C5 8.87 6.76 12 7.95 13.68C7.78 13.89 7.42 14.33 7.16 14.5C6.66 14.93 5.5 15.89 5.5 17.5C5.5 19.71 7.29 21.5 9.5 21.5C11.05 21.5 12 20.94 12 20.94S12.95 21.5 14.5 21.5C16.71 21.5 18.5 19.71 18.5 17.5C18.5 15.89 17.34 14.93 16.84 14.5M9.35 12.2C8.34 10.7 7 8.12 7 5C7 4.5 7.06 4.2 7.12 4.03C8.06 4.34 10.36 6.74 10.5 11.67C10.03 11.79 9.66 11.97 9.35 12.2M10.5 16.75C10.22 16.75 10 16.41 10 16S10.22 15.25 10.5 15.25 11 15.59 11 16 10.78 16.75 10.5 16.75M12 19.5C11.45 19.5 11 18.78 11 18.5S11.45 18 12 18 13 18.22 13 18.5 12.55 19.5 12 19.5M13.5 16.75C13.22 16.75 13 16.41 13 16S13.22 15.25 13.5 15.25 14 15.59 14 16 13.78 16.75 13.5 16.75M13.5 11.67C13.64 6.74 15.94 4.34 16.88 4.03C16.94 4.2 17 4.5 17 5C17 8.12 15.66 10.7 14.65 12.2C14.34 11.97 13.97 11.79 13.5 11.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rabbit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit.svg
new file mode 100644
index 00000000..41ef18f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rabbit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rabbit" viewBox="0 0 24 24"><path d="M18.05,21L15.32,16.26C15.32,14.53 14.25,13.42 12.95,13.42C12.05,13.42 11.27,13.92 10.87,14.66C11.2,14.47 11.59,14.37 12,14.37C13.3,14.37 14.36,15.43 14.36,16.73C14.36,18.04 13.31,19.11 12,19.11H15.3V21H6.79C6.55,21 6.3,20.91 6.12,20.72C5.75,20.35 5.75,19.75 6.12,19.38V19.38L6.62,18.88C6.28,18.73 6,18.5 5.72,18.26C5.5,18.76 5,19.11 4.42,19.11C3.64,19.11 3,18.47 3,17.68C3,16.9 3.64,16.26 4.42,16.26L4.89,16.34V14.37C4.89,11.75 7,9.63 9.63,9.63H9.65C11.77,9.64 13.42,10.47 13.42,9.16C13.42,8.23 13.62,7.86 13.96,7.34C13.23,7 12.4,6.79 11.53,6.79C11,6.79 10.58,6.37 10.58,5.84C10.58,5.41 10.86,5.05 11.25,4.93L10.58,4.89C10.06,4.89 9.63,4.47 9.63,3.95C9.63,3.42 10.06,3 10.58,3H11.53C13.63,3 15.47,4.15 16.46,5.85L16.74,5.84C17.45,5.84 18.11,6.07 18.65,6.45L19.1,6.83C21.27,8.78 21,10.1 21,10.11C21,11.39 19.94,12.44 18.65,12.44L18.16,12.39V12.47C18.16,13.58 17.68,14.57 16.93,15.27L20.24,21H18.05M18.16,7.74C17.63,7.74 17.21,8.16 17.21,8.68C17.21,9.21 17.63,9.63 18.16,9.63C18.68,9.63 19.11,9.21 19.11,8.68C19.11,8.16 18.68,7.74 18.16,7.74Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/racing-helmet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/racing-helmet.svg
new file mode 100644
index 00000000..a14e096e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/racing-helmet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-racing-helmet" viewBox="0 0 24 24"><path d="M2.2,11.2C2,13.6 2.7,15.6 4.2,17.4C5.7,19.2 7.7,20 10.1,20H20.1C20.6,20 21.1,19.8 21.5,19.4C21.9,19 22.1,18.5 22.1,18V17.2C22.1,16.6 22,15.9 21.9,15H13.7C12.7,15 11.9,14.6 11.2,13.9C10.5,13.2 10.1,12.3 10.1,11.4C10.1,9.8 10.8,8.7 12.3,8.1L17.1,6C15.4,4.8 13.4,4.1 11.1,4C8.9,3.8 6.9,4.5 5.1,5.9C3.3,7.3 2.4,9 2.2,11.2M12.1,11.4C12.1,11.8 12.3,12.2 12.6,12.5C12.9,12.8 13.3,13 13.7,13H21.5C20.9,10.8 20,9 18.7,7.6L13.1,9.9C12.4,10.1 12.1,10.6 12.1,11.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/racquetball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/racquetball.svg
new file mode 100644
index 00000000..d16db5a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/racquetball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-racquetball" viewBox="0 0 24 24"><path d="M18.5,16C19.9,16 21,17.1 21,18.5C21,19.9 19.9,21 18.5,21C17.1,21 16,19.9 16,18.5C16,17.1 17.1,16 18.5,16M10.5,1C3,1 3,3.7 3,9.8C3,13.2 6.4,16.9 9,18.1V23H12V18.1C14.6,16.9 18,13.2 18,9.8C18,3.6 18,1 10.5,1M15.4,4.2C15.7,4.6 15.8,5.2 15.9,6H15V3.8C15.2,3.9 15.3,4.1 15.4,4.2M16,9.8C16,9.9 16,10 16,10H15V7H16C16,7.8 16,8.7 16,9.8M14,14H11V11H14V14M7,14V11H10V14H7M5,9.8C5,8.8 5,7.9 5,7H6V10H5C5,9.9 5,9.8 5,9.8M7,7H10V10H7V7M11,3C12.4,3 13.4,3.2 14,3.3V6H11V3M10,6H7V3.4C7.6,3.2 8.6,3 10,3V6M11,10V7H14V10H11M6,3.8V6H5.1C5.2,5.2 5.3,4.6 5.6,4.2C5.7,4.1 5.8,4 6,3.8M5.2,11H6V12.7C5.7,12.1 5.4,11.6 5.2,11M8,15H10V16.3L9.8,16.2C9.2,16 8.6,15.5 8,15M11.2,16.3H11V15H13C12.4,15.5 11.8,16 11.2,16.3M15,12.7V11H15.8C15.6,11.5 15.3,12.1 15,12.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radar.svg
new file mode 100644
index 00000000..4084a854
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radar" viewBox="0 0 24 24"><path d="M19.07,4.93L17.66,6.34C19.1,7.79 20,9.79 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12C4,7.92 7.05,4.56 11,4.07V6.09C8.16,6.57 6,9.03 6,12A6,6 0 0,0 12,18A6,6 0 0,0 18,12C18,10.34 17.33,8.84 16.24,7.76L14.83,9.17C15.55,9.9 16,10.9 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12C8,10.14 9.28,8.59 11,8.14V10.28C10.4,10.63 10,11.26 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12C14,11.26 13.6,10.62 13,10.28V2H12A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,9.24 20.88,6.74 19.07,4.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiator-disabled.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiator-disabled.svg
new file mode 100644
index 00000000..153e69e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiator-disabled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiator-disabled" viewBox="0 0 24 24"><path d="M20,12H4A2,2 0 0,0 2,14V22H4V20H20V22H22V14A2,2 0 0,0 20,12M7,17A1,1 0 0,1 6,18A1,1 0 0,1 5,17V15A1,1 0 0,1 6,14A1,1 0 0,1 7,15V17M11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17V15A1,1 0 0,1 10,14A1,1 0 0,1 11,15V17M15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17V15A1,1 0 0,1 14,14A1,1 0 0,1 15,15V17M19,17A1,1 0 0,1 18,18A1,1 0 0,1 17,17V15A1,1 0 0,1 18,14A1,1 0 0,1 19,15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiator-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiator-off.svg
new file mode 100644
index 00000000..f5325694
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiator-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiator-off" viewBox="0 0 24 24"><path d="M3.28,2L2,3.27L4.77,6.04L5.64,7.39L4.22,9.6L5.95,10.5L7.23,8.5L10.73,12H4A2,2 0 0,0 2,14V22H4V20H18.73L20,21.27V22H22V20.73L22,20.72V20.72L3.28,2M7,17A1,1 0 0,1 6,18A1,1 0 0,1 5,17V15A1,1 0 0,1 6,14A1,1 0 0,1 7,15V17M11,17A1,1 0 0,1 10,18A1,1 0 0,1 9,17V15A1,1 0 0,1 10,14A1,1 0 0,1 11,15V17M15,17A1,1 0 0,1 14,18A1,1 0 0,1 13,17V15C13,14.79 13.08,14.61 13.18,14.45L15,16.27V17M16.25,9.5L17.67,7.3L16.25,5.1L18.25,2L20,2.89L18.56,5.1L20,7.3V7.31L18,10.4L16.25,9.5M22,14V18.18L19,15.18V15A1,1 0 0,0 18,14C17.95,14 17.9,14 17.85,14.03L15.82,12H20C21.11,12 22,12.9 22,14M11.64,7.3L10.22,5.1L12.22,2L13.95,2.89L12.53,5.1L13.95,7.3L13.94,7.31L12.84,9L11.44,7.62L11.64,7.3M7.5,3.69L6.1,2.28L6.22,2.09L7.95,3L7.5,3.69Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiator.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiator.svg
new file mode 100644
index 00000000..7ff98eec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiator.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiator" viewBox="0 0 24 24"><path d="M7.95,3L6.53,5.19L7.95,7.4H7.94L5.95,10.5L4.22,9.6L5.64,7.39L4.22,5.19L6.22,2.09L7.95,3M13.95,2.89L12.53,5.1L13.95,7.3L13.94,7.31L11.95,10.4L10.22,9.5L11.64,7.3L10.22,5.1L12.22,2L13.95,2.89M20,2.89L18.56,5.1L20,7.3V7.31L18,10.4L16.25,9.5L17.67,7.3L16.25,5.1L18.25,2L20,2.89M2,22V14A2,2 0 0,1 4,12H20A2,2 0 0,1 22,14V22H20V20H4V22H2M6,14A1,1 0 0,0 5,15V17A1,1 0 0,0 6,18A1,1 0 0,0 7,17V15A1,1 0 0,0 6,14M10,14A1,1 0 0,0 9,15V17A1,1 0 0,0 10,18A1,1 0 0,0 11,17V15A1,1 0 0,0 10,14M14,14A1,1 0 0,0 13,15V17A1,1 0 0,0 14,18A1,1 0 0,0 15,17V15A1,1 0 0,0 14,14M18,14A1,1 0 0,0 17,15V17A1,1 0 0,0 18,18A1,1 0 0,0 19,17V15A1,1 0 0,0 18,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio-am.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio-am.svg
new file mode 100644
index 00000000..93c07974
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio-am.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio-am" viewBox="0 0 24 24"><path d="M5,7A2,2 0 0,0 3,9V17H5V13H7V17H9V9A2,2 0 0,0 7,7H5M5,9H7V11H5V9M13,7A2,2 0 0,0 11,9V17H13V9H15V16H17V9H19V17H21V9A2,2 0 0,0 19,7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio-fm.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio-fm.svg
new file mode 100644
index 00000000..99812a0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio-fm.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio-fm" viewBox="0 0 24 24"><path d="M3,7V17H5V13H8V11H5V9H9V7H3M13,7A2,2 0 0,0 11,9V17H13V9H15V16H17V9H19V17H21V9A2,2 0 0,0 19,7H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio-handheld.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio-handheld.svg
new file mode 100644
index 00000000..3e9254ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio-handheld.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio-handheld" viewBox="0 0 24 24"><path d="M9,2A1,1 0 0,0 8,3C8,8.67 8,14.33 8,20C8,21.11 8.89,22 10,22H15C16.11,22 17,21.11 17,20V9C17,7.89 16.11,7 15,7H10V3A1,1 0 0,0 9,2M10,9H15V13H10V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio-off.svg
new file mode 100644
index 00000000..22267d14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio-off" viewBox="0 0 24 24"><path d="M1 4.27L3 6.27C2.4 6.61 2 7.26 2 8V20C2 21.11 2.9 22 4 22H18.73L20.73 24L22 22.72L2.28 3L1 4.27M20 6H8.83L16.47 2.83L15.71 1L6.59 4.76L9.82 8H20V12H18V10H16V12H13.82L22 20.18V8C22 6.9 21.11 6 20 6M4 8H4.73L8.73 12H4V8M7 14C8.66 14 10 15.34 10 17C10 18.66 8.66 20 7 20C5.34 20 4 18.66 4 17C4 15.34 5.34 14 7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio-tower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio-tower.svg
new file mode 100644
index 00000000..9b82009e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio-tower" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12C14,12.5 13.82,12.94 13.53,13.29L16.7,22H14.57L12,14.93L9.43,22H7.3L10.47,13.29C10.18,12.94 10,12.5 10,12A2,2 0 0,1 12,10M12,8A4,4 0 0,0 8,12C8,12.5 8.1,13 8.28,13.46L7.4,15.86C6.53,14.81 6,13.47 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12C18,13.47 17.47,14.81 16.6,15.86L15.72,13.46C15.9,13 16,12.5 16,12A4,4 0 0,0 12,8M12,4A8,8 0 0,0 4,12C4,14.36 5,16.5 6.64,17.94L5.92,19.94C3.54,18.11 2,15.23 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12C22,15.23 20.46,18.11 18.08,19.94L17.36,17.94C19,16.5 20,14.36 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radio.svg
new file mode 100644
index 00000000..51a08c87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radio" viewBox="0 0 24 24"><path d="M20,6A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8C2,7.15 2.53,6.42 3.28,6.13L15.71,1L16.47,2.83L8.83,6H20M20,8H4V12H16V10H18V12H20V8M7,14A3,3 0 0,0 4,17A3,3 0 0,0 7,20A3,3 0 0,0 10,17A3,3 0 0,0 7,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle-outline.svg
new file mode 100644
index 00000000..2e9362dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radioactive-circle-outline" viewBox="0 0 24 24"><path d="M12 2C14.65 2 17.2 3.05 19.07 4.93C20.95 6.8 22 9.35 22 12C22 14.65 20.95 17.2 19.07 19.07C17.2 20.95 14.65 22 12 22C9.35 22 6.8 20.95 4.93 19.07C3.05 17.2 2 14.65 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 9.88 19.16 7.84 17.66 6.34C16.16 4.84 14.12 4 12 4M13.5 14L15.55 16.84C14.55 17.57 13.33 18 12 18C10.67 18 9.45 17.57 8.45 16.84L10.5 14C10.94 14.32 11.45 14.5 12 14.5C12.55 14.5 13.06 14.32 13.5 14M12 11C12.55 11 13 11.45 13 12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12C11 11.45 11.45 11 12 11M9.32 6.63L10.88 9.76C10.06 10.17 9.5 11 9.5 12H6C6 9.65 7.35 7.62 9.32 6.63M14.68 6.63C16.65 7.62 18 9.65 18 12H14.5C14.5 11 13.94 10.17 13.12 9.76L14.68 6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle.svg
new file mode 100644
index 00000000..a2c2c92f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radioactive-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 10C13.11 10 14 10.9 14 12S13.11 14 12 14 10 13.11 10 12 10.9 10 12 10M4 12C4 8.7 6 5.87 8.86 4.64L10.34 8.36C8.96 9 8 10.38 8 12H4M12 20C10.46 20 9 19.56 7.8 18.8L10 15.47C10.6 15.81 11.28 16 12 16S13.4 15.81 14 15.47L16.2 18.8C15 19.56 13.54 20 12 20M16 12C16 10.38 15.04 9 13.66 8.36L15.15 4.64C18 5.87 20 8.7 20 12H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-off.svg
new file mode 100644
index 00000000..d2c530da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radioactive-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L17.25,20.5C15.72,21.46 13.92,22 12,22C10.05,22 8.22,21.44 6.69,20.47L10,15.47C10.6,15.81 11.28,16 12,16C12.23,16 12.46,16 12.67,15.94L8.06,11.33C8,11.54 8,11.77 8,12H2C2,10.08 2.54,8.28 3.5,6.75L1,4.27M12,10A2,2 0 0,1 14,12V12.17L11.83,10H12M8.11,2.78L10.23,8.41L5.9,4.08C6.57,3.56 7.32,3.12 8.11,2.78M16,12C16,10.38 15.04,9 13.66,8.36L15.89,2.78C19.5,4.3 22,7.86 22,12H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radioactive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive.svg
new file mode 100644
index 00000000..3a84c98b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radioactive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radioactive" viewBox="0 0 24 24"><path d="M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,22C10.05,22 8.22,21.44 6.69,20.47L10,15.47C10.6,15.81 11.28,16 12,16C12.72,16 13.4,15.81 14,15.47L17.31,20.47C15.78,21.44 13.95,22 12,22M2,12C2,7.86 4.5,4.3 8.11,2.78L10.34,8.36C8.96,9 8,10.38 8,12H2M16,12C16,10.38 15.04,9 13.66,8.36L15.89,2.78C19.5,4.3 22,7.86 22,12H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-blank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-blank.svg
new file mode 100644
index 00000000..22e0a56d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-blank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiobox-blank" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-marked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-marked.svg
new file mode 100644
index 00000000..79f129c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiobox-marked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiobox-marked" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box-outline.svg
new file mode 100644
index 00000000..8a70095c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiology-box-outline" viewBox="0 0 24 24"><path d="M19 5V19H5V5H19M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3M12 6C12.55 6 13 6.45 13 7V8H16.17C16.35 8.31 16.5 8.65 16.66 9H13V10H17C17.1 10.33 17.17 10.67 17.19 11H13V12H17.2C17.16 12.35 17.15 12.69 17.1 13H13V14H17C17 14 16.94 17 15.5 17C14.15 17 14.5 15.47 13 15V17C13 17.55 12.55 18 12 18S11 17.55 11 17V15C9.5 15.47 9.85 17 8.5 17C7.06 17 7 14 7 14H11V13H6.9C6.85 12.69 6.84 12.35 6.8 12H11V11H6.81C6.83 10.67 6.91 10.33 7 10H11V9H7.34C7.5 8.65 7.65 8.31 7.83 8H11V7C11 6.45 11.45 6 12 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box.svg
new file mode 100644
index 00000000..ad4f47b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radiology-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radiology-box" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3M17.1 13H13V14H17C17 14 16.94 17 15.5 17C14.15 17 14.5 15.47 13 15V17C13 17.55 12.55 18 12 18S11 17.55 11 17V15C9.5 15.47 9.85 17 8.5 17C7.06 17 7 14 7 14H11V13H6.9C6.85 12.69 6.84 12.35 6.8 12H11V11H6.81C6.83 10.67 6.91 10.33 7 10H11V9H7.34C7.5 8.65 7.65 8.31 7.83 8H11V7C11 6.45 11.45 6 12 6S13 6.45 13 7V8H16.17C16.35 8.31 16.5 8.65 16.66 9H13V10H17C17.1 10.33 17.17 10.67 17.19 11H13V12H17.2C17.16 12.35 17.15 12.69 17.1 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radius-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radius-outline.svg
new file mode 100644
index 00000000..c7da81dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radius-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radius-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M16,15V13H13.72C13.36,13.62 12.71,14 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10C12.71,10 13.36,10.38 13.72,11H16V9L19,12L16,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/radius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/radius.svg
new file mode 100644
index 00000000..bed7a6f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/radius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-radius" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M17,15V13H13.72C13.36,13.62 12.71,14 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10C12.71,10 13.36,10.38 13.72,11H17V9L20,12L17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/railroad-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/railroad-light.svg
new file mode 100644
index 00000000..6c61c9b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/railroad-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-railroad-light" viewBox="0 0 24 24"><path d="M17.67,10.5C16.4,10.5 15.27,11.3 14.85,12.5H13.17V7.77L16.66,9.86L17.66,8.14L14.11,6L17.68,3.86L16.68,2.14L13.17,4.23V2H11.17V4.23L7.68,2.14L6.68,3.86L10.23,6L6.66,8.14L7.66,9.86L11.17,7.77V12.5H9.5C8.36,9.32 3.66,10.13 3.66,13.5C3.66,16.87 8.36,17.68 9.5,14.5H11.17V20A2,2 0 0,0 9.17,22H15.17A2,2 0 0,0 13.17,20V14.5H14.85C15.66,16.8 18.73,17.22 20.13,15.23C21.53,13.24 20.1,10.5 17.67,10.5M6.67,14.5C5.78,14.5 5.33,13.42 5.96,12.79C6.59,12.16 7.67,12.61 7.67,13.5A1,1 0 0,1 6.67,14.5M17.67,14.5C16.78,14.5 16.33,13.42 16.96,12.79C17.59,12.16 18.67,12.61 18.67,13.5A1,1 0 0,1 17.67,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rake.svg
new file mode 100644
index 00000000..1c6e42e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rake" viewBox="0 0 24 24"><path d="M10.5 17.05L9.43 16L22.07 3.35L20.66 1.93L8 14.58L6.95 13.5C6.17 12.73 4.9 12.73 4.12 13.5L2 15.64L2.71 16.34L4.83 14.22L5.54 14.93L3.41 17.05L4.12 17.76L6.24 15.64L6.95 16.34L4.83 18.46L5.54 19.17L7.66 17.05L8.36 17.76L6.24 19.88L6.95 20.59L9.07 18.46L9.78 19.17L7.66 21.29L8.36 22L10.5 19.88C11.27 19.1 11.27 17.83 10.5 17.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/raspberry-pi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/raspberry-pi.svg
new file mode 100644
index 00000000..d340c128
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/raspberry-pi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-raspberry-pi" viewBox="0 0 24 24"><path d="M20,8H22V10H20V8M4,5H20A2,2 0 0,1 22,7H19V9H5V13H8V16H19V17H22A2,2 0 0,1 20,19H16V20H14V19H11V20H7V19H4A2,2 0 0,1 2,17V7A2,2 0 0,1 4,5M19,15H9V10H19V11H22V13H19V15M13,12V14H15V12H13M5,6V8H6V6H5M7,6V8H8V6H7M9,6V8H10V6H9M11,6V8H12V6H11M13,6V8H14V6H13M15,6V8H16V6H15M20,14H22V16H20V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/raw-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/raw-off.svg
new file mode 100644
index 00000000..c2afde9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/raw-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-raw-off" viewBox="0 0 24 24"><path d="M17.15 14.32L14.72 11.9L14 9H15.5L16.24 12L17 9H18.5L19.24 12L20 9H21.5L20 15H18.5L17.74 11.96L17.15 14.32M1.39 4.22L2.81 2.81L21.19 21.2L19.78 22.61L10.67 13.5H10.63L10.25 15H8.75L9.43 12.26L8 10.83V11.5C8 12.1 7.6 12.6 7.1 12.9L8 15H6.5L5.6 13H4.5V15H3V9H6.17L1.39 4.22M6.5 11.5V10.5H4.5V11.5H6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/raw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/raw.svg
new file mode 100644
index 00000000..430a1ec2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/raw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-raw" viewBox="0 0 24 24"><path d="M6.5 9C7.3 9 8 9.7 8 10.5V11.5C8 12.1 7.6 12.6 7.1 12.9L8 15H6.5L5.6 13H4.5V15H3V9H6.5M6.5 11.5V10.5H4.5V11.5H6.5M10.25 9H12.75L14.25 15H12.75L12.38 13.5H10.63L10.25 15H8.75L10.25 9M11 12H12L11.75 11H11.25L11 12M20 9H21.5L20 15H18.5L17.74 11.96L17 15H15.5L14 9H15.5L16.24 12L17 9H18.5L19.24 12L20 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-end-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-end-arrow.svg
new file mode 100644
index 00000000..ac2bb42f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-end-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-end-arrow" viewBox="0 0 24 24"><path d="M1,12L5,16V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9C18.69,9 17.58,9.83 17.17,11H5V8L1,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-end.svg
new file mode 100644
index 00000000..08f8d201
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-end" viewBox="0 0 24 24"><path d="M20,9C18.69,9 17.58,9.83 17.17,11H2V13H17.17C17.58,14.17 18.69,15 20,15A3,3 0 0,0 23,12A3,3 0 0,0 20,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-arrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-arrow.svg
new file mode 100644
index 00000000..f8ea8f3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-start-arrow" viewBox="0 0 24 24"><path d="M23,12L19,16V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9C5.31,9 6.42,9.83 6.83,11H19V8L23,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-end.svg
new file mode 100644
index 00000000..dc15f31f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-start-end" viewBox="0 0 24 24"><path d="M4,9C5.31,9 6.42,9.83 6.83,11H17.17C17.58,9.83 18.69,9 20,9A3,3 0 0,1 23,12A3,3 0 0,1 20,15C18.69,15 17.58,14.17 17.17,13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-vertex-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-vertex-end.svg
new file mode 100644
index 00000000..73022575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start-vertex-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-start-vertex-end" viewBox="0 0 24 24"><path d="M20 9C18.69 9 17.58 9.83 17.17 11H14.82C14.4 9.84 13.3 9 12 9S9.6 9.84 9.18 11H6.83C6.42 9.83 5.31 9 4 9C2.34 9 1 10.34 1 12S2.34 15 4 15C5.31 15 6.42 14.17 6.83 13H9.18C9.6 14.16 10.7 15 12 15S14.4 14.16 14.82 13H17.17C17.58 14.17 18.69 15 20 15C21.66 15 23 13.66 23 12S21.66 9 20 9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-start.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start.svg
new file mode 100644
index 00000000..805f2c81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-start" viewBox="0 0 24 24"><path d="M4,9C5.31,9 6.42,9.83 6.83,11H22V13H6.83C6.42,14.17 5.31,15 4,15A3,3 0 0,1 1,12A3,3 0 0,1 4,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ray-vertex.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ray-vertex.svg
new file mode 100644
index 00000000..a3e94e89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ray-vertex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ray-vertex" viewBox="0 0 24 24"><path d="M2,11H9.17C9.58,9.83 10.69,9 12,9C13.31,9 14.42,9.83 14.83,11H22V13H14.83C14.42,14.17 13.31,15 12,15C10.69,15 9.58,14.17 9.17,13H2V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/razor-double-edge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/razor-double-edge.svg
new file mode 100644
index 00000000..187ef383
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/razor-double-edge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-razor-double-edge" viewBox="0 0 24 24"><path d="M20 8C19.45 8 19 7.55 19 7C19 6.45 19.45 6 20 6V5H4V6C4.55 6 5 6.45 5 7C5 7.55 4.55 8 4 8H2V15H4C4.55 15 5 15.45 5 16C5 16.55 4.55 17 4 17V18H20V17C19.45 17 19 16.55 19 16C19 15.45 19.45 15 20 15H22V8H20M20 12H19V13H17V12H13.41C13.2 12.58 12.65 13 12 13S10.8 12.58 10.59 12H7V13H5V12H4V11H5V10H7V11H10.59C10.8 10.42 11.35 10 12 10S13.2 10.42 13.41 11H17V10H19V11H20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/razor-single-edge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/razor-single-edge.svg
new file mode 100644
index 00000000..9e04a938
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/razor-single-edge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-razor-single-edge" viewBox="0 0 24 24"><path d="M22 5V8H2V5H22M22 13V18H2V13H3.5C4.33 13 5 12.33 5 11.5S4.33 10 3.5 10L2 10V9H22V10H20.5C19.67 10 19 10.67 19 11.5S19.67 13 20.5 13H22M13 11C13 10.45 12.55 10 12 10S11 10.45 11 11V13C11 13.55 11.45 14 12 14S13 13.55 13 13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/react.svg b/apps/phoenix_webcomponent/priv/mdi/svg/react.svg
new file mode 100644
index 00000000..d0a5d8f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/react.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-react" viewBox="0 0 24 24"><path d="M12,10.11C13.03,10.11 13.87,10.95 13.87,12C13.87,13 13.03,13.85 12,13.85C10.97,13.85 10.13,13 10.13,12C10.13,10.95 10.97,10.11 12,10.11M7.37,20C8,20.38 9.38,19.8 10.97,18.3C10.45,17.71 9.94,17.07 9.46,16.4C8.64,16.32 7.83,16.2 7.06,16.04C6.55,18.18 6.74,19.65 7.37,20M8.08,14.26L7.79,13.75C7.68,14.04 7.57,14.33 7.5,14.61C7.77,14.67 8.07,14.72 8.38,14.77C8.28,14.6 8.18,14.43 8.08,14.26M14.62,13.5L15.43,12L14.62,10.5C14.32,9.97 14,9.5 13.71,9.03C13.17,9 12.6,9 12,9C11.4,9 10.83,9 10.29,9.03C10,9.5 9.68,9.97 9.38,10.5L8.57,12L9.38,13.5C9.68,14.03 10,14.5 10.29,14.97C10.83,15 11.4,15 12,15C12.6,15 13.17,15 13.71,14.97C14,14.5 14.32,14.03 14.62,13.5M12,6.78C11.81,7 11.61,7.23 11.41,7.5C11.61,7.5 11.8,7.5 12,7.5C12.2,7.5 12.39,7.5 12.59,7.5C12.39,7.23 12.19,7 12,6.78M12,17.22C12.19,17 12.39,16.77 12.59,16.5C12.39,16.5 12.2,16.5 12,16.5C11.8,16.5 11.61,16.5 11.41,16.5C11.61,16.77 11.81,17 12,17.22M16.62,4C16,3.62 14.62,4.2 13.03,5.7C13.55,6.29 14.06,6.93 14.54,7.6C15.36,7.68 16.17,7.8 16.94,7.96C17.45,5.82 17.26,4.35 16.62,4M15.92,9.74L16.21,10.25C16.32,9.96 16.43,9.67 16.5,9.39C16.23,9.33 15.93,9.28 15.62,9.23C15.72,9.4 15.82,9.57 15.92,9.74M17.37,2.69C18.84,3.53 19,5.74 18.38,8.32C20.92,9.07 22.75,10.31 22.75,12C22.75,13.69 20.92,14.93 18.38,15.68C19,18.26 18.84,20.47 17.37,21.31C15.91,22.15 13.92,21.19 12,19.36C10.08,21.19 8.09,22.15 6.62,21.31C5.16,20.47 5,18.26 5.62,15.68C3.08,14.93 1.25,13.69 1.25,12C1.25,10.31 3.08,9.07 5.62,8.32C5,5.74 5.16,3.53 6.62,2.69C8.09,1.85 10.08,2.81 12,4.64C13.92,2.81 15.91,1.85 17.37,2.69M17.08,12C17.42,12.75 17.72,13.5 17.97,14.26C20.07,13.63 21.25,12.73 21.25,12C21.25,11.27 20.07,10.37 17.97,9.74C17.72,10.5 17.42,11.25 17.08,12M6.92,12C6.58,11.25 6.28,10.5 6.03,9.74C3.93,10.37 2.75,11.27 2.75,12C2.75,12.73 3.93,13.63 6.03,14.26C6.28,13.5 6.58,12.75 6.92,12M15.92,14.26C15.82,14.43 15.72,14.6 15.62,14.77C15.93,14.72 16.23,14.67 16.5,14.61C16.43,14.33 16.32,14.04 16.21,13.75L15.92,14.26M13.03,18.3C14.62,19.8 16,20.38 16.62,20C17.26,19.65 17.45,18.18 16.94,16.04C16.17,16.2 15.36,16.32 14.54,16.4C14.06,17.07 13.55,17.71 13.03,18.3M8.08,9.74C8.18,9.57 8.28,9.4 8.38,9.23C8.07,9.28 7.77,9.33 7.5,9.39C7.57,9.67 7.68,9.96 7.79,10.25L8.08,9.74M10.97,5.7C9.38,4.2 8,3.62 7.37,4C6.74,4.35 6.55,5.82 7.06,7.96C7.83,7.8 8.64,7.68 9.46,7.6C9.94,6.93 10.45,6.29 10.97,5.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/read.svg b/apps/phoenix_webcomponent/priv/mdi/svg/read.svg
new file mode 100644
index 00000000..14f137ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/read.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-read" viewBox="0 0 24 24"><path d="M21.59,11.59L23,13L13.5,22.5L8.42,17.41L9.83,16L13.5,19.68L21.59,11.59M4,16V3H6L9,3A4,4 0 0,1 13,7C13,8.54 12.13,9.88 10.85,10.55L14,16H12L9.11,11H6V16H4M6,9H9A2,2 0 0,0 11,7A2,2 0 0,0 9,5H6V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-outline.svg
new file mode 100644
index 00000000..43de36be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-outline" viewBox="0 0 24 24"><path d="M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5M19 19H5V5H19V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check-outline.svg
new file mode 100644
index 00000000..84d0198c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-check-outline" viewBox="0 0 24 24"><path d="M13.26 20.74L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2L19.5 3.5L21 2V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13C13 19.57 13.1 20.22 13.26 20.74M6 15V17H13.35C13.61 16.25 14 15.58 14.54 15H6M6 13H18V11H6V13M6 9H18V7H6V9M23 17.23L21.84 15.82L18.25 19.41L16.66 17.82L15.5 19L18.25 22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check.svg
new file mode 100644
index 00000000..4567b514
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-check" viewBox="0 0 24 24"><path d="M18.25 22L15.5 19L16.66 17.82L18.25 19.41L21.84 15.82L23 17.23M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.26 20.74C13.09 20.18 13 19.59 13 19C13 18.32 13.12 17.64 13.34 17H6V15H14.53C15.67 13.73 17.29 13 19 13C19.68 13 20.36 13.12 21 13.34V2L19.5 3.5M18 13H6V11H18V13M18 9H6V7H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus-outline.svg
new file mode 100644
index 00000000..ed3de0cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-minus-outline" viewBox="0 0 24 24"><path d="M15 18V20H23V18H15M13.26 20.74L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2L19.5 3.5L21 2V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13C13 19.57 13.1 20.22 13.26 20.74M14.54 15C14 15.58 13.61 16.25 13.35 17H6V15H14.54M6 11H18V13H6V11M6 7H18V9H6V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus.svg
new file mode 100644
index 00000000..1c588016
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-minus" viewBox="0 0 24 24"><path d="M15 18V20H23V18H15M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.26 20.74C13.09 20.18 13 19.59 13 19C13 18.32 13.12 17.64 13.34 17H6V15H14.53C15.67 13.73 17.29 13 19 13C19.68 13 20.36 13.12 21 13.34V2L19.5 3.5M18 13H6V11H18V13M18 9H6V7H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-outline.svg
new file mode 100644
index 00000000..d521dadc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-outline" viewBox="0 0 24 24"><path d="M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5M19 19H5V5H19V19M6 15H18V17H6M6 11H18V13H6M6 7H18V9H6V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus-outline.svg
new file mode 100644
index 00000000..30f3299d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-plus-outline" viewBox="0 0 24 24"><path d="M18 15V18H15V20H18V23H20V20H23V18H20V15H18M13.26 20.74L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2L19.5 3.5L21 2V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13C13 19.57 13.1 20.22 13.26 20.74M14.54 15C14 15.58 13.61 16.25 13.35 17H6V15H14.54M6 11H18V13H6V11M6 7H18V9H6V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus.svg
new file mode 100644
index 00000000..aa1cff19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-plus" viewBox="0 0 24 24"><path d="M18 15V18H15V20H18V23H20V20H23V18H20V15H18M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.26 20.74C13.09 20.18 13 19.59 13 19C13 18.32 13.12 17.64 13.34 17H6V15H14.53C15.67 13.73 17.29 13 19 13C19.68 13 20.36 13.12 21 13.34V2L19.5 3.5M18 13H6V11H18V13M18 9H6V7H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove-outline.svg
new file mode 100644
index 00000000..3702b9af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-remove-outline" viewBox="0 0 24 24"><path d="M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46M13.26 20.74L12 22L10.5 20.5L9 22L7.5 20.5L6 22L4.5 20.5L3 22V2L4.5 3.5L6 2L7.5 3.5L9 2L10.5 3.5L12 2L13.5 3.5L15 2L16.5 3.5L18 2L19.5 3.5L21 2V13.35C20.37 13.13 19.7 13 19 13V5H5V19H13C13 19.57 13.1 20.22 13.26 20.74M14.54 15C14 15.58 13.61 16.25 13.35 17H6V15H14.54M6 11H18V13H6V11M6 7H18V9H6V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove.svg
new file mode 100644
index 00000000..39a5c1c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text-remove" viewBox="0 0 24 24"><path d="M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.26 20.74C13.09 20.18 13 19.59 13 19C13 18.32 13.12 17.64 13.34 17H6V15H14.53C15.67 13.73 17.29 13 19 13C19.68 13 20.36 13.12 21 13.34V2L19.5 3.5M18 13H6V11H18V13M18 9H6V7H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text.svg
new file mode 100644
index 00000000..9bf833eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt-text" viewBox="0 0 24 24"><path d="M3,22L4.5,20.5L6,22L7.5,20.5L9,22L10.5,20.5L12,22L13.5,20.5L15,22L16.5,20.5L18,22L19.5,20.5L21,22V2L19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2M18,9H6V7H18M18,13H6V11H18M18,17H6V15H18V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/receipt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/receipt.svg
new file mode 100644
index 00000000..5c056fd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/receipt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-receipt" viewBox="0 0 24 24"><path d="M3 22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/record-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/record-circle-outline.svg
new file mode 100644
index 00000000..bcb7dc3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/record-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-record-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/record-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/record-circle.svg
new file mode 100644
index 00000000..d96c2cbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/record-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-record-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/record-player.svg b/apps/phoenix_webcomponent/priv/mdi/svg/record-player.svg
new file mode 100644
index 00000000..54349807
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/record-player.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-record-player" viewBox="0 0 24 24"><path d="M5,17.5A0.5,0.5 0 0,1 4.5,18H3.5A0.5,0.5 0 0,1 3,17.5V17H2A1,1 0 0,1 1,16V13A1,1 0 0,1 2,12H19V10H7L6,11V9A1,1 0 0,1 7,8H19V7H21V8A1,1 0 0,1 22,9V10H21V12H22A1,1 0 0,1 23,13V16A1,1 0 0,1 22,17H21V17.5A0.5,0.5 0 0,1 20.5,18H19.5A0.5,0.5 0 0,1 19,17.5V17H5V17.5M3,14V15H5V14H3M6,14V15H8V14H6M20.5,13.5A1,1 0 0,0 19.5,14.5A1,1 0 0,0 20.5,15.5A1,1 0 0,0 21.5,14.5A1,1 0 0,0 20.5,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/record-rec.svg b/apps/phoenix_webcomponent/priv/mdi/svg/record-rec.svg
new file mode 100644
index 00000000..5d42fe34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/record-rec.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-record-rec" viewBox="0 0 24 24"><path d="M12.5,5A7.5,7.5 0 0,0 5,12.5A7.5,7.5 0 0,0 12.5,20A7.5,7.5 0 0,0 20,12.5A7.5,7.5 0 0,0 12.5,5M7,10H9A1,1 0 0,1 10,11V12C10,12.5 9.62,12.9 9.14,12.97L10.31,15H9.15L8,13V15H7M12,10H14V11H12V12H14V13H12V14H14V15H12A1,1 0 0,1 11,14V11A1,1 0 0,1 12,10M16,10H18V11H16V14H18V15H16A1,1 0 0,1 15,14V11A1,1 0 0,1 16,10M8,11V12H9V11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/record.svg b/apps/phoenix_webcomponent/priv/mdi/svg/record.svg
new file mode 100644
index 00000000..8b7d89b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/record.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-record" viewBox="0 0 24 24"><path d="M19,12C19,15.86 15.86,19 12,19C8.14,19 5,15.86 5,12C5,8.14 8.14,5 12,5C15.86,5 19,8.14 19,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rectangle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rectangle-outline.svg
new file mode 100644
index 00000000..77ec50de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rectangle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rectangle-outline" viewBox="0 0 24 24"><path d="M4,6V19H20V6H4M18,17H6V8H18V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rectangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rectangle.svg
new file mode 100644
index 00000000..7a170f62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rectangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rectangle" viewBox="0 0 24 24"><path d="M4,6V19H20V6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/recycle-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/recycle-variant.svg
new file mode 100644
index 00000000..58bfd464
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/recycle-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-recycle-variant" viewBox="0 0 24 24"><path d="M7.17 7.91L8.9 8.91L12.08 3.42L14.33 7.31L11.73 8.81L17.19 10.27L18.66 4.81L16.06 6.31L13.81 2.41C13.26 1.45 12.03 1.12 11.08 1.68C10.81 1.83 10.58 2.05 10.41 2.31M10 20V18L3.66 18L5.9 14.1L8.5 15.6L7.04 10.14L1.57 11.6L4.17 13.1L1.92 17C1.37 17.96 1.7 19.18 2.65 19.73C2.92 19.89 3.22 19.97 3.54 20M19.06 11.5L17.32 12.5L20.5 18H16V15L12 19L16 23V20H20.5C21.61 20 22.5 19.11 22.5 18C22.5 17.69 22.42 17.38 22.28 17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/recycle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/recycle.svg
new file mode 100644
index 00000000..7316ada5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/recycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-recycle" viewBox="0 0 24 24"><path d="M21.82,15.42L19.32,19.75C18.83,20.61 17.92,21.06 17,21H15V23L12.5,18.5L15,14V16H17.82L15.6,12.15L19.93,9.65L21.73,12.77C22.25,13.54 22.32,14.57 21.82,15.42M9.21,3.06H14.21C15.19,3.06 16.04,3.63 16.45,4.45L17.45,6.19L19.18,5.19L16.54,9.6L11.39,9.69L13.12,8.69L11.71,6.24L9.5,10.09L5.16,7.59L6.96,4.47C7.37,3.64 8.22,3.06 9.21,3.06M5.05,19.76L2.55,15.43C2.06,14.58 2.13,13.56 2.64,12.79L3.64,11.06L1.91,10.06L7.05,10.14L9.7,14.56L7.97,13.56L6.56,16H11V21H7.4C6.47,21.07 5.55,20.61 5.05,19.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reddit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reddit.svg
new file mode 100644
index 00000000..f175199e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reddit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reddit" viewBox="0 0 24 24"><path d="M14.5 15.41C14.58 15.5 14.58 15.69 14.5 15.8C13.77 16.5 12.41 16.56 12 16.56C11.61 16.56 10.25 16.5 9.54 15.8C9.44 15.69 9.44 15.5 9.54 15.41C9.65 15.31 9.82 15.31 9.92 15.41C10.38 15.87 11.33 16 12 16C12.69 16 13.66 15.87 14.1 15.41C14.21 15.31 14.38 15.31 14.5 15.41M10.75 13.04C10.75 12.47 10.28 12 9.71 12C9.14 12 8.67 12.47 8.67 13.04C8.67 13.61 9.14 14.09 9.71 14.08C10.28 14.08 10.75 13.61 10.75 13.04M14.29 12C13.72 12 13.25 12.5 13.25 13.05S13.72 14.09 14.29 14.09C14.86 14.09 15.33 13.61 15.33 13.05C15.33 12.5 14.86 12 14.29 12M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12M18.67 12C18.67 11.19 18 10.54 17.22 10.54C16.82 10.54 16.46 10.7 16.2 10.95C15.2 10.23 13.83 9.77 12.3 9.71L12.97 6.58L15.14 7.05C15.16 7.6 15.62 8.04 16.18 8.04C16.75 8.04 17.22 7.57 17.22 7C17.22 6.43 16.75 5.96 16.18 5.96C15.77 5.96 15.41 6.2 15.25 6.55L12.82 6.03C12.75 6 12.68 6.03 12.63 6.07C12.57 6.11 12.54 6.17 12.53 6.24L11.79 9.72C10.24 9.77 8.84 10.23 7.82 10.96C7.56 10.71 7.2 10.56 6.81 10.56C6 10.56 5.35 11.21 5.35 12C5.35 12.61 5.71 13.11 6.21 13.34C6.19 13.5 6.18 13.62 6.18 13.78C6.18 16 8.79 17.85 12 17.85C15.23 17.85 17.85 16.03 17.85 13.78C17.85 13.64 17.84 13.5 17.81 13.34C18.31 13.11 18.67 12.6 18.67 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/redhat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/redhat.svg
new file mode 100644
index 00000000..b447ca05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/redhat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-redhat" viewBox="0 0 24 24"><path d="M15.34 13.16C16.66 13.16 18.56 12.89 18.56 11.32C18.57 11.2 18.56 11.08 18.53 10.96L17.75 7.56C17.57 6.81 17.41 6.47 16.09 5.81C15.07 5.29 12.85 4.43 12.19 4.43C11.58 4.43 11.4 5.22 10.67 5.22C9.97 5.22 9.45 4.63 8.79 4.63C8.16 4.63 7.75 5.06 7.43 5.94C7.43 5.94 6.55 8.44 6.43 8.8C6.42 8.87 6.41 8.93 6.41 9C6.41 9.97 10.23 13.15 15.34 13.15M18.77 11.96C18.95 12.82 18.95 12.91 18.95 13C18.95 14.5 17.29 15.31 15.12 15.31C10.2 15.31 5.89 12.43 5.89 10.53C5.89 10.26 5.95 10 6.05 9.76C4.28 9.84 2 10.16 2 12.18C2 15.5 9.84 19.57 16.05 19.57C20.81 19.57 22 17.42 22 15.72C22 14.38 20.85 12.86 18.77 11.96" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/redo-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/redo-variant.svg
new file mode 100644
index 00000000..bcef1de7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/redo-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-redo-variant" viewBox="0 0 24 24"><path d="M10.5,7A6.5,6.5 0 0,0 4,13.5A6.5,6.5 0 0,0 10.5,20H14V18H10.5C8,18 6,16 6,13.5C6,11 8,9 10.5,9H16.17L13.09,12.09L14.5,13.5L20,8L14.5,2.5L13.08,3.91L16.17,7H10.5M18,18H16V20H18V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/redo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/redo.svg
new file mode 100644
index 00000000..523b6be4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/redo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-redo" viewBox="0 0 24 24"><path d="M18.4,10.6C16.55,9 14.15,8 11.5,8C6.85,8 2.92,11.03 1.54,15.22L3.9,16C4.95,12.81 7.95,10.5 11.5,10.5C13.45,10.5 15.23,11.22 16.62,12.38L13,16H22V7L18.4,10.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reflect-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reflect-horizontal.svg
new file mode 100644
index 00000000..c985a024
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reflect-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reflect-horizontal" viewBox="0 0 24 24"><path d="M22,20H14A1,1 0 0,1 13,19V4.97C13,4.5 13.31,4.12 13.74,4C14.19,3.88 14.65,4.08 14.87,4.47L22.89,18.5C23.07,18.81 23.07,19.19 22.89,19.5C22.71,19.81 22.38,20 22,20M2,20C1.62,20 1.29,19.81 1.11,19.5C0.93,19.19 0.93,18.81 1.11,18.5L9.13,4.47C9.35,4.08 9.81,3.88 10.26,4C10.69,4.12 11,4.5 11,4.97V19A1,1 0 0,1 10,20H2M9,18V8.74L3.71,18H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reflect-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reflect-vertical.svg
new file mode 100644
index 00000000..c3eec2f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reflect-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reflect-vertical" viewBox="0 0 24 24"><path d="M18,23H6C5.61,23 5.26,22.79 5.09,22.45C4.92,22.11 4.96,21.7 5.19,21.4L11.2,13.38C11.58,12.87 12.42,12.87 12.8,13.38L18.81,21.4C19.04,21.7 19.08,22.11 18.91,22.45C18.74,22.79 18.39,23 18,23M18,1C18.39,1 18.74,1.21 18.91,1.55C19.08,1.89 19.04,2.3 18.81,2.6L12.8,10.62C12.42,11.13 11.58,11.13 11.2,10.62L5.19,2.6C4.96,2.3 4.92,1.89 5.09,1.55C5.26,1.21 5.61,1 6,1H18M8,3L12,8.35L16,3H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/refresh-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/refresh-auto.svg
new file mode 100644
index 00000000..3a17f380
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/refresh-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-refresh-auto" viewBox="0 0 24 24"><path d="M12.68 6H11.32L7 16H9L9.73 14H14.27L15 16H17L12.68 6M10.3 12.5L12 8L13.7 12.5H10.3M17.4 20.4L19 22H14V17L16 19C18.39 17.61 20 14.95 20 12C20 7.59 16.41 4 12 4S4 7.59 4 12C4 14.95 5.61 17.53 8 18.92V21.16C4.47 19.61 2 16.1 2 12C2 6.5 6.5 2 12 2S22 6.5 22 12C22 15.53 20.17 18.62 17.4 20.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/refresh-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/refresh-circle.svg
new file mode 100644
index 00000000..6b620a7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/refresh-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-refresh-circle" viewBox="0 0 24 24"><path d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2M18 11H13L14.81 9.19A3.94 3.94 0 0 0 12 8A4 4 0 1 0 15.86 13H17.91A6 6 0 1 1 12 6A5.91 5.91 0 0 1 16.22 7.78L18 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/refresh.svg
new file mode 100644
index 00000000..57eb75d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-refresh" viewBox="0 0 24 24"><path d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/regex.svg b/apps/phoenix_webcomponent/priv/mdi/svg/regex.svg
new file mode 100644
index 00000000..539867b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/regex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-regex" viewBox="0 0 24 24"><path d="M16,16.92C15.67,16.97 15.34,17 15,17C14.66,17 14.33,16.97 14,16.92V13.41L11.5,15.89C11,15.5 10.5,15 10.11,14.5L12.59,12H9.08C9.03,11.67 9,11.34 9,11C9,10.66 9.03,10.33 9.08,10H12.59L10.11,7.5C10.3,7.25 10.5,7 10.76,6.76V6.76C11,6.5 11.25,6.3 11.5,6.11L14,8.59V5.08C14.33,5.03 14.66,5 15,5C15.34,5 15.67,5.03 16,5.08V8.59L18.5,6.11C19,6.5 19.5,7 19.89,7.5L17.41,10H20.92C20.97,10.33 21,10.66 21,11C21,11.34 20.97,11.67 20.92,12H17.41L19.89,14.5C19.7,14.75 19.5,15 19.24,15.24V15.24C19,15.5 18.75,15.7 18.5,15.89L16,13.41V16.92H16V16.92M5,19A2,2 0 0,1 7,17A2,2 0 0,1 9,19A2,2 0 0,1 7,21A2,2 0 0,1 5,19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/registered-trademark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/registered-trademark.svg
new file mode 100644
index 00000000..d8b03a65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/registered-trademark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-registered-trademark" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12.25,13.27H10.81V16.5H9V7.71H12.26C13.29,7.71 14.09,7.94 14.66,8.4C15.22,8.87 15.5,9.5 15.5,10.36C15.5,10.96 15.37,11.46 15.11,11.86C14.85,12.26 14.46,12.58 13.93,12.81L15.83,16.4V16.5H13.89L12.25,13.27M10.81,11.81H12.27C12.72,11.81 13.07,11.69 13.32,11.46C13.57,11.23 13.69,10.91 13.69,10.5C13.69,10.09 13.58,9.77 13.34,9.53C13.11,9.29 12.75,9.18 12.26,9.18H10.81V11.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reiterate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reiterate.svg
new file mode 100644
index 00000000..260b6fbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reiterate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reiterate" viewBox="0 0 24 24"><path d="M10.5 4A6.5 6.5 0 0 0 4 10H1L5 14L9 10H6.03A4.5 4.5 0 0 1 10.5 6A4.5 4.5 0 0 1 15 10.5A4.5 4.5 0 0 1 10.5 15H2V17H10.5A6.5 6.5 0 0 0 17 10.5A6.5 6.5 0 0 0 10.5 4M19 12V15H16.5A7.5 7.5 0 0 1 14.24 17H19V20L23 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-many.svg
new file mode 100644
index 00000000..af74949a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17H11V9H5L3 11H2V5H3L5 7H13V15H19L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one-or-many.svg
new file mode 100644
index 00000000..55d80377
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-one-or-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17V19H17V17H11V9H5L3 11H2V5H3L5 7H13V15H17V13H19V15L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one.svg
new file mode 100644
index 00000000..0ff44828
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-one" viewBox="0 0 24 24"><path d="M22 15V17H19V19H17V17H11V9H5L3 11H2V5H3L5 7H13V15H17V13H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-only-one.svg
new file mode 100644
index 00000000..e0b41063
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-only-one" viewBox="0 0 24 24"><path d="M22 15V17H21V19H19V17H18V19H16V17H11V9H5L3 11H2V5H3L5 7H13V15H16V13H18V15H19V13H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-many.svg
new file mode 100644
index 00000000..39fcedd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H5L3 5H2V11H3L5 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-one.svg
new file mode 100644
index 00000000..2451ec6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-many-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-many-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H5L3 5H2V11H3L5 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-many.svg
new file mode 100644
index 00000000..a96c8abd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17H11V9H7V11H5V9L3 11H2V5H3L5 7V5H7V7H13V15H19L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one-or-many.svg
new file mode 100644
index 00000000..6a9334c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-one-or-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17V19H17V17H11V9H7V11H5V9L3 11H2V5H3L5 7V5H7V7H13V15H17V13H19V15L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one.svg
new file mode 100644
index 00000000..b98daa92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-one" viewBox="0 0 24 24"><path d="M22 15V17H19V19H17V17H11V9H7V11H5V9L3 11H2V5H3L5 7V5H7V7H13V15H17V13H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-only-one.svg
new file mode 100644
index 00000000..483f4a90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-only-one" viewBox="0 0 24 24"><path d="M22 15V17H21V19H19V17H18V19H16V17H11V9H7V11H5V9L3 11H2V5H3L5 7V5H7V7H13V15H16V13H18V15H19V13H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-many.svg
new file mode 100644
index 00000000..647faf2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H7V5H5V7L3 5H2V11H3L5 9V11H7V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-one.svg
new file mode 100644
index 00000000..b71a0c57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-or-many-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-or-many-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H7V5H5V7L3 5H2V11H3L5 9V11H7V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-many.svg
new file mode 100644
index 00000000..efa932af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17H11V9H7V11H5V9H2V7H5V5H7V7H13V15H19L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one-or-many.svg
new file mode 100644
index 00000000..fae9458a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-one-or-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17V19H17V17H11V9H7V11H5V9H2V7H5V5H7V7H13V15H17V13H19V15L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one.svg
new file mode 100644
index 00000000..0a5d6a2a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-one" viewBox="0 0 24 24"><path d="M22 15V17H19V19H17V17H11V9H7V11H5V9H2V7H5V5H7V7H13V15H17V13H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-only-one.svg
new file mode 100644
index 00000000..ab00b8f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-only-one" viewBox="0 0 24 24"><path d="M22 15V17H21V19H19V17H18V19H16V17H11V9H7V11H5V9H2V7H5V5H7V7H13V15H16V13H18V15H19V13H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-many.svg
new file mode 100644
index 00000000..5d6e4681
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H7V5H5V7H2V9H5V11H7V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-one.svg
new file mode 100644
index 00000000..cf418576
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-one-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-one-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H7V5H5V7H2V9H5V11H7V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-many.svg
new file mode 100644
index 00000000..66c5194b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17H11V9H8V11H6V9H5V11H3V9H2V7H3V5H5V7H6V5H8V7H13V15H19L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one-or-many.svg
new file mode 100644
index 00000000..43707795
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-one-or-many" viewBox="0 0 24 24"><path d="M22 13V19H21L19 17V19H17V17H11V9H8V11H6V9H5V11H3V9H2V7H3V5H5V7H6V5H8V7H13V15H17V13H19V15L21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one.svg
new file mode 100644
index 00000000..4ee437d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-one" viewBox="0 0 24 24"><path d="M22 15V17H19V19H17V17H11V9H8V11H6V9H5V11H3V9H2V7H3V5H5V7H6V5H8V7H13V15H17V13H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-only-one.svg
new file mode 100644
index 00000000..db2cd6d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-only-one" viewBox="0 0 24 24"><path d="M22 15V17H21V19H19V17H18V19H16V17H11V9H8V11H6V9H5V11H3V9H2V7H3V5H5V7H6V5H8V7H13V15H16V13H18V15H19V13H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-many.svg
new file mode 100644
index 00000000..57a3c3c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H8V5H6V7H5V5H3V7H2V9H3V11H5V9H6V11H8V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-one.svg
new file mode 100644
index 00000000..af7dfcf9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-only-one-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-only-one-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H8V5H6V7H5V5H3V7H2V9H3V11H5V9H6V11H8V9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-many.svg
new file mode 100644
index 00000000..cf0bceaa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-many" viewBox="0 0 24 24"><path d="M21 13L19 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H19L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one-or-many.svg
new file mode 100644
index 00000000..4d424240
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-one-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15V13H17V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H17V19H19V17L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one.svg
new file mode 100644
index 00000000..e3aac33f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-one" viewBox="0 0 24 24"><path d="M19 15V13H17V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H17V19H19V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-only-one.svg
new file mode 100644
index 00000000..c5a535c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-only-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18V13H16V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H16V19H18V17H19V19H21V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-many.svg
new file mode 100644
index 00000000..a6a270c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-one.svg
new file mode 100644
index 00000000..6218d831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-many-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-many-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5L3 5H2V11H3L5 9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-many.svg
new file mode 100644
index 00000000..df9c66c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-many" viewBox="0 0 24 24"><path d="M21 13L19 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H19L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one-or-many.svg
new file mode 100644
index 00000000..56404165
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-one-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15V13H17V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H17V19H19V17L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one.svg
new file mode 100644
index 00000000..ca6097a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-one" viewBox="0 0 24 24"><path d="M19 15V13H17V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H17V19H19V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-only-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-only-one.svg
new file mode 100644
index 00000000..10b730b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-only-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-only-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18V13H16V15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H16V19H18V17H19V19H21V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-many.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-many.svg
new file mode 100644
index 00000000..6c262bf2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-many.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-zero-or-many" viewBox="0 0 24 24"><path d="M21 13L19 15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19L21 19H22V13M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-one.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-one.svg
new file mode 100644
index 00000000..6e4deef5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relation-zero-or-one-to-zero-or-one.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relation-zero-or-one-to-zero-or-one" viewBox="0 0 24 24"><path d="M21 15V13H19V15H18.79A2.5 2.5 0 0 0 14.21 15H13V7H9.79A2.5 2.5 0 0 0 5.21 7H5V5H3V7H2V9H3V11H5V9H5.21A2.5 2.5 0 0 0 9.79 9H11V17H14.21A2.5 2.5 0 0 0 18.79 17H19V19H21V17H22V15M7.5 9A1 1 0 1 1 8.5 8A1 1 0 0 1 7.5 9M16.5 17A1 1 0 1 1 17.5 16A1 1 0 0 1 16.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/relative-scale.svg b/apps/phoenix_webcomponent/priv/mdi/svg/relative-scale.svg
new file mode 100644
index 00000000..9bde502e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/relative-scale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-relative-scale" viewBox="0 0 24 24"><path d="M20,18H4V6H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4M12,10H10V12H12M8,10H6V12H8M16,14H14V16H16M16,10H14V12H16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reload-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reload-alert.svg
new file mode 100644
index 00000000..cd529adf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reload-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reload-alert" viewBox="0 0 24 24"><path d="M2 12C2 17 6 21 11 21C13.4 21 15.7 20.1 17.4 18.4L15.9 16.9C14.6 18.3 12.9 19 11 19C4.8 19 1.6 11.5 6.1 7.1S18 5.8 18 12H15L19 16H19.1L23 12H20C20 7 16 3 11 3S2 7 2 12M10 15H12V17H10V15M10 7H12V13H10V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reload.svg
new file mode 100644
index 00000000..928b4682
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reload" viewBox="0 0 24 24"><path d="M2 12C2 16.97 6.03 21 11 21C13.39 21 15.68 20.06 17.4 18.4L15.9 16.9C14.63 18.25 12.86 19 11 19C4.76 19 1.64 11.46 6.05 7.05C10.46 2.64 18 5.77 18 12H15L19 16H19.1L23 12H20C20 7.03 15.97 3 11 3C6.03 3 2 7.03 2 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reminder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reminder.svg
new file mode 100644
index 00000000..e41767c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reminder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reminder" viewBox="0 0 24 24"><path d="M7.25,3C7.9,3 8.5,3.21 9,3.56V3A2,2 0 0,1 11,1A2,2 0 0,1 13,3V3.57C13.5,3.22 14.1,3 14.75,3A3,3 0 0,1 17.75,6C17.75,7.58 16.54,8.87 15,9H13V10H14.24L14.72,10.13L19.31,12.42C20.13,12.73 20.53,13.34 20.53,14.25L20.5,14.39V14.53L19.5,21.28C19.44,21.75 19.22,22.16 18.84,22.5C18.47,22.84 18.05,23 17.58,23H10C9.45,23 9,22.81 8.58,22.41L2,15.84L3.05,14.77C3.33,14.5 3.69,14.34 4.13,14.34H4.45L9,15.33V10L9,9H7V9C5.46,8.86 4.25,7.57 4.25,6A3,3 0 0,1 7.25,3M9,6A1.75,1.75 0 0,0 7.25,4.25A1.75,1.75 0 0,0 5.5,6C5.5,6.88 6.15,7.61 7,7.73V7.75H9V6M15,7.75V7.74C15.85,7.62 16.5,6.89 16.5,6C16.5,5.04 15.72,4.26 14.75,4.26C13.78,4.26 13,5.04 13,6V7.75H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/remote-desktop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/remote-desktop.svg
new file mode 100644
index 00000000..ffee9fc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/remote-desktop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-remote-desktop" viewBox="0 0 24 24"><path d="M3,2A2,2 0 0,0 1,4V16C1,17.11 1.9,18 3,18H10V20H8V22H16V20H14V18H21A2,2 0 0,0 23,16V4A2,2 0 0,0 21,2M3,4H21V16H3M15,5L11.5,8.5L15,12L16.4,10.6L14.3,8.5L16.4,6.4M9,8L7.6,9.4L9.7,11.5L7.6,13.6L9,15L12.5,11.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/remote-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/remote-off.svg
new file mode 100644
index 00000000..d5b899fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/remote-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-remote-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L16,19.27V22A1,1 0 0,1 15,23H9C8.46,23 8,22.55 8,22V11.27L2,5.27M12,0C15.05,0 17.8,1.23 19.77,3.23L18.36,4.64C16.75,3 14.5,2 12,2C9.72,2 7.64,2.85 6.06,4.24L4.64,2.82C6.59,1.07 9.17,0 12,0M12,4C13.94,4 15.69,4.78 16.95,6.05L15.55,7.46C14.64,6.56 13.39,6 12,6C10.83,6 9.76,6.4 8.9,7.08L7.5,5.66C8.7,4.62 10.28,4 12,4M15,9C15.56,9 16,9.45 16,10V14.18L13.5,11.69L13.31,11.5L10.82,9H15M10.03,13.3C10.16,14.16 10.84,14.85 11.71,15L10.03,13.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv-off.svg
new file mode 100644
index 00000000..2a11bc40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-remote-tv-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17,20.25C16.86,21.24 16,22 15,22H9A2,2 0 0,1 7,20V10.27L2,5.27M9,2H11V4H13V2H15A2,2 0 0,1 17,4V15.18L13,11.18V10H15V8H13V6H11V8H9.82L7,5.18V4A2,2 0 0,1 9,2M9,20H11V18H9V20M13,20H15V18.27L14.73,18H13V20M9,14V16H11V14.27L10.73,14H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv.svg b/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv.svg
new file mode 100644
index 00000000..5fe6ecfc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/remote-tv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-remote-tv" viewBox="0 0 24 24"><path d="M9,2C7.89,2 7,2.89 7,4V20C7,21.11 7.89,22 9,22H15C16.11,22 17,21.11 17,20V4C17,2.89 16.11,2 15,2H13V4H11V2H9M11,6H13V8H15V10H13V12H11V10H9V8H11V6M9,14H11V16H9V14M13,14H15V16H13V14M9,18H11V20H9V18M13,18H15V20H13V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/remote.svg b/apps/phoenix_webcomponent/priv/mdi/svg/remote.svg
new file mode 100644
index 00000000..fc9cca3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/remote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-remote" viewBox="0 0 24 24"><path d="M12,0C8.96,0 6.21,1.23 4.22,3.22L5.63,4.63C7.26,3 9.5,2 12,2C14.5,2 16.74,3 18.36,4.64L19.77,3.23C17.79,1.23 15.04,0 12,0M7.05,6.05L8.46,7.46C9.37,6.56 10.62,6 12,6C13.38,6 14.63,6.56 15.54,7.46L16.95,6.05C15.68,4.78 13.93,4 12,4C10.07,4 8.32,4.78 7.05,6.05M12,15A2,2 0 0,1 10,13A2,2 0 0,1 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15M15,9H9A1,1 0 0,0 8,10V22A1,1 0 0,0 9,23H15A1,1 0 0,0 16,22V10A1,1 0 0,0 15,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rename-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rename-box-outline.svg
new file mode 100644
index 00000000..4aa7beb6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rename-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rename-box-outline" viewBox="0 0 24 24"><path d="M17 17H11.5L13.5 15H17M7 17V14.5L14.9 6.7C15.1 6.5 15.4 6.5 15.6 6.7L17.4 8.5C17.6 8.7 17.6 9 17.4 9.2L9.5 17M19 5V19H5V5H19M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rename-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rename-box.svg
new file mode 100644
index 00000000..f3b797b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rename-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rename-box" viewBox="0 0 24 24"><path d="M18,17H10.5L12.5,15H18M6,17V14.5L13.88,6.65C14.07,6.45 14.39,6.45 14.59,6.65L16.35,8.41C16.55,8.61 16.55,8.92 16.35,9.12L8.47,17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rename-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rename-outline.svg
new file mode 100644
index 00000000..7dc3e3b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rename-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rename-outline" viewBox="0 0 24 24"><path d="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M5.92 18H5V17.08L12.06 10L13 10.94L5.92 18M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rename.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rename.svg
new file mode 100644
index 00000000..b919baa7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rename.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rename" viewBox="0 0 24 24"><path d="M15 16L11 20H21V16H15M12.06 7.19L3 16.25V20H6.75L15.81 10.94L12.06 7.19M18.71 8.04C19.1 7.65 19.1 7 18.71 6.63L16.37 4.29C16.17 4.09 15.92 4 15.66 4C15.41 4 15.15 4.1 14.96 4.29L13.13 6.12L16.88 9.87L18.71 8.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reorder-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reorder-horizontal.svg
new file mode 100644
index 00000000..b71043d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reorder-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reorder-horizontal" viewBox="0 0 24 24"><path d="M3,15H21V13H3V15M3,19H21V17H3V19M3,11H21V9H3V11M3,5V7H21V5H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reorder-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reorder-vertical.svg
new file mode 100644
index 00000000..14aba463
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reorder-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reorder-vertical" viewBox="0 0 24 24"><path d="M9,3V21H11V3H9M5,3V21H7V3H5M13,3V21H15V3H13M19,3H17V21H19V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/repeat-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-off.svg
new file mode 100644
index 00000000..00fc5356
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-repeat-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.73,19H7V22L3,18L7,14V17H13.73L7,10.27V11H5V8.27L2,5.27M17,13H19V17.18L17,15.18V13M17,5V2L21,6L17,10V7H8.82L6.82,5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/repeat-once.svg b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-once.svg
new file mode 100644
index 00000000..6f833c7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-once.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-repeat-once" viewBox="0 0 24 24"><path d="M13,15V9H12L10,10V11H11.5V15M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/repeat-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-variant.svg
new file mode 100644
index 00000000..0a307e3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/repeat-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-repeat-variant" viewBox="0 0 24 24"><path d="M6,5.75L10.25,10H7V16H13.5L15.5,18H7A2,2 0 0,1 5,16V10H1.75L6,5.75M18,18.25L13.75,14H17V8H10.5L8.5,6H17A2,2 0 0,1 19,8V14H22.25L18,18.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/repeat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/repeat.svg
new file mode 100644
index 00000000..7feeb303
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/repeat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-repeat" viewBox="0 0 24 24"><path d="M17,17H7V14L3,18L7,22V19H19V13H17M7,7H17V10L21,6L17,2V5H5V11H7V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/replay.svg b/apps/phoenix_webcomponent/priv/mdi/svg/replay.svg
new file mode 100644
index 00000000..662ef7ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/replay.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-replay" viewBox="0 0 24 24"><path d="M12,5V1L7,6L12,11V7A6,6 0 0,1 18,13A6,6 0 0,1 12,19A6,6 0 0,1 6,13H4A8,8 0 0,0 12,21A8,8 0 0,0 20,13A8,8 0 0,0 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reply-all-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reply-all-outline.svg
new file mode 100644
index 00000000..7aaf496e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reply-all-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reply-all-outline" viewBox="0 0 24 24"><path d="M11,9.8V10.7L12.7,10.9C15.3,11.3 17.2,12.3 18.6,13.6C16.9,13.1 15.1,12.8 13,12.8H11V14.1L8.8,12L11,9.8M13,5L6,12L13,19V14.9C18,14.9 21.5,16.5 24,20C23,15 20,10 13,9M7,8V5L0,12L7,19V16L3,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reply-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reply-all.svg
new file mode 100644
index 00000000..d2c9a8d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reply-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reply-all" viewBox="0 0 24 24"><path d="M13,9V5L6,12L13,19V14.9C18,14.9 21.5,16.5 24,20C23,15 20,10 13,9M7,8V5L0,12L7,19V16L3,12L7,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reply-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reply-circle.svg
new file mode 100644
index 00000000..44a6a558
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reply-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reply-circle" viewBox="0 0 24 24"><path d="M2 12C2 17.5 6.5 22 12 22S22 17.5 22 12 17.5 2 12 2 2 6.5 2 12M5 11L10 6V9C15.06 9.73 17.28 13.33 18 17C16.19 14.43 13.61 13 10 13V16L5 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reply-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reply-outline.svg
new file mode 100644
index 00000000..ccf9865d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reply-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reply-outline" viewBox="0 0 24 24"><path d="M8,9.8V10.7L9.7,11C12.3,11.4 14.2,12.4 15.6,13.7C13.9,13.2 12.1,12.9 10,12.9H8V14.2L5.8,12L8,9.8M10,5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reply.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reply.svg
new file mode 100644
index 00000000..99b68156
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reply.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reply" viewBox="0 0 24 24"><path d="M10,9V5L3,12L10,19V14.9C15,14.9 18.5,16.5 21,20C20,15 17,10 10,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/reproduction.svg b/apps/phoenix_webcomponent/priv/mdi/svg/reproduction.svg
new file mode 100644
index 00000000..a06b28c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/reproduction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-reproduction" viewBox="0 0 24 24"><path d="M12.72,13.15L13.62,12.26C13.6,11 14.31,9.44 15.62,8.14C17.57,6.18 20.11,5.55 21.28,6.72C22.45,7.89 21.82,10.43 19.86,12.38C18.56,13.69 17,14.4 15.74,14.38L14.85,15.28C14.5,15.61 14,15.66 13.6,15.41C12.76,15.71 12,16.08 11.56,16.8C11.03,17.68 11.03,19.1 10.47,19.95C9.91,20.81 8.79,21.1 7.61,21.1C6.43,21.1 5,21 3.95,19.5L6.43,19.92C7,20 8.5,19.39 9.05,18.54C9.61,17.68 9.61,16.27 10.14,15.38C10.61,14.6 11.5,14.23 12.43,13.91C12.42,13.64 12.5,13.36 12.72,13.15M7,2A5,5 0 0,1 12,7A5,5 0 0,1 7,12A5,5 0 0,1 2,7A5,5 0 0,1 7,2M7,4A3,3 0 0,0 4,7A3,3 0 0,0 7,10A3,3 0 0,0 10,7A3,3 0 0,0 7,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/resistor-nodes.svg b/apps/phoenix_webcomponent/priv/mdi/svg/resistor-nodes.svg
new file mode 100644
index 00000000..f6e24f06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/resistor-nodes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-resistor-nodes" viewBox="0 0 24 24"><path d="M2,11H3.67C4.08,9.83 5.19,9 6.5,9A3,3 0 0,1 9.5,12C9.5,12.65 9.29,13.25 8.94,13.74L10.07,15.35L13.11,4L14.61,6.13L16.7,9.11L17.5,9C18.81,9 19.92,9.83 20.33,11H22V13H20.33C19.92,14.17 18.81,15 17.5,15A3,3 0 0,1 14.5,12C14.5,11.35 14.71,10.75 15.06,10.26L13.93,8.65L10.89,20L7.3,14.89C7.05,14.96 6.78,15 6.5,15C5.19,15 4.08,14.17 3.67,13H2V11M17.5,10.5A1.5,1.5 0 0,0 16,12A1.5,1.5 0 0,0 17.5,13.5A1.5,1.5 0 0,0 19,12A1.5,1.5 0 0,0 17.5,10.5M6.5,10.5A1.5,1.5 0 0,0 5,12A1.5,1.5 0 0,0 6.5,13.5A1.5,1.5 0 0,0 8,12A1.5,1.5 0 0,0 6.5,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/resistor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/resistor.svg
new file mode 100644
index 00000000..b1966db8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/resistor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-resistor" viewBox="0 0 24 24"><path d="M2,11H7L10.07,15.35L13.11,4L18,11H22V13H17L13.93,8.65L10.89,20L6,13H2V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/resize-bottom-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/resize-bottom-right.svg
new file mode 100644
index 00000000..0dd69733
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/resize-bottom-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-resize-bottom-right" viewBox="0 0 24 24"><path d="M22,22H20V20H22V22M22,18H20V16H22V18M18,22H16V20H18V22M18,18H16V16H18V18M14,22H12V20H14V22M22,14H20V12H22V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/resize.svg b/apps/phoenix_webcomponent/priv/mdi/svg/resize.svg
new file mode 100644
index 00000000..7071b3fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/resize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-resize" viewBox="0 0 24 24"><path d="M10.59,12L14.59,8H11V6H18V13H16V9.41L12,13.41V16H20V4H8V12H10.59M22,2V18H12V22H2V12H6V2H22M10,14H4V20H10V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/responsive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/responsive.svg
new file mode 100644
index 00000000..78ea3a9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/responsive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-responsive" viewBox="0 0 24 24"><path d="M4,6V16H9V12A2,2 0 0,1 11,10H16A2,2 0 0,1 18,12V16H20V6H4M0,20V18H4A2,2 0 0,1 2,16V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V16A2,2 0 0,1 20,18H24V20H18V20C18,21.11 17.1,22 16,22H11A2,2 0 0,1 9,20H9L0,20M11.5,20A0.5,0.5 0 0,0 11,20.5A0.5,0.5 0 0,0 11.5,21A0.5,0.5 0 0,0 12,20.5A0.5,0.5 0 0,0 11.5,20M15.5,20A0.5,0.5 0 0,0 15,20.5A0.5,0.5 0 0,0 15.5,21A0.5,0.5 0 0,0 16,20.5A0.5,0.5 0 0,0 15.5,20M13,20V21H14V20H13M11,12V19H16V12H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/restart-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/restart-alert.svg
new file mode 100644
index 00000000..d703711f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/restart-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-restart-alert" viewBox="0 0 24 24"><path d="M10 4.03V.633L5 5.63L10 10.63V6.03C11.5 6.03 13.11 6.63 14.21 7.73C16.5 10.13 16.5 13.93 14.21 16.23C12.91 17.53 11.11 18.13 9.4 17.93L8.9 19.93C11.31 20.23 13.81 19.53 15.61 17.63C18.7 14.53 18.7 9.43 15.61 6.33C14.11 4.83 12.11 4.03 10 4.03M4.31 17.63C5.11 18.43 6 19.03 7 19.43L7.61 17.43C6.91 17.13 6.31 16.73 5.81 16.23C3.91 14.43 3.5 11.63 4.61 9.43L3.11 7.93C1.31 11.03 1.71 15.03 4.31 17.63M20 13H22V7H20V13M20 17H22V15H20V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/restart-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/restart-off.svg
new file mode 100644
index 00000000..f9fe0615
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/restart-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-restart-off" viewBox="0 0 24 24"><path d="M20.8,22.7L16.6,18.5C14.9,19.7 12.9,20.2 10.9,19.9L11.4,17.9C12.7,18 14,17.7 15.1,17L1.1,3L2.4,1.7L16.5,15.8L17.9,17.2L22.1,21.4L20.8,22.7M12,6C13.5,6 15.1,6.6 16.2,7.8C18,9.6 18.4,12.2 17.5,14.4L19,15.9C20.7,12.9 20.2,9 17.6,6.4C16.1,4.8 14,4 12,4V0.7L7.9,4.7L12,8.8V6M6.6,9.4L5.1,7.9C3.3,11 3.7,15 6.3,17.7C7.1,18.4 8,19 9,19.4L9.5,17.4C8.9,17.1 8.3,16.7 7.7,16.2C5.9,14.4 5.5,11.6 6.6,9.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/restart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/restart.svg
new file mode 100644
index 00000000..7525db6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/restart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-restart" viewBox="0 0 24 24"><path d="M12,4C14.1,4 16.1,4.8 17.6,6.3C20.7,9.4 20.7,14.5 17.6,17.6C15.8,19.5 13.3,20.2 10.9,19.9L11.4,17.9C13.1,18.1 14.9,17.5 16.2,16.2C18.5,13.9 18.5,10.1 16.2,7.7C15.1,6.6 13.5,6 12,6V10.6L7,5.6L12,0.6V4M6.3,17.6C3.7,15 3.3,11 5.1,7.9L6.6,9.4C5.5,11.6 5.9,14.4 7.8,16.2C8.3,16.7 8.9,17.1 9.6,17.4L9,19.4C8,19 7.1,18.4 6.3,17.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/restore-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/restore-alert.svg
new file mode 100644
index 00000000..2fe49fa4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/restore-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-restore-alert" viewBox="0 0 24 24"><path d="M13 3C8 3 4 7 4 12H1L4.9 15.9L5 16L9 12H6C6 8.1 9.1 5 13 5S20 8.1 20 12 16.9 19 13 19C11.1 19 9.3 18.2 8.1 16.9L6.7 18.3C8.3 20 10.5 21 13 21C18 21 22 17 22 12S18 3 13 3M12 15H14V17H12V15M12 7H14V13H12V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/restore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/restore.svg
new file mode 100644
index 00000000..4feba8ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/restore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-restore" viewBox="0 0 24 24"><path d="M13,3A9,9 0 0,0 4,12H1L4.89,15.89L4.96,16.03L9,12H6A7,7 0 0,1 13,5A7,7 0 0,1 20,12A7,7 0 0,1 13,19C11.07,19 9.32,18.21 8.06,16.94L6.64,18.36C8.27,20 10.5,21 13,21A9,9 0 0,0 22,12A9,9 0 0,0 13,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-10.svg
new file mode 100644
index 00000000..b9672d93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-10" viewBox="0 0 24 24"><path d="M12.5,3C17.15,3 21.08,6.03 22.47,10.22L20.1,11C19.05,7.81 16.04,5.5 12.5,5.5C10.54,5.5 8.77,6.22 7.38,7.38L10,10H3V3L5.6,5.6C7.45,4 9.85,3 12.5,3M10,12V22H8V14H6V12H10M18,14V20C18,21.11 17.11,22 16,22H14A2,2 0 0,1 12,20V14A2,2 0 0,1 14,12H16C17.11,12 18,12.9 18,14M14,14V20H16V14H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-15.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-15.svg
new file mode 100644
index 00000000..ceaae0da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-15.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-15" viewBox="0 0 24 24"><path d="M12.5 3C17.15 3 21.08 6.03 22.47 10.22L20.1 11C19.05 7.81 16.04 5.5 12.5 5.5C10.54 5.5 8.77 6.22 7.38 7.38L10 10H3V3L5.6 5.6C7.45 4 9.85 3 12.5 3M10 12V22H8V14H6V12H10M12 12H18V14H14V16H16C17.11 16 18 16.9 18 18V20C18 21.11 17.11 22 16 22H12V20H16V18H12V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-30.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-30.svg
new file mode 100644
index 00000000..67edcf75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-30.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-30" viewBox="0 0 24 24"><path d="M19,14V20C19,21.11 18.11,22 17,22H15A2,2 0 0,1 13,20V14A2,2 0 0,1 15,12H17C18.11,12 19,12.9 19,14M15,14V20H17V14H15M11,20C11,21.11 10.1,22 9,22H5V20H9V18H7V16H9V14H5V12H9A2,2 0 0,1 11,14V15.5A1.5,1.5 0 0,1 9.5,17A1.5,1.5 0 0,1 11,18.5V20M12.5,3C17.15,3 21.08,6.03 22.47,10.22L20.1,11C19.05,7.81 16.04,5.5 12.5,5.5C10.54,5.5 8.77,6.22 7.38,7.38L10,10H3V3L5.6,5.6C7.45,4 9.85,3 12.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-45.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-45.svg
new file mode 100644
index 00000000..904cd1da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-45.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-45" viewBox="0 0 24 24"><path d="M12.5 3C17.1 3 21.1 6 22.5 10.2L20.1 11C19 7.8 16 5.5 12.5 5.5C10.5 5.5 8.8 6.2 7.4 7.4L10 10H3V3L5.6 5.6C7.4 4 9.9 3 12.5 3M13 12H19V14H15V16H17C18.1 16 19 16.9 19 18V20C19 21.1 18.1 22 17 22H13V20H17V18H13V12M5 12V18H9V22H11V12H9V16H7V12H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-5.svg
new file mode 100644
index 00000000..c69df095
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-5" viewBox="0 0 24 24"><path d="M12.5 3C17.15 3 21.08 6.03 22.47 10.22L20.1 11C19.05 7.81 16.04 5.5 12.5 5.5C10.54 5.5 8.77 6.22 7.38 7.38L10 10H3V3L5.6 5.6C7.45 4 9.85 3 12.5 3M9 12H15V14H11V16H13C14.11 16 15 16.9 15 18V20C15 21.11 14.11 22 13 22H9V20H13V18H9V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-60.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-60.svg
new file mode 100644
index 00000000..7230c159
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-60" viewBox="0 0 24 24"><path d="M19 14V20C19 21.1 18.1 22 17 22H15C13.9 22 13 21.1 13 20V14C13 12.9 13.9 12 15 12H17C18.1 12 19 12.9 19 14M15 14V20H17V14H15M12.5 3C17.1 3 21.1 6 22.5 10.2L20.1 11C19 7.8 16 5.5 12.5 5.5C10.5 5.5 8.8 6.2 7.4 7.4L10 10H3V3L5.6 5.6C7.4 4 9.9 3 12.5 3M7 12C5.9 12 5 12.9 5 14V20C5 21.1 5.9 22 7 22H9C10.1 22 11 21.1 11 20V18C11 16.9 10.1 16 9 16H7V14H11V12H7M7 18H9V20H7V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-outline.svg
new file mode 100644
index 00000000..67707e4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind-outline" viewBox="0 0 24 24"><path d="M10,9.9L7,12L10,14.1V9.9M19,9.9L16,12L19,14.1V9.9M12,6V18L3.5,12L12,6M21,6V18L12.5,12L21,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rewind.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rewind.svg
new file mode 100644
index 00000000..fbe35308
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rewind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rewind" viewBox="0 0 24 24"><path d="M11.5,12L20,18V6M11,18V6L2.5,12L11,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium-outline.svg
new file mode 100644
index 00000000..e7db6b56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus-medium-outline" viewBox="0 0 24 24"><path d="M12 6.46C11.72 6.46 11.44 6.56 11.22 6.78L6.78 11.22C6.35 11.65 6.35 12.35 6.78 12.78L11.22 17.22C11.65 17.65 12.35 17.65 12.78 17.22L17.22 12.78C17.65 12.35 17.65 11.65 17.22 11.22L12.78 6.78C12.56 6.56 12.28 6.46 12 6.46M12 8.83L15.17 12L12 15.17L8.83 12L12 8.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium.svg
new file mode 100644
index 00000000..6369192d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus-medium" viewBox="0 0 24 24"><path d="M12 6.46C11.72 6.46 11.44 6.56 11.22 6.78L6.78 11.22C6.35 11.65 6.35 12.35 6.78 12.78L11.22 17.22C11.65 17.65 12.35 17.65 12.78 17.22L17.22 12.78C17.65 12.35 17.65 11.65 17.22 11.22L12.78 6.78C12.56 6.56 12.28 6.46 12 6.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-outline.svg
new file mode 100644
index 00000000..b4d86dab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus-outline" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L20 12L12 20L4 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split-outline.svg
new file mode 100644
index 00000000..f6a422d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus-split-outline" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2M12 4L15.29 7.29L12 10.59L8.71 7.29L12 4M7.29 8.71L10.59 12L7.29 15.29L4 12L7.29 8.71M16.71 8.71L20 12L16.71 15.29L13.41 12L16.71 8.71M12 13.41L15.29 16.71L12 20L8.71 16.71L12 13.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split.svg
new file mode 100644
index 00000000..a00b2df6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus-split.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus-split" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L7.29 5.88L12 10.58L16.71 5.88L13.41 2.59C13 2.19 12.5 2 12 2M5.88 7.29L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L5.88 16.71L10.58 12L5.88 7.29M18.12 7.29L13.42 12L18.12 16.71L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L18.12 7.29M12 13.42L7.29 18.12L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L16.71 18.12L12 13.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rhombus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus.svg
new file mode 100644
index 00000000..5a5c7e26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rhombus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rhombus" viewBox="0 0 24 24"><path d="M12 2C11.5 2 11 2.19 10.59 2.59L2.59 10.59C1.8 11.37 1.8 12.63 2.59 13.41L10.59 21.41C11.37 22.2 12.63 22.2 13.41 21.41L21.41 13.41C22.2 12.63 22.2 11.37 21.41 10.59L13.41 2.59C13 2.19 12.5 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ribbon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ribbon.svg
new file mode 100644
index 00000000..59bbd6c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ribbon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ribbon" viewBox="0 0 24 24"><path d="M13.41,19.31L16.59,22.5L18,21.07L14.83,17.9M15.54,11.53H15.53L12,15.07L8.47,11.53H8.46V11.53C7.56,10.63 7,9.38 7,8A5,5 0 0,1 12,3A5,5 0 0,1 17,8C17,9.38 16.44,10.63 15.54,11.53M16.9,13C18.2,11.73 19,9.96 19,8A7,7 0 0,0 12,1A7,7 0 0,0 5,8C5,9.96 5.81,11.73 7.1,13V13L10.59,16.5L6,21.07L7.41,22.5L16.9,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rice.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rice.svg
new file mode 100644
index 00000000..3d96b10a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rice.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rice" viewBox="0 0 24 24"><path d="M22,11H19.7C19.4,9.9 18.9,8.8 18.2,8L21.6,2.6L19.9,1.5L16.7,6.6C16.3,6.3 16,6.1 15.5,5.9L16.4,2.3L14.5,1.8L13.7,5.2C13.1,5.1 12.6,5 12,5C8.3,5 5.2,7.6 4.3,11H2C2,15.1 4.5,18.6 8,20.2V22H16V20.2C19.5,18.6 22,15.1 22,11M12,7C14.6,7 16.8,8.7 17.6,11H6.4C7.2,8.7 9.4,7 12,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw-electric.svg
new file mode 100644
index 00000000..1791bb87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rickshaw-electric" viewBox="0 0 24 24"><path d="M20 12.05V10.73C20 10.26 19.84 9.8 19.54 9.44L15.6 4.72C15.22 4.26 14.66 4 14.06 4H4C2.9 4 2 4.9 2 6V13C2 14.1 2.9 15 4 15H4.05C4.28 16.14 5.29 17 6.5 17S8.72 16.14 8.95 15H17.05C17.28 16.14 18.29 17 19.5 17C20.88 17 22 15.88 22 14.5C22 13.29 21.14 12.28 20 12.05M3.5 6C3.5 5.73 3.73 5.5 4 5.5H7V10H3.5V6M6.5 15.5C5.95 15.5 5.5 15.05 5.5 14.5S5.95 13.5 6.5 13.5 7.5 13.95 7.5 14.5 7.05 15.5 6.5 15.5M13 13.5H9V12H11V10H9V5.5H13V13.5M15 6.34L18.05 10H15V6.34M19.5 15.5C18.95 15.5 18.5 15.05 18.5 14.5S18.95 13.5 19.5 13.5 20.5 13.95 20.5 14.5 20.05 15.5 19.5 15.5M11 20H7L13 23V21H17L11 18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw.svg
new file mode 100644
index 00000000..74143276
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rickshaw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rickshaw" viewBox="0 0 24 24"><path d="M20 14.05V12.73C20 12.26 19.84 11.8 19.54 11.44L15.6 6.72C15.22 6.26 14.66 6 14.06 6H4C2.9 6 2 6.9 2 8V15C2 16.1 2.9 17 4 17H4.05C4.28 18.14 5.29 19 6.5 19S8.72 18.14 8.95 17H17.05C17.28 18.14 18.29 19 19.5 19C20.88 19 22 17.88 22 16.5C22 15.29 21.14 14.28 20 14.05M3.5 8C3.5 7.73 3.73 7.5 4 7.5H7V12H3.5V8M6.5 17.5C5.95 17.5 5.5 17.05 5.5 16.5S5.95 15.5 6.5 15.5 7.5 15.95 7.5 16.5 7.05 17.5 6.5 17.5M13 15.5H9V14H11V12H9V7.5H13V15.5M15 8.34L18.05 12H15V8.34M19.5 17.5C18.95 17.5 18.5 17.05 18.5 16.5S18.95 15.5 19.5 15.5 20.5 15.95 20.5 16.5 20.05 17.5 19.5 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ring.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ring.svg
new file mode 100644
index 00000000..54978ac5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ring.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ring" viewBox="0 0 24 24"><path d="M12,10L8,4.4L9.6,2H14.4L16,4.4L12,10M15.5,6.8L14.3,8.5C16.5,9.4 18,11.5 18,14A6,6 0 0,1 12,20A6,6 0 0,1 6,14C6,11.5 7.5,9.4 9.7,8.5L8.5,6.8C5.8,8.1 4,10.8 4,14A8,8 0 0,0 12,22A8,8 0 0,0 20,14C20,10.8 18.2,8.1 15.5,6.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rivet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rivet.svg
new file mode 100644
index 00000000..b3d6bcad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rivet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rivet" viewBox="0 0 24 24"><path d="M11.43,2C10.61,2 9.94,2.65 9.94,3.5C9.94,4.64 9.94,5.8 9.94,6.96H7.95V7.95H15.91V6.96H13.92C13.92,5.8 13.92,4.64 13.92,3.5C13.92,2.65 13.25,2 12.43,2H11.43M10.94,8.95V21.87L11.93,22.87L12.92,21.87V8.95H10.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/road-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/road-variant.svg
new file mode 100644
index 00000000..3e2c07b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/road-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-road-variant" viewBox="0 0 24 24"><path d="M18.1,4.8C18,4.3 17.6,4 17.1,4H13L13.2,7H10.8L11,4H6.8C6.3,4 5.9,4.4 5.8,4.8L3.1,18.8C3,19.4 3.5,20 4.1,20H10L10.3,15H13.7L14,20H19.8C20.4,20 20.9,19.4 20.8,18.8L18.1,4.8M10.4,13L10.6,9H13.2L13.4,13H10.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/road.svg b/apps/phoenix_webcomponent/priv/mdi/svg/road.svg
new file mode 100644
index 00000000..7a4c7a5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/road.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-road" viewBox="0 0 24 24"><path d="M11,16H13V20H11M11,10H13V14H11M11,4H13V8H11M4,22H20V2H4V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robber.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robber.svg
new file mode 100644
index 00000000..987ceb92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robber.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robber" viewBox="0 0 24 24"><path d="M10.7 12.5C10.7 12.8 9.4 13.2 8.4 13.2S6.3 12.5 6.3 12.3C6.3 12 7 11.1 8.6 11C9.5 10.9 10.5 11.5 10.7 12.5M15.4 11C14.4 10.9 13.5 11.5 13.3 12.5C13.3 12.8 14.5 13.2 15.6 13.2C16.7 13.2 17.7 12.5 17.7 12.3S17 11.1 15.4 11M22 12C22 17.5 17.5 22 12 22S2 17.5 2 12 6.5 2 12 2 22 6.5 22 12M20 11.2C20 9.2 19.3 8.5 16.7 8.5C14.1 8.5 13.3 9.6 12 9.6S10 8.5 7.3 8.5 4 9.1 4 11.2C4 14.6 5.5 16.5 7.6 16.5C9.2 16.5 10.4 14.5 12 14.5S14.7 16.5 16.4 16.5C18.5 16.5 20 14.6 20 11.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry-outline.svg
new file mode 100644
index 00000000..9ce7aa1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-angry-outline" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M21 17H19V20H5V17H3V16H5V14C5 11.24 7.24 9 10 9H14C16.76 9 19 11.24 19 14V16H21V17M17.5 15.5C17.5 16.61 16.61 17.5 15.5 17.5C14.53 17.5 13.73 16.81 13.54 15.9L16.5 13.78C17.1 14.13 17.5 14.76 17.5 15.5M7.5 13.78L10.46 15.9C10.28 16.81 9.47 17.5 8.5 17.5C7.4 17.5 6.5 16.61 6.5 15.5C6.5 14.76 6.9 14.13 7.5 13.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry.svg
new file mode 100644
index 00000000..623095d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-angry.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-angry" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M7.5 18C6.12 18 5 16.88 5 15.5C5 14.68 5.4 13.96 6 13.5L9.83 16.38C9.5 17.32 8.57 18 7.5 18M16.5 18C15.43 18 14.5 17.32 14.17 16.38L18 13.5C18.6 13.96 19 14.68 19 15.5C19 16.88 17.88 18 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused-outline.svg
new file mode 100644
index 00000000..66ba0a65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-confused-outline" viewBox="0 0 24 24"><path d="M19 8H20V9H19V8M20 5H19V7H20V6H20.5C20.78 6 21 5.78 21 5.5V3.5C21 3.22 20.78 3 20.5 3H18V4H20V5M17 3H16V7H17V3M13.5 15.5C13.5 16.61 14.4 17.5 15.5 17.5S17.5 16.61 17.5 15.5 16.61 13.5 15.5 13.5 13.5 14.4 13.5 15.5M17 8H16V9H17V8M22 14H21C21 12.5 20.53 11.13 19.74 10H16.97C18.19 10.91 19 12.36 19 14V16H21V17H19V20H5V17H3V16H5V14C5 11.24 7.24 9 10 9H14C14.34 9 14.68 9.04 15 9.1V7.08C14.67 7.03 14.34 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M8.5 13.5C7.4 13.5 6.5 14.4 6.5 15.5S7.4 17.5 8.5 17.5 10.5 16.61 10.5 15.5 9.61 13.5 8.5 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused.svg
new file mode 100644
index 00000000..8b2972eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-confused.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-confused" viewBox="0 0 24 24"><path d="M20 4H18V3H20.5C20.78 3 21 3.22 21 3.5V5.5C21 5.78 20.78 6 20.5 6H20V7H19V5H20V4M19 9H20V8H19V9M17 3H16V7H17V3M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C14.34 7 14.67 7.03 15 7.08V10H19.74C20.53 11.13 21 12.5 21 14H22C22.55 14 23 14.45 23 15M10 15.5C10 14.12 8.88 13 7.5 13S5 14.12 5 15.5 6.12 18 7.5 18 10 16.88 10 15.5M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5M17 8H16V9H17V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead-outline.svg
new file mode 100644
index 00000000..dc7bd941
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-dead-outline" viewBox="0 0 24 24"><path d="M10.62 14.44L9.56 15.5L10.62 16.56L9.56 17.62L8.5 16.56L7.44 17.62L6.38 16.56L7.44 15.5L6.38 14.44L7.44 13.38L8.5 14.44L9.56 13.38L10.62 14.44M16.56 13.38L15.5 14.44L14.44 13.38L13.38 14.44L14.44 15.5L13.38 16.56L14.44 17.62L15.5 16.56L16.56 17.62L17.62 16.56L16.56 15.5L17.62 14.44L16.56 13.38M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M21 16H19V14C19 11.24 16.76 9 14 9H10C7.24 9 5 11.24 5 14V16H3V17H5V20H19V17H21V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead.svg
new file mode 100644
index 00000000..8f8f72e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-dead.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-dead" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M9.86 16.68L8.68 17.86L7.5 16.68L6.32 17.86L5.14 16.68L6.32 15.5L5.14 14.32L6.32 13.14L7.5 14.32L8.68 13.14L9.86 14.32L8.68 15.5L9.86 16.68M18.86 16.68L17.68 17.86L16.5 16.68L15.32 17.86L14.14 16.68L15.32 15.5L14.14 14.32L15.32 13.14L16.5 14.32L17.68 13.14L18.86 14.32L17.68 15.5L18.86 16.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited-outline.svg
new file mode 100644
index 00000000..b64b04a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-excited-outline" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M21 17H19V20H5V17H3V16H5V14C5 11.24 7.24 9 10 9H14C16.76 9 19 11.24 19 14V16H21V17M8.5 13.5L10.86 15.86L9.68 17.04L8.5 15.86L7.32 17.04L6.14 15.86L8.5 13.5M15.5 13.5L17.86 15.86L16.68 17.04L15.5 15.86L14.32 17.04L13.14 15.86L15.5 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited.svg
new file mode 100644
index 00000000..29b4c040
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-excited.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-excited" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M8.68 17.04L7.5 15.86L6.32 17.04L5.14 15.86L7.5 13.5L9.86 15.86L8.68 17.04M17.68 17.04L16.5 15.86L15.32 17.04L14.14 15.86L16.5 13.5L18.86 15.86L17.68 17.04Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy-outline.svg
new file mode 100644
index 00000000..f04a1581
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-happy-outline" viewBox="0 0 24 24"><path d="M10.5 15.5C10.5 15.87 10.4 16.2 10.22 16.5C9.88 15.91 9.24 15.5 8.5 15.5S7.12 15.91 6.78 16.5C6.61 16.2 6.5 15.87 6.5 15.5C6.5 14.4 7.4 13.5 8.5 13.5S10.5 14.4 10.5 15.5M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M21 16H19V14C19 11.24 16.76 9 14 9H10C7.24 9 5 11.24 5 14V16H3V17H5V20H19V17H21V16M15.5 13.5C14.4 13.5 13.5 14.4 13.5 15.5C13.5 15.87 13.61 16.2 13.78 16.5C14.12 15.91 14.76 15.5 15.5 15.5S16.88 15.91 17.22 16.5C17.4 16.2 17.5 15.87 17.5 15.5C17.5 14.4 16.61 13.5 15.5 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy.svg
new file mode 100644
index 00000000..d21aa43e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-happy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-happy" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M9.79 16.5C9.4 15.62 8.53 15 7.5 15S5.6 15.62 5.21 16.5C5.08 16.19 5 15.86 5 15.5C5 14.12 6.12 13 7.5 13S10 14.12 10 15.5C10 15.86 9.92 16.19 9.79 16.5M18.79 16.5C18.4 15.62 17.5 15 16.5 15S14.6 15.62 14.21 16.5C14.08 16.19 14 15.86 14 15.5C14 14.12 15.12 13 16.5 13S19 14.12 19 15.5C19 15.86 18.92 16.19 18.79 16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial-outline.svg
new file mode 100644
index 00000000..636b53e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-industrial-outline" viewBox="0 0 24 24"><path d="M4 19H8.6L2.62 8.64C2.23 8 2 7.29 2 6.5C2 4.29 3.79 2.5 6 2.5C7.86 2.5 9.43 3.78 9.87 5.5H14V3C14 1.9 14.9 1 16 1V3.59L17.59 2H22V4H18.41L16 6.41V6.59L18.41 9H22V11H17.59L16 9.41V12C14.9 12 14 11.11 14 10V7.5H9.87C9.77 7.89 9.61 8.26 9.41 8.6L15.41 19H20C21.11 19 22 19.9 22 21V22H2V21C2 19.9 2.9 19 4 19M7.91 10C7.35 10.32 6.7 10.5 6 10.5L10.91 19H13.1L7.91 10M6 4.5C4.89 4.5 4 5.4 4 6.5C4 7.61 4.89 8.5 6 8.5C7.11 8.5 8 7.61 8 6.5C8 5.4 7.11 4.5 6 4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial.svg
new file mode 100644
index 00000000..92cb3b89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-industrial.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-industrial" viewBox="0 0 24 24"><path d="M18.41,4L16,6.41V6.59L18.41,9H22V11H17.59L16,9.41V12H15A2,2 0 0,1 13,10V7.5H9.86C9.77,7.87 9.62,8.22 9.42,8.55L15.18,19H20A2,2 0 0,1 22,21V22H2V21A2,2 0 0,1 4,19H10.61L5.92,10.5C4.12,10.47 2.56,9.24 2.11,7.5C1.56,5.36 2.85,3.18 5,2.63C7.13,2.08 9.31,3.36 9.86,5.5H13V3A2,2 0 0,1 15,1H16V3.59L17.59,2H22V4H18.41M6,4.5A2,2 0 0,0 4,6.5A2,2 0 0,0 6,8.5A2,2 0 0,0 8,6.5A2,2 0 0,0 6,4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-love-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-love-outline.svg
new file mode 100644
index 00000000..e7d0282f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-love-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-love-outline" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M21 17H19V20H5V17H3V16H5V14C5 11.24 7.24 9 10 9H14C16.76 9 19 11.24 19 14V16H21V17M10.7 14C11.1 14.39 11.1 15.05 10.7 15.45L9.97 16.18L8.5 17.65L6.3 15.45C5.9 15.05 5.9 14.39 6.3 14C6.71 13.58 7.36 13.58 7.77 14L8.5 14.72L9.23 14C9.64 13.58 10.29 13.58 10.7 14M17.7 14C18.1 14.39 18.1 15.05 17.7 15.45L16.97 16.18L15.5 17.65L13.3 15.45C12.9 15.05 12.9 14.39 13.3 14C13.71 13.58 14.36 13.58 14.77 14L15.5 14.72L16.23 14C16.64 13.58 17.29 13.58 17.7 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-love.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-love.svg
new file mode 100644
index 00000000..dddf1e84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-love.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-love" viewBox="0 0 24 24"><path d="M22 14H21C21 10.13 17.87 7 14 7H13V5.73C13.6 5.39 14 4.74 14 4C14 2.9 13.11 2 12 2S10 2.9 10 4C10 4.74 10.4 5.39 11 5.73V7H10C6.13 7 3 10.13 3 14H2C1.45 14 1 14.45 1 15V18C1 18.55 1.45 19 2 19H3V20C3 21.11 3.9 22 5 22H19C20.11 22 21 21.11 21 20V19H22C22.55 19 23 18.55 23 18V15C23 14.45 22.55 14 22 14M9.7 15.45L8.97 16.18L7.5 17.65L5.3 15.45C4.9 15.05 4.9 14.39 5.3 14C5.71 13.58 6.36 13.58 6.77 14L7.5 14.72L8.23 14C8.64 13.58 9.29 13.58 9.7 14C10.1 14.39 10.1 15.05 9.7 15.45M18.7 15.45L17.97 16.18L16.5 17.65L14.3 15.45C13.9 15.05 13.9 14.39 14.3 14C14.71 13.58 15.36 13.58 15.77 14L16.5 14.72L17.23 14C17.64 13.58 18.29 13.58 18.7 14C19.1 14.39 19.1 15.05 18.7 15.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower-outline.svg
new file mode 100644
index 00000000..53c65366
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-mower-outline" viewBox="0 0 24 24"><path d="M1 14C1 16.76 3.24 19 6 19C7.64 19 9.09 18.21 10 17H15.17C15.58 18.17 16.7 19 18 19C19.31 19 20.42 18.17 20.83 17H23V15C23 9.5 18.5 5 13 5H1V14M21 15H10.9C10.97 14.68 11 14.34 11 14C11 11.24 8.76 9 6 9C4.87 9 3.84 9.37 3 10V7H12.5C15.1 7 17.42 8.16 19 10H15V12H20.25C20.67 12.92 20.92 13.94 21 15M6 11C7.66 11 9 12.34 9 14C9 15.66 7.66 17 6 17C4.34 17 3 15.66 3 14C3 12.34 4.34 11 6 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower.svg
new file mode 100644
index 00000000..901711ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-mower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-mower" viewBox="0 0 24 24"><path d="M1 14V5H13C18.5 5 23 9.5 23 15V17H20.83C20.42 18.17 19.31 19 18 19C16.69 19 15.58 18.17 15.17 17H10C9.09 18.21 7.64 19 6 19C3.24 19 1 16.76 1 14M6 11C4.34 11 3 12.34 3 14C3 15.66 4.34 17 6 17C7.66 17 9 15.66 9 14C9 12.34 7.66 11 6 11M15 10V12H20.25C19.92 11.27 19.5 10.6 19 10H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-off-outline.svg
new file mode 100644
index 00000000..6452338d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-off-outline" viewBox="0 0 24 24"><path d="M23 15V18C23 18.5 22.64 18.88 22.17 18.97L20.2 17H21V16H19.2L19 15.8V14C19 11.24 16.76 9 14 9H12.2L10.2 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M8.5 13.5C7.4 13.5 6.5 14.4 6.5 15.5S7.4 17.5 8.5 17.5 10.5 16.61 10.5 15.5 9.61 13.5 8.5 13.5M22.11 21.46L20.84 22.73L19.89 21.78C19.62 21.92 19.32 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 11.53 4.29 9.36 6.22 8.11L1.11 3L2.39 1.73L22.11 21.46M18.11 20L15.6 17.5C15.57 17.5 15.53 17.5 15.5 17.5C14.4 17.5 13.5 16.61 13.5 15.5C13.5 15.47 13.5 15.43 13.5 15.4L7.7 9.59C6.1 10.42 5 12.08 5 14V16H3V17H5V20H18.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-off.svg
new file mode 100644
index 00000000..fba2abe8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-off" viewBox="0 0 24 24"><path d="M23 15V18C23 18.5 22.64 18.88 22.17 18.97L18.97 15.77C19 15.68 19 15.59 19 15.5C19 14.12 17.88 13 16.5 13C16.41 13 16.32 13 16.23 13.03L10.2 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M22.11 21.46L20.84 22.73L19.89 21.78C19.62 21.92 19.32 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 11.53 4.29 9.36 6.22 8.11L1.11 3L2.39 1.73L22.11 21.46M10 15.5C10 14.12 8.88 13 7.5 13S5 14.12 5 15.5 6.12 18 7.5 18 10 16.88 10 15.5M16.07 17.96L14.04 15.93C14.23 16.97 15.04 17.77 16.07 17.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-outline.svg
new file mode 100644
index 00000000..a2d4c2fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-outline" viewBox="0 0 24 24"><path d="M17.5 15.5C17.5 16.61 16.61 17.5 15.5 17.5S13.5 16.61 13.5 15.5 14.4 13.5 15.5 13.5 17.5 14.4 17.5 15.5M8.5 13.5C7.4 13.5 6.5 14.4 6.5 15.5S7.4 17.5 8.5 17.5 10.5 16.61 10.5 15.5 9.61 13.5 8.5 13.5M23 15V18C23 18.55 22.55 19 22 19H21V20C21 21.11 20.11 22 19 22H5C3.9 22 3 21.11 3 20V19H2C1.45 19 1 18.55 1 18V15C1 14.45 1.45 14 2 14H3C3 10.13 6.13 7 10 7H11V5.73C10.4 5.39 10 4.74 10 4C10 2.9 10.9 2 12 2S14 2.9 14 4C14 4.74 13.6 5.39 13 5.73V7H14C17.87 7 21 10.13 21 14H22C22.55 14 23 14.45 23 15M21 16H19V14C19 11.24 16.76 9 14 9H10C7.24 9 5 11.24 5 14V16H3V17H5V20H19V17H21V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-alert.svg
new file mode 100644
index 00000000..df14a1a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum-alert" viewBox="0 0 24 24"><path d="M10 2C12.6 2 15.2 3.1 17.1 4.9L15.7 6.3C14.1 4.8 12.1 4 10 4S5.8 4.8 4.3 6.3L2.9 4.9C4.8 3.1 7.4 2 10 2M1.7 6.5L3.2 7.9C2.4 9.2 2 10.6 2 12C2 16.4 5.6 20 10 20S18 16.4 18 12C18 10.6 17.6 9.2 16.9 7.9L18.4 6.5C19.4 8.1 20 10 20 12C20 17.5 15.5 22 10 22S0 17.5 0 12C0 10 .6 8.1 1.7 6.5M10 6C13.3 6 16 8.7 16 12C16 13.6 15.4 15.1 14.2 16.2L12.8 14.8C12.1 15.6 11.1 16 10 16S7.9 15.6 7.2 14.8L5.8 16.2C4.6 15.1 4 13.6 4 12C4 8.7 6.7 6 10 6M10 8C9.4 8 9 8.4 9 9S9.4 10 10 10 11 9.6 11 9 10.6 8 10 8M22 12V7H24V13H22M22 17V15H24V17H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-off.svg
new file mode 100644
index 00000000..3a588175
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum-off" viewBox="0 0 24 24"><path d="M20.8 22.7L18 19.9C16.3 21.2 14.2 22 12 22C6.5 22 2 17.5 2 12C2 10 2.6 8.1 3.7 6.5L5.2 7.9C4.4 9.2 4 10.6 4 12C4 16.4 7.6 20 12 20C13.7 20 15.3 19.4 16.6 18.5L13.7 15.6C13.2 15.9 12.6 16 12 16C10.9 16 9.9 15.6 9.2 14.8L7.8 16.2C6.6 15.1 6 13.6 6 12C6 10.8 6.3 9.7 6.9 8.8L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M20 12C20 13.4 19.6 14.7 19 15.8L20.5 17.3C21.5 15.8 22 14 22 12C22 10 21.4 8.1 20.3 6.5L18.8 7.9C19.6 9.2 20 10.6 20 12M12 4C14.1 4 16.2 4.8 17.7 6.3L19.1 4.9C17.2 3.1 14.7 2 12 2C10.1 2 8.3 2.5 6.7 3.5L8.2 5C9.3 4.3 10.7 4 12 4M17.5 14.3C17.8 13.6 18 12.8 18 12C18 8.7 15.3 6 12 6C11.2 6 10.4 6.2 9.7 6.5L11.4 8.2C11.6 8.1 11.8 8 12 8C12.6 8 13 8.4 13 9C13 9.2 12.9 9.4 12.8 9.6L17.5 14.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-alert.svg
new file mode 100644
index 00000000..6f948884
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum-variant-alert" viewBox="0 0 24 24"><path d="M3 3C1.9 3 1 3.9 1 5V7H3V5H17V7H19V5C19 3.9 18.1 3 17 3H3M6 7V9H14V7H6M1 9V12C1 17 5 21 10 21S19 17 19 12V9H17V12C17 15.9 13.9 19 10 19S3 15.9 3 12V9H1M10 12C8.6 12 7.5 13.1 7.5 14.5S8.6 17 10 17 12.5 15.9 12.5 14.5 11.4 12 10 12M21 12V7H23V13H21M21 17V15H23V17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-off.svg
new file mode 100644
index 00000000..eb543bd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum-variant-off" viewBox="0 0 24 24"><path d="M20.8 22.7L17.3 19.2C15.8 20.3 14 21 12 21C7 21 3 17 3 12V9H5V12C5 15.9 8.1 19 12 19C13.4 19 14.8 18.5 15.9 17.8L14 15.9C13.5 16.5 12.8 17 12 17C10.6 17 9.5 15.9 9.5 14.5C9.5 13.7 9.9 12.9 10.6 12.5L5 6.9V7H3V4.9L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M19 5V7H21V5C21 3.9 20.1 3 19 3H6.2L8.2 5H19M19 12C19 13.1 18.7 14.1 18.3 15.1L19.8 16.6C20.6 15.3 21 13.7 21 12V9H19V12M16 9V7H10.2L12.2 9H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant.svg
new file mode 100644
index 00000000..f8c94b7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum-variant" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V7H5V5H19V7H21V5A2,2 0 0,0 19,3H5M8,7V9H16V7H8M3,9V12A9,9 0 0,0 12,21A9,9 0 0,0 21,12V9H19V12A7,7 0 0,1 12,19A7,7 0 0,1 5,12V9H3M12,12A2.5,2.5 0 0,0 9.5,14.5A2.5,2.5 0 0,0 12,17A2.5,2.5 0 0,0 14.5,14.5A2.5,2.5 0 0,0 12,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum.svg
new file mode 100644
index 00000000..8e73b0f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot-vacuum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot-vacuum" viewBox="0 0 24 24"><path d="M12,2C14.65,2 17.19,3.06 19.07,4.93L17.65,6.35C16.15,4.85 14.12,4 12,4C9.88,4 7.84,4.84 6.35,6.35L4.93,4.93C6.81,3.06 9.35,2 12,2M3.66,6.5L5.11,7.94C4.39,9.17 4,10.57 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,10.57 19.61,9.17 18.88,7.94L20.34,6.5C21.42,8.12 22,10.04 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12C2,10.04 2.58,8.12 3.66,6.5M12,6A6,6 0 0,1 18,12C18,13.59 17.37,15.12 16.24,16.24L14.83,14.83C14.08,15.58 13.06,16 12,16C10.94,16 9.92,15.58 9.17,14.83L7.76,16.24C6.63,15.12 6,13.59 6,12A6,6 0 0,1 12,6M12,8A1,1 0 0,0 11,9A1,1 0 0,0 12,10A1,1 0 0,0 13,9A1,1 0 0,0 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/robot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/robot.svg
new file mode 100644
index 00000000..1b4dd578
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/robot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-robot" viewBox="0 0 24 24"><path d="M12,2A2,2 0 0,1 14,4C14,4.74 13.6,5.39 13,5.73V7H14A7,7 0 0,1 21,14H22A1,1 0 0,1 23,15V18A1,1 0 0,1 22,19H21V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V19H2A1,1 0 0,1 1,18V15A1,1 0 0,1 2,14H3A7,7 0 0,1 10,7H11V5.73C10.4,5.39 10,4.74 10,4A2,2 0 0,1 12,2M7.5,13A2.5,2.5 0 0,0 5,15.5A2.5,2.5 0 0,0 7.5,18A2.5,2.5 0 0,0 10,15.5A2.5,2.5 0 0,0 7.5,13M16.5,13A2.5,2.5 0 0,0 14,15.5A2.5,2.5 0 0,0 16.5,18A2.5,2.5 0 0,0 19,15.5A2.5,2.5 0 0,0 16.5,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch-outline.svg
new file mode 100644
index 00000000..01785390
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rocket-launch-outline" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M19.22 4C19.5 4 19.75 4 19.96 4.05C20.13 5.44 19.94 8.3 16.66 11.58C14.96 13.29 12.93 14.6 10.65 15.47L8.5 13.37C9.42 11.06 10.73 9.03 12.42 7.34C15.18 4.58 17.64 4 19.22 4M19.22 2C17.24 2 14.24 2.69 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.62 17.27 10.13 17.5 10.66 17.5C10.89 17.5 11.13 17.44 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39S20.7 2 19.22 2M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.47 5.64 14.12L2 17.76V19.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch.svg
new file mode 100644
index 00000000..64e24da5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-launch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rocket-launch" viewBox="0 0 24 24"><path d="M13.13 22.19L11.5 18.36C13.07 17.78 14.54 17 15.9 16.09L13.13 22.19M5.64 12.5L1.81 10.87L7.91 8.1C7 9.46 6.22 10.93 5.64 12.5M21.61 2.39C21.61 2.39 16.66 .269 11 5.93C8.81 8.12 7.5 10.53 6.65 12.64C6.37 13.39 6.56 14.21 7.11 14.77L9.24 16.89C9.79 17.45 10.61 17.63 11.36 17.35C13.5 16.53 15.88 15.19 18.07 13C23.73 7.34 21.61 2.39 21.61 2.39M14.54 9.46C13.76 8.68 13.76 7.41 14.54 6.63S16.59 5.85 17.37 6.63C18.14 7.41 18.15 8.68 17.37 9.46C16.59 10.24 15.32 10.24 14.54 9.46M8.88 16.53L7.47 15.12L8.88 16.53M6.24 22L9.88 18.36C9.54 18.27 9.21 18.12 8.91 17.91L4.83 22H6.24M2 22H3.41L8.18 17.24L6.76 15.83L2 20.59V22M2 19.17L6.09 15.09C5.88 14.79 5.73 14.47 5.64 14.12L2 17.76V19.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rocket-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-outline.svg
new file mode 100644
index 00000000..f4ae276c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rocket-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rocket-outline" viewBox="0 0 24 24"><path d="M12 2C12 2 7 4 7 12C7 15.1 7.76 17.75 8.67 19.83C9 20.55 9.71 21 10.5 21H13.5C14.29 21 15 20.55 15.33 19.83C16.25 17.75 17 15.1 17 12C17 4 12 2 12 2M13.5 19H10.5C9.5 16.76 9 14.41 9 12C9 7.36 10.9 5.2 12 4.33C13.1 5.2 15 7.36 15 12C15 14.41 14.5 16.76 13.5 19M20 22L16.14 20.45C16.84 18.92 17.34 17.34 17.65 15.73M7.86 20.45L4 22L6.35 15.73C6.66 17.34 7.16 18.92 7.86 20.45M12 12C10.9 12 10 11.1 10 10C10 8.9 10.9 8 12 8C13.1 8 14 8.9 14 10C14 11.1 13.1 12 12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rocket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rocket.svg
new file mode 100644
index 00000000..0c691689
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rocket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rocket" viewBox="0 0 24 24"><path d="M20 22L16.14 20.45C16.84 18.92 17.34 17.34 17.65 15.73L20 22M7.86 20.45L4 22L6.35 15.73C6.66 17.34 7.16 18.92 7.86 20.45M12 2C12 2 17 4 17 12C17 15.1 16.25 17.75 15.33 19.83C15 20.55 14.29 21 13.5 21H10.5C9.71 21 9 20.55 8.67 19.83C7.76 17.75 7 15.1 7 12C7 4 12 2 12 2M12 12C13.1 12 14 11.1 14 10C14 8.9 13.1 8 12 8C10.9 8 10 8.9 10 10C10 11.1 10.9 12 12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rodent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rodent.svg
new file mode 100644
index 00000000..8dae5063
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rodent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rodent" viewBox="0 0 24 24"><path d="M21.33 17.39C22.73 18.66 21.8 21 19.92 21H11.06C8.25 21 6 18.75 6 15.94V15.89C3.7 15.42 2 13.41 2 11C2 8.25 4.22 6 7 6H9.5C9.8 6 10 5.77 10 5.5S9.8 5 9.5 5H7V3H9.5C10.88 3 12 4.13 12 5.5C12 6.89 10.88 8 9.5 8H7C5.34 8 4 9.33 4 11C4 12.37 4.92 13.5 6.14 13.87C6.7 11.67 8.67 10 11.06 10C11.86 10 12.66 10.22 13.36 10.55C11.95 11.34 11 12.8 11 14.5C11 15.75 11.5 16.87 12.33 17.67L13.03 16.97C12.38 16.36 12 15.47 12 14.5C12 11.91 14.34 11 15.5 11C17.58 11 19.45 12.89 18.94 15.23L21.33 17.39M18 19C18.56 19 19 18.56 19 18S18.56 17 18 17 17 17.44 17 18 17.44 19 18 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade-closed.svg
new file mode 100644
index 00000000..357504f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roller-shade-closed" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H10.25C10.25 21.97 11.03 22.75 12 22.75S13.75 21.97 13.75 21H22V19H20M6 19V17H11V19H6M13 19V17H18V19H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade.svg
new file mode 100644
index 00000000..775e930e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roller-shade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roller-shade" viewBox="0 0 24 24"><path d="M20 19V3H4V19H2V21H22V19H20M6 19V13H11V14.8C10.6 15.1 10.2 15.6 10.2 16.2C10.2 17.2 11 18 12 18S13.8 17.2 13.8 16.2C13.8 15.6 13.5 15.1 13 14.8V13H18V19H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate-off.svg
new file mode 100644
index 00000000..4a930fe8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roller-skate-off" viewBox="0 0 24 24"><path d="M20.84 22.73L18.95 20.84C18.78 22.06 17.75 23 16.5 23C15.1 23 14 21.88 14 20.5C14 19.24 14.93 18.2 16.14 18.03L15.11 17H3V4.9L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M9 5H11.5V2H5.2L8.5 5.32C8.59 5.13 8.77 5 9 5M12.56 9.36C12.18 9 11.9 8.5 11.82 8H11.2L12.56 9.36M19.5 12.95C18.55 10.9 15.82 10.56 13.91 10.05C13.45 10.03 13 9.77 12.6 9.4L20 16.79C20 15.45 20.06 13.76 19.5 12.95M9.2 6L10.2 7H11.5V6H9.2M6.5 18C5.1 18 4 19.12 4 20.5C4 21.88 5.1 23 6.5 23S9 21.88 9 20.5C9 19.12 7.86 18 6.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate.svg
new file mode 100644
index 00000000..e00e79ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roller-skate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roller-skate" viewBox="0 0 24 24"><path d="M6.5 18C5.1 18 4 19.12 4 20.5S5.1 23 6.5 23 9 21.88 9 20.5 7.86 18 6.5 18M16.5 18C15.1 18 14 19.12 14 20.5S15.1 23 16.5 23 19 21.88 19 20.5 17.86 18 16.5 18M20 17C20 15.63 20.09 13.81 19.5 12.95C18.55 10.9 15.82 10.56 13.91 10.05C13 10 12 9 11.82 8H9C8.71 8 8.5 7.78 8.5 7.5C8.5 7.22 8.71 7 9 7H11.5V6H9C8.71 6 8.5 5.78 8.5 5.5C8.5 5.22 8.71 5 9 5H11.5V2H3V17H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade-off.svg
new file mode 100644
index 00000000..da06a7b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rollerblade-off" viewBox="0 0 24 24"><path d="M20.84 22.73L20.32 22.21C19.86 22.69 19.22 23 18.5 23C17.12 23 16 21.88 16 20.5C16 19.78 16.31 19.14 16.79 18.68L15.11 17H3V4.9L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M19.5 12.95C18.55 10.9 15.82 10.56 13.91 10.05C13.45 10.03 13 9.77 12.6 9.4L20 16.79C20 15.45 20.06 13.76 19.5 12.95M9.2 6L10.2 7H11.5V6H9.2M12.56 9.36C12.18 9 11.9 8.5 11.82 8H11.2L12.56 9.36M11.5 18C10.12 18 9 19.12 9 20.5C9 21.88 10.12 23 11.5 23S14 21.88 14 20.5C14 19.12 12.88 18 11.5 18M9 5H11.5V2H5.2L8.5 5.32C8.59 5.13 8.77 5 9 5M4.5 18C3.12 18 2 19.12 2 20.5C2 21.88 3.12 23 4.5 23S7 21.88 7 20.5C7 19.12 5.88 18 4.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade.svg
new file mode 100644
index 00000000..43dc1e4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rollerblade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rollerblade" viewBox="0 0 24 24"><path d="M4.5 18C3.12 18 2 19.12 2 20.5S3.12 23 4.5 23 7 21.88 7 20.5 5.88 18 4.5 18M18.5 18C17.12 18 16 19.12 16 20.5S17.12 23 18.5 23 21 21.88 21 20.5 19.88 18 18.5 18M20 17C20 15.63 20.09 13.81 19.5 12.95C18.55 10.9 15.82 10.56 13.91 10.05C13 10 12 9 11.82 8H9C8.71 8 8.5 7.78 8.5 7.5C8.5 7.22 8.71 7 9 7H11.5V6H9C8.71 6 8.5 5.78 8.5 5.5C8.5 5.22 8.71 5 9 5H11.5V2H3V17H20M11.5 18C10.12 18 9 19.12 9 20.5S10.12 23 11.5 23 14 21.88 14 20.5 12.88 18 11.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rollupjs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rollupjs.svg
new file mode 100644
index 00000000..456fd8a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rollupjs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rollupjs" viewBox="0 0 24 24"><path d="M19.46,8.64C19.46,11.11 18.11,13.26 16.12,14.4C16,14.5 15.93,14.66 16,14.81L19.41,21.55C19.5,21.76 19.36,22 19.13,22H6.1L6.17,21.96C6.66,21.68 10.06,14.97 13.38,11.79C16.7,8.61 17.12,9.67 15.29,6.21C15.29,6.21 16.7,8.96 15.5,9.17C14.56,9.34 12.4,7.25 13.2,5.37C14,3.53 17.15,3.88 18.6,5.38C19.15,6.34 19.46,7.45 19.46,8.64M7.16,13.13C5.84,15.56 5,17.33 4.54,18.57V2.31C4.54,2.14 4.68,2 4.85,2H12.92C15.26,2.04 17.31,3.28 18.46,5.15C17.62,4.1 16.3,3.5 15,3.5C12.53,3.5 11.91,4.4 7.16,13.13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rolodex-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rolodex-outline.svg
new file mode 100644
index 00000000..db01880f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rolodex-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rolodex-outline" viewBox="0 0 24 24"><path d="M7 18H5V16H7V18M7 14H5V12H7V14M11 18H9V16H11V18M11 14H9V12H11V14M15 18H13V16H15V18M15 14H13V12H15V14M19 18H17V16H19V18M19 14H17V12H19V14M16 8C15.45 8 15 7.55 15 7V4C15 3.45 15.45 3 16 3C16.55 3 17 3.45 17 4V7C17 7.55 16.55 8 16 8M8 8C7.45 8 7 7.55 7 7V4C7 3.45 7.45 3 8 3C8.55 3 9 3.45 9 4V7C9 7.55 8.55 8 8 8M19.89 5H18.5V7C18.5 8.38 17.38 9.5 16 9.5S13.5 8.38 13.5 7V5.25C13.5 5.11 13.39 5 13.25 5H10.75C10.61 5 10.5 5.11 10.5 5.25V7C10.5 8.38 9.38 9.5 8 9.5S5.5 8.38 5.5 7V5H4.11C3 4.97 2.03 5.87 2 7V19C2.03 20.13 3 21.03 4.11 21H19.89C21 21.03 21.97 20.13 22 19V7C21.97 5.87 21 4.97 19.89 5M20 19H4V11H20V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rolodex.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rolodex.svg
new file mode 100644
index 00000000..898e481b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rolodex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rolodex" viewBox="0 0 24 24"><path d="M19.89 5H18.5V7C18.5 8.38 17.38 9.5 16 9.5S13.5 8.38 13.5 7V5.25C13.5 5.11 13.39 5 13.25 5H10.75C10.61 5 10.5 5.11 10.5 5.25V7C10.5 8.38 9.38 9.5 8 9.5S5.5 8.38 5.5 7V5H4.11C3 4.97 2.03 5.87 2 7V19C2.03 20.13 3 21.03 4.11 21H19.89C21 21.03 21.97 20.13 22 19V7C21.97 5.87 21 4.97 19.89 5M7 18H5V16H7V18M7 14H5V12H7V14M11 18H9V16H11V18M11 14H9V12H11V14M15 18H13V16H15V18M15 14H13V12H15V14M19 18H17V16H19V18M19 14H17V12H19V14M16 8C15.45 8 15 7.55 15 7V4C15 3.45 15.45 3 16 3C16.55 3 17 3.45 17 4V7C17 7.55 16.55 8 16 8M8 8C7.45 8 7 7.55 7 7V4C7 3.45 7.45 3 8 3C8.55 3 9 3.45 9 4V7C9 7.55 8.55 8 8 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-1.svg
new file mode 100644
index 00000000..daa1b082
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-1" viewBox="0 0 24 24"><path d="M14 7V9H13V15H14V17H10V15H11V9H10V7H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-10.svg
new file mode 100644
index 00000000..762ad1e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-10" viewBox="0 0 24 24"><path d="M9 7L11 12L9 17H11L12 14.5L13 17H15L13 12L15 7H13L12 9.5L11 7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-2.svg
new file mode 100644
index 00000000..2c31117c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-2" viewBox="0 0 24 24"><path d="M11 7V9H10V15H11V17H7V15H8V9H7V7H11M17 7V9H16V15H17V17H13V15H14V9H13V7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-3.svg
new file mode 100644
index 00000000..b6bd65a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-3" viewBox="0 0 24 24"><path d="M9 7V9H8V15H9V17H5V15H6V9H5V7H9M14 7V9H13V15H14V17H10V15H11V9H10V7H14M19 7V9H18V15H19V17H15V15H16V9H15V7H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-4.svg
new file mode 100644
index 00000000..5de6207b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-4" viewBox="0 0 24 24"><path d="M12 7L14 17H16L18 7H16L15 12L14 7H12M11 7V9H10V15H11V17H7V15H8V9H7V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-5.svg
new file mode 100644
index 00000000..c77b0108
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-5" viewBox="0 0 24 24"><path d="M9 7L11 17H13L15 7H13L12 12L11 7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-6.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-6.svg
new file mode 100644
index 00000000..b375da00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-6.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-6" viewBox="0 0 24 24"><path d="M6 7L8 17H10L12 7H10L9 12L8 7H6M17 7V9H16V15H17V17H13V15H14V9H13V7H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-7.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-7.svg
new file mode 100644
index 00000000..9a43f314
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-7.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-7" viewBox="0 0 24 24"><path d="M4 7L6 17H8L10 7H8L7 12L6 7H4M15 7V9H14V15H15V17H11V15H12V9H11V7H15M20 7V9H19V15H20V17H16V15H17V9H16V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-8.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-8.svg
new file mode 100644
index 00000000..0b7a0f88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-8.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-8" viewBox="0 0 24 24"><path d="M1 7L3 17H5L7 7H5L4 12L3 7H1M12 7V9H11V15H12V17H8V15H9V9H8V7H12M17 7V9H16V15H17V17H13V15H14V9H13V7H17M22 7V9H21V15H22V17H18V15H19V9H18V7H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-9.svg b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-9.svg
new file mode 100644
index 00000000..50a53654
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/roman-numeral-9.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-roman-numeral-9" viewBox="0 0 24 24"><path d="M11 7V9H10V15H11V17H7V15H8V9H7V7H11M12 7L14 12L12 17H14L15 14.5L16 17H18L16 12L18 7H16L15 9.5L14 7H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/room-service-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/room-service-outline.svg
new file mode 100644
index 00000000..f4a9095c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/room-service-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-room-service-outline" viewBox="0 0 24 24"><path d="M12,5A2,2 0 0,1 14,7C14,7.24 13.96,7.47 13.88,7.69C17.95,8.5 21,11.91 21,16H3C3,11.91 6.05,8.5 10.12,7.69C10.04,7.47 10,7.24 10,7A2,2 0 0,1 12,5M22,19H2V17H22V19M12,9.5C8.89,9.5 6.25,11.39 5.34,14H18.66C17.75,11.39 15.11,9.5 12,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/room-service.svg b/apps/phoenix_webcomponent/priv/mdi/svg/room-service.svg
new file mode 100644
index 00000000..48fab1a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/room-service.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-room-service" viewBox="0 0 24 24"><path d="M12,5A2,2 0 0,1 14,7C14,7.24 13.96,7.47 13.88,7.69C17.95,8.5 21,11.91 21,16H3C3,11.91 6.05,8.5 10.12,7.69C10.04,7.47 10,7.24 10,7A2,2 0 0,1 12,5M22,19H2V17H22V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-360.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-360.svg
new file mode 100644
index 00000000..11304c0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-360.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-360" viewBox="0 0 24 24"><path d="M12 7C6.5 7 2 9.2 2 12C2 14.2 4.9 16.1 9 16.8V20L13 16L9 12V14.7C5.8 14.1 4 12.8 4 12C4 10.9 7 9 12 9S20 10.9 20 12C20 12.7 18.5 13.9 16 14.5V16.6C19.5 15.8 22 14.1 22 12C22 9.2 17.5 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d-variant.svg
new file mode 100644
index 00000000..d80ffe0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-3d-variant" viewBox="0 0 24 24"><path d="M12,5C16.97,5 21,7.69 21,11C21,12.68 19.96,14.2 18.29,15.29C19.36,14.42 20,13.32 20,12.13C20,9.29 16.42,7 12,7V10L8,6L12,2V5M12,19C7.03,19 3,16.31 3,13C3,11.32 4.04,9.8 5.71,8.71C4.64,9.58 4,10.68 4,11.88C4,14.71 7.58,17 12,17V14L16,18L12,22V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d.svg
new file mode 100644
index 00000000..d42d0d16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-3d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-3d" viewBox="0 0 24 24"><path d="M7.47,21.5C4.2,19.94 1.86,16.76 1.5,13H0C0.5,19.16 5.66,24 11.95,24L12.61,23.97L8.8,20.16L7.47,21.5M8.36,14.96C8.17,14.96 8,14.93 7.84,14.88C7.68,14.82 7.55,14.75 7.44,14.64C7.33,14.54 7.24,14.42 7.18,14.27C7.12,14.13 7.09,13.97 7.09,13.8H5.79C5.79,14.16 5.86,14.5 6,14.75C6.14,15 6.33,15.25 6.56,15.44C6.8,15.62 7.07,15.76 7.38,15.85C7.68,15.95 8,16 8.34,16C8.71,16 9.06,15.95 9.37,15.85C9.69,15.75 9.97,15.6 10.2,15.41C10.43,15.22 10.62,15 10.75,14.69C10.88,14.4 10.95,14.08 10.95,13.72C10.95,13.53 10.93,13.34 10.88,13.16C10.83,13 10.76,12.81 10.65,12.65C10.55,12.5 10.41,12.35 10.25,12.22C10.08,12.09 9.88,12 9.64,11.91C9.84,11.82 10,11.71 10.16,11.58C10.31,11.45 10.43,11.31 10.53,11.16C10.63,11 10.7,10.86 10.75,10.7C10.8,10.54 10.82,10.38 10.82,10.22C10.82,9.86 10.76,9.54 10.64,9.26C10.5,9 10.35,8.75 10.13,8.57C9.93,8.38 9.66,8.24 9.36,8.14C9.05,8.05 8.71,8 8.34,8C8,8 7.65,8.05 7.34,8.16C7.04,8.27 6.77,8.42 6.55,8.61C6.34,8.8 6.17,9 6.04,9.28C5.92,9.54 5.86,9.82 5.86,10.13H7.16C7.16,9.96 7.19,9.81 7.25,9.68C7.31,9.55 7.39,9.43 7.5,9.34C7.61,9.25 7.73,9.17 7.88,9.12C8.03,9.07 8.18,9.04 8.36,9.04C8.76,9.04 9.06,9.14 9.25,9.35C9.44,9.55 9.54,9.84 9.54,10.21C9.54,10.39 9.5,10.55 9.46,10.7C9.41,10.85 9.32,10.97 9.21,11.07C9.1,11.17 8.96,11.25 8.8,11.31C8.64,11.37 8.44,11.4 8.22,11.4H7.45V12.43H8.22C8.44,12.43 8.64,12.45 8.82,12.5C9,12.55 9.15,12.63 9.27,12.73C9.39,12.84 9.5,12.97 9.56,13.13C9.63,13.29 9.66,13.5 9.66,13.7C9.66,14.11 9.54,14.42 9.31,14.63C9.08,14.86 8.76,14.96 8.36,14.96M16.91,9.04C16.59,8.71 16.21,8.45 15.77,8.27C15.34,8.09 14.85,8 14.31,8H11.95V16H14.25C14.8,16 15.31,15.91 15.76,15.73C16.21,15.55 16.6,15.3 16.92,14.97C17.24,14.64 17.5,14.24 17.66,13.78C17.83,13.31 17.92,12.79 17.92,12.21V11.81C17.92,11.23 17.83,10.71 17.66,10.24C17.5,9.77 17.23,9.37 16.91,9.04M16.5,12.2C16.5,12.62 16.47,13 16.38,13.33C16.28,13.66 16.14,13.95 15.95,14.18C15.76,14.41 15.5,14.59 15.24,14.71C14.95,14.83 14.62,14.89 14.25,14.89H13.34V9.12H14.31C15.03,9.12 15.58,9.35 15.95,9.81C16.33,10.27 16.5,10.93 16.5,11.8M11.95,0L11.29,0.03L15.1,3.84L16.43,2.5C19.7,4.06 22.04,7.23 22.39,11H23.89C23.39,4.84 18.24,0 11.95,0Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left-variant.svg
new file mode 100644
index 00000000..215035c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-left-variant" viewBox="0 0 24 24"><path d="M4,2H7A2,2 0 0,1 9,4V20A2,2 0 0,1 7,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M20,15A2,2 0 0,1 22,17V20A2,2 0 0,1 20,22H11V15H20M14,4A8,8 0 0,1 22,12L21.94,13H19.92L20,12A6,6 0 0,0 14,6V9L10,5L14,1V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left.svg
new file mode 100644
index 00000000..850d5889
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-left" viewBox="0 0 24 24"><path d="M13,4.07V1L8.45,5.55L13,10V6.09C15.84,6.57 18,9.03 18,12C18,14.97 15.84,17.43 13,17.91V19.93C16.95,19.44 20,16.08 20,12C20,7.92 16.95,4.56 13,4.07M7.1,18.32C8.26,19.22 9.61,19.76 11,19.93V17.9C10.13,17.75 9.29,17.41 8.54,16.87L7.1,18.32M6.09,13H4.07C4.24,14.39 4.79,15.73 5.69,16.89L7.1,15.47C6.58,14.72 6.23,13.88 6.09,13M7.11,8.53L5.7,7.11C4.8,8.27 4.24,9.61 4.07,11H6.09C6.23,10.13 6.58,9.28 7.11,8.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-orbit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-orbit.svg
new file mode 100644
index 00000000..00ed2389
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-orbit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-orbit" viewBox="0 0 24 24"><path d="M8,14.25L4.75,11H7C7.25,5.39 9.39,1 12,1C14,1 15.77,3.64 16.55,7.45C20.36,8.23 23,10 23,12C23,13.83 20.83,15.43 17.6,16.3L17.89,14.27C19.8,13.72 21,12.91 21,12C21,10.94 19.35,10 16.87,9.5C16.95,10.29 17,11.13 17,12C17,18.08 14.76,23 12,23C10.17,23 8.57,20.83 7.7,17.6L9.73,17.89C10.28,19.8 11.09,21 12,21C13.66,21 15,16.97 15,12C15,11 14.95,10.05 14.85,9.15C13.95,9.05 13,9 12,9L10.14,9.06L10.43,7.05L12,7C12.87,7 13.71,7.05 14.5,7.13C14,4.65 13.06,3 12,3C10.46,3 9.18,6.5 9,11H11.25L8,14.25M14.25,16L11,19.25V17C5.39,16.75 1,14.61 1,12C1,10.17 3.17,8.57 6.4,7.7L6.11,9.73C4.2,10.28 3,11.09 3,12C3,13.54 6.5,14.82 11,15V12.75L14.25,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right-variant.svg
new file mode 100644
index 00000000..f55449da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-right-variant" viewBox="0 0 24 24"><path d="M10,4V1L14,5L10,9V6A6,6 0 0,0 4,12L4.08,13H2.06L2,12A8,8 0 0,1 10,4M17,2H20A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H17A2,2 0 0,1 15,20V4A2,2 0 0,1 17,2M4,15H13V22H4A2,2 0 0,1 2,20V17A2,2 0 0,1 4,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right.svg
new file mode 100644
index 00000000..736526b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rotate-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rotate-right" viewBox="0 0 24 24"><path d="M16.89,15.5L18.31,16.89C19.21,15.73 19.76,14.39 19.93,13H17.91C17.77,13.87 17.43,14.72 16.89,15.5M13,17.9V19.92C14.39,19.75 15.74,19.21 16.9,18.31L15.46,16.87C14.71,17.41 13.87,17.76 13,17.9M19.93,11C19.76,9.61 19.21,8.27 18.31,7.11L16.89,8.53C17.43,9.28 17.77,10.13 17.91,11M15.55,5.55L11,1V4.07C7.06,4.56 4,7.92 4,12C4,16.08 7.05,19.44 11,19.93V17.91C8.16,17.43 6,14.97 6,12C6,9.03 8.16,6.57 11,6.09V10L15.55,5.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rounded-corner.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rounded-corner.svg
new file mode 100644
index 00000000..0c3f0f17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rounded-corner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rounded-corner" viewBox="0 0 24 24"><path d="M19,19H21V21H19V19M19,17H21V15H19V17M3,13H5V11H3V13M3,17H5V15H3V17M3,9H5V7H3V9M3,5H5V3H3V5M7,5H9V3H7V5M15,21H17V19H15V21M11,21H13V19H11V21M15,21H17V19H15V21M7,21H9V19H7V21M3,21H5V19H3V21M21,8A5,5 0 0,0 16,3H11V5H16A3,3 0 0,1 19,8V13H21V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/router-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/router-network.svg
new file mode 100644
index 00000000..72525996
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/router-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-router-network" viewBox="0 0 24 24"><path d="M5 9C3.9 9 3 9.9 3 11V15C3 16.11 3.9 17 5 17H11V19H10C9.45 19 9 19.45 9 20H2V22H9C9 22.55 9.45 23 10 23H14C14.55 23 15 22.55 15 22H22V20H15C15 19.45 14.55 19 14 19H13V17H19C20.11 17 21 16.11 21 15V11C21 9.9 20.11 9 19 9H5M6 12H8V14H6V12M9.5 12H11.5V14H9.5V12M13 12H15V14H13V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-off.svg
new file mode 100644
index 00000000..d134ec1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-router-wireless-off" viewBox="0 0 24 24"><path d="M11.8 5.9L11 5.1C12.4 3.7 14.2 3 16 3S19.6 3.7 21 5.1L20.2 5.9C19 4.8 17.5 4.2 16 4.2S13 4.8 11.8 5.9M21 15C21 13.9 20.1 13 19 13H17V9H15V11.8L21 17.8V15M18.5 7.5L19.3 6.7C18.4 5.8 17.2 5.3 16 5.3S13.6 5.8 12.7 6.7L13.5 7.5C14.2 6.8 15.1 6.5 16 6.5C16.9 6.5 17.8 6.8 18.5 7.5M22.1 21.5L20.8 22.8L19.1 21H5C3.9 21 3 20.1 3 19V15C3 13.9 3.9 13 5 13H11.1L1.1 3L2.4 1.7L22.1 21.5M8 16H6V18H8V16M11.5 16H9.5V18H11.5V16M15 16.9L14.1 16H13V18H15V16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-settings.svg
new file mode 100644
index 00000000..02bbc9e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-router-wireless-settings" viewBox="0 0 24 24"><path d="M20.2,4.9C19,3.8 17.5,3.2 16,3.2C14.5,3.2 13,3.8 11.8,4.9L11,4.1C12.4,2.7 14.2,2 16,2C17.8,2 19.6,2.7 21,4.1L20.2,4.9M19.3,5.7L18.5,6.5C17.8,5.8 16.9,5.5 16,5.5C15.1,5.5 14.2,5.8 13.5,6.5L12.7,5.7C13.6,4.8 14.8,4.3 16,4.3C17.2,4.3 18.4,4.8 19.3,5.7M19,12A2,2 0 0,1 21,14V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V14A2,2 0 0,1 5,12H15V8H17V12H19M8,17V15H6V17H8M11.5,17V15H9.5V17H11.5M15,17V15H13V17H15M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless.svg
new file mode 100644
index 00000000..17469cf2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/router-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-router-wireless" viewBox="0 0 24 24"><path d="M20.2,5.9L21,5.1C19.6,3.7 17.8,3 16,3C14.2,3 12.4,3.7 11,5.1L11.8,5.9C13,4.8 14.5,4.2 16,4.2C17.5,4.2 19,4.8 20.2,5.9M19.3,6.7C18.4,5.8 17.2,5.3 16,5.3C14.8,5.3 13.6,5.8 12.7,6.7L13.5,7.5C14.2,6.8 15.1,6.5 16,6.5C16.9,6.5 17.8,6.8 18.5,7.5L19.3,6.7M19,13H17V9H15V13H5A2,2 0 0,0 3,15V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V15A2,2 0 0,0 19,13M8,18H6V16H8V18M11.5,18H9.5V16H11.5V18M15,18H13V16H15V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/router.svg b/apps/phoenix_webcomponent/priv/mdi/svg/router.svg
new file mode 100644
index 00000000..d6c015e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/router.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-router" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20M13 13V16H15L12 19L9 16H11V13M5 13H8V15L11 12L8 9V11H5M11 11V8H9L12 5L15 8H13V11M19 11H16V9L13 12L16 15V13H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/routes-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/routes-clock.svg
new file mode 100644
index 00000000..95157267
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/routes-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-routes-clock" viewBox="0 0 24 24"><path d="M16.5 13H15V16.69L18.19 18.53L18.94 17.23L16.5 15.82V13M16 9C14.04 9 12.27 9.82 11 11.12V7H17L19 5L17 3H11V2L10 1L9 2V6H3L1 8L3 10H9V20C7.9 20 7 20.9 7 22H12.41C13.46 22.63 14.69 23 16 23C19.87 23 23 19.87 23 16S19.87 9 16 9M16 20.85C13.32 20.85 11.15 18.68 11.15 16S13.32 11.15 16 11.15 20.85 13.32 20.85 16 18.68 20.85 16 20.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/routes.svg b/apps/phoenix_webcomponent/priv/mdi/svg/routes.svg
new file mode 100644
index 00000000..170a2655
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/routes.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-routes" viewBox="0 0 24 24"><path d="M11,10H5L3,8L5,6H11V3L12,2L13,3V4H19L21,6L19,8H13V10H19L21,12L19,14H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rowing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rowing.svg
new file mode 100644
index 00000000..7a75c1f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rowing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rowing" viewBox="0 0 24 24"><path d="M8.5,14.5L4,19L5.5,20.5L9,17H11L8.5,14.5M15,1A2,2 0 0,0 13,3A2,2 0 0,0 15,5A2,2 0 0,0 17,3A2,2 0 0,0 15,1M21,21L18,24L15,21V19.5L7.91,12.41C7.6,12.46 7.3,12.5 7,12.5V10.32C8.66,10.35 10.61,9.45 11.67,8.28L13.07,6.73C13.26,6.5 13.5,6.35 13.76,6.23C14.05,6.09 14.38,6 14.72,6H14.75C16,6 17,7 17,8.26V14C17,14.85 16.65,15.62 16.08,16.17L12.5,12.59V10.32C11.87,10.84 11.07,11.34 10.21,11.71L16.5,18H18L21,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rss-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rss-box.svg
new file mode 100644
index 00000000..6047a6aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rss-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rss-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M7.5,15A1.5,1.5 0 0,0 6,16.5A1.5,1.5 0 0,0 7.5,18A1.5,1.5 0 0,0 9,16.5A1.5,1.5 0 0,0 7.5,15M6,10V12A6,6 0 0,1 12,18H14A8,8 0 0,0 6,10M6,6V8A10,10 0 0,1 16,18H18A12,12 0 0,0 6,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rss-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rss-off.svg
new file mode 100644
index 00000000..bfd5fa67
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rss-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rss-off" viewBox="0 0 24 24"><path d="M2.5,3.77L3.78,2.5L21.5,20.22L20.23,21.5L18.73,20H16.73C16.73,19.25 16.67,18.5 16.54,17.81L6.19,7.46C5.5,7.33 4.75,7.27 4,7.27V5.27L2.5,3.77M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1M9.13,5.31C13.59,6.87 17.13,10.41 18.69,14.87L9.13,5.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rss.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rss.svg
new file mode 100644
index 00000000..08a1881b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rss" viewBox="0 0 24 24"><path d="M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rug.svg
new file mode 100644
index 00000000..7210d1bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rug" viewBox="0 0 24 24"><path d="M12 14C10.9 14 10 13.11 10 12S10.9 10 12 10 14 10.9 14 12 13.11 14 12 14M23 19H1V17H4V15H1V13H4V11H1V9H4V7H1V5H23V7H20V9H23V11H20V13H23V15H20V17H23V19M12 15.92C12.62 16.62 13.66 16.81 14.5 16.33C15.34 15.85 15.69 14.84 15.4 13.96C16.31 13.78 17 12.97 17 12S16.31 10.22 15.4 10.04C15.69 9.16 15.34 8.15 14.5 7.67C13.66 7.19 12.62 7.38 12 8.08C11.38 7.38 10.34 7.19 9.5 7.67C8.66 8.15 8.31 9.16 8.61 10.04C7.69 10.22 7 11.03 7 12S7.69 13.78 8.61 13.96C8.31 14.84 8.66 15.85 9.5 16.33C10.34 16.82 11.38 16.62 12 15.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rugby.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rugby.svg
new file mode 100644
index 00000000..019b9f80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rugby.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rugby" viewBox="0 0 24 24"><path d="M16.22,16.22C18.25,14.19 19.33,11.5 19.45,8.2C18.36,10.61 16.81,12.81 14.81,14.81C12.81,16.81 10.61,18.36 8.2,19.45C11.5,19.36 14.16,18.28 16.22,16.22M7.78,7.78C5.75,9.81 4.67,12.5 4.55,15.8C5,14.8 5.7,13.65 6.61,12.35C7.5,11.05 8.38,10 9.19,9.19C11.19,7.19 13.39,5.64 15.8,4.55C12.5,4.64 9.84,5.72 7.78,7.78M20.5,3.5C21,4.05 21.34,5.11 21.47,6.7C21.59,8.3 21.35,10.16 20.74,12.3C20.13,14.45 19.11,16.23 17.67,17.67C16.36,19 14.8,19.95 13,20.55C11.21,21.16 9.44,21.47 7.69,21.47C5.56,21.47 4.17,21.14 3.5,20.5C3,19.95 2.66,18.89 2.53,17.3C2.41,15.7 2.65,13.84 3.26,11.7C3.87,9.55 4.89,7.77 6.33,6.33C7.64,5 9.2,4.05 11,3.45C12.79,2.84 14.56,2.53 16.31,2.53C18.44,2.53 19.83,2.86 20.5,3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square-compass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square-compass.svg
new file mode 100644
index 00000000..179c1235
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square-compass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ruler-square-compass" viewBox="0 0 24 24"><path d="M20 19.88V22L18.2 20.83L13.41 11.83A4.94 4.94 0 0 0 15.19 10.83M15 7A3 3 0 0 1 12 10A3.27 3.27 0 0 1 11.56 10L5.8 20.83L4 22V19.88L9.79 9A3 3 0 0 1 12 4V2A1 1 0 0 1 13 3V4.18A3 3 0 0 1 15 7M13 7A1 1 0 1 0 12 8A1 1 0 0 0 13 7M4.22 10L6 11.8L4.56 14.56L2.1 12.1M12 17.76L10.5 16.25L9 19L12 22L15 19L13.53 16.23M19.78 10L18 11.8L19.5 14.56L21.9 12.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square.svg
new file mode 100644
index 00000000..7c2bf022
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ruler-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ruler-square" viewBox="0 0 24 24"><path d="M3,5V21H9V19.5H7V18H9V16.5H5V15H9V13.5H7V12H9V10.5H5V9H9V5H10.5V9H12V7H13.5V9H15V5H16.5V9H18V7H19.5V9H21V3H5A2,2 0 0,0 3,5M6,7A1,1 0 0,1 5,6A1,1 0 0,1 6,5A1,1 0 0,1 7,6A1,1 0 0,1 6,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ruler.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ruler.svg
new file mode 100644
index 00000000..6aefa85f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ruler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ruler" viewBox="0 0 24 24"><path d="M1.39,18.36L3.16,16.6L4.58,18L5.64,16.95L4.22,15.54L5.64,14.12L8.11,16.6L9.17,15.54L6.7,13.06L8.11,11.65L9.53,13.06L10.59,12L9.17,10.59L10.59,9.17L13.06,11.65L14.12,10.59L11.65,8.11L13.06,6.7L14.47,8.11L15.54,7.05L14.12,5.64L15.54,4.22L18,6.7L19.07,5.64L16.6,3.16L18.36,1.39L22.61,5.64L5.64,22.61L1.39,18.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/run-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/run-fast.svg
new file mode 100644
index 00000000..995daa5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/run-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-run-fast" viewBox="0 0 24 24"><path d="M16.5,5.5A2,2 0 0,0 18.5,3.5A2,2 0 0,0 16.5,1.5A2,2 0 0,0 14.5,3.5A2,2 0 0,0 16.5,5.5M12.9,19.4L13.9,15L16,17V23H18V15.5L15.9,13.5L16.5,10.5C17.89,12.09 19.89,13 22,13V11C20.24,11.03 18.6,10.11 17.7,8.6L16.7,7C16.34,6.4 15.7,6 15,6C14.7,6 14.5,6.1 14.2,6.1L9,8.3V13H11V9.6L12.8,8.9L11.2,17L6.3,16L5.9,18L12.9,19.4M4,9A1,1 0 0,1 3,8A1,1 0 0,1 4,7H7V9H4M5,5A1,1 0 0,1 4,4A1,1 0 0,1 5,3H10V5H5M3,13A1,1 0 0,1 2,12A1,1 0 0,1 3,11H7V13H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/run.svg b/apps/phoenix_webcomponent/priv/mdi/svg/run.svg
new file mode 100644
index 00000000..7b69ebe4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/run.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-run" viewBox="0 0 24 24"><path d="M13.5,5.5C14.59,5.5 15.5,4.58 15.5,3.5C15.5,2.38 14.59,1.5 13.5,1.5C12.39,1.5 11.5,2.38 11.5,3.5C11.5,4.58 12.39,5.5 13.5,5.5M9.89,19.38L10.89,15L13,17V23H15V15.5L12.89,13.5L13.5,10.5C14.79,12 16.79,13 19,13V11C17.09,11 15.5,10 14.69,8.58L13.69,7C13.29,6.38 12.69,6 12,6C11.69,6 11.5,6.08 11.19,6.08L6,8.28V13H8V9.58L9.79,8.88L8.19,17L3.29,16L2.89,18L9.89,19.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/rv-truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/rv-truck.svg
new file mode 100644
index 00000000..8e3e3706
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/rv-truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-rv-truck" viewBox="0 0 24 24"><path d="M20 8H22V6L20 4H3A2 2 0 0 0 1 6V15A2 2 0 0 0 3 17H4A3 3 0 0 0 7 20A3 3 0 0 0 10 17H15A3 3 0 0 0 21 17H23V12M7 18.5A1.5 1.5 0 0 1 7 15.5A1.5 1.5 0 0 1 7 18.5M9 12H3V9H9M14 15H11V9H14M18 18.5A1.5 1.5 0 1 1 19.5 17A1.54 1.54 0 0 1 18 18.5M17 12V9.5H19.5L21.5 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sack-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sack-percent.svg
new file mode 100644
index 00000000..2cd12688
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sack-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sack-percent" viewBox="0 0 24 24"><path d="M8,7L6,2L10,4L12,2L14,4L18,2L16,7H8M16,22C10,22 8,22 8,22C2,22 3,18 3,18C3,18 4,11 8,9H16C20,11 21,18 21,18C21,18 22,22 16,22M7.5,12.5A1.5,1.5 0 0,0 9,14A1.5,1.5 0 0,0 10.5,12.5A1.5,1.5 0 0,0 9,11A1.5,1.5 0 0,0 7.5,12.5M16.5,18.5A1.5,1.5 0 0,0 15,17A1.5,1.5 0 0,0 13.5,18.5A1.5,1.5 0 0,0 15,20A1.5,1.5 0 0,0 16.5,18.5M16.5,12.35L15.15,11L7.5,18.65L8.87,20L16.5,12.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sack.svg
new file mode 100644
index 00000000..52e65870
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sack" viewBox="0 0 24 24"><path d="M16,9C20,11 21,18 21,18C21,18 22,22 16,22C10,22 8,22 8,22C2,22 3,18 3,18C3,18 4,11 8,9M14,4L12,2L10,4L6,2L8,7H16L18,2L14,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/safe-square-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/safe-square-outline.svg
new file mode 100644
index 00000000..2b72bf9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/safe-square-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-safe-square-outline" viewBox="0 0 24 24"><path d="M10 12C10 10.9 10.9 10 12 10C13.1 10 14 10.9 14 12C14 13.1 13.1 14 12 14C10.9 14 10 13.1 10 12M7.8 17.7L6.3 16.3L7.8 14.8C7.3 14 7 13 7 12C7 11 7.3 10 7.8 9.3L6.3 7.8L7.8 6.3L9.2 7.8C10 7.3 11 7 12 7C13 7 14 7.3 14.8 7.8L16.3 6.3L17.7 7.7L16.2 9.2C16.7 10 17 11 17 12C17 13 16.7 14 16.2 14.8L17.7 16.3L16.3 17.7L14.8 16.2C14 16.7 13 17 12 17C11 17 10 16.7 9.3 16.2L7.8 17.7M12 9C10.3 9 9 10.3 9 12C9 13.7 10.3 15 12 15C13.7 15 15 13.7 15 12C15 10.3 13.7 9 12 9M20 2C21.1 2 22 2.9 22 4V20C22 21.1 21.1 22 20 22H19V23H15V22H9V23H5V22H4C2.9 22 2 21.1 2 20V4C2 2.9 2.9 2 4 2H20M20 20V4H4V20H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/safe-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/safe-square.svg
new file mode 100644
index 00000000..2d4a49f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/safe-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-safe-square" viewBox="0 0 24 24"><path d="M20 2C21.1 2 22 2.9 22 4V20C22 21.1 21.1 22 20 22H19V23H15V22H9V23H5V22H4C2.9 22 2 21.1 2 20V4C2 2.9 2.9 2 4 2H20M17 12C17 11 16.7 10 16.2 9.2L17.7 7.7L16.3 6.3L14.8 7.8C14 7.3 13 7 12 7C11 7 10 7.3 9.2 7.8L7.8 6.3L6.3 7.8L7.8 9.3C7.3 10 7 11 7 12C7 13 7.3 14 7.8 14.8L6.3 16.3L7.8 17.7L9.3 16.2C10 16.7 11 17 12 17C13 17 14 16.7 14.8 16.2L16.3 17.7L17.7 16.3L16.2 14.8C16.7 14 17 13 17 12M12 9C13.7 9 15 10.3 15 12C15 13.7 13.7 15 12 15C10.3 15 9 13.7 9 12C9 10.3 10.3 9 12 9M12 14C13.1 14 14 13.1 14 12C14 10.9 13.1 10 12 10C10.9 10 10 10.9 10 12C10 13.1 10.9 14 12 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/safe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/safe.svg
new file mode 100644
index 00000000..d77889d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/safe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-safe" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V17A2,2 0 0,0 4,19V20H6V19H17V20H19V19A2,2 0 0,0 21,17V16H22V14H21V9H22V7H21V6A2,2 0 0,0 19,4H4M4,6H19V17H4V6M13.5,7.5A4,4 0 0,0 9.5,11.5A4,4 0 0,0 13.5,15.5A4,4 0 0,0 17.5,11.5A4,4 0 0,0 13.5,7.5M5,9V14H7V9H5M13.5,9.5A2,2 0 0,1 15.5,11.5A2,2 0 0,1 13.5,13.5A2,2 0 0,1 11.5,11.5A2,2 0 0,1 13.5,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/safety-goggles.svg b/apps/phoenix_webcomponent/priv/mdi/svg/safety-goggles.svg
new file mode 100644
index 00000000..f956b16d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/safety-goggles.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-safety-goggles" viewBox="0 0 24 24"><path d="M18,9C19.11,9 20,9.89 20,11V14C20,15.11 19.11,16 18,16H15.77L14.53,14.77C13.78,14 12.77,13.6 11.7,13.6C10.63,13.6 9.63,14 8.87,14.77L7.64,16H6C4.89,16 4,15.11 4,14V11C4,9.89 4.89,9 6,9H18M18,7H6A4,4 0 0,0 2,11H2L1,11V14H2V14A4,4 0 0,0 6,18H8.5C8.54,17.94 8.59,17.88 10.29,16.18C10.68,15.79 11.19,15.6 11.7,15.6C12.22,15.6 12.73,15.79 13.12,16.18L14.91,18H18A4,4 0 0,0 22,14H22L23,14V11H22V11A4,4 0 0,0 18,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat-sink.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat-sink.svg
new file mode 100644
index 00000000..aa642cf3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat-sink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sail-boat-sink" viewBox="0 0 24 24"><path d="M20.96 21C19.9 21 18.9 20.74 17.96 20.24C16.12 21.24 13.81 21.24 11.97 20.24C10.13 21.24 7.82 21.24 6 20.24C4.77 20.93 3.36 21.04 2 21V19C3.41 19.04 4.77 18.89 6 18C7.74 19.24 10.21 19.24 11.97 18C13.74 19.24 16.2 19.24 17.96 18C19.17 18.89 20.54 19.04 21.94 19V21H20.96M22 3.5L7.11 5.96L13.11 12.17L22 3.5M10.81 16.36L11.97 15.54L13.12 16.36C13.65 16.72 14.3 16.93 14.97 16.93C15.12 16.93 15.28 16.91 15.43 16.89L5.2 6.31C4.29 7.65 3.9 9.32 4 10.92L9.74 16.83C10.13 16.74 10.5 16.58 10.81 16.36Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat.svg
new file mode 100644
index 00000000..5c4b4fd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sail-boat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sail-boat" viewBox="0 0 24 24"><path d="M3 13.5L11 2.03V13.5H3M12.5 13.5C13.85 9.75 13.67 4.71 12.5 1C17.26 2.54 20.9 8.4 20.96 13.5H12.5M21.1 17.08C20.69 17.72 20.21 18.27 19.65 18.74C19 18.45 18.42 18 17.96 17.5C16.47 19.43 13.46 19.43 11.97 17.5C10.5 19.43 7.47 19.43 6 17.5C5.5 18 4.95 18.45 4.3 18.74C3.16 17.8 2.3 16.46 2 15H21.94C21.78 15.75 21.5 16.44 21.1 17.08M20.96 23C19.9 23 18.9 22.75 17.96 22.25C16.12 23.25 13.81 23.25 11.97 22.25C10.13 23.25 7.82 23.25 6 22.25C4.77 22.94 3.36 23.05 2 23V21C3.41 21.05 4.77 20.9 6 20C7.74 21.25 10.21 21.25 11.97 20C13.74 21.25 16.2 21.25 17.96 20C19.17 20.9 20.54 21.05 21.94 21V23H20.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sale-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sale-outline.svg
new file mode 100644
index 00000000..6a1cbcd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sale-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sale-outline" viewBox="0 0 24 24"><path d="M9.5 7C10.33 7 11 7.67 11 8.5C11 9.33 10.33 10 9.5 10C8.67 10 8 9.33 8 8.5C8 7.67 8.67 7 9.5 7M14.5 14C15.33 14 16 14.67 16 15.5C16 16.33 15.33 17 14.5 17C13.67 17 13 16.33 13 15.5C13 14.67 13.67 14 14.5 14M8.41 17L7 15.59L15.59 7L17 8.41L8.41 17M18.65 2.85L19.26 6.71L22.77 8.5L21 12L22.78 15.5L19.24 17.29L18.63 21.15L14.74 20.54L11.97 23.31L9.19 20.5L5.33 21.14L4.71 17.25L1.22 15.47L3 11.97L1.23 8.5L4.74 6.69L5.35 2.87L9.22 3.5L12 .695L14.76 3.46L18.65 2.85M20.1 9.37L17.5 8L17 5.11L14.1 5.53L12 3.5L9.9 5.53L7 5.11L6.5 8L3.9 9.37L5.2 12L3.9 14.63L6.5 16L7 18.89L9.9 18.47L12 20.5L14.1 18.47L17 18.89L17.5 16L20.1 14.63L18.8 12L20.1 9.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sale.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sale.svg
new file mode 100644
index 00000000..4beb54c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sale" viewBox="0 0 24 24"><path d="M18.65,2.85L19.26,6.71L22.77,8.5L21,12L22.78,15.5L19.24,17.29L18.63,21.15L14.74,20.54L11.97,23.3L9.19,20.5L5.33,21.14L4.71,17.25L1.22,15.47L3,11.97L1.23,8.5L4.74,6.69L5.35,2.86L9.22,3.5L12,0.69L14.77,3.46L18.65,2.85M9.5,7A1.5,1.5 0 0,0 8,8.5A1.5,1.5 0 0,0 9.5,10A1.5,1.5 0 0,0 11,8.5A1.5,1.5 0 0,0 9.5,7M14.5,14A1.5,1.5 0 0,0 13,15.5A1.5,1.5 0 0,0 14.5,17A1.5,1.5 0 0,0 16,15.5A1.5,1.5 0 0,0 14.5,14M8.41,17L17,8.41L15.59,7L7,15.59L8.41,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/salesforce.svg b/apps/phoenix_webcomponent/priv/mdi/svg/salesforce.svg
new file mode 100644
index 00000000..8d89a2e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/salesforce.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-salesforce" viewBox="0 0 24 24"><path d="M18.38,6.37C17.68,6.37 17.07,6.58 16.47,6.78C15.77,5.57 14.46,4.77 13.05,4.77C11.95,4.77 10.95,5.27 10.24,5.97C9.44,4.97 8.23,4.26 6.83,4.26C4.5,4.26 2.5,6.17 2.5,8.5C2.5,9.09 2.71,9.69 2.91,10.29C1.8,10.9 1,12.1 1,13.5C1,15.5 2.61,17.22 4.62,17.22C4.92,17.22 5.22,17.22 5.42,17.12C5.82,18.63 7.33,19.74 9.14,19.74C10.84,19.74 12.25,18.73 12.75,17.32C13.26,17.53 13.76,17.73 14.26,17.73C15.57,17.73 16.77,17 17.37,15.92C17.68,16 18,16 18.28,16C20.89,16 23,13.91 23,11.2C23.1,8.5 21,6.37 18.38,6.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sass.svg
new file mode 100644
index 00000000..c258dd05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sass" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M10,15.33C10.16,15.87 10.14,16.37 10,16.83C10,16.88 9.96,16.93 9.94,17C9.92,17 9.9,17.07 9.87,17.12C9.76,17.36 9.6,17.59 9.41,17.79C8.83,18.43 8,18.67 7.67,18.47C7.29,18.25 7.5,17.35 8.16,16.64C8.88,15.88 9.92,15.38 9.92,15.38V15.38L10,15.33M18.27,6.28C17.82,4.5 14.87,3.92 12.09,4.91C10.43,5.5 8.63,6.42 7.34,7.63C5.81,9.07 5.56,10.32 5.66,10.84C6,12.68 8.54,13.89 9.58,14.78V14.79C9.28,14.94 7.04,16.07 6.5,17.23C5.96,18.45 6.6,19.33 7,19.45C8.34,19.81 9.69,19.16 10.41,18.07C11.11,17.03 11.06,15.68 10.75,15C11.17,14.9 11.66,14.85 12.28,14.92C14.04,15.13 14.38,16.22 14.31,16.68C14.25,17.14 13.88,17.39 13.76,17.47C13.64,17.54 13.6,17.57 13.61,17.63C13.62,17.71 13.68,17.71 13.78,17.69C13.93,17.66 14.71,17.32 14.74,16.47C14.78,15.39 13.75,14.19 11.93,14.22C11.18,14.24 10.71,14.31 10.37,14.44L10.29,14.35C9.16,13.15 7.08,12.3 7.17,10.68C7.2,10.09 7.4,8.55 11.17,6.67C14.25,5.13 16.72,5.55 17.15,6.5C17.76,7.83 15.83,10.32 12.63,10.68C11.41,10.82 10.76,10.34 10.6,10.17C10.43,10 10.41,9.97 10.35,10C10.24,10.07 10.31,10.23 10.35,10.33C10.44,10.58 10.84,11 11.5,11.24C12.09,11.43 13.53,11.54 15.26,10.87C17.2,10.12 18.72,8.03 18.27,6.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/satellite-uplink.svg b/apps/phoenix_webcomponent/priv/mdi/svg/satellite-uplink.svg
new file mode 100644
index 00000000..dcc45a69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/satellite-uplink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-satellite-uplink" viewBox="0 0 24 24"><path d="M11.86,2L11.34,3.93C15.75,4.78 19.2,8.23 20.05,12.65L22,12.13C20.95,7.03 16.96,3.04 11.86,2M10.82,5.86L10.3,7.81C13.34,8.27 15.72,10.65 16.18,13.68L18.12,13.16C17.46,9.44 14.55,6.5 10.82,5.86M3.72,9.69C3.25,10.73 3,11.86 3,13C3,14.95 3.71,16.82 5,18.28V22H8V20.41C8.95,20.8 9.97,21 11,21C12.14,21 13.27,20.75 14.3,20.28L3.72,9.69M9.79,9.76L9.26,11.72A3,3 0 0,1 12.26,14.72L14.23,14.2C14,11.86 12.13,10 9.79,9.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/satellite-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/satellite-variant.svg
new file mode 100644
index 00000000..5b7759c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/satellite-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-satellite-variant" viewBox="0 0 24 24"><path d="M11.62,1L17.28,6.67L15.16,8.79L13.04,6.67L11.62,8.09L13.95,10.41L12.79,11.58L13.24,12.04C14.17,11.61 15.31,11.77 16.07,12.54L12.54,16.07C11.77,15.31 11.61,14.17 12.04,13.24L11.58,12.79L10.41,13.95L8.09,11.62L6.67,13.04L8.79,15.16L6.67,17.28L1,11.62L3.14,9.5L5.26,11.62L6.67,10.21L3.84,7.38C3.06,6.6 3.06,5.33 3.84,4.55L4.55,3.84C5.33,3.06 6.6,3.06 7.38,3.84L10.21,6.67L11.62,5.26L9.5,3.14L11.62,1M18,14A4,4 0 0,1 14,18V16A2,2 0 0,0 16,14H18M22,14A8,8 0 0,1 14,22V20A6,6 0 0,0 20,14H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/satellite.svg b/apps/phoenix_webcomponent/priv/mdi/svg/satellite.svg
new file mode 100644
index 00000000..97e56c78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/satellite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-satellite" viewBox="0 0 24 24"><path d="M5,18L8.5,13.5L11,16.5L14.5,12L19,18M5,12V10A5,5 0 0,0 10,5H12A7,7 0 0,1 5,12M5,5H8A3,3 0 0,1 5,8M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sausage-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sausage-off.svg
new file mode 100644
index 00000000..0595da50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sausage-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sausage-off" viewBox="0 0 24 24"><path d="M20.8 22.7L16.3 18.2C14.2 19.9 11.4 21 8.5 21C7.1 21 5.9 20.2 5.3 19L3 20.5V14.5L5.3 16C5.8 14.8 7.1 14 8.5 14C9.5 14 10.5 13.7 11.3 13.2L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M21 8.5C21 7.1 20.2 5.9 19 5.3L20.5 3H14.5L16 5.3C14.8 5.8 14 7.1 14 8.5C14 9.2 13.9 9.8 13.6 10.4L18.7 15.6C20.2 13.6 21 11.1 21 8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sausage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sausage.svg
new file mode 100644
index 00000000..f6c91b16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sausage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sausage" viewBox="0 0 24 24"><path d="M19 5.3C20.2 5.8 21 7.1 21 8.5C21 15.4 15.4 21 8.5 21C7.1 21 5.9 20.2 5.3 19L3 20.5V14.5L5.3 16C5.9 14.8 7.1 14 8.5 14C11.5 14 14 11.5 14 8.5C14 7.1 14.8 5.9 16 5.3L14.5 3H20.5L19 5.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/saw-blade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/saw-blade.svg
new file mode 100644
index 00000000..a190e1ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/saw-blade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-saw-blade" viewBox="0 0 24 24"><path d="M20,15C20,15 18.6,16.3 21.1,17L18.3,19.8H15.5C15.5,19.8 13.6,19.7 15,22H11L9,20C9,20 7.7,18.6 7,21.1L4.2,18.3V15.5C4.2,15.5 4.3,13.6 2,15V11L4,9C4,9 5.4,7.7 2.8,7.1L5.6,4.2H8.5C8.5,4.2 10.4,4.3 9,2H13L15,4C15,4 16.3,5.4 17,2.8L19.8,5.6V8.5C19.8,8.5 19.7,10.4 22,9V13L20,15M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sawtooth-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sawtooth-wave.svg
new file mode 100644
index 00000000..491fcf59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sawtooth-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sawtooth-wave" viewBox="0 0 24 24"><path d="M11 22V6.83L2 16V13.17L13 2V17.17L22 8V10.83L11 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/saxophone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/saxophone.svg
new file mode 100644
index 00000000..f414b41d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/saxophone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-saxophone" viewBox="0 0 24 24"><path d="M4,2A1,1 0 0,0 3,3A1,1 0 0,0 4,4A3,3 0 0,1 7,7V8.66L7,15.5C7,19.1 9.9,22 13.5,22C17.1,22 20,19.1 20,15.5V13A1,1 0 0,0 21,12A1,1 0 0,0 20,11H14A1,1 0 0,0 13,12A1,1 0 0,0 14,13V15A1,1 0 0,1 13,16A1,1 0 0,1 12,15V11A1,1 0 0,0 13,10A1,1 0 0,0 12,9V8A1,1 0 0,0 13,7A1,1 0 0,0 12,6V5.5A3.5,3.5 0 0,0 8.5,2H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scale-balance.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scale-balance.svg
new file mode 100644
index 00000000..72335b81
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scale-balance.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scale-balance" viewBox="0 0 24 24"><path d="M12,3C10.73,3 9.6,3.8 9.18,5H3V7H4.95L2,14C1.53,16 3,17 5.5,17C8,17 9.56,16 9,14L6.05,7H9.17C9.5,7.85 10.15,8.5 11,8.83V20H2V22H22V20H13V8.82C13.85,8.5 14.5,7.85 14.82,7H17.95L15,14C14.53,16 16,17 18.5,17C21,17 22.56,16 22,14L19.05,7H21V5H14.83C14.4,3.8 13.27,3 12,3M12,5A1,1 0 0,1 13,6A1,1 0 0,1 12,7A1,1 0 0,1 11,6A1,1 0 0,1 12,5M5.5,10.25L7,14H4L5.5,10.25M18.5,10.25L20,14H17L18.5,10.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scale-bathroom.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scale-bathroom.svg
new file mode 100644
index 00000000..b37324f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scale-bathroom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scale-bathroom" viewBox="0 0 24 24"><path d="M5,2H19A2,2 0 0,1 21,4V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V4A2,2 0 0,1 5,2M12,4A4,4 0 0,0 8,8H11.26L10.85,5.23L12.9,8H16A4,4 0 0,0 12,4M5,10V20H19V10H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scale-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scale-off.svg
new file mode 100644
index 00000000..ccfbde10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scale-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scale-off" viewBox="0 0 24 24"><path d="M22.11 21.46L20.84 22.73L19.11 21H18V19.89L12.11 14H11V12.89L10.31 12.2A7.92 7.92 0 0 0 7.09 13.68L8.46 15.06L7.05 16.47L5.68 15.1A7.94 7.94 0 0 0 4.06 19H6V21H2V20A10 10 0 0 1 8.68 10.57L3.85 5.74L2 5V3.89L1.11 3L2.39 1.73M21.91 18.71A10 10 0 0 0 14 10.2V8.2L22 5V3H6.2M12 18A1.84 1.84 0 0 0 11.12 18.21L7.27 20L11.12 21.79A1.84 1.84 0 0 0 12 22A2 2 0 0 0 12 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scale-unbalanced.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scale-unbalanced.svg
new file mode 100644
index 00000000..3edbcf1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scale-unbalanced.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scale-unbalanced" viewBox="0 0 24 24"><path d="M13 20V8.8C13.5 8.6 14 8.3 14.3 7.9L17.8 9.2L14.9 16C14.4 18 15.9 19 18.4 19S22.5 18 21.9 16L19.3 9.7L20.2 10L20.9 8.1L15 6C15 4.8 14.3 3.6 13 3.1C11.8 2.6 10.5 3.1 9.7 4L3.9 2L3.2 3.8L4.8 4.4L2.1 11C1.6 13 3.1 14 5.6 14S9.7 13 9.1 11L6.6 5.1L9 6C9 7.2 9.7 8.4 11 8.9V20H2V22H22V20H13M19.9 16H16.9L18.4 12.2L19.9 16M7.1 11H4.1L5.6 7.2L7.1 11M11.1 5.7C11.3 5.2 11.9 4.9 12.4 5.1S13.2 5.9 13 6.4 12.2 7.2 11.7 7 10.9 6.2 11.1 5.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scale.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scale.svg
new file mode 100644
index 00000000..dbe2b1aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scale" viewBox="0 0 24 24"><path d="M8.46,15.06L7.05,16.47L5.68,15.1C4.82,16.21 4.24,17.54 4.06,19H6V21H2V20C2,15.16 5.44,11.13 10,10.2V8.2L2,5V3H22V5L14,8.2V10.2C18.56,11.13 22,15.16 22,20V21H18V19H19.94C19.76,17.54 19.18,16.21 18.32,15.1L16.95,16.47L15.54,15.06L16.91,13.68C15.8,12.82 14.46,12.24 13,12.06V14H11V12.06C9.54,12.24 8.2,12.82 7.09,13.68L8.46,15.06M12,18A2,2 0 0,1 14,20A2,2 0 0,1 12,22C11.68,22 11.38,21.93 11.12,21.79L7.27,20L11.12,18.21C11.38,18.07 11.68,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scan-helper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scan-helper.svg
new file mode 100644
index 00000000..70d8a7af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scan-helper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scan-helper" viewBox="0 0 24 24"><path d="M0 2A2 2 0 0 1 2 0H6V2H2V6H0V2M24 22A2 2 0 0 1 22 24H18V22H22V18H24V22M2 24A2 2 0 0 1 0 22V18H2V22H6V24H2M22 0A2 2 0 0 1 24 2V6H22V2H18V0H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scanner-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scanner-off.svg
new file mode 100644
index 00000000..844b882a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scanner-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scanner-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L16.73,20H5A2,2 0 0,1 3,18V12.5C3,11.7 3.5,10.9 4.2,10.7L6.57,9.84L2,5.27M6.4,12H8.73L8.11,11.38L6.4,12M5,15V17H13.73L11.73,15H5M19.8,5L20.5,6.9L11.85,10.03L10.3,8.47L19.8,5M19,12A2,2 0 0,1 21,14V18C21,18.34 20.91,18.66 20.76,18.94L19,17.18V15H16.82L13.82,12H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scanner.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scanner.svg
new file mode 100644
index 00000000..356e5ee3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scanner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scanner" viewBox="0 0 24 24"><path d="M4.2,10.7L19.8,5L20.5,6.9L6.4,12H19A2,2 0 0,1 21,14V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V12.5C3,11.7 3.5,10.9 4.2,10.7M17,17H19V15H17V17M5,17H15V15H5V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot-outline.svg
new file mode 100644
index 00000000..367aab85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scatter-plot-outline" viewBox="0 0 24 24"><path d="M7,18A4,4 0 0,1 3,14A4,4 0 0,1 7,10A4,4 0 0,1 11,14A4,4 0 0,1 7,18M7,12A2,2 0 0,0 5,14A2,2 0 0,0 7,16A2,2 0 0,0 9,14A2,2 0 0,0 7,12M11,10A4,4 0 0,1 7,6A4,4 0 0,1 11,2A4,4 0 0,1 15,6A4,4 0 0,1 11,10M11,4A2,2 0 0,0 9,6A2,2 0 0,0 11,8A2,2 0 0,0 13,6A2,2 0 0,0 11,4M16.6,21.6C14.39,21.6 12.6,19.81 12.6,17.6A4,4 0 0,1 16.6,13.6C18.81,13.6 20.6,15.39 20.6,17.6A4,4 0 0,1 16.6,21.6M16.6,15.6A2,2 0 0,0 14.6,17.6C14.6,18.7 15.5,19.6 16.6,19.6A2,2 0 0,0 18.6,17.6C18.6,16.5 17.7,15.6 16.6,15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot.svg
new file mode 100644
index 00000000..a1b310a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scatter-plot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scatter-plot" viewBox="0 0 24 24"><path d="M7,11A3,3 0 0,1 10,14A3,3 0 0,1 7,17A3,3 0 0,1 4,14A3,3 0 0,1 7,11M11,3A3,3 0 0,1 14,6A3,3 0 0,1 11,9A3,3 0 0,1 8,6A3,3 0 0,1 11,3M16.6,14.6C18.25,14.6 19.6,15.94 19.6,17.6A3,3 0 0,1 16.6,20.6C14.94,20.6 13.6,19.25 13.6,17.6A3,3 0 0,1 16.6,14.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scent-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scent-off.svg
new file mode 100644
index 00000000..db2628eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scent-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scent-off" viewBox="0 0 24 24"><path d="M14.6 16.5C13.7 17.8 13 19.2 13 20.5C13 20.9 13.1 21.3 13.2 21.8C13.2 21.9 13.2 22 13.1 22.1C13 22.2 12.9 22.1 12.9 22C11.9 20.7 11.4 19.5 11.4 18.1C11.4 16.9 11.8 15.7 12.6 14.5L11.2 13.1C10.1 14.5 9.4 16 9.4 17.5C9.4 17.9 9.5 18.3 9.6 18.8C9.6 18.9 9.6 19 9.5 19.1C9.4 19.2 9.3 19.1 9.3 19C8.3 17.7 7.8 16.5 7.8 15.1C7.8 13.8 8.3 12.5 9.3 11.1L7.9 9.8C6.9 11 6.2 12.2 6.2 13.4C6.2 13.7 6.3 14.1 6.4 14.3C6.4 14.4 6.4 14.4 6.3 14.5C6.2 14.6 6.1 14.5 6.1 14.5C5.3 13.6 5 12.6 5 11.7C5 10.6 5.5 9.5 6.4 8.4L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7L14.6 16.5M10.2 7C10.6 6.3 10.8 5.6 10.8 4.9C10.8 4 10.5 3 9.7 2.1C9.6 2 9.5 2 9.4 2C9.3 2 9.4 2.1 9.4 2.2C9.5 2.5 9.6 2.8 9.6 3.1C9.6 3.9 9.3 4.7 8.8 5.5L10.2 7M17.3 6.5C17.3 8.2 16.2 10 14.8 11.6L16.8 13.6C18.3 12.1 19 10.6 19 9C19 7.7 18.5 6.4 17.5 5.1C17.4 5 17.4 5 17.3 5C17.2 5.1 17.2 5.2 17.2 5.3C17.2 5.7 17.3 6.1 17.3 6.5M13.5 10.3C14.7 8.8 15.3 7.4 15.3 5.9C15.3 4.6 14.8 3.3 13.8 2H13.6C13.5 2.1 13.5 2.2 13.5 2.3C13.6 2.7 13.7 3.1 13.7 3.6C13.7 5.2 12.8 6.8 11.5 8.4L13.5 10.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scent.svg
new file mode 100644
index 00000000..378b9a62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scent" viewBox="0 0 24 24"><path d="M17.5 5.1C18.5 6.4 19 7.6 19 9C19 10.7 18.3 12.3 16.6 14.1C14.7 16.1 13 18.3 13 20.5C13 20.9 13.1 21.3 13.2 21.8C13.2 21.9 13.2 22 13.1 22.1C13 22.2 12.9 22.1 12.9 22C11.9 20.7 11.4 19.5 11.4 18.1C11.4 16.4 12.1 14.8 13.8 13C15.7 11 17.4 8.8 17.4 6.6C17.4 6.2 17.3 5.8 17.2 5.3C17.2 5.2 17.2 5.1 17.3 5C17.4 5 17.4 5 17.5 5.1M9.7 2.1C10.4 3 10.7 4 10.7 4.9C10.7 6.2 10.1 7.4 8.9 8.7C7.5 10.2 6.2 11.9 6.2 13.5C6.2 13.8 6.3 14.2 6.4 14.4C6.4 14.5 6.4 14.5 6.3 14.6C6.2 14.7 6.1 14.6 6.1 14.6C5.3 13.6 5 12.6 5 11.7C5 10.4 5.6 9.2 6.8 7.9C8.2 6.4 9.5 4.7 9.5 3.1C9.5 2.8 9.4 2.4 9.3 2.2V2C9.5 2 9.6 2 9.7 2.1M10.1 9.9C12 7.9 13.7 5.7 13.7 3.5C13.7 3.1 13.6 2.7 13.5 2.2C13.5 2.1 13.5 2 13.6 1.9C13.7 1.8 13.8 1.9 13.8 2C14.8 3.3 15.3 4.5 15.3 5.9C15.3 7.6 14.6 9.2 12.9 11C11 13 9.3 15.2 9.3 17.4C9.3 17.8 9.4 18.2 9.5 18.7C9.5 18.8 9.5 18.9 9.4 19C9.3 19.1 9.2 19 9.2 18.9C8.2 17.6 7.7 16.4 7.7 15C7.7 13.3 8.4 11.7 10.1 9.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/school-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/school-outline.svg
new file mode 100644
index 00000000..b0b396e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/school-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-school-outline" viewBox="0 0 24 24"><path d="M12 3L1 9L5 11.18V17.18L12 21L19 17.18V11.18L21 10.09V17H23V9L12 3M18.82 9L12 12.72L5.18 9L12 5.28L18.82 9M17 16L12 18.72L7 16V12.27L12 15L17 12.27V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/school.svg b/apps/phoenix_webcomponent/priv/mdi/svg/school.svg
new file mode 100644
index 00000000..048903b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/school.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-school" viewBox="0 0 24 24"><path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scissors-cutting.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scissors-cutting.svg
new file mode 100644
index 00000000..6504a46a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scissors-cutting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scissors-cutting" viewBox="0 0 24 24"><path d="M11,21H7V19H11V21M15.5,19H17V21H13V19H13.2L11.8,12.9L9.3,13.5C9.2,14 9,14.4 8.8,14.8C7.9,16.3 6,16.7 4.5,15.8C3,14.9 2.6,13 3.5,11.5C4.4,10 6.3,9.6 7.8,10.5C8.2,10.7 8.5,11.1 8.7,11.4L11.2,10.8L10.6,8.3C10.2,8.2 9.8,8 9.4,7.8C8,6.9 7.5,5 8.4,3.5C9.3,2 11.2,1.6 12.7,2.5C14.2,3.4 14.6,5.3 13.7,6.8C13.5,7.2 13.1,7.5 12.8,7.7L15.5,19M7,11.8C6.3,11.3 5.3,11.6 4.8,12.3C4.3,13 4.6,14 5.3,14.4C6,14.9 7,14.7 7.5,13.9C7.9,13.2 7.7,12.2 7,11.8M12.4,6C12.9,5.3 12.6,4.3 11.9,3.8C11.2,3.3 10.2,3.6 9.7,4.3C9.3,5 9.5,6 10.3,6.5C11,6.9 12,6.7 12.4,6M12.8,11.3C12.6,11.2 12.4,11.2 12.3,11.4C12.2,11.6 12.2,11.8 12.4,11.9C12.6,12 12.8,12 12.9,11.8C13.1,11.6 13,11.4 12.8,11.3M21,8.5L14.5,10L15,12.2L22.5,10.4L23,9.7L21,8.5M23,19H19V21H23V19M5,19H1V21H5V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scooter-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scooter-electric.svg
new file mode 100644
index 00000000..8cdecc5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scooter-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scooter-electric" viewBox="0 0 24 24"><path d="M7.82 16H15V15C15 12.79 16.79 11 19 11H19.74L17.84 2.56C17.63 1.65 16.82 1 15.89 1H12V3H15.89L17.29 9.25H17.28C15.12 9.9 13.47 11.73 13.09 14H7.82C7.34 12.66 5.96 11.76 4.4 12.06C3.22 12.29 2.27 13.26 2.05 14.44C1.7 16.34 3.16 18 5 18C6.3 18 7.4 17.16 7.82 16M5 16C4.45 16 4 15.55 4 15S4.45 14 5 14 6 14.45 6 15 5.55 16 5 16M19 12C17.34 12 16 13.34 16 15S17.34 18 19 18 22 16.66 22 15 20.66 12 19 12M19 16C18.45 16 18 15.55 18 15S18.45 14 19 14 20 14.45 20 15 19.55 16 19 16M11 20H7L13 23V21H17L11 18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scooter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scooter.svg
new file mode 100644
index 00000000..99d55e1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scooter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scooter" viewBox="0 0 24 24"><path d="M7.82 19H15V18C15 15.79 16.79 14 19 14H19.74L17.84 5.56C17.63 4.65 16.82 4 15.89 4H12V6H15.89L17.29 12.25H17.28C15.12 12.9 13.47 14.73 13.09 17H7.82C7.34 15.66 5.96 14.76 4.4 15.06C3.22 15.29 2.27 16.26 2.05 17.44C1.7 19.34 3.16 21 5 21C6.3 21 7.4 20.16 7.82 19M5 19C4.45 19 4 18.55 4 18S4.45 17 5 17 6 17.45 6 18 5.55 19 5 19M19 15C17.34 15 16 16.34 16 18S17.34 21 19 21 22 19.66 22 18 20.66 15 19 15M19 19C18.45 19 18 18.55 18 18S18.45 17 19 17 20 17.45 20 18 19.55 19 19 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard-outline.svg
new file mode 100644
index 00000000..bcabfd26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scoreboard-outline" viewBox="0 0 24 24"><path d="M21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H21C22.1 21 23 20.1 23 19V5C23 3.9 22.1 3 21 3M21 19H3V5H21M5 7H9C9.6 7 10 7.4 10 8V16C10 16.6 9.6 17 9 17H5C4.4 17 4 16.6 4 16V8C4 7.4 4.4 7 5 7M6 9V15H8V9M15 7H19C19.6 7 20 7.4 20 8V16C20 16.6 19.6 17 19 17H15C14.4 17 14 16.6 14 16V8C14 7.4 14.4 7 15 7M16 9V15H18V9M12 11C12.6 11 13 10.6 13 10C13 9.4 12.6 9 12 9C11.4 9 11 9.4 11 10C11 10.6 11.4 11 12 11M12 15C12.6 15 13 14.6 13 14C13 13.4 12.6 13 12 13C11.4 13 11 13.4 11 14C11 14.6 11.4 15 12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard.svg
new file mode 100644
index 00000000..61d1f4eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/scoreboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-scoreboard" viewBox="0 0 24 24"><path d="M6 9H8V15H6V9M16 9H18V15H16V9M21 3C22.1 3 23 3.9 23 5V19C23 20.1 22.1 21 21 21H3C1.9 21 1 20.1 1 19V5C1 3.9 1.9 3 3 3H21M5 7C4.4 7 4 7.4 4 8V16C4 16.6 4.4 17 5 17H9C9.6 17 10 16.6 10 16V8C10 7.4 9.6 7 9 7H5M15 7C14.4 7 14 7.4 14 8V16C14 16.6 14.4 17 15 17H19C19.6 17 20 16.6 20 16V8C20 7.4 19.6 7 19 7H15M12 11C12.6 11 13 10.6 13 10C13 9.4 12.6 9 12 9C11.4 9 11 9.4 11 10C11 10.6 11.4 11 12 11M12 15C12.6 15 13 14.6 13 14C13 13.4 12.6 13 12 13C11.4 13 11 13.4 11 14C11 14.6 11.4 15 12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation-lock.svg
new file mode 100644
index 00000000..d615d159
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screen-rotation-lock" viewBox="0 0 24 24"><path d="M16.8,2.5C16.8,1.56 17.56,0.8 18.5,0.8C19.44,0.8 20.2,1.56 20.2,2.5V3H16.8V2.5M16,9H21A1,1 0 0,0 22,8V4A1,1 0 0,0 21,3V2.5A2.5,2.5 0 0,0 18.5,0A2.5,2.5 0 0,0 16,2.5V3A1,1 0 0,0 15,4V8A1,1 0 0,0 16,9M8.47,20.5C5.2,18.94 2.86,15.76 2.5,12H1C1.5,18.16 6.66,23 12.95,23L13.61,22.97L9.8,19.15L8.47,20.5M23.25,12.77L20.68,10.2L19.27,11.61L21.5,13.83L15.83,19.5L4.5,8.17L10.17,2.5L12.27,4.61L13.68,3.2L11.23,0.75C10.64,0.16 9.69,0.16 9.11,0.75L2.75,7.11C2.16,7.7 2.16,8.65 2.75,9.23L14.77,21.25C15.36,21.84 16.31,21.84 16.89,21.25L23.25,14.89C23.84,14.3 23.84,13.35 23.25,12.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation.svg
new file mode 100644
index 00000000..00dd2638
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screen-rotation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screen-rotation" viewBox="0 0 24 24"><path d="M7.5,21.5C4.25,19.94 1.91,16.76 1.55,13H0.05C0.56,19.16 5.71,24 12,24L12.66,23.97L8.85,20.16M14.83,21.19L2.81,9.17L9.17,2.81L21.19,14.83M10.23,1.75C9.64,1.16 8.69,1.16 8.11,1.75L1.75,8.11C1.16,8.7 1.16,9.65 1.75,10.23L13.77,22.25C14.36,22.84 15.31,22.84 15.89,22.25L22.25,15.89C22.84,15.3 22.84,14.35 22.25,13.77L10.23,1.75M16.5,2.5C19.75,4.07 22.09,7.24 22.45,11H23.95C23.44,4.84 18.29,0 12,0L11.34,0.03L15.15,3.84L16.5,2.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screw-flat-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screw-flat-top.svg
new file mode 100644
index 00000000..58d842d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screw-flat-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screw-flat-top" viewBox="0 0 24 24"><path d="M13.5,17V19L12,22L10.5,19L13.5,17M14.5,6.3L13.5,7V6H10.5V9L9.5,9.7V10.7L14.5,7.4V6.3M14.5,10.3L13.5,11V9L10.5,11V13L9.5,13.7V14.7L14.5,11.4V10.3M14.5,14.3L13.5,15V13L10.5,15V17L9.5,17.7V18.7L14.5,15.4V14.3M8,2C8,2 7,2 7,3L10,5H14L17,3C17,3 17,2 16,2C15,2 8,2 8,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screw-lag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screw-lag.svg
new file mode 100644
index 00000000..c44b6302
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screw-lag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screw-lag" viewBox="0 0 24 24"><path d="M10,19.3L14,16.6V20L12,22L10,20V19.3M14,12.7L10,15.4V17.4L9,18V19L15,15.1V14L14,14.7V12.7M7,2V5H17V2H7M9,6V9L10,9.7V13.4L9,14V15L15,11.1V10L14,10.7C14,10.7 14,10.3 14,9.7L15,9V6H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-flat-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-flat-top.svg
new file mode 100644
index 00000000..17717c73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-flat-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screw-machine-flat-top" viewBox="0 0 24 24"><path d="M14.5,7.3L13.5,8V7H10.5V10L9.5,10.7V11.7L14.5,8.4V7.3M14.5,11.3L13.5,12V10L10.5,12V14L9.5,14.7V15.7L14.5,12.4V11.3M14.5,15.3L13.5,16V14L10.5,16V18L9.5,18.7V19.7L14.5,16.4V15.3M8,3C8,3 7,3 7,4L10,6H14L17,4C17,4 17,3 16,3C15,3 8,3 8,3M13.5,18V21H10.5V20L13.5,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-round-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-round-top.svg
new file mode 100644
index 00000000..2edd25f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screw-machine-round-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screw-machine-round-top" viewBox="0 0 24 24"><path d="M14.5,7.3L13.5,8V7H10.5V10L9.5,10.7V11.7L14.5,8.4V7.3M14.5,11.3L13.5,12V10L10.5,12V14L9.5,14.7V15.7L14.5,12.4V11.3M14.5,15.3L13.5,16V14L10.5,16V18L9.5,18.7V19.7L14.5,16.4V15.3M7,6H17C17,6 16,3 12,3C8,3 7,6 7,6M13.5,18V21H10.5V20L13.5,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screw-round-top.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screw-round-top.svg
new file mode 100644
index 00000000..0fd37e66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screw-round-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screw-round-top" viewBox="0 0 24 24"><path d="M13.5,17V19L12,22L10.5,19L13.5,17M14.5,6.3L13.5,7V6H10.5V9L9.5,9.7V10.7L14.5,7.4V6.3M14.5,10.3L13.5,11V9L10.5,11V13L9.5,13.7V14.7L14.5,11.4V10.3M14.5,14.3L13.5,15V13L10.5,15V17L9.5,17.7V18.7L14.5,15.4V14.3M7,5H17C17,5 16,2 12,2C8,2 7,5 7,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/screwdriver.svg b/apps/phoenix_webcomponent/priv/mdi/svg/screwdriver.svg
new file mode 100644
index 00000000..47bfc07b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/screwdriver.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-screwdriver" viewBox="0 0 24 24"><path d="M18,1.83C17.5,1.83 17,2 16.59,2.41C13.72,5.28 8,11 8,11L9.5,12.5L6,16H4L2,20L4,22L8,20V18L11.5,14.5L13,16C13,16 18.72,10.28 21.59,7.41C22.21,6.5 22.37,5.37 21.59,4.59L19.41,2.41C19,2 18.5,1.83 18,1.83M18,4L20,6L13,13L11,11L18,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-outline.svg
new file mode 100644
index 00000000..ece2af3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 16,19V4H8A1,1 0 0,0 7,5V16H5V5A3,3 0 0,1 8,2H19A3,3 0 0,1 22,5V6H20V5A1,1 0 0,0 19,4A1,1 0 0,0 18,5V9L18,19A3,3 0 0,1 15,22H5A3,3 0 0,1 2,19V18H13A2,2 0 0,0 15,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key-outline.svg
new file mode 100644
index 00000000..e7321384
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text-key-outline" viewBox="0 0 24 24"><path d="M17.8 19C17.4 17.8 16.3 17 15 17C13.3 17 12 18.3 12 20S13.3 23 15 23C16.3 23 17.4 22.2 17.8 21H19V23H21V21H23V19H17.8M15 21.3C14.3 21.3 13.7 20.7 13.7 20S14.3 18.7 15 18.7 16.3 19.3 16.3 20 15.7 21.3 15 21.3M9 10H14V12H9V10M9 6H14V8H9V6M7 5C7 4.4 7.4 4 8 4H16V15.1C16.7 15.3 17.4 15.6 18 16V5C18 4.4 18.4 4 19 4S20 4.4 20 5V6H22V5C22 3.3 20.7 2 19 2H8C6.3 2 5 3.3 5 5V16H7V5M10 20C10 19.3 10.1 18.6 10.4 18H2V19C2 20.7 3.3 22 5 22H10.4C10.1 21.4 10 20.7 10 20M9 16H12C12.6 15.6 13.3 15.2 14 15.1V14H9V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key.svg
new file mode 100644
index 00000000..7d23c9e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text-key" viewBox="0 0 24 24"><path d="M17.8 19C17.4 17.8 16.3 17 15 17C13.3 17 12 18.3 12 20S13.3 23 15 23C16.3 23 17.4 22.2 17.8 21H19V23H21V21H23V19H17.8M15 21.3C14.3 21.3 13.7 20.7 13.7 20S14.3 18.7 15 18.7 16.3 19.3 16.3 20 15.7 21.3 15 21.3M15 15C16.1 15 17.2 15.4 18 16V5C18 4.4 18.4 4 19 4S20 4.4 20 5V6H22V5C22 3.3 20.7 2 19 2H8C6.3 2 5 3.3 5 5V16H12C12.8 15.4 13.9 15 15 15M8 6H15V8H8V6M8 10H14V12H8V10M10.4 22H5C3.3 22 2 20.7 2 19V18H10.4C10.1 18.6 10 19.3 10 20S10.1 21.4 10.4 22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-outline.svg
new file mode 100644
index 00000000..54a6c7df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 16,19V4H8A1,1 0 0,0 7,5V16H5V5A3,3 0 0,1 8,2H19A3,3 0 0,1 22,5V6H20V5A1,1 0 0,0 19,4A1,1 0 0,0 18,5V9L18,19A3,3 0 0,1 15,22H5A3,3 0 0,1 2,19V18H13A2,2 0 0,0 15,20M9,6H14V8H9V6M9,10H14V12H9V10M9,14H14V16H9V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play-outline.svg
new file mode 100644
index 00000000..18a34686
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text-play-outline" viewBox="0 0 24 24"><path d="M9 14H14V15.7C13.9 15.8 13.9 15.9 13.8 16H9V14M9 12H14V10H9V12M9 8H14V6H9V8M7 5C7 4.4 7.4 4 8 4H16V13.8C16.6 13.4 17.3 13.2 18 13.1V5C18 4.4 18.4 4 19 4S20 4.4 20 5V6H22V5C22 3.3 20.7 2 19 2H8C6.3 2 5 3.3 5 5V16H7V5M13 19V18.4 18H2V19C2 20.7 3.3 22 5 22H13.8C13.3 21.1 13 20.1 13 19M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play.svg
new file mode 100644
index 00000000..8acf1adf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text-play" viewBox="0 0 24 24"><path d="M13.8 22H5C3.3 22 2 20.7 2 19V18H13.1C13 18.3 13 18.7 13 19C13 20.1 13.3 21.1 13.8 22M13.8 16H5V5C5 3.3 6.3 2 8 2H19C20.7 2 22 3.3 22 5V6H20V5C20 4.4 19.6 4 19 4S18 4.4 18 5V13.1C16.2 13.4 14.7 14.5 13.8 16M8 8H15V6H8V8M8 12H14V10H8V12M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script-text.svg
new file mode 100644
index 00000000..aae16623
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script-text" viewBox="0 0 24 24"><path d="M17.8,20C17.4,21.2 16.3,22 15,22H5C3.3,22 2,20.7 2,19V18H5L14.2,18C14.6,19.2 15.7,20 17,20H17.8M19,2C20.7,2 22,3.3 22,5V6H20V5C20,4.4 19.6,4 19,4C18.4,4 18,4.4 18,5V18H17C16.4,18 16,17.6 16,17V16H5V5C5,3.3 6.3,2 8,2H19M8,6V8H15V6H8M8,10V12H14V10H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/script.svg b/apps/phoenix_webcomponent/priv/mdi/svg/script.svg
new file mode 100644
index 00000000..ad6209e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/script.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-script" viewBox="0 0 24 24"><path d="M17.8,20C17.4,21.2 16.3,22 15,22H5C3.3,22 2,20.7 2,19V18H5L14.2,18C14.6,19.2 15.7,20 17,20H17.8M19,2H8C6.3,2 5,3.3 5,5V16H16V17C16,17.6 16.4,18 17,18H18V5C18,4.4 18.4,4 19,4C19.6,4 20,4.4 20,5V6H22V5C22,3.3 20.7,2 19,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sd.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sd.svg
new file mode 100644
index 00000000..a1be60c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sd.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sd" viewBox="0 0 24 24"><path d="M18,8H16V4H18M15,8H13V4H15M12,8H10V4H12M18,2H10L4,8V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V4A2,2 0 0,0 18,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seal-variant.svg
new file mode 100644
index 00000000..c1f41f7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seal-variant" viewBox="0 0 24 24"><path d="M17.71 6.15C17.46 5.38 16.79 5.21 16.45 4.77C16.14 4.31 16.18 3.62 15.53 3.15S14.23 2.92 13.7 2.77 12.81 2 12 2 10.82 2.58 10.3 2.77 9.13 2.67 8.47 3.15 7.86 4.31 7.55 4.77C7.21 5.21 6.55 5.38 6.29 6.15S6.5 7.45 6.5 8 6 9.08 6.29 9.85 7.21 10.79 7.55 11.23C7.86 11.69 7.82 12.38 8.47 12.85S9.77 13.08 10.3 13.23 11.19 14 12 14 13.18 13.42 13.7 13.23 14.87 13.33 15.53 12.85 16.14 11.69 16.45 11.23C16.79 10.79 17.45 10.62 17.71 9.85S17.5 8.55 17.5 8 18 6.92 17.71 6.15M12 12A4 4 0 1 1 16 8A4 4 0 0 1 12 12M14 8A2 2 0 1 1 12 6A2 2 0 0 1 14 8M13.71 15.56L13.08 19.16L12.35 23.29L9.74 20.8L6.44 22.25L7.77 14.75A4 4 0 0 0 9.66 15.17A4.15 4.15 0 0 0 11 15.85A3.32 3.32 0 0 0 12 16A3.5 3.5 0 0 0 13.71 15.56M17.92 18.78L15.34 17.86L15.85 14.92A3.2 3.2 0 0 0 16.7 14.47L16.82 14.37Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seal.svg
new file mode 100644
index 00000000..cbac5e9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seal" viewBox="0 0 24 24"><path d="M20.39,19.37L16.38,18L15,22L11.92,16L9,22L7.62,18L3.61,19.37L6.53,13.37C5.57,12.17 5,10.65 5,9A7,7 0 0,1 12,2A7,7 0 0,1 19,9C19,10.65 18.43,12.17 17.47,13.37L20.39,19.37M7,9L9.69,10.34L9.5,13.34L12,11.68L14.5,13.33L14.33,10.34L17,9L14.32,7.65L14.5,4.67L12,6.31L9.5,4.65L9.67,7.66L7,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/search-web.svg b/apps/phoenix_webcomponent/priv/mdi/svg/search-web.svg
new file mode 100644
index 00000000..120a567c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/search-web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-search-web" viewBox="0 0 24 24"><path d="M15.5,14L20.5,19L19,20.5L14,15.5V14.71L13.73,14.43C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.43,13.73L14.71,14H15.5M9.5,4.5L8.95,4.53C8.71,5.05 8.34,5.93 8.07,7H10.93C10.66,5.93 10.29,5.05 10.05,4.53C9.87,4.5 9.69,4.5 9.5,4.5M13.83,7C13.24,5.97 12.29,5.17 11.15,4.78C11.39,5.31 11.7,6.08 11.93,7H13.83M5.17,7H7.07C7.3,6.08 7.61,5.31 7.85,4.78C6.71,5.17 5.76,5.97 5.17,7M4.5,9.5C4.5,10 4.58,10.53 4.73,11H6.87L6.75,9.5L6.87,8H4.73C4.58,8.47 4.5,9 4.5,9.5M14.27,11C14.42,10.53 14.5,10 14.5,9.5C14.5,9 14.42,8.47 14.27,8H12.13C12.21,8.5 12.25,9 12.25,9.5C12.25,10 12.21,10.5 12.13,11H14.27M7.87,8L7.75,9.5L7.87,11H11.13C11.21,10.5 11.25,10 11.25,9.5C11.25,9 11.21,8.5 11.13,8H7.87M9.5,14.5C9.68,14.5 9.86,14.5 10.03,14.47C10.28,13.95 10.66,13.07 10.93,12H8.07C8.34,13.07 8.72,13.95 8.97,14.47L9.5,14.5M13.83,12H11.93C11.7,12.92 11.39,13.69 11.15,14.22C12.29,13.83 13.24,13.03 13.83,12M5.17,12C5.76,13.03 6.71,13.83 7.85,14.22C7.61,13.69 7.3,12.92 7.07,12H5.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat-angled.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat-angled.svg
new file mode 100644
index 00000000..93f53ba1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat-angled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-flat-angled" viewBox="0 0 24 24"><path d="M22.25,14.29L21.56,16.18L9.2,11.71L11.28,6.05L19.84,9.14C21.94,9.9 23,12.2 22.25,14.29M1.5,12.14L8,14.5V19H16V17.37L20.5,19L21.21,17.11L2.19,10.25M7.3,10.2C8.79,9.5 9.42,7.69 8.71,6.2C8,4.71 6.2,4.08 4.7,4.8C3.21,5.5 2.58,7.3 3.3,8.8C4,10.29 5.8,10.92 7.3,10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat.svg
new file mode 100644
index 00000000..fd26e397
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-flat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-flat" viewBox="0 0 24 24"><path d="M22,11V13H9V7H18A4,4 0 0,1 22,11M2,14V16H8V18H16V16H22V14M7.14,12.1C8.3,10.91 8.28,9 7.1,7.86C5.91,6.7 4,6.72 2.86,7.9C1.7,9.09 1.72,11 2.9,12.14C4.09,13.3 6,13.28 7.14,12.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-individual-suite.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-individual-suite.svg
new file mode 100644
index 00000000..7b385fd5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-individual-suite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-individual-suite" viewBox="0 0 24 24"><path d="M7,13A3,3 0 0,0 10,10A3,3 0 0,0 7,7A3,3 0 0,0 4,10A3,3 0 0,0 7,13M19,7H11V14H3V7H1V17H23V11A4,4 0 0,0 19,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-extra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-extra.svg
new file mode 100644
index 00000000..3f2f05ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-extra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-legroom-extra" viewBox="0 0 24 24"><path d="M4,12V3H2V12A5,5 0 0,0 7,17H13V15H7A3,3 0 0,1 4,12M22.83,17.24C22.45,16.5 21.54,16.27 20.8,16.61L19.71,17.11L16.3,10.13C15.96,9.45 15.27,9 14.5,9H11V3H5V11A3,3 0 0,0 8,14H15L18.41,21L22.13,19.3C22.9,18.94 23.23,18 22.83,17.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-normal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-normal.svg
new file mode 100644
index 00000000..553e44f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-normal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-legroom-normal" viewBox="0 0 24 24"><path d="M5,12V3H3V12A5,5 0 0,0 8,17H14V15H8A3,3 0 0,1 5,12M20.5,18H19V11A2,2 0 0,0 17,9H12V3H6V11A3,3 0 0,0 9,14H16V21H20.5A1.5,1.5 0 0,0 22,19.5A1.5,1.5 0 0,0 20.5,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-reduced.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-reduced.svg
new file mode 100644
index 00000000..b177dd04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-legroom-reduced.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-legroom-reduced" viewBox="0 0 24 24"><path d="M19.97,19.2C20.15,20.16 19.42,21 18.5,21H14V18L15,14H9A3,3 0 0,1 6,11V3H12V9H17A2,2 0 0,1 19,11L17,18H18.44C19.17,18 19.83,18.5 19.97,19.2M5,12V3H3V12A5,5 0 0,0 8,17H12V15H8A3,3 0 0,1 5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-outline.svg
new file mode 100644
index 00000000..6ecbd0a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-outline" viewBox="0 0 24 24"><path d="M15,5V12H9V5H15M15,3H9A2,2 0 0,0 7,5V14H17V5A2,2 0 0,0 15,3M22,10H19V13H22V10M5,10H2V13H5V10M20,15H4V21H6V17H18V21H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-passenger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-passenger.svg
new file mode 100644
index 00000000..c71ad273
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-passenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-passenger" viewBox="0 0 24 24"><path d="M9 19H15V21H9C6.24 21 4 18.76 4 16V7H6V16C6 17.66 7.34 19 9 19M10.42 5.41C11.2 4.63 11.2 3.36 10.42 2.58C9.64 1.8 8.37 1.8 7.59 2.58C6.81 3.36 6.81 4.63 7.59 5.41C8.37 6.2 9.63 6.2 10.42 5.41M11.5 9C11.5 7.9 10.6 7 9.5 7H9C7.9 7 7 7.9 7 9V15C7 16.66 8.34 18 10 18H15.07L18.57 21.5L20 20.07L14.93 15H11.5L11.5 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-extra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-extra.svg
new file mode 100644
index 00000000..7906f29c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-extra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-recline-extra" viewBox="0 0 24 24"><path d="M5.35,5.64C4.45,5 4.23,3.76 4.86,2.85C5.5,1.95 6.74,1.73 7.65,2.36C8.55,3 8.77,4.24 8.14,5.15C7.5,6.05 6.26,6.27 5.35,5.64M16,19H8.93C7.45,19 6.19,17.92 5.97,16.46L4,7H2L4,16.76C4.37,19.2 6.47,21 8.94,21H16M16.23,15H11.35L10.32,10.9C11.9,11.79 13.6,12.44 15.47,12.12V10C13.84,10.3 12.03,9.72 10.78,8.74L9.14,7.47C8.91,7.29 8.65,7.17 8.38,7.09C8.06,7 7.72,6.97 7.39,7.03H7.37C6.14,7.25 5.32,8.42 5.53,9.64L6.88,15.56C7.16,17 8.39,18 9.83,18H16.68L20.5,21L22,19.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-normal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-normal.svg
new file mode 100644
index 00000000..5647e703
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat-recline-normal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat-recline-normal" viewBox="0 0 24 24"><path d="M7.59,5.41C6.81,4.63 6.81,3.36 7.59,2.58C8.37,1.8 9.64,1.8 10.42,2.58C11.2,3.36 11.2,4.63 10.42,5.41C9.63,6.2 8.37,6.2 7.59,5.41M6,16V7H4V16A5,5 0 0,0 9,21H15V19H9A3,3 0 0,1 6,16M20,20.07L14.93,15H11.5V11.32C12.9,12.47 15.1,13.5 17,13.5V11.32C15.34,11.34 13.39,10.45 12.33,9.28L10.93,7.73C10.74,7.5 10.5,7.35 10.24,7.23C9.95,7.09 9.62,7 9.28,7H9.25C8,7 7,8 7,9.25V15A3,3 0 0,0 10,18H15.07L18.57,21.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seat.svg
new file mode 100644
index 00000000..b60212bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seat" viewBox="0 0 24 24"><path d="M4,18V21H7V18H17V21H20V15H4V18M19,10H22V13H19V10M2,10H5V13H2V10M17,13H7V5A2,2 0 0,1 9,3H15A2,2 0 0,1 17,5V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seatbelt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seatbelt.svg
new file mode 100644
index 00000000..f9b881cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seatbelt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seatbelt" viewBox="0 0 24 24"><path d="M12,2C13.11,2 14,2.9 14,4C14,5.11 13.11,6 12,6A2,2 0 0,1 10,4A2,2 0 0,1 12,2M12.39,14.79C14.03,14.79 15.46,14.89 16.64,15.04C16.7,12.32 16.46,9.92 16,9C15.87,8.73 15.69,8.5 15.5,8.3L7.43,15.22C8.79,15 10.5,14.79 12.39,14.79M7.46,17C7.59,18.74 7.85,20.5 8.27,22H10.34C10.05,21.12 9.84,20.09 9.68,19C9.68,19 12,18.56 14.32,19C14.16,20.09 13.95,21.12 13.66,22H15.73C16.17,20.45 16.43,18.61 16.56,16.79C15.41,16.65 14,16.54 12.39,16.54C10.46,16.54 8.78,16.75 7.46,17M12,7C12,7 9,7 8,9C7.66,9.68 7.44,11.15 7.37,12.96L13.92,7.34C12.93,7 12,7 12,7M18.57,5.67L17.43,4.34L13.92,7.35C14.47,7.54 15.05,7.84 15.5,8.3L18.57,5.67M20.67,15.83C20.58,15.8 19.14,15.33 16.64,15.04C16.63,15.61 16.6,16.2 16.56,16.79C18.81,17.07 20.1,17.5 20.12,17.5L20.67,15.83M7.37,12.96L3.43,16.34L4.32,17.82C4.34,17.81 5.5,17.36 7.46,17C7.35,15.59 7.32,14.2 7.37,12.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/security-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/security-network.svg
new file mode 100644
index 00000000..84145b82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/security-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-security-network" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17.34C8.07,16.13 6,13 6,9.67V5.67L12,3L18,5.67V9.67C18,13 15.93,16.13 13,17.34V19M12,5L8,6.69V10H12V5M12,10V16C13.91,15.53 16,13.06 16,11V10H12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/security.svg b/apps/phoenix_webcomponent/priv/mdi/svg/security.svg
new file mode 100644
index 00000000..6240ce2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/security.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-security" viewBox="0 0 24 24"><path d="M12,12H19C18.47,16.11 15.72,19.78 12,20.92V12H5V6.3L12,3.19M12,1L3,5V11C3,16.55 6.84,21.73 12,23C17.16,21.73 21,16.55 21,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed-off-outline.svg
new file mode 100644
index 00000000..9c2ec2c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.9 7.8C3.8 10.5 2.6 14.6 3.2 20.8C4.3 20.9 5.4 21 6.4 21C10.9 21 14.1 19.9 16.3 18.2L20.9 22.8L22.1 21.5M6.4 19H5.1C4.9 14.8 5.6 11.5 7.3 9.2L8.9 10.8C7 13.7 7 17 7 17C8 15 9.1 13.4 10.2 12.1L14.8 16.7C12.8 18.2 10 19 6.4 19M10 6.8L8.5 5.3C11.3 3.4 14.7 3 17.2 3C19.3 3 20.7 3.3 20.7 3.3S22.1 10.3 18.7 15.5L17.2 14C19.1 10.9 19 7.1 18.9 5.1C18.4 5 17.8 5 17.2 5C15.1 5 12.3 5.3 10 6.8M12.8 9.6L11.6 8.4C12.9 7.5 14.7 7 17 7C17 7 15.1 7.6 12.8 9.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed-off.svg
new file mode 100644
index 00000000..e0a3a325
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L5.9 7.8C3.8 10.5 2.6 14.6 3.2 20.8C4.3 20.9 5.4 21 6.4 21C10.9 21 14.1 19.9 16.3 18.2L20.9 22.8L22.1 21.5M7 17C7 17 7 13.7 8.9 10.8L10.2 12.1C9.1 13.4 8 15 7 17M11.6 8.4L8.5 5.3C11.3 3.4 14.7 3 17.2 3C19.3 3 20.7 3.3 20.7 3.3S22.1 10.3 18.7 15.5L12.8 9.6C15.1 7.6 17 7 17 7C14.7 7 12.9 7.5 11.6 8.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed-outline.svg
new file mode 100644
index 00000000..0284f896
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed-outline" viewBox="0 0 24 24"><path d="M17.2,5V5C17.8,5 18.4,5 18.9,5.1C19.1,7.4 19.1,12 16.4,15.2C14.4,17.7 11,19 6.4,19C6,19 5.5,19 5.1,19C4.9,14.4 5.8,10.8 7.9,8.5C10.4,5.6 14.4,5 17.2,5M17.2,3C11.7,3 1.6,5.1 3.2,20.8C4.3,20.9 5.4,21 6.4,21C24.3,21 20.7,3.3 20.7,3.3C20.7,3.3 19.3,3 17.2,3M17,7C7,7 7,17 7,17C11,9 17,7 17,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus-outline.svg
new file mode 100644
index 00000000..e414bed5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed-plus-outline" viewBox="0 0 24 24"><path d="M17.2 5C17.8 5 18.4 5 18.9 5.1C19.04 6.7 19.08 9.42 18.18 12C18.89 12 19.56 12.17 20.18 12.41C21.64 7.9 20.7 3.3 20.7 3.3S19.3 3 17.2 3C11.7 3 1.6 5.1 3.2 20.8C4.3 20.9 5.4 21 6.4 21C8.75 21 10.74 20.69 12.4 20.16C12.16 19.54 12 18.87 12 18.17C10.41 18.72 8.53 19 6.4 19H5.1C4.9 14.4 5.8 10.8 7.9 8.5C10.4 5.6 14.4 5 17.2 5M17 7C7 7 7 17 7 17C11 9 17 7 17 7M17 17H14V19H17V22H19V19H22V17H19V14H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus.svg
new file mode 100644
index 00000000..cf1842e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed-plus" viewBox="0 0 24 24"><path d="M17 17H14V19H17V22H19V19H22V17H19V14H17V17M12 18C12 14.69 14.69 12 18 12C18.77 12 19.5 12.15 20.17 12.41C21.63 7.9 20.7 3.3 20.7 3.3S19.3 3 17.2 3C11.7 3 1.6 5.1 3.2 20.8C4.3 20.9 5.4 21 6.4 21C8.76 21 10.74 20.69 12.41 20.15C12.15 19.5 12 18.76 12 18M7 17C7 17 7 7 17 7C17 7 11 9 7 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seed.svg
new file mode 100644
index 00000000..746b47d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seed" viewBox="0 0 24 24"><path d="M20.7,3.3C20.7,3.3 19.3,3 17.2,3C11.7,3 1.6,5.1 3.2,20.8C4.3,20.9 5.4,21 6.4,21C24.3,21 20.7,3.3 20.7,3.3M7,17C7,17 7,7 17,7C17,7 11,9 7,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/seesaw.svg b/apps/phoenix_webcomponent/priv/mdi/svg/seesaw.svg
new file mode 100644
index 00000000..959a8f91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/seesaw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-seesaw" viewBox="0 0 24 24"><path d="M21.68 13.26L22.04 15.23L2.35 18.77L2 16.8L4.95 16.27L4.6 14.3C4.5 13.76 4.86 13.24 5.41 13.14C5.95 13.04 6.47 13.4 6.57 13.95L6.92 15.91L16.76 14.15L16.41 12.18C16.31 11.63 16.67 11.11 17.22 11C17.76 10.92 18.28 11.28 18.38 11.82L18.73 13.79L21.68 13.26M10.06 18.4L8 22H16L13.58 17.77L10.06 18.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/segment.svg b/apps/phoenix_webcomponent/priv/mdi/svg/segment.svg
new file mode 100644
index 00000000..6fe5e5eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/segment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-segment" viewBox="0 0 24 24"><path d="M21,8H3V6H21M9,13H21V11H9M9,18H21V16H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-all.svg
new file mode 100644
index 00000000..6c60728e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-all" viewBox="0 0 24 24"><path d="M9,9H15V15H9M7,17H17V7H7M15,5H17V3H15M15,21H17V19H15M19,17H21V15H19M19,9H21V7H19M19,21A2,2 0 0,0 21,19H19M19,13H21V11H19M11,21H13V19H11M9,3H7V5H9M3,17H5V15H3M5,21V19H3A2,2 0 0,0 5,21M19,3V5H21A2,2 0 0,0 19,3M13,3H11V5H13M3,9H5V7H3M7,21H9V19H7M3,13H5V11H3M3,5H5V3A2,2 0 0,0 3,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-down.svg
new file mode 100644
index 00000000..3060555c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-arrow-down" viewBox="0 0 24 24"><path d="M4 3H5V5H3V4C3 3.4 3.4 3 4 3M20 3C20.6 3 21 3.4 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M11 21V19H13V21H11M7 21V19H9V21H7M4 21C3.4 21 3 20.6 3 20V19H5V21H4M3 15H5V17H3V15M3 11H5V13H3V11M21 11V13H19V11H21M3 7H5V9H3V7M21 7V9H19V7H21M19 22L22 19H20V15H18V19H16L19 22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-up.svg
new file mode 100644
index 00000000..e2176ce1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-arrow-up" viewBox="0 0 24 24"><path d="M4 3H5V5H3V4C3 3.4 3.4 3 4 3M20 3C20.6 3 21 3.4 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M11 21V19H13V21H11M7 21V19H9V21H7M4 21C3.4 21 3 20.6 3 20V19H5V21H4M3 15H5V17H3V15M3 11H5V13H3V11M21 11V13H19V11H21M3 7H5V9H3V7M21 7V9H19V7H21M19 15L16 18H18V22H20V18H22L19 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-color.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-color.svg
new file mode 100644
index 00000000..1fed0b45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-color" viewBox="0 0 24 24"><path d="M3.88,3C3.38,3.06 3,3.5 3,4V4L3,5H4L5,5V4L5,3H4L3.88,3M7,3V5H9V3H7M11,3V5H13V3H11M15,3V5H17V3H15M19,3V4L19,5H20L21,5V4L21,3.88C20.94,3.38 20.5,3 20,3H19M3,7V9H5V7H3M19,7V9H21V7H19M3,11V13H5V11H3M19.31,12C19.18,12 19.05,12.05 18.95,12.14L17.39,13.71L16.43,12.75L15.72,13.46L16.43,14.17L11.97,18.63V21H14.35L18.8,16.54L19.5,17.25L20.22,16.54L19.26,15.58L20.82,14.03C21,13.83 21,13.5 20.82,13.31L19.65,12.14C19.56,12.05 19.44,12 19.31,12M3,15V17H5V15H3M17,15L17.97,15.97L13.93,20L12.97,19.04L17,15M3,19V20L3,20.12C3.06,20.62 3.5,21 4,21V21H5V20L5,19H4L3,19M7,19V21H9V19H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-compare.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-compare.svg
new file mode 100644
index 00000000..a387e2a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-compare.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-compare" viewBox="0 0 24 24"><path d="M13,23H11V1H13V23M9,19H5V5H9V3H5C3.89,3 3,3.89 3,5V19C3,20.11 3.9,21 5,21H9V19M19,7V9H21V7H19M19,5H21C21,3.89 20.1,3 19,3V5M21,15H19V17H21V15M19,11V13H21V11H19M17,3H15V5H17V3M19,21C20.11,21 21,20.11 21,19H19V21M17,19H15V21H17V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-drag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-drag.svg
new file mode 100644
index 00000000..ccb61784
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-drag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-drag" viewBox="0 0 24 24"><path d="M13,17H17V13H19V17H23V19H19V23H17V19H13V17M11,17V19H9V17H11M7,17V19H5V17H7M19,9V11H17V9H19M19,5V7H17V5H19M15,5V7H13V5H15M11,5V7H9V5H11M7,5V7H5V5H7M7,13V15H5V13H7M7,9V11H5V9H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-group.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-group.svg
new file mode 100644
index 00000000..1e96597e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-group" viewBox="0 0 24 24"><path d="M5 3A2 2 0 0 0 3 5H5M7 3V5H9V3M11 3V5H13V3M15 3V5H17V3M19 3V5H21A2 2 0 0 0 19 3M3 7V9H5V7M7 7V11H11V7M13 7V11H17V7M19 7V9H21V7M3 11V13H5V11M19 11V13H21V11M7 13V17H11V13M13 13V17H17V13M3 15V17H5V15M19 15V17H21V15M3 19A2 2 0 0 0 5 21V19M7 19V21H9V19M11 19V21H13V19M15 19V21H17V19M19 19V21A2 2 0 0 0 21 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-inverse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-inverse.svg
new file mode 100644
index 00000000..23c937fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-inverse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-inverse" viewBox="0 0 24 24"><path d="M5,3H7V5H9V3H11V5H13V3H15V5H17V3H19V5H21V7H19V9H21V11H19V13H21V15H19V17H21V19H19V21H17V19H15V21H13V19H11V21H9V19H7V21H5V19H3V17H5V15H3V13H5V11H3V9H5V7H3V5H5V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-marker.svg
new file mode 100644
index 00000000..f9833341
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-marker" viewBox="0 0 24 24"><path d="M4 3H5V5H3V4C3 3.45 3.45 3 4 3M20 3C20.55 3 21 3.45 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M11 21V19H13V21H11M7 21V19H9V21H7M4 21C3.45 21 3 20.55 3 20V19H5V21H4M3 15H5V17H3V15M3 11H5V13H3V11M3 7H5V9H3V7M21 7V9H19V7H21M19.5 13C21.4 13 23 14.6 23 16.5C23 19.1 19.5 23 19.5 23C19.5 23 16 19.1 16 16.5C16 14.6 17.6 13 19.5 13M19.5 17.8C20.2 17.8 20.8 17.2 20.7 16.6C20.7 16 20.1 15.4 19.5 15.4C18.9 15.4 18.3 15.9 18.3 16.6C18.3 17.2 18.8 17.8 19.5 17.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple-marker.svg
new file mode 100644
index 00000000..ad0d26ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-multiple-marker" viewBox="0 0 24 24"><path d="M7 4H8V6H6V5C6 4.45 6.45 4 7 4M19 4C19.55 4 20 4.45 20 5V6H18V4H19M14 6V4H16V6H14M10 6V4H12V6H10M10 18V16H12V18H10M7 18C6.45 18 6 17.55 6 17V16H8V18H7M6 12H8V14H6V12M6 8H8V10H6V8M20 8V10H18V8H20M3 8H4V20H14.58L16.03 22L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple.svg
new file mode 100644
index 00000000..c8ac2933
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-multiple" viewBox="0 0 24 24"><path d="M18 12H20V14H18V12M14 16H16V18H14V16M20 17C20 17.55 19.55 18 19 18H18V16H20V17M7 4H8V6H6V5C6 4.45 6.45 4 7 4M19 4C19.55 4 20 4.45 20 5V6H18V4H19M14 6V4H16V6H14M10 6V4H12V6H10M10 18V16H12V18H10M7 18C6.45 18 6 17.55 6 17V16H8V18H7M6 12H8V14H6V12M6 8H8V10H6V8M20 8V10H18V8H20M3 8H4V20H16V21C16 21.54 15.57 22 15.03 22H15L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-off.svg
new file mode 100644
index 00000000..ee38cac6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L21,21.72L19.73,23L17,20.27V21H15V19H15.73L5,8.27V9H3V7H3.73L1,4.27M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M21,7V9H19V7H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-place.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-place.svg
new file mode 100644
index 00000000..a3639d12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-place.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-place" viewBox="0 0 24 24"><path d="M4 3H5V5H3V4C3 3.5 3.5 3 4 3M20 3C20.5 3 21 3.5 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7M21 12C21 12.5 20.5 13 20 13H19V11H21V12M15 13V11H17V13H15M11 13V11H13V13H11M7 13V11H9V13H7M4 13C3.5 13 3 12.5 3 12V11H5V13H4M3 7H5V9H3V7M21 7V9H19V7H21M7 16L12 21L17 16H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-remove.svg
new file mode 100644
index 00000000..6d302993
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-remove" viewBox="0 0 24 24"><path d="M21 20C21 20.55 20.55 21 20 21H19V19H21V20M15 21V19H17V21H15M11 21V19H13V21H11M7 21V19H9V21H7M4 21C3.45 21 3 20.55 3 20V19H5V21H4M3 15H5V17H3V15M21 15V17H19V15H21M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8M3 11H5V13H3V11M21 11V13H19V11H21M3 7H5V9H3V7M21 7V9H19V7H21M4 3H5V5H3V4C3 3.45 3.45 3 4 3M20 3C20.55 3 21 3.45 21 4V5H19V3H20M15 5V3H17V5H15M11 5V3H13V5H11M7 5V3H9V5H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select-search.svg
new file mode 100644
index 00000000..7518f5fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select-search" viewBox="0 0 24 24"><path d="M19.31 18.9C19.75 18.21 20 17.38 20 16.5C20 14 18 12 15.5 12S11 14 11 16.5 13 21 15.5 21C16.37 21 17.19 20.75 17.88 20.32L21 23.39L22.39 22L19.31 18.9M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M21 9H19V7H21V9M21 5H19V3H20C20.55 3 21 3.45 21 4V5M19 11.03V11H21V13H20.97C20.46 12.21 19.79 11.54 19 11.03M17 5H15V3H17V5M13 5H11V3H13V5M3 7H5V9H3V7M7 19H9V21H7V19M3 11H5V13H3V11M4 3H5V5H3V4C3 3.45 3.45 3 4 3M9 5H7V3H9V5M3 19H5V21H4C3.45 21 3 20.55 3 20V19M3 15H5V17H3V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/select.svg b/apps/phoenix_webcomponent/priv/mdi/svg/select.svg
new file mode 100644
index 00000000..d16f9f70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/select.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-select" viewBox="0 0 24 24"><path d="M4,3H5V5H3V4A1,1 0 0,1 4,3M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M21,20A1,1 0 0,1 20,21H19V19H21V20M15,21V19H17V21H15M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M3,7H5V9H3V7M21,7V9H19V7H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-drag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-drag.svg
new file mode 100644
index 00000000..7ed1535c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-drag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-drag" viewBox="0 0 24 24"><path d="M14,17H17V14H19V17H22V19H19V22H17V19H14V17M12,17V19H9V17H12M7,17V19H3V15H5V17H7M3,13V10H5V13H3M3,8V4H7V6H5V8H3M9,4H12V6H9V4M15,4H19V8H17V6H15V4M19,10V12H17V10H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-arrow-inside.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-arrow-inside.svg
new file mode 100644
index 00000000..2bbe8275
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-arrow-inside.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-ellipse-arrow-inside" viewBox="0 0 24 24"><path d="M11.2 4C9.94 4.12 8.72 4.53 7.64 5.2L6.64 3.47C7.95 2.64 9.45 2.13 11 2M17.53 6.25C16.62 5.39 15.53 4.73 14.34 4.33L15 2.39C16.5 2.84 17.89 3.66 19 4.78M5.34 7.41C4.64 8.44 4.19 9.6 4 10.83L2 10.55C2.2 9 2.79 7.5 3.7 6.23M22 12V12.66L20 12.5V12C20 10.92 19.81 9.86 19.39 8.86L21.22 8.06C21.75 9.31 22 10.65 22 12M6 17.3L4.5 18.61C3.47 17.43 2.72 16.04 2.3 14.53L4.17 14C4.53 15.22 5.16 16.35 6 17.3M12.14 22H12C10.5 22 9 21.68 7.64 21.07L8.53 19.24C9.62 19.75 10.8 20 12 20H12.19M17 21H15V15H21V17H18.42L21.14 19.76L19.73 21.17L17 18.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-remove.svg
new file mode 100644
index 00000000..e7fb6c91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-ellipse-remove" viewBox="0 0 24 24"><path d="M6.35 20.25L7.56 18.66C8.42 19.23 9.39 19.64 10.43 19.85L10.16 21.83C8.77 21.57 7.5 21 6.35 20.25M16.43 18.66L17.64 20.26C16.5 21.03 15.23 21.57 13.84 21.83L13.57 19.85C14.61 19.64 15.57 19.23 16.43 18.66M19.84 13.59L21.83 13.86C21.57 15.25 21 16.54 20.24 17.66L18.65 16.45C19.22 15.6 19.63 14.63 19.84 13.59M2.17 13.84L4.15 13.57C4.36 14.61 4.77 15.58 5.34 16.44L3.75 17.65C3 16.5 2.43 15.23 2.17 13.84M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8M18.66 7.56L20.25 6.35C21.03 7.5 21.58 8.78 21.83 10.18L19.85 10.45C19.64 9.4 19.23 8.42 18.66 7.56M4.15 10.43L2.17 10.16C2.43 8.77 3 7.5 3.75 6.35L5.34 7.56C4.77 8.42 4.36 9.39 4.15 10.43M13.57 4.15L13.84 2.17C15.23 2.43 16.5 3 17.65 3.75L16.44 5.34C15.58 4.77 14.61 4.36 13.57 4.15M7.56 5.34L6.35 3.75C7.5 3 8.77 2.43 10.16 2.17L10.43 4.15C9.39 4.36 8.42 4.77 7.56 5.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse.svg
new file mode 100644
index 00000000..da11f5e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-ellipse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-ellipse" viewBox="0 0 24 24"><path d="M6.35,20.25L7.56,18.66C8.42,19.23 9.39,19.64 10.43,19.85L10.16,21.83C8.77,21.57 7.5,21 6.35,20.25M16.43,18.66L17.64,20.26C16.5,21.03 15.23,21.57 13.84,21.83L13.57,19.85C14.61,19.64 15.57,19.23 16.43,18.66M19.84,13.59L21.83,13.86C21.57,15.25 21,16.54 20.24,17.66L18.65,16.45C19.22,15.6 19.63,14.63 19.84,13.59M2.17,13.84L4.15,13.57C4.36,14.61 4.77,15.58 5.34,16.44L3.75,17.65C3,16.5 2.43,15.23 2.17,13.84M18.66,7.56L20.25,6.35C21.03,7.5 21.58,8.78 21.83,10.18L19.85,10.45C19.64,9.4 19.23,8.42 18.66,7.56M13.57,4.15L13.84,2.17C15.23,2.43 16.5,3 17.65,3.75L16.44,5.34C15.58,4.77 14.61,4.36 13.57,4.15M7.56,5.34L6.35,3.75C7.5,3 8.77,2.43 10.16,2.17L10.43,4.15C9.39,4.36 8.42,4.77 7.56,5.34M4.15,10.43L2.17,10.16C2.43,8.77 3,7.5 3.75,6.35L5.34,7.56C4.77,8.42 4.36,9.39 4.15,10.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-marker.svg
new file mode 100644
index 00000000..605dda51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-marker" viewBox="0 0 24 24"><path d="M2 4C2 2.89 2.9 2 4 2H7V4H4V7H2V4M22 4V7H20V4H17V2H20C21.1 2 22 2.89 22 4M2 20V17H4V20H7V22H4C2.9 22 2 21.11 2 20M10 2H14V4H10V2M10 20H14V22H10V20M2 10H4V14H2V10M18.5 13C20.4 13 22 14.6 22 16.5C22 19.1 18.5 23 18.5 23C18.5 23 15 19.1 15 16.5C15 14.6 16.6 13 18.5 13M18.5 17.8C19.2 17.8 19.8 17.2 19.7 16.6C19.7 16 19.1 15.4 18.5 15.4C17.9 15.4 17.3 15.9 17.3 16.6C17.3 17.2 17.8 17.8 18.5 17.8M20 10H22V12.34C21.42 11.84 20.74 11.45 20 11.23V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple-marker.svg
new file mode 100644
index 00000000..0f245a43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-multiple-marker" viewBox="0 0 24 24"><path d="M7 4H9V6H8V7H6V5C6 4.45 6.45 4 7 4M19 4C19.55 4 20 4.45 20 5V7H18V6H17V4H19M11 6V4H15V6H11M7 18C6.45 18 6 17.55 6 17V15H8V16H9V18H7M6 9H8V13H6V9M3 8H4V20H14.58L16.03 22L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8M18.5 12C20.4 12 22 13.6 22 15.5C22 18.1 18.5 22 18.5 22C18.5 22 15 18.1 15 15.5C15 13.6 16.6 12 18.5 12M18.5 16.8C19.2 16.8 19.8 16.2 19.7 15.6C19.7 15 19.1 14.4 18.5 14.4C17.9 14.4 17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8M11 18V16H13C13.09 16.66 13.27 17.33 13.5 18H11M20 9V10.23C19.5 10.08 19 10 18.5 10L18 10.03V9H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple.svg
new file mode 100644
index 00000000..dc7e21ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-multiple" viewBox="0 0 24 24"><path d="M11 6V4H15V6H11M6 9H8V13H6V9M6 6C6 4.89 6.9 4 8 4H9V6H8V7H6V6M8 18C6.89 18 6 17.1 6 16V15H8V16H9V18H8M18 4C19.11 4 20 4.9 20 6V7H18V6H17V4H18M15 16V18H11V16H15M20 13H18V9H20V13M20 16C20 17.11 19.1 18 18 18H17V16H18V15H20V16M3 8H4V20H16V21C16 21.54 15.57 22 15.03 22H15L3 22C2.45 22 2 21.55 2 21V9C2 8.45 2.45 8 3 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-off.svg
new file mode 100644
index 00000000..d394bfab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-off" viewBox="0 0 24 24"><path d="M0.5,3.77L1.78,2.5L21.5,22.22L20.23,23.5L18.73,22H17V20.27L3.73,7H2V5.27L0.5,3.77M4,2H7V4H5.82L3.83,2H4M22,4V7H20V4H17V2H20A2,2 0 0,1 22,4M20,17H22V20L22,20.17L20,18.18V17M2,20V17H4V20H7V22H4A2,2 0 0,1 2,20M10,2H14V4H10V2M10,20H14V22H10V20M20,10H22V14H20V10M2,10H4V14H2V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-remove.svg
new file mode 100644
index 00000000..a658d1a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-remove" viewBox="0 0 24 24"><path d="M20 20V17H22V20C22 21.11 21.1 22 20 22H17V20H20M2 20V17H4V20H7V22H4C2.9 22 2 21.1 2 20M10 20H14V22H10V20M14.59 8L12 10.59L9.41 8L8 9.41L10.59 12L8 14.59L9.41 16L12 13.41L14.59 16L16 14.59L13.41 12L16 9.41L14.59 8M20 10H22V14H20V10M2 10H4V14H2V10M2 4C2 2.89 2.9 2 4 2H7V4H4V7H2V4M22 4V7H20V4H17V2H20C21.1 2 22 2.9 22 4M10 2H14V4H10V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection-search.svg
new file mode 100644
index 00000000..5528974a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection-search" viewBox="0 0 24 24"><path d="M19.27 18.9C19.7 18.21 19.95 17.38 19.95 16.5C19.95 14 17.95 12 15.46 12S10.96 14 10.96 16.5 12.96 21 15.46 21C16.33 21 17.15 20.75 17.84 20.32L20.96 23.39L22.35 22L19.27 18.9M15.46 19C14.07 19 12.96 17.88 12.96 16.5S14.07 14 15.46 14 17.95 15.12 17.95 16.5 16.84 19 15.46 19M22 14H21.45C21.12 13.19 20.62 12.47 20 11.86V10H22V14M20 4H17V2H20C21.11 2 22 2.9 22 4V7H20V4M14 4H10V2H14V4M4 2H7V4H4V7H2V4C2 2.89 2.9 2 4 2M12 22H10V20C10.5 20.82 11.2 21.5 12 22M4 20H7V22H4C2.9 22 2 21.11 2 20V17H4V20M4 14H2V10H4V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/selection.svg b/apps/phoenix_webcomponent/priv/mdi/svg/selection.svg
new file mode 100644
index 00000000..fd167049
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/selection.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-selection" viewBox="0 0 24 24"><path d="M2,4C2,2.89 2.9,2 4,2H7V4H4V7H2V4M22,4V7H20V4H17V2H20A2,2 0 0,1 22,4M20,20V17H22V20C22,21.11 21.1,22 20,22H17V20H20M2,20V17H4V20H7V22H4A2,2 0 0,1 2,20M10,2H14V4H10V2M10,20H14V22H10V20M20,10H22V14H20V10M2,10H4V14H2V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/semantic-web.svg b/apps/phoenix_webcomponent/priv/mdi/svg/semantic-web.svg
new file mode 100644
index 00000000..5ecb1d54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/semantic-web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-semantic-web" viewBox="0 0 24 24"><path d="M12.9 4.22C18.73 6.84 20 2 20 2S18.89 8.07 13.79 10.55C12.75 11.06 12.1 11.33 12.1 11.33L3.73 7.25L12.1 3.82C12.1 3.82 11.9 3.76 12.9 4.22M11.12 22L3.33 17.78V9.07L11.12 13.04V22M12.88 22L20.68 17.78V9.07L12.88 13.04V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-check-outline.svg
new file mode 100644
index 00000000..fd64719a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-check-outline" viewBox="0 0 24 24"><path d="M2 3V10L17 12L2 14V21L23 12M4 6.03L11.53 9.25L4 8.25M11.53 14.75L4 17.97V15.75M22 15.5L18.5 19L16.5 17L15 18.5L18.5 22L23.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-check.svg
new file mode 100644
index 00000000..4be8fd46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-check" viewBox="0 0 24 24"><path d="M2 3V10L17 12L2 14V21L23 12M22 15.5L18.5 19L16.5 17L15 18.5L18.5 22L23.5 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-circle-outline.svg
new file mode 100644
index 00000000..cb738e88
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-circle-outline" viewBox="0 0 24 24"><path d="M8,7.71L18,12L8,16.29V12.95L15.14,12L8,11.05V7.71M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-circle.svg
new file mode 100644
index 00000000..81fa3512
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M8,7.71V11.05L15.14,12L8,12.95V16.29L18,12L8,7.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-clock-outline.svg
new file mode 100644
index 00000000..229f77ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-clock-outline" viewBox="0 0 24 24"><path d="M2 3V10L11 12L2 14V21L9.27 17.89A7 7 0 0 0 16 23A7 7 0 0 0 23 16A7 7 0 0 0 16 9L2 3M4 6.03L12.78 9.8A7 7 0 0 0 12.1 10.2L4 8.4V6.03M16 11A5 5 0 0 1 21 16A5 5 0 0 1 16 21A5 5 0 0 1 11 16A5 5 0 0 1 16 11M15 12.5V16.5L18 18.5L18.75 17.25L16.5 15.75V12.5H15M9.18 14.45A7 7 0 0 0 9 15.82L4 17.97V15.6L9.18 14.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-clock.svg
new file mode 100644
index 00000000..9f6135dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-clock" viewBox="0 0 24 24"><path d="M2 3V10L11 12L2 14V21L9.27 17.89A7 7 0 0 0 16 23A7 7 0 0 0 23 16A7 7 0 0 0 16 9L2 3M16 11A5 5 0 0 1 21 16A5 5 0 0 1 16 21A5 5 0 0 1 11 16A5 5 0 0 1 16 11M15 12.5V16.5L18 18.5L18.75 17.25L16.5 15.75V12.5H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-lock-outline.svg
new file mode 100644
index 00000000..ba1a1f41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-lock-outline" viewBox="0 0 24 24"><path d="M23 18V17.5C23 16.12 21.88 15 20.5 15S18 16.12 18 17.5V18C17.45 18 17 18.45 17 19V23C17 23.55 17.45 24 18 24H23C23.55 24 24 23.55 24 23V19C24 18.45 23.55 18 23 18M22 18H19V17.5C19 16.67 19.67 16 20.5 16S22 16.67 22 17.5V18M4 6.03L11.5 9.25L4 8.25L4 6.03M11.5 14.75L4 17.97V15.75L11.5 14.75M2 3L2 10L17 12L2 14L2 21L23 12L2 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-lock.svg
new file mode 100644
index 00000000..5f9a3393
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-lock" viewBox="0 0 24 24"><path d="M23,18V17.5A2.5,2.5 0 0,0 20.5,15A2.5,2.5 0 0,0 18,17.5V18A1,1 0 0,0 17,19V23A1,1 0 0,0 18,24H23A1,1 0 0,0 24,23V19A1,1 0 0,0 23,18M22,18H19V17.5A1.5,1.5 0 0,1 20.5,16A1.5,1.5 0 0,1 22,17.5V18M23,12L2,21V14L17,12L2,10V3L23,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send-outline.svg
new file mode 100644
index 00000000..0b894b5f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send-outline" viewBox="0 0 24 24"><path d="M4 6.03L11.5 9.25L4 8.25L4 6.03M11.5 14.75L4 17.97V15.75L11.5 14.75M2 3L2 10L17 12L2 14L2 21L23 12L2 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/send.svg b/apps/phoenix_webcomponent/priv/mdi/svg/send.svg
new file mode 100644
index 00000000..59b10b5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/send.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-send" viewBox="0 0 24 24"><path d="M2,21L23,12L2,3V10L17,12L2,14V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/serial-port.svg b/apps/phoenix_webcomponent/priv/mdi/svg/serial-port.svg
new file mode 100644
index 00000000..8699257f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/serial-port.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-serial-port" viewBox="0 0 24 24"><path d="M7,3H17V5H19V8H16V14H8V8H5V5H7V3M17,9H19V14H17V9M11,15H13V22H11V15M5,9H7V14H5V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-minus.svg
new file mode 100644
index 00000000..ff677827
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-minus" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M8,16H16V18H8V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-network-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-network-off.svg
new file mode 100644
index 00000000..4ee68644
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-network-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-network-off" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H15.73L13,17.27V19M22,20V21.18L20.82,20H22M21,22.72L19.73,24L17.73,22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H4A1,1 0 0,1 3,16V12A1,1 0 0,1 4,11H6.73L4.73,9H4A1,1 0 0,1 3,8V7.27L1,5.27L2.28,4L21,22.72M4,3H20A1,1 0 0,1 21,4V8A1,1 0 0,1 20,9H9.82L7,6.18V5H5.82L3.84,3C3.89,3 3.94,3 4,3M20,11A1,1 0 0,1 21,12V16A1,1 0 0,1 20,17H17.82L11.82,11H20M9,7H10V5H9V7M9,15H10V14.27L9,13.27V15M5,13V15H7V13H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-network.svg
new file mode 100644
index 00000000..3e323967
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-network" viewBox="0 0 24 24"><path d="M13,19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H4A1,1 0 0,1 3,16V12A1,1 0 0,1 4,11H20A1,1 0 0,1 21,12V16A1,1 0 0,1 20,17H13V19M4,3H20A1,1 0 0,1 21,4V8A1,1 0 0,1 20,9H4A1,1 0 0,1 3,8V4A1,1 0 0,1 4,3M9,7H10V5H9V7M9,15H10V13H9V15M5,5V7H7V5H5M5,13V15H7V13H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-off.svg
new file mode 100644
index 00000000..e5d79ea4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-off" viewBox="0 0 24 24"><path d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H8.82L6.82,5H7V3H5V3.18L3.21,1.39C3.39,1.15 3.68,1 4,1M22,22.72L20.73,24L19.73,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17H13.73L11.73,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9H5.73L3.68,6.95C3.38,6.85 3.15,6.62 3.05,6.32L1,4.27L2.28,3L22,22.72M20,9A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H16.82L10.82,9H20M20,17A1,1 0 0,1 21,18V19.18L18.82,17H20M9,5H10V3H9V5M9,13H9.73L9,12.27V13M9,21H10V19H9V21M5,11V13H7V11H5M5,19V21H7V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-plus.svg
new file mode 100644
index 00000000..21c98865
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-plus" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M8,16H11V13H13V16H16V18H13V21H11V18H8V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-remove.svg
new file mode 100644
index 00000000..26df62f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-remove" viewBox="0 0 24 24"><path d="M4,4H20A1,1 0 0,1 21,5V9A1,1 0 0,1 20,10H4A1,1 0 0,1 3,9V5A1,1 0 0,1 4,4M9,8H10V6H9V8M5,6V8H7V6H5M10.59,17L8,14.41L9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server-security.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server-security.svg
new file mode 100644
index 00000000..6d9a8ed6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server-security.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server-security" viewBox="0 0 24 24"><path d="M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/server.svg b/apps/phoenix_webcomponent/priv/mdi/svg/server.svg
new file mode 100644
index 00000000..60b1a9f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/server.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-server" viewBox="0 0 24 24"><path d="M4,1H20A1,1 0 0,1 21,2V6A1,1 0 0,1 20,7H4A1,1 0 0,1 3,6V2A1,1 0 0,1 4,1M4,9H20A1,1 0 0,1 21,10V14A1,1 0 0,1 20,15H4A1,1 0 0,1 3,14V10A1,1 0 0,1 4,9M4,17H20A1,1 0 0,1 21,18V22A1,1 0 0,1 20,23H4A1,1 0 0,1 3,22V18A1,1 0 0,1 4,17M9,5H10V3H9V5M9,13H10V11H9V13M9,21H10V19H9V21M5,3V5H7V3H5M5,11V13H7V11H5M5,19V21H7V19H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-all.svg
new file mode 100644
index 00000000..334a80ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-all" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M8.5,12C8.5,13.87 9.29,15.56 10.56,16.75L11.56,16.29C10.31,15.29 9.5,13.74 9.5,12C9.5,10.26 10.31,8.71 11.56,7.71L10.56,7.25C9.29,8.44 8.5,10.13 8.5,12M15.5,12C15.5,10.13 14.71,8.44 13.44,7.25L12.44,7.71C13.69,8.71 14.5,10.26 14.5,12C14.5,13.74 13.69,15.29 12.44,16.29L13.44,16.75C14.71,15.56 15.5,13.87 15.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-center-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-center-right.svg
new file mode 100644
index 00000000..9ff2cee3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-center-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-center-right" viewBox="0 0 24 24"><path d="M15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19M9,17L10,16.89C8.72,15.59 8,13.83 8,12C8,10.17 8.72,8.41 10,7.1L9,7A5,5 0 0,0 4,12A5,5 0 0,0 9,17M15.5,12C15.5,10.13 14.71,8.44 13.44,7.25L12.44,7.71C13.69,8.71 14.5,10.26 14.5,12C14.5,13.74 13.69,15.29 12.44,16.29L13.44,16.75C14.71,15.56 15.5,13.87 15.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-center.svg
new file mode 100644
index 00000000..9b89ed3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-center" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M9,7C9.34,7 9.67,7.03 10,7.1C8.72,8.41 8,10.17 8,12C8,13.83 8.72,15.59 10,16.89C9.67,16.96 9.34,17 9,17A5,5 0 0,1 4,12A5,5 0 0,1 9,7M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-left-center.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-left-center.svg
new file mode 100644
index 00000000..a454a0fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-left-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-left-center" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M15,7L14,7.11C15.28,8.41 16,10.17 16,12C16,13.83 15.28,15.59 14,16.9L15,17A5,5 0 0,0 20,12A5,5 0 0,0 15,7M8.5,12C8.5,13.87 9.29,15.56 10.56,16.75L11.56,16.29C10.31,15.29 9.5,13.74 9.5,12C9.5,10.26 10.31,8.71 11.56,7.71L10.56,7.25C9.29,8.44 8.5,10.13 8.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-left-right.svg
new file mode 100644
index 00000000..80f22267
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-left-right" viewBox="0 0 24 24"><path d="M9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5M9,12C9,14.22 10.21,16.16 12,17.2C13.79,16.16 15,14.22 15,12C15,9.78 13.79,7.84 12,6.8C10.21,7.84 9,9.78 9,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-left.svg
new file mode 100644
index 00000000..cd505af0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-left" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7M12,8C13.26,8.95 14,10.43 14,12C14,13.57 13.26,15.05 12,16C10.74,15.05 10,13.57 10,12C10,10.43 10.74,8.95 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-merge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-merge.svg
new file mode 100644
index 00000000..9f09fcbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-merge" viewBox="0 0 24 24"><path d="M2 7V9H7V7H2M12 9V11H9V13H12V15L15 12L12 9M17 9V15H22V9H17M2 11V13H7V11H2M2 15V17H7V15H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-none.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-none.svg
new file mode 100644
index 00000000..2a006dd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-none" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,0 2,12A7,7 0 0,0 9,19C10.04,19 11.06,18.76 12,18.32C12.94,18.76 13.96,19 15,19A7,7 0 0,0 22,12A7,7 0 0,0 15,5C13.96,5 12.94,5.24 12,5.68C11.06,5.24 10.04,5 9,5M9,7C9.34,7 9.67,7.03 10,7.1C8.72,8.41 8,10.17 8,12C8,13.83 8.72,15.59 10,16.89C9.67,16.96 9.34,17 9,17A5,5 0 0,1 4,12A5,5 0 0,1 9,7M15,7A5,5 0 0,1 20,12A5,5 0 0,1 15,17C14.66,17 14.33,16.97 14,16.9C15.28,15.59 16,13.83 16,12C16,10.17 15.28,8.41 14,7.11C14.33,7.04 14.66,7 15,7M12,8C13.26,8.95 14,10.43 14,12C14,13.57 13.26,15.05 12,16C10.74,15.05 10,13.57 10,12C10,10.43 10.74,8.95 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-right.svg
new file mode 100644
index 00000000..41be3c59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-right" viewBox="0 0 24 24"><path d="M15,19C13.96,19 12.94,18.76 12,18.32C11.06,18.76 10.04,19 9,19A7,7 0 0,1 2,12A7,7 0 0,1 9,5C10.04,5 11.06,5.24 12,5.68C12.94,5.24 13.96,5 15,5A7,7 0 0,1 22,12A7,7 0 0,1 15,19M9,17L10,16.89C8.72,15.59 8,13.83 8,12C8,10.17 8.72,8.41 10,7.1L9,7A5,5 0 0,0 4,12A5,5 0 0,0 9,17M12,16C13.26,15.05 14,13.57 14,12C14,10.43 13.26,8.95 12,8C10.74,8.95 10,10.43 10,12C10,13.57 10.74,15.05 12,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-split.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-split.svg
new file mode 100644
index 00000000..48d80c73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-split.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-split" viewBox="0 0 24 24"><path d="M17 7V9H22V7H17M2 9V15H7V9H2M12 9V11H9V13H12V15L15 12L12 9M17 11V13H22V11H17M17 15V17H22V15H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-square.svg
new file mode 100644
index 00000000..426279d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-square" viewBox="0 0 24 24"><path d="M17.7 17.7L16.6 18.8L15.9 18L17 17L15 15L14 16.1L13.3 15.4L14.4 14.3L12.5 12.4L11.4 13.5L10.7 12.8L11.8 11.7L9.8 9.8L8.7 10.9L8 10.2L9 9L7.1 7.1L6 8.1L5.3 7.4L6.4 6.3L4 4V20H20L17.7 17.7M7 17V11.2L12.8 17H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/set-top-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/set-top-box.svg
new file mode 100644
index 00000000..1552bb0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/set-top-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-set-top-box" viewBox="0 0 24 24"><path d="M5,15.5A0.5,0.5 0 0,1 4.5,16H3.5A0.5,0.5 0 0,1 3,15.5V15H2A1,1 0 0,1 1,14V11A1,1 0 0,1 2,10H22A1,1 0 0,1 23,11V14A1,1 0 0,1 22,15H21V15.5A0.5,0.5 0 0,1 20.5,16H19.5A0.5,0.5 0 0,1 19,15.5V15H5V15.5M3,12V13H5V12H3M6,12V13H8V12H6M20.5,11.5A1,1 0 0,0 19.5,12.5A1,1 0 0,0 20.5,13.5A1,1 0 0,0 21.5,12.5A1,1 0 0,0 20.5,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/settings-helper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/settings-helper.svg
new file mode 100644
index 00000000..556950ee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/settings-helper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-settings-helper" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shaker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shaker-outline.svg
new file mode 100644
index 00000000..62524c9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shaker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shaker-outline" viewBox="0 0 24 24"><path d="M16.88 4L16.88 4L19.03 6.1L13.5 10.5L12.5 9.5L16.87 4L16.88 4M16.88 2C16.3 2 15.73 2.24 15.33 2.72L9.8 9.65L13.34 13.19L20.28 7.67C21.18 6.91 21.25 5.54 20.41 4.7L18.3 2.59C17.9 2.19 17.39 2 16.88 2M9.1 10.36L8.39 11.07C8 11.46 8 12.09 8.39 12.5L10.5 14.6C10.71 14.8 10.96 14.89 11.22 14.89S11.73 14.8 11.93 14.6L12.63 13.9L9.1 10.36M6 15C5.45 15 5 15.45 5 16C5 16.55 5.45 17 6 17C6.55 17 7 16.55 7 16C7 15.45 6.55 15 6 15M9 16C8.45 16 8 16.45 8 17S8.45 18 9 18C9.55 18 10 17.55 10 17S9.55 16 9 16M4 18C3.45 18 3 18.45 3 19S3.45 20 4 20C4.55 20 5 19.55 5 19S4.55 18 4 18M7 19C6.45 19 6 19.45 6 20S6.45 21 7 21C7.55 21 8 20.55 8 20S7.55 19 7 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shaker.svg
new file mode 100644
index 00000000..2a3cc051
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shaker" viewBox="0 0 24 24"><path d="M7 16C7 16.55 6.55 17 6 17S5 16.55 5 16C5 15.45 5.45 15 6 15S7 15.45 7 16M9 16C8.45 16 8 16.45 8 17S8.45 18 9 18 10 17.55 10 17 9.55 16 9 16M4 18C3.45 18 3 18.45 3 19S3.45 20 4 20 5 19.55 5 19 4.55 18 4 18M7 19C6.45 19 6 19.45 6 20S6.45 21 7 21 8 20.55 8 20 7.55 19 7 19M15.33 2.72L9.8 9.65L13.34 13.19L20.28 7.67C21.18 6.91 21.25 5.54 20.41 4.7L18.3 2.59C17.46 1.75 16.09 1.82 15.33 2.72M8.39 12.5L10.5 14.6C10.9 15 11.54 15 11.93 14.6L12.63 13.9L9.1 10.36L8.39 11.07C8 11.46 8 12.09 8.39 12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-circle-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-circle-plus.svg
new file mode 100644
index 00000000..68e9d375
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-circle-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-circle-plus" viewBox="0 0 24 24"><path d="M11,19A6,6 0 0,0 17,13H19A8,8 0 0,1 11,21A8,8 0 0,1 3,13A8,8 0 0,1 11,5V7A6,6 0 0,0 5,13A6,6 0 0,0 11,19M19,5H22V7H19V10H17V7H14V5H17V2H19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-outline.svg
new file mode 100644
index 00000000..7424ce45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-outline" viewBox="0 0 24 24"><path d="M11,13.5V21.5H3V13.5H11M9,15.5H5V19.5H9V15.5M12,2L17.5,11H6.5L12,2M12,5.86L10.08,9H13.92L12,5.86M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13M17.5,15A2.5,2.5 0 0,0 15,17.5A2.5,2.5 0 0,0 17.5,20A2.5,2.5 0 0,0 20,17.5A2.5,2.5 0 0,0 17.5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-oval-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-oval-plus.svg
new file mode 100644
index 00000000..4704d4f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-oval-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-oval-plus" viewBox="0 0 24 24"><path d="M19 5H22V7H19V10H17V7H14V5H17V2H19V5M11 4L12 4.09V6.14C11.68 6.05 11.34 6 11 6C8.24 6 6 9.13 6 13C6 16.87 8.24 20 11 20C13.76 20 16 16.87 16 13L15.95 12H17.96L18 13C18 17.97 14.87 22 11 22C7.13 22 4 17.97 4 13C4 8.03 7.13 4 11 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-plus.svg
new file mode 100644
index 00000000..954614dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-plus" viewBox="0 0 24 24"><path d="M2,2H11V11H2V2M17.5,2C20,2 22,4 22,6.5C22,9 20,11 17.5,11C15,11 13,9 13,6.5C13,4 15,2 17.5,2M6.5,14L11,22H2L6.5,14M19,17H22V19H19V22H17V19H14V17H17V14H19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-polygon-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-polygon-plus.svg
new file mode 100644
index 00000000..a339c9bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-polygon-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-polygon-plus" viewBox="0 0 24 24"><path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-rectangle-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-rectangle-plus.svg
new file mode 100644
index 00000000..661ad894
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-rectangle-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-rectangle-plus" viewBox="0 0 24 24"><path d="M19,6H22V8H19V11H17V8H14V6H17V3H19V6M17,17V14H19V19H3V6H11V8H5V17H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-plus.svg
new file mode 100644
index 00000000..aba97fb1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-square-plus" viewBox="0 0 24 24"><path d="M19,5H22V7H19V10H17V7H14V5H17V2H19V5M17,19V13H19V21H3V5H11V7H5V19H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-rounded-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-rounded-plus.svg
new file mode 100644
index 00000000..a56cd353
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape-square-rounded-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape-square-rounded-plus" viewBox="0 0 24 24"><path d="M17 2H19V5H22V7H19V10H17V7H14V5H17V2M7 5H11V7H7C5.9 7 5 7.9 5 9V17C5 18.11 5.9 19 7 19H15C16.11 19 17 18.11 17 17V13H19V17C19 19.21 17.21 21 15 21H7C4.79 21 3 19.21 3 17V9C3 6.79 4.79 5 7 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shape.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shape.svg
new file mode 100644
index 00000000..cabc9812
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shape" viewBox="0 0 24 24"><path d="M11,13.5V21.5H3V13.5H11M12,2L17.5,11H6.5L12,2M17.5,13C20,13 22,15 22,17.5C22,20 20,22 17.5,22C15,22 13,20 13,17.5C13,15 15,13 17.5,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-all-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-all-outline.svg
new file mode 100644
index 00000000..63cffcdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-all-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-all-outline" viewBox="0 0 24 24"><path d="M13 9.8V10.7L11.3 10.9C8.7 11.3 6.8 12.3 5.4 13.6C7.1 13.1 8.9 12.8 11 12.8H13V14.1L15.2 12L13 9.8M11 5L18 12L11 19V14.9C6 14.9 2.5 16.5 0 20C1 15 4 10 11 9M17 8V5L24 12L17 19V16L21 12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-all.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-all.svg
new file mode 100644
index 00000000..82a68508
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-all.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-all" viewBox="0 0 24 24"><path d="M11 9V5L18 12L11 19V14.9C6 14.9 2.5 16.5 0 20C1 15 4 10 11 9M17 8V5L24 12L17 19V16L21 12L17 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-circle.svg
new file mode 100644
index 00000000..00fd1ecd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M14 16V13C10.39 13 7.81 14.43 6 17C6.72 13.33 8.94 9.73 14 9V6L19 11L14 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-off-outline.svg
new file mode 100644
index 00000000..5b6004b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8.9 10.8C5.4 12.9 3.7 16.4 3 20C5.3 16.7 8.6 15.1 13 14.9L14 15.9V19L15.6 17.4L20.8 22.7M8.3 13.8C8.94 13.22 9.65 12.71 10.4 12.3L11.3 13.1M14.2 11L12.5 9.3L14 9V5L21 12L18.1 14.9L16.7 13.5L18.2 12L16 9.8V10.7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-off.svg
new file mode 100644
index 00000000..37320c4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-off" viewBox="0 0 24 24"><path d="M20.8 22.7L15.6 17.5L14 19V15.9L13.1 14.9C8.6 15.2 5.4 16.8 3 20.1C3.58 16.31 5.72 12.94 8.9 10.8L1.1 3L2.4 1.7L22.1 21.5M18.1 14.9L21 12L14 5V9L12.5 9.3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-outline.svg
new file mode 100644
index 00000000..c1a6f74f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-outline" viewBox="0 0 24 24"><path d="M14,5V9C7,10 4,15 3,20C5.5,16.5 9,14.9 14,14.9V19L21,12L14,5M16,9.83L18.17,12L16,14.17V12.9H14C11.93,12.9 10.07,13.28 8.34,13.85C9.74,12.46 11.54,11.37 14.28,11L16,10.73V9.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-variant-outline.svg
new file mode 100644
index 00000000..56c6b7c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-variant-outline" viewBox="0 0 24 24"><path d="M18 16.08C17.24 16.08 16.56 16.38 16.04 16.85L8.91 12.7C8.96 12.47 9 12.24 9 12S8.96 11.53 8.91 11.3L15.96 7.19C16.5 7.69 17.21 8 18 8C19.66 8 21 6.66 21 5S19.66 2 18 2 15 3.34 15 5C15 5.24 15.04 5.47 15.09 5.7L8.04 9.81C7.5 9.31 6.79 9 6 9C4.34 9 3 10.34 3 12S4.34 15 6 15C6.79 15 7.5 14.69 8.04 14.19L15.16 18.34C15.11 18.55 15.08 18.77 15.08 19C15.08 20.61 16.39 21.91 18 21.91S20.92 20.61 20.92 19C20.92 17.39 19.61 16.08 18 16.08M18 4C18.55 4 19 4.45 19 5S18.55 6 18 6 17 5.55 17 5 17.45 4 18 4M6 13C5.45 13 5 12.55 5 12S5.45 11 6 11 7 11.45 7 12 6.55 13 6 13M18 20C17.45 20 17 19.55 17 19S17.45 18 18 18 19 18.45 19 19 18.55 20 18 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share-variant.svg
new file mode 100644
index 00000000..b9588160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share-variant" viewBox="0 0 24 24"><path d="M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/share.svg b/apps/phoenix_webcomponent/priv/mdi/svg/share.svg
new file mode 100644
index 00000000..583e620b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/share.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-share" viewBox="0 0 24 24"><path d="M21,12L14,5V9C7,10 4,15 3,20C5.5,16.5 9,14.9 14,14.9V19L21,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin-outline.svg
new file mode 100644
index 00000000..e1d75ca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shark-fin-outline" viewBox="0 0 24 24"><path d="M22 16V18H20C18.6 18 17.2 17.6 16 17C13.5 18.3 10.5 18.3 8 17C6.8 17.6 5.4 18 4 18H2V16H4C5.4 16 6.8 15.5 8 14.7C10.4 16.4 13.6 16.4 16 14.7C17.2 15.5 18.6 16 20 16H22M5.28 13.79C5.82 13.63 6.37 13.38 6.89 13.04L8 12.28C8.69 10 8.78 7.27 7.59 4.14C11.95 4.89 15.89 8.65 17.37 13.19C18.12 13.64 18.91 13.91 19.66 13.97C18.24 7.4 12.37 2 6 2C5.65 2 5.33 2.18 5.15 2.47C4.97 2.77 4.95 3.14 5.11 3.45C7.28 7.79 6.61 11.29 5.28 13.79M16 18.7C13.6 20.4 10.4 20.4 8 18.7C6.8 19.5 5.4 20 4 20H2V22H4C5.4 22 6.8 21.6 8 21C10.5 22.3 13.5 22.3 16 21C17.2 21.6 18.6 22 20 22H22V20H20C18.6 20 17.2 19.5 16 18.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin.svg
new file mode 100644
index 00000000..7a02a7b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shark-fin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shark-fin" viewBox="0 0 24 24"><path d="M22 16V18H20C18.6 18 17.2 17.6 16 17C13.5 18.3 10.5 18.3 8 17C6.8 17.6 5.4 18 4 18H2V16H4C5.4 16 6.8 15.5 8 14.7C10.4 16.4 13.6 16.4 16 14.7C17.2 15.5 18.6 16 20 16H22M5.28 13.79C5.82 13.63 6.37 13.38 6.89 13.04L8.03 12.27L9.16 13.07C10 13.66 11 14 12 14C13 14 14 13.66 14.84 13.07L15.97 12.27L17.11 13.04C17.93 13.59 18.83 13.9 19.67 13.97C18.24 7.4 12.37 2 6 2C5.65 2 5.33 2.18 5.15 2.47C4.97 2.77 4.95 3.14 5.11 3.45C7.28 7.79 6.61 11.29 5.28 13.79M16 18.7C13.6 20.4 10.4 20.4 8 18.7C6.8 19.5 5.4 20 4 20H2V22H4C5.4 22 6.8 21.6 8 21C10.5 22.3 13.5 22.3 16 21C17.2 21.6 18.6 22 20 22H22V20H20C18.6 20 17.2 19.5 16 18.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shark-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shark-off.svg
new file mode 100644
index 00000000..41343cd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shark-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shark-off" viewBox="0 0 24 24"><path d="M11.26 8.06L18.53 15.33C19 15.17 19.46 15 19.87 14.81C19.72 14.63 19.53 14.44 19.28 14.3C18.63 13.91 17.82 13.67 17 13.5C17.82 13.34 18.67 13.22 19.59 13.35C20.05 13.41 20.54 13.54 21 13.86C21.1 13.92 21.17 14 21.24 14.05C22.4 13.26 23 12.44 23 12C23 11.13 19.19 9.5 15.56 9.09C14.66 7.18 12.54 6 11 6C11.25 6.76 11.31 7.45 11.26 8.06M17.23 10.38C17.84 10.5 18.43 10.67 18.97 10.84C19 10.89 19 10.94 19 11C19 11.55 18.55 12 18 12S17 11.55 17 11C17 10.76 17.1 10.55 17.23 10.38M22.11 21.46L20.84 22.73L15.42 17.31C14.88 17.75 14.35 18 14 18V16C11 16 6 14 6 14S4 17 2 17L3 13L1 7C3 7 6 11 6 11S6.96 10.62 8.3 10.19L1.11 3L2.39 1.73L22.11 21.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shark.svg
new file mode 100644
index 00000000..e06ab23b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shark" viewBox="0 0 24 24"><path d="M15.56 9.09C14.66 7.18 12.54 6 11 6C11.47 7.4 11.28 8.57 10.95 9.43C8.45 10 6 11 6 11S3 7 1 7L3 13L2 17C4 17 6 14 6 14S11 16 14 16V18C14.65 18 15.91 17.17 16.73 15.77C17.97 15.56 19 15.21 19.87 14.81C19.72 14.63 19.53 14.44 19.28 14.3C18.63 13.91 17.82 13.67 17 13.5C17.82 13.34 18.67 13.22 19.59 13.35C20.05 13.41 20.54 13.54 21 13.86C21.1 13.92 21.17 14 21.24 14.05C22.4 13.26 23 12.44 23 12C23 11.13 19.19 9.5 15.56 9.09M18 12C17.45 12 17 11.55 17 11C17 10.76 17.1 10.55 17.23 10.38C17.84 10.5 18.43 10.67 18.97 10.84C19 10.89 19 10.94 19 11C19 11.55 18.55 12 18 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sheep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sheep.svg
new file mode 100644
index 00000000..7418038f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sheep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sheep" viewBox="0 0 24 24"><path d="M20,8.5A2.5,2.5 0 0,1 17.5,11C16.42,11 15.5,10.31 15.16,9.36C14.72,9.75 14.14,10 13.5,10C12.94,10 12.42,9.81 12,9.5C11.58,9.81 11.07,10 10.5,10C9.86,10 9.28,9.75 8.84,9.36C8.5,10.31 7.58,11 6.5,11A2.5,2.5 0 0,1 4,8.5C4,7.26 4.91,6.23 6.1,6.04C6.04,5.87 6,5.69 6,5.5A1.5,1.5 0 0,1 7.5,4C7.7,4 7.89,4.04 8.06,4.11C8.23,3.47 8.81,3 9.5,3C9.75,3 10,3.07 10.18,3.17C10.5,2.5 11.19,2 12,2C12.81,2 13.5,2.5 13.82,3.17C14,3.07 14.25,3 14.5,3C15.19,3 15.77,3.47 15.94,4.11C16.11,4.04 16.3,4 16.5,4A1.5,1.5 0 0,1 18,5.5C18,5.69 17.96,5.87 17.9,6.04C19.09,6.23 20,7.26 20,8.5M10,12A1,1 0 0,0 9,13A1,1 0 0,0 10,14A1,1 0 0,0 11,13A1,1 0 0,0 10,12M14,12A1,1 0 0,0 13,13A1,1 0 0,0 14,14A1,1 0 0,0 15,13A1,1 0 0,0 14,12M20.23,10.66C19.59,11.47 18.61,12 17.5,12C17.05,12 16.62,11.9 16.21,11.73C16.2,14.28 15.83,17.36 14.45,18.95C13.93,19.54 13.3,19.86 12.5,19.96V18H11.5V19.96C10.7,19.86 10.07,19.55 9.55,18.95C8.16,17.35 7.79,14.29 7.78,11.74C7.38,11.9 6.95,12 6.5,12C5.39,12 4.41,11.47 3.77,10.66C2.88,11.55 2,12 2,12C2,12 3,14 5,14C5.36,14 5.64,13.96 5.88,13.91C6.22,17.73 7.58,22 12,22C16.42,22 17.78,17.73 18.12,13.91C18.36,13.96 18.64,14 19,14C21,14 22,12 22,12C22,12 21.12,11.55 20.23,10.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-outline.svg
new file mode 100644
index 00000000..7cfc802e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-account-outline" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,3.18L19,6.3V11.22C19,12.92 18.5,14.65 17.65,16.17C16,14.94 13.26,14.5 12,14.5C10.74,14.5 8,14.94 6.35,16.17C5.5,14.65 5,12.92 5,11.22V6.3L12,3.18M12,6A3.5,3.5 0 0,0 8.5,9.5A3.5,3.5 0 0,0 12,13A3.5,3.5 0 0,0 15.5,9.5A3.5,3.5 0 0,0 12,6M12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8M12,16.5C13.57,16.5 15.64,17.11 16.53,17.84C15.29,19.38 13.7,20.55 12,21C10.3,20.55 8.71,19.38 7.47,17.84C8.37,17.11 10.43,16.5 12,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant-outline.svg
new file mode 100644
index 00000000..34e16bee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-account-variant-outline" viewBox="0 0 24 24"><path d="M17 14.4C17.6 14.4 18.1 14.9 18.1 15.5S17.6 16.6 17 16.6 15.9 16.1 15.9 15.5 16.4 14.4 17 14.4M17 17.5C16.3 17.5 14.8 17.9 14.8 18.6C15.3 19.3 16.1 19.8 17 19.8S18.7 19.3 19.2 18.6C19.2 17.9 17.7 17.5 17 17.5M18 11.1V6.3L10.5 3L3 6.3V11.2C3 15.7 6.2 20 10.5 21C11.1 20.9 11.6 20.7 12.1 20.5C13.2 22 15 23 17 23C20.3 23 23 20.3 23 17C23 14 20.8 11.6 18 11.1M11 17C11 17.6 11.1 18.1 11.2 18.6C11 18.7 10.7 18.8 10.5 18.9C7.3 17.9 5 14.7 5 11.2V7.6L10.5 5.2L16 7.6V11.1C13.2 11.6 11 14 11 17M17 21C14.8 21 13 19.2 13 17S14.8 13 17 13 21 14.8 21 17 19.2 21 17 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant.svg
new file mode 100644
index 00000000..dfcf0713
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-account-variant" viewBox="0 0 24 24"><path d="M17 11C17.3 11 17.7 11 18 11.1V6.3L10.5 3L3 6.3V11.2C3 15.7 6.2 20 10.5 21C11.1 20.9 11.6 20.7 12.1 20.5C11.4 19.5 11 18.3 11 17C11 13.7 13.7 11 17 11M17 13C14.8 13 13 14.8 13 17S14.8 21 17 21 21 19.2 21 17 19.2 13 17 13M17 14.4C17.6 14.4 18.1 14.9 18.1 15.5C18.1 16.1 17.6 16.6 17 16.6S15.9 16.1 15.9 15.5 16.4 14.4 17 14.4M17 19.8C16.1 19.8 15.3 19.3 14.8 18.6C14.9 17.9 16.3 17.5 17 17.5S19.2 17.9 19.2 18.6C18.7 19.3 17.9 19.8 17 19.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account.svg
new file mode 100644
index 00000000..de437831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-account" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.82 8.71,12.47 12,12.47C15.29,12.47 18,13.79 18,15.47C17.76,16 17.47,16.5 17.13,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane-outline.svg
new file mode 100644
index 00000000..5fb3a217
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-airplane-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M12,5.68C12.5,5.68 12.95,6.11 12.95,6.63V10.11L18,13.26V14.53L12.95,12.95V16.42L14.21,17.37V18.32L12,17.68L9.79,18.32V17.37L11.05,16.42V12.95L6,14.53V13.26L11.05,10.11V6.63C11.05,6.11 11.5,5.68 12,5.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane.svg
new file mode 100644
index 00000000..325463b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-airplane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-airplane" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5.68C12.5,5.68 12.95,6.11 12.95,6.63V10.11L18,13.26V14.53L12.95,12.95V16.42L14.21,17.37V18.32L12,17.68L9.79,18.32V17.37L11.05,16.42V12.95L6,14.53V13.26L11.05,10.11V6.63C11.05,6.11 11.5,5.68 12,5.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert-outline.svg
new file mode 100644
index 00000000..ed621aec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-alert-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M11,7H13V13H11V7M11,15H13V17H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert.svg
new file mode 100644
index 00000000..603de02c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-alert" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5M11,7H13V13H11M11,15H13V17H11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug-outline.svg
new file mode 100644
index 00000000..3ddf603f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-bug-outline" viewBox="0 0 24 24"><path d="M9.9 6.6L9.1 7.4L10.3 8.6C9.8 8.9 9.4 9.4 9.2 10H7V11H9V12H7V13H9V14H7V15H9.2C9.6 16.2 10.7 17 12 17S14.4 16.2 14.8 15H17V14H15V13H17V12H15V11H17V10H14.8C14.6 9.4 14.2 8.9 13.7 8.5L14.9 7.3L14.2 6.6L12.8 8H12C11.8 8 11.5 8 11.3 8.1L9.9 6.6M11 11H13V12H11V11M11 13H13V14H11V13M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug.svg
new file mode 100644
index 00000000..0edf1df3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-bug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-bug" viewBox="0 0 24 24"><path d="M11 13H13V14H11V13M21 5V11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5M17 10H14.8C14.6 9.4 14.2 8.9 13.7 8.5L14.9 7.3L14.2 6.6L12.8 8H12C11.8 8 11.5 8 11.3 8.1L9.9 6.6L9.1 7.4L10.3 8.6C9.8 8.9 9.4 9.4 9.2 10H7V11H9V12H7V13H9V14H7V15H9.2C9.6 16.2 10.7 17 12 17S14.4 16.2 14.8 15H17V14H15V13H17V12H15V11H17V10M11 12H13V11H11V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-car.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-car.svg
new file mode 100644
index 00000000..590646e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-car" viewBox="0 0 24 24"><path d="M14.42 7.5L16 11H8L9.42 7.5H14.42M9 12C8.45 12 8 12.45 8 13S8.45 14 9 14 10 13.55 10 13 9.55 12 9 12M15 12C14.45 12 14 12.45 14 13S14.45 14 15 14 16 13.55 16 13 15.55 12 15 12M21 5V11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1L21 5M18 12L15.84 7C15.64 6.42 15.08 6 14.42 6H9.42C8.76 6 8.2 6.42 8 7L6 12V16C6 16.55 6.45 17 7 17H8C8.55 17 9 16.55 9 16V15H15V16C15 16.55 15.45 17 16 17H17C17.55 17 18 16.55 18 16V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-check-outline.svg
new file mode 100644
index 00000000..d3394a6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-check-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-check.svg
new file mode 100644
index 00000000..9ba4ee64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-check" viewBox="0 0 24 24"><path d="M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross-outline.svg
new file mode 100644
index 00000000..3b040a40
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-cross-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.5 17.2,21.7 12,23C6.8,21.7 3,16.5 3,11V5L12,1L21,5V11M12,21C15.8,20 19,15.5 19,11.2V6.3L12,3.2L5,6.3V11.2C5,15.5 8.3,20 12,21M16,9H13V6H11V9H8V11H11V19H13V11H16V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross.svg
new file mode 100644
index 00000000..25194c54
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-cross.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-cross" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.5 6.8,21.7 12,23C17.2,21.7 21,16.5 21,11V5L12,1M16,10H13V18H11V10H8V8H11V5H13V8H16V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown-outline.svg
new file mode 100644
index 00000000..58f687e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-crown-outline" viewBox="0 0 24 24"><path d="M12 1L21 5V11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1M12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18M16 14V15.5L16 15.59C15.96 15.81 15.78 15.96 15.53 16L15.43 16H8.57L8.47 16C8.22 15.96 8.04 15.81 8 15.59L8 15.5V14H16M17 8L16 13H8L7 8L7 8L9.67 10.67L12 8.34L14.33 10.67L17 8L17 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown.svg
new file mode 100644
index 00000000..c6fbfecf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-crown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-crown" viewBox="0 0 24 24"><path d="M12 1L21 5V11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1M16 14H8V15.5C8 15.77 8.19 15.96 8.47 16L8.57 16H15.43C15.74 16 15.95 15.84 16 15.59L16 15.5V14M17 8L17 8L14.33 10.67L12 8.34L9.67 10.67L7 8L7 8L8 13H16L17 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit-outline.svg
new file mode 100644
index 00000000..4598a1d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-edit-outline" viewBox="0 0 24 24"><path d="M21.7 13.6L20.4 12.3C20.3 12.2 20.2 12.1 20 12.1C19.9 12.1 19.7 12.2 19.6 12.3L18.6 13.3L20.6 15.3L21.6 14.3C21.9 14.1 21.9 13.8 21.7 13.6M12 19.9V22H14.1L20.2 15.9L18.2 13.8L12 19.9M10 22.3C5.9 20.3 3 15.8 3 11V5L12 1L21 5V8.1L19 10.1V6.3L12 3.2L5 6.3V11.2C5 14.7 7.2 18.3 10 20.1V22.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit.svg
new file mode 100644
index 00000000..0fac33a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-edit" viewBox="0 0 24 24"><path d="M21.7 14.4L20.7 15.4L18.6 13.3L19.6 12.3C19.8 12.1 20.2 12.1 20.4 12.3L21.7 13.6C21.9 13.8 21.9 14.1 21.7 14.4M12 19.9L18.1 13.8L20.2 15.9L14.1 22H12V19.9M10 19.1L21 8.1V5L12 1L3 5V11C3 15.8 5.9 20.3 10 22.3V19.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-half-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-half-full.svg
new file mode 100644
index 00000000..f01771dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-half-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-half-full" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-half.svg
new file mode 100644
index 00000000..85466252
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-half" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.5 6.8 21.7 12 23V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-home-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-home-outline.svg
new file mode 100644
index 00000000..d25082df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-home-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-home-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M11,14H13V17H16V12H18L12,7L6,12H8V17H11V14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-home.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-home.svg
new file mode 100644
index 00000000..393ef9d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-home" viewBox="0 0 24 24"><path d="M11,13H13V16H16V11H18L12,6L6,11H8V16H11V13M12,1L21,5V11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-key-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-key-outline.svg
new file mode 100644
index 00000000..ed8735d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-key-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-key-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M12,6A3,3 0 0,1 15,9C15,10.31 14.17,11.42 13,11.83V14H15V16H13V18H11V11.83C9.83,11.42 9,10.31 9,9A3,3 0 0,1 12,6M12,8A1,1 0 0,0 11,9A1,1 0 0,0 12,10A1,1 0 0,0 13,9A1,1 0 0,0 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-key.svg
new file mode 100644
index 00000000..14f22837
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-key" viewBox="0 0 24 24"><path d="M12,8A1,1 0 0,1 13,9A1,1 0 0,1 12,10A1,1 0 0,1 11,9A1,1 0 0,1 12,8M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,6A3,3 0 0,0 9,9C9,10.31 9.83,11.42 11,11.83V18H13V16H15V14H13V11.83C14.17,11.42 15,10.31 15,9A3,3 0 0,0 12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant-outline.svg
new file mode 100644
index 00000000..2dc63ce3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-link-variant-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M14.28,9.73C14.86,10.31 15.18,11.08 15.18,11.9C15.18,12.73 14.86,13.5 14.28,14.08L12.26,16.1C11.66,16.7 10.87,17 10.08,17C9.29,17 8.5,16.7 7.9,16.1C6.7,14.9 6.7,12.95 7.9,11.74L9.15,10.5L9.14,11.06C9.14,11.5 9.21,11.95 9.36,12.36L9.4,12.5L9.04,12.87C8.75,13.15 8.6,13.5 8.6,13.92C8.6,14.31 8.75,14.68 9.03,14.96C9.6,15.53 10.57,15.53 11.13,14.97L13.14,12.95C13.43,12.67 13.58,12.3 13.58,11.91C13.58,11.5 13.43,11.14 13.14,10.86C13,10.71 12.9,10.5 12.9,10.29C12.9,10.08 13,9.87 13.14,9.72C13.45,9.42 14,9.42 14.28,9.73M18,9.08C18,9.9 17.68,10.68 17.1,11.26L15.85,12.5L15.86,11.94C15.86,11.5 15.79,11.06 15.64,10.64L15.59,10.5L15.96,10.13C16.25,9.85 16.4,9.5 16.4,9.08C16.4,8.69 16.25,8.32 15.96,8.04C15.4,7.47 14.43,7.47 13.87,8.03L11.86,10.05C11.57,10.33 11.42,10.7 11.42,11.1C11.42,11.5 11.57,11.86 11.85,12.14C12,12.29 12.1,12.5 12.1,12.71C12.1,12.93 12,13.13 11.85,13.28C11.7,13.43 11.5,13.5 11.29,13.5C11.09,13.5 10.88,13.43 10.72,13.28C9.5,12.07 9.5,10.12 10.72,8.92L12.74,6.9C13.95,5.7 15.9,5.7 17.1,6.9C17.68,7.5 18,8.26 18,9.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant.svg
new file mode 100644
index 00000000..4fec4e6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-link-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-link-variant" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M14.28,14.08L12.26,16.1C11.66,16.7 10.87,17 10.08,17C9.29,17 8.5,16.7 7.9,16.1C6.7,14.9 6.7,12.95 7.9,11.74L9.15,10.5L9.14,11.06C9.14,11.5 9.21,11.95 9.36,12.37L9.41,12.5L9.04,12.87C8.76,13.15 8.6,13.53 8.6,13.92C8.6,14.32 8.76,14.69 9.04,14.97C9.6,15.53 10.57,15.53 11.13,14.97L13.14,12.96C13.43,12.67 13.58,12.3 13.58,11.91C13.58,11.5 13.43,11.14 13.15,10.86C13,10.71 12.9,10.5 12.9,10.29C12.9,10.08 13,9.88 13.15,9.73C13.45,9.42 14,9.43 14.28,9.73C14.86,10.31 15.18,11.08 15.18,11.9C15.18,12.73 14.86,13.5 14.28,14.08M17.1,11.26L15.85,12.5L15.86,11.94C15.86,11.5 15.79,11.06 15.64,10.64L15.6,10.5L15.96,10.13C16.25,9.85 16.4,9.5 16.4,9.08C16.4,8.69 16.25,8.32 15.97,8.04C15.4,7.47 14.43,7.47 13.87,8.04L11.86,10.05C11.58,10.33 11.42,10.7 11.42,11.1C11.42,11.5 11.57,11.86 11.86,12.14C12,12.29 12.1,12.5 12.1,12.71C12.1,12.93 12,13.13 11.85,13.28C11.7,13.44 11.5,13.5 11.29,13.5C11.09,13.5 10.88,13.43 10.72,13.28C9.5,12.08 9.5,10.12 10.72,8.92L12.74,6.9C13.95,5.7 15.9,5.7 17.1,6.9C17.68,7.5 18,8.26 18,9.08C18,9.9 17.68,10.68 17.1,11.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open-outline.svg
new file mode 100644
index 00000000..acdd27a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-lock-open-outline" viewBox="0 0 24 24"><path d="M21 11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1L21 5V11M12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21M14.8 11H10.5V8.5C10.5 7.7 11.2 7.2 12 7.2S13.5 7.7 13.5 8.5V9H14.8V8.5C14.8 7.1 13.4 6 12 6S9.2 7.1 9.2 8.5V11C8.6 11 8 11.6 8 12.2V15.7C8 16.4 8.6 17 9.2 17H14.7C15.4 17 16 16.4 16 15.8V12.3C16 11.6 15.4 11 14.8 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open.svg
new file mode 100644
index 00000000..58761034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-lock-open" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.5 6.8 21.7 12 23C17.2 21.7 21 16.5 21 11V5L12 1M16 15.8C16 16.4 15.4 17 14.7 17H9.2C8.6 17 8 16.4 8 15.7V12.2C8 11.6 8.6 11 9.2 11V8.5C9.2 7.1 10.6 6 12 6S14.8 7.1 14.8 8.5V9H13.5V8.5C13.5 7.7 12.8 7.2 12 7.2S10.5 7.7 10.5 8.5V11H14.8C15.4 11 16 11.6 16 12.3V15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-outline.svg
new file mode 100644
index 00000000..2ef1055e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-lock-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21M14.8,11V9.5C14.8,8.1 13.4,7 12,7C10.6,7 9.2,8.1 9.2,9.5V11C8.6,11 8,11.6 8,12.2V15.7C8,16.4 8.6,17 9.2,17H14.7C15.4,17 16,16.4 16,15.8V12.3C16,11.6 15.4,11 14.8,11M13.5,11H10.5V9.5C10.5,8.7 11.2,8.2 12,8.2C12.8,8.2 13.5,8.7 13.5,9.5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock.svg
new file mode 100644
index 00000000..efba9ddc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-lock" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,7C13.4,7 14.8,8.1 14.8,9.5V11C15.4,11 16,11.6 16,12.3V15.8C16,16.4 15.4,17 14.7,17H9.2C8.6,17 8,16.4 8,15.7V12.2C8,11.6 8.6,11 9.2,11V9.5C9.2,8.1 10.6,7 12,7M12,8.2C11.2,8.2 10.5,8.7 10.5,9.5V11H13.5V9.5C13.5,8.7 12.8,8.2 12,8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon-outline.svg
new file mode 100644
index 00000000..b9253956
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-moon-outline" viewBox="0 0 24 24"><path d="M21 11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1L21 5V11M12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21M9 14.33C10.76 16.5 14.13 16.57 15.97 14.4C16.2 14.13 16.05 13.72 15.71 13.66C14.42 13.45 13.23 12.68 12.53 11.46C11.82 10.24 11.75 8.83 12.21 7.6C12.33 7.27 12.05 6.94 11.7 7C8.36 7.62 6.81 11.61 9 14.33" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon.svg
new file mode 100644
index 00000000..bf57987f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-moon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-moon" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1M15.97 14.41C14.13 16.58 10.76 16.5 9 14.34C6.82 11.62 8.36 7.62 11.7 7C12.04 6.95 12.33 7.28 12.21 7.61C11.75 8.84 11.82 10.25 12.53 11.47C13.24 12.69 14.42 13.46 15.71 13.67C16.05 13.72 16.2 14.14 15.97 14.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-off-outline.svg
new file mode 100644
index 00000000..19eb339b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-off-outline" viewBox="0 0 24 24"><path d="M1,4.27L3,6.27V11C3,16.55 6.84,21.74 12,23C13.87,22.54 15.57,21.56 16.97,20.24L19.23,22.5L20.5,21.22L2.28,3L1,4.27M12,21C8.25,20 5,15.54 5,11.22V8.27L15.59,18.86C14.53,19.89 13.3,20.65 12,21M21,5V11C21,13.28 20.35,15.5 19.23,17.4L17.77,15.95C18.54,14.5 19,12.84 19,11.22V6.3L12,3.18L7.16,5.34L5.65,3.82L12,1L21,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-off.svg
new file mode 100644
index 00000000..3765f946
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-off" viewBox="0 0 24 24"><path d="M1,4.27L2.28,3L20.5,21.22L19.23,22.5L17,20.25C15.57,21.57 13.87,22.54 12,23C6.84,21.74 3,16.55 3,11V6.27L1,4.27M12,1L21,5V11C21,13.28 20.35,15.5 19.23,17.41L5.65,3.82L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-outline.svg
new file mode 100644
index 00000000..c454e6b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-outline" viewBox="0 0 24 24"><path d="M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus-outline.svg
new file mode 100644
index 00000000..564eaa2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-plus-outline" viewBox="0 0 24 24"><path d="M19,20V22.97H17V20H14V18H17V15H19V18H22V20H19M21,11C21,11.9 20.9,12.78 20.71,13.65C20.13,13.35 19.5,13.15 18.81,13.05C18.93,12.45 19,11.83 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21L12.31,20.91C12.5,21.53 12.83,22.11 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus.svg
new file mode 100644
index 00000000..f0c2f832
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-plus" viewBox="0 0 24 24"><path d="M19,20V22.97H17V20H14V18H17V15H19V18H22V20H19M12,1L21,5V11C21,11.9 20.9,12.78 20.71,13.65C19.9,13.23 19,13 18,13A6,6 0 0,0 12,19C12,20.36 12.45,21.62 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh-outline.svg
new file mode 100644
index 00000000..342feb69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-refresh-outline" viewBox="0 0 24 24"><path d="M12 21C8.2 20 5 15.5 5 11.2V6.3L12 3.2L19 6.3V12.1C19.7 12.2 20.3 12.4 20.9 12.7C21 12.1 21 11.6 21 11V5L12 1L3 5V11C3 16.5 6.8 21.7 12 23C12.4 22.9 12.7 22.8 13 22.7C12.6 22.2 12.2 21.6 12 21M18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh.svg
new file mode 100644
index 00000000..d8fc6c3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-refresh" viewBox="0 0 24 24"><path d="M18 12C19 12 20 12.2 20.9 12.7C21 12.1 21 11.6 21 11V5L12 1L3 5V11C3 16.5 6.8 21.7 12 23C12.4 22.9 12.7 22.8 13 22.7C12 21.5 11.5 20 11.5 18.5C11.5 14.9 14.4 12 18 12M18 14.5C19.1 14.5 20.1 14.9 20.8 15.7L22 14.5V18.5H18L19.8 16.7C19.3 16.3 18.7 16 18 16C16.6 16 15.5 17.1 15.5 18.5S16.6 21 18 21C18.8 21 19.5 20.6 20 20H21.7C21.1 21.5 19.7 22.5 18 22.5C15.8 22.5 14 20.7 14 18.5S15.8 14.5 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove-outline.svg
new file mode 100644
index 00000000..0e55d576
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-remove-outline" viewBox="0 0 24 24"><path d="M19.43,19L21.5,21.11L20.12,22.5L18.03,20.41L15.91,22.53L14.5,21.11L16.61,19L14.5,16.86L15.88,15.47L18,17.59L20.12,15.47L21.55,16.9L19.43,19M21,11C21,11.9 20.9,12.78 20.71,13.65C20.13,13.35 19.5,13.15 18.81,13.05C18.93,12.45 19,11.83 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.25,20 12,21L12.31,20.91C12.5,21.53 12.83,22.11 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove.svg
new file mode 100644
index 00000000..221f62dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-remove" viewBox="0 0 24 24"><path d="M19.43,19L21.5,21.11L20.12,22.5L18.03,20.41L15.91,22.53L14.5,21.11L16.61,19L14.5,16.86L15.88,15.47L18,17.59L20.12,15.47L21.55,16.9L19.43,19M12,1L21,5V11C21,11.9 20.9,12.78 20.71,13.65C19.9,13.23 19,13 18,13A6,6 0 0,0 12,19C12,20.36 12.45,21.62 13.22,22.62L12,23C6.84,21.74 3,16.55 3,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-search.svg
new file mode 100644
index 00000000..0c0493e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-search" viewBox="0 0 24 24"><path d="M12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9M17.86,19.31C16.23,21.22 14.28,22.45 12,23C9.44,22.39 7.3,20.93 5.58,18.63C3.86,16.34 3,13.8 3,11V5L12,1L21,5V11C21,13.39 20.36,15.61 19.08,17.67L16.17,14.76C16.69,13.97 17,13 17,12A5,5 0 0,0 12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17C13,17 13.97,16.69 14.76,16.17L17.86,19.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-star-outline.svg
new file mode 100644
index 00000000..d44b699d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-star-outline" viewBox="0 0 24 24"><path d="M21 11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1L21 5V11M12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21M15.05 16L11.97 14.15L8.9 16L9.71 12.5L7 10.16L10.58 9.85L11.97 6.55L13.37 9.84L16.95 10.15L14.23 12.5L15.05 16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-star.svg
new file mode 100644
index 00000000..dbfde60b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-star" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1M15.08 16L12 14.15L8.93 16L9.74 12.5L7.03 10.16L10.61 9.85L12 6.55L13.39 9.84L16.97 10.15L14.26 12.5L15.08 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun-outline.svg
new file mode 100644
index 00000000..8ce79308
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sun-outline" viewBox="0 0 24 24"><path d="M21 11C21 16.55 17.16 21.74 12 23C6.84 21.74 3 16.55 3 11V5L12 1L21 5V11M12 21C15.75 20 19 15.54 19 11.22V6.3L12 3.18L5 6.3V11.22C5 15.54 8.25 20 12 21M12 8.89C13.6 8.89 14.89 10.18 14.89 11.78S13.6 14.67 12 14.67 9.11 13.37 9.11 11.78 10.41 8.89 12 8.89M12 6L13.38 8C12.96 7.82 12.5 7.73 12 7.73S11.05 7.82 10.62 8L12 6M7 8.89L9.4 8.69C9.06 9 8.74 9.34 8.5 9.76C8.25 10.18 8.1 10.62 8 11.08L7 8.89M7 14.67L8.03 12.5C8.11 12.93 8.27 13.38 8.5 13.8C8.75 14.23 9.06 14.59 9.4 14.88L7 14.67M17 8.89L16 11.08C15.9 10.62 15.74 10.18 15.5 9.76C15.26 9.34 14.95 9 14.6 8.68L17 8.89M17 14.67L14.6 14.87C14.94 14.58 15.25 14.22 15.5 13.8C15.74 13.38 15.89 12.93 15.97 12.5L17 14.67M12 17.55L10.61 15.57C11.04 15.72 11.5 15.82 12 15.82C12.5 15.82 12.95 15.72 13.37 15.57L12 17.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun.svg
new file mode 100644
index 00000000..f05c7611
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sun.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sun" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V5L12 1M12 8.89C13.6 8.89 14.89 10.18 14.89 11.78S13.6 14.67 12 14.67 9.11 13.37 9.11 11.78 10.41 8.89 12 8.89M12 6L13.38 8C12.96 7.82 12.5 7.73 12 7.73S11.05 7.82 10.62 8L12 6M7 8.89L9.4 8.69C9.06 9 8.74 9.34 8.5 9.76C8.25 10.18 8.1 10.62 8 11.08L7 8.89M7 14.67L8.03 12.5C8.11 12.93 8.27 13.38 8.5 13.8C8.75 14.23 9.06 14.59 9.4 14.88L7 14.67M17 8.89L16 11.08C15.9 10.62 15.74 10.18 15.5 9.76C15.26 9.34 14.95 9 14.6 8.68L17 8.89M17 14.67L14.6 14.87C14.94 14.58 15.25 14.22 15.5 13.8C15.74 13.38 15.89 12.93 15.97 12.5L17 14.67M12 17.55L10.61 15.57C11.04 15.72 11.5 15.82 12 15.82C12.5 15.82 12.95 15.72 13.37 15.57L12 17.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword-outline.svg
new file mode 100644
index 00000000..ba0d588c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sword-outline" viewBox="0 0 24 24"><path d="M12 1L21 5V11C21 16.5 17.2 21.7 12 23C6.8 21.7 3 16.5 3 11V5L12 1M12 3.2L5 6.3V11.2C5 15.5 8.2 20 12 21C15.8 20 19 15.5 19 11.2V6.3L12 3.2M12 5.5L14 7.1L13 13H15V15H13V18H11V15H9V13H11L10 7.1L12 5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword.svg
new file mode 100644
index 00000000..190d91ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sword.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sword" viewBox="0 0 24 24"><path d="M12 1L3 5V11C3 16.5 6.8 21.7 12 23C17.2 21.7 21 16.5 21 11V5L12 1M15 15H13V18H11V15H9V13H11L10 7.1L12 5.5L14 7.1L13 13H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync-outline.svg
new file mode 100644
index 00000000..570362ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sync-outline" viewBox="0 0 24 24"><path d="M12 21C8.25 20 5 15.54 5 11.22V6.3L12 3.18L19 6.3V12.07A6.45 6.45 0 0 1 20.91 12.67A11.63 11.63 0 0 0 21 11V5L12 1L3 5V11C3 16.55 6.84 21.74 12 23C12.35 22.91 12.7 22.8 13 22.68A6.3 6.3 0 0 1 12 21M18 14.5V13L15.75 15.25L18 17.5V16A2.5 2.5 0 0 1 20.24 19.62L21.33 20.71A4 4 0 0 0 18 14.5M18 21A2.5 2.5 0 0 1 15.76 17.38L14.67 16.29A4 4 0 0 0 18 22.5V24L20.25 21.75L18 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync.svg
new file mode 100644
index 00000000..34d9456a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield-sync" viewBox="0 0 24 24"><path d="M18 12A6.41 6.41 0 0 1 20.87 12.67A11.63 11.63 0 0 0 21 11V5L12 1L3 5V11C3 16.55 6.84 21.74 12 23C12.35 22.91 12.7 22.8 13 22.68A6.42 6.42 0 0 1 11.5 18.5A6.5 6.5 0 0 1 18 12M18 14.5V13L15.75 15.25L18 17.5V16A2.5 2.5 0 0 1 20.24 19.62L21.33 20.71A4 4 0 0 0 18 14.5M18 21A2.5 2.5 0 0 1 15.76 17.38L14.67 16.29A4 4 0 0 0 18 22.5V24L20.25 21.75L18 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shield.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shield.svg
new file mode 100644
index 00000000..53dce01f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shield" viewBox="0 0 24 24"><path d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shimmer.svg
new file mode 100644
index 00000000..40424d48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shimmer" viewBox="0 0 24 24"><path d="M10.6 9.6L9 15L7.4 9.6L2 8L7.4 6.4L9 1L10.6 6.4L16 8L10.6 9.6M17 14.2L21 12L18.8 16L21 20L17 17.8L13 20L15.2 16L13 12L17 14.2M10 16L8.3 19L10 22L7 20.3L4 22L5.7 19L4 16L7 17.7L10 16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ship-wheel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ship-wheel.svg
new file mode 100644
index 00000000..8be5d76f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ship-wheel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ship-wheel" viewBox="0 0 24 24"><path d="M2,11L4.05,11.1C4.3,8.83 5.5,6.85 7.25,5.56L6.13,3.84C5.86,3.36 6,2.75 6.5,2.47C7,2.2 7.59,2.36 7.87,2.84L8.8,4.66C9.78,4.24 10.86,4 12,4C13.14,4 14.22,4.24 15.2,4.66L16.13,2.84C16.41,2.36 17,2.2 17.5,2.47C18,2.75 18.14,3.36 17.87,3.84L16.75,5.56C18.5,6.85 19.7,8.83 19.95,11.1L22,11A1,1 0 0,1 23,12A1,1 0 0,1 22,13L19.95,12.9C19.7,15.17 18.5,17.15 16.75,18.44L17.87,20.16C18.14,20.64 18,21.25 17.5,21.53C17,21.8 16.41,21.64 16.13,21.16L15.2,19.34C14.22,19.76 13.14,20 12,20C10.86,20 9.78,19.76 8.8,19.34L7.87,21.16C7.59,21.64 7,21.8 6.5,21.53C6,21.25 5.86,20.64 6.13,20.16L7.25,18.44C5.5,17.15 4.3,15.17 4.05,12.9L2,13A1,1 0 0,1 1,12A1,1 0 0,1 2,11M9.07,11.35C9.2,10.74 9.53,10.2 10,9.79L8.34,7.25C7.11,8.19 6.27,9.6 6.05,11.2L9.07,11.35M12,9C12.32,9 12.62,9.05 12.9,9.14L14.28,6.45C13.58,6.16 12.81,6 12,6C11.19,6 10.42,6.16 9.72,6.45L11.1,9.14C11.38,9.05 11.68,9 12,9M14.93,11.35L17.95,11.2C17.73,9.6 16.89,8.19 15.66,7.25L14,9.79C14.47,10.2 14.8,10.74 14.93,11.35M14.93,12.65C14.8,13.26 14.47,13.8 14,14.21L15.66,16.75C16.89,15.81 17.73,14.4 17.95,12.8L14.93,12.65M12,15C11.68,15 11.38,14.95 11.09,14.86L9.72,17.55C10.42,17.84 11.19,18 12,18C12.81,18 13.58,17.84 14.28,17.55L12.91,14.86C12.62,14.95 12.32,15 12,15M9.07,12.65L6.05,12.8C6.27,14.4 7.11,15.81 8.34,16.75L10,14.21C9.53,13.8 9.2,13.26 9.07,12.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shipping-pallet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shipping-pallet.svg
new file mode 100644
index 00000000..28a6ff07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shipping-pallet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shipping-pallet" viewBox="0 0 24 24"><path d="M3 20H5V18H11V20H13V18H19V20H21V15H19V16H17V15H15V16H13V15H11V16H9V15H7V16H5V15H3M5 13H19V4H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-ballet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-ballet.svg
new file mode 100644
index 00000000..41306537
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-ballet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-ballet" viewBox="0 0 24 24"><path d="M12.78 11.97C12.27 8.54 10.86 2 7.53 2S2.8 8.54 2.28 11.97C2.07 13.42 2 14.89 2.16 16.35C2.5 19.39 3.55 20.84 4.27 21.5C4.64 21.83 5.11 22 5.6 22H9.47C9.96 22 10.43 21.83 10.8 21.5C11.5 20.84 12.55 19.39 12.91 16.35C13.08 14.89 13 13.42 12.78 11.97M7.53 4C7.89 3.87 8.59 4.73 9.27 6.31L4.58 10.33C5.41 6.26 6.94 3.79 7.53 4M9.75 13H5.31C5.1 13 4.92 12.92 4.76 12.81L10 8.33C10.29 9.35 10.56 10.5 10.75 11.83C10.84 12.44 10.37 13 9.75 13M21.78 11.97C21.27 8.54 19.86 2 16.53 2C15.04 2 13.94 3.32 13.13 5.08C13.5 6.04 13.84 7.14 14.13 8.37L19.31 12.81C19.15 12.92 18.97 13 18.75 13H14.92C15.04 14.27 15.03 15.45 14.89 16.59C14.62 18.87 14 20.45 13.32 21.53C13.68 21.84 14.13 22 14.6 22H18.47C18.96 22 19.43 21.83 19.8 21.5C20.5 20.84 21.55 19.39 21.91 16.35C22.08 14.89 22 13.42 21.78 11.97M14.8 6.31C15.5 4.73 16.18 3.87 16.53 4C17.13 3.79 18.65 6.26 19.5 10.33L14.8 6.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-cleat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-cleat.svg
new file mode 100644
index 00000000..22d60ed4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-cleat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-cleat" viewBox="0 0 24 24"><path d="M21 8C20.76 8 20.53 8 20.3 8L20.25 7.97C18.14 7.84 16.38 7.17 15.53 6.23L14 7C13.95 7.1 13.89 7.19 13.84 7.28C14.55 7.89 15 8.65 15 9.5C15 9.83 14.91 10.14 14.79 10.45L12.92 8.58C12.7 8.83 12.47 9.07 12.22 9.29L14.25 11.32C14.04 11.57 13.8 11.79 13.5 12L11.43 9.91C11.14 10.11 10.85 10.28 10.55 10.45L12.58 12.5C12.25 12.63 11.89 12.74 11.5 12.82L9.59 10.91C9.25 11.05 8.91 11.18 8.56 11.29L10.26 13C10.17 13 10.09 13 10 13C8.5 13 7.2 12.54 6.28 11.82C5.46 11.95 4.68 12 4 12C2 12 2 15 2 15V15C2 16.11 2.89 17 4 17H4V18C4 18.55 4.45 19 5 19S6 18.55 6 18V17H7V18C7 18.55 7.45 19 8 19S9 18.55 9 18V17H10V18C10 18.55 10.45 19 11 19S12 18.55 12 18V17H15V18C15 18.55 15.45 19 16 19S17 18.55 17 18V17H18V18C18 18.55 18.45 19 19 19S20 18.55 20 18V17H21C21 17 22 17 22 12.5C22 9 21 8 21 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-formal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-formal.svg
new file mode 100644
index 00000000..c69f1da7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-formal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-formal" viewBox="0 0 24 24"><path d="M21.5,9V8H20.5L19.5,9H15L14,8H13L7,12H4A2,2 0 0,0 2,14V16H10L13,15H15V16H21.5V14C21.5,14 22,13 22,11.5C22,10 21.5,9 21.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-heel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-heel.svg
new file mode 100644
index 00000000..0cdc40e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-heel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-heel" viewBox="0 0 24 24"><path d="M3,18H11.7L17,14H18V18H20V14C20,14 21,12 21,10C21,8 20.5,6 20.5,6H18.5L18,7L10,14H8L3,16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-print.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-print.svg
new file mode 100644
index 00000000..764707ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-print.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-print" viewBox="0 0 24 24"><path d="M10.74,11.72C11.21,12.95 11.16,14.23 9.75,14.74C6.85,15.81 6.2,13 6.16,12.86L10.74,11.72M5.71,10.91L10.03,9.84C9.84,8.79 10.13,7.74 10.13,6.5C10.13,4.82 8.8,1.53 6.68,2.06C4.26,2.66 3.91,5.35 4,6.65C4.12,7.95 5.64,10.73 5.71,10.91M17.85,19.85C17.82,20 17.16,22.8 14.26,21.74C12.86,21.22 12.8,19.94 13.27,18.71L17.85,19.85M20,13.65C20.1,12.35 19.76,9.65 17.33,9.05C15.22,8.5 13.89,11.81 13.89,13.5C13.89,14.73 14.17,15.78 14,16.83L18.3,17.9C18.38,17.72 19.89,14.94 20,13.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shoe-sneaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-sneaker.svg
new file mode 100644
index 00000000..d9263c3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shoe-sneaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shoe-sneaker" viewBox="0 0 24 24"><path d="M2 15C2 15 2 12 4 12C4.68 12 5.46 11.95 6.28 11.82C7.2 12.54 8.5 13 10 13H10.25L8.56 11.29C8.91 11.18 9.25 11.05 9.59 10.91L11.5 12.82C11.89 12.74 12.25 12.63 12.58 12.5L10.55 10.45C10.85 10.28 11.14 10.11 11.43 9.91L13.5 12C13.8 11.79 14.04 11.56 14.25 11.32L12.22 9.29C12.46 9.07 12.7 8.83 12.92 8.58L14.79 10.45C14.91 10.14 15 9.83 15 9.5C15 8.65 14.55 7.89 13.84 7.28C13.89 7.19 13.95 7.1 14 7L15.53 6.23C16.38 7.17 18.14 7.84 20.25 7.97L20.3 8H21C21 8 22 9 22 12.5C22 13.07 22 13.57 21.96 14H19C17.9 14 16.58 14.26 15.3 14.5C14.12 14.76 12.9 15 12 15H2M21 17C21 17 21.58 17 21.86 15H19C17 15 14 16 12 16H2.28C2.62 16.6 3.26 17 4 17H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shopping-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-music.svg
new file mode 100644
index 00000000..a010411b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shopping-music" viewBox="0 0 24 24"><path d="M12,3A3,3 0 0,0 9,6H15A3,3 0 0,0 12,3M19,6A2,2 0 0,1 21,8V20A2,2 0 0,1 19,22H5C3.89,22 3,21.1 3,20V8C3,6.89 3.89,6 5,6H7A5,5 0 0,1 12,1A5,5 0 0,1 17,6H19M9,19L16.5,14L9,10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shopping-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-outline.svg
new file mode 100644
index 00000000..4999a19d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shopping-outline" viewBox="0 0 24 24"><path d="M19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H19C20.1 22 21 21.1 21 20V8C21 6.9 20.1 6 19 6M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M19 20H5V8H19V20M12 12C10.3 12 9 10.7 9 9H7C7 11.8 9.2 14 12 14S17 11.8 17 9H15C15 10.7 13.7 12 12 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search-outline.svg
new file mode 100644
index 00000000..51e490aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shopping-search-outline" viewBox="0 0 24 24"><path d="M19.31 18.9C20.64 16.8 20 14 17.91 12.69S13.03 12 11.7 14.1 11 19 13.1 20.3C14.56 21.22 16.42 21.23 17.88 20.32L21 23.39L22.39 22M15.5 19C14.12 19 13 17.88 13 16.5S14.12 14 15.5 14 18 15.12 18 16.5 16.88 19 15.5 19M10.03 20H5V8H19V11.03C19.81 11.55 20.5 12.24 21 13.05V8C21 6.9 20.1 6 19 6H17C17 3.2 14.8 1 12 1S7 3.2 7 6H5C3.9 6 3 6.9 3 8V20C3 21.1 3.9 22 5 22H12.05C11.24 21.5 10.55 20.81 10.03 20M12 3C13.7 3 15 4.3 15 6H9C9 4.3 10.3 3 12 3M15 9H17C17 9.4 16.95 9.78 16.86 10.15C16.42 10.05 15.97 10 15.5 10C15.27 10 15.04 10 14.82 10.04C14.93 9.71 15 9.37 15 9M9.76 13.46C8.12 12.65 7 11 7 9H9C9 10.34 9.82 11.42 11 11.82C10.5 12.3 10.08 12.85 9.76 13.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search.svg
new file mode 100644
index 00000000..7e3f24a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shopping-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shopping-search" viewBox="0 0 24 24"><path d="M19 6H17A5 5 0 0 0 7 6H5A2 2 0 0 0 3 8V20A2 2 0 0 0 5 22H12.05A6.5 6.5 0 0 1 9 16.5A6.4 6.4 0 0 1 10.25 12.68A5 5 0 0 1 7 8H9A3 3 0 0 0 12 11H12.06A6.22 6.22 0 0 1 14.06 10.16A3 3 0 0 0 15 8H17A4.88 4.88 0 0 1 16.54 10.09A6.5 6.5 0 0 1 21 13.09V8A2 2 0 0 0 19 6M9 6A3 3 0 0 1 15 6M19.31 18.9A4.5 4.5 0 1 0 17.88 20.32L21 23.39L22.39 22M15.5 19A2.5 2.5 0 1 1 18 16.5A2.5 2.5 0 0 1 15.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shopping.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shopping.svg
new file mode 100644
index 00000000..9afb4d0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shopping.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shopping" viewBox="0 0 24 24"><path d="M12,13A5,5 0 0,1 7,8H9A3,3 0 0,0 12,11A3,3 0 0,0 15,8H17A5,5 0 0,1 12,13M12,3A3,3 0 0,1 15,6H9A3,3 0 0,1 12,3M19,6H17A5,5 0 0,0 12,1A5,5 0 0,0 7,6H5C3.89,6 3,6.89 3,8V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V8C21,6.89 20.1,6 19,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shore.svg
new file mode 100644
index 00000000..dfb8b596
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shore" viewBox="0 0 24 24"><path d="M20 12H22V14H20C18.6 14 17.3 13.6 16 13C13.5 14.3 10.5 14.3 8 13C6.7 13.6 5.4 14 4 14H2V12H4C5.4 12 6.8 11.5 8 10.7C10.4 12.4 13.6 12.4 16 10.7C17.2 11.5 18.6 12 20 12M20 6H22V8H20C18.6 8 17.3 7.7 16 7C13.5 8.3 10.5 8.3 8 7C6.7 7.7 5.4 8 4 8H2V6H4C5.4 6 6.8 5.5 8 4.7C10.4 6.4 13.6 6.4 16 4.7C17.2 5.5 18.6 6 20 6M22 20H2V18H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shovel-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shovel-off.svg
new file mode 100644
index 00000000..b956c395
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shovel-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shovel-off" viewBox="0 0 24 24"><path d="M15.1,1.81L12.27,4.65C11.5,5.43 11.5,6.69 12.27,7.47L13.68,8.89L13,9.62L14.44,11.06L15.17,10.33L16.56,11.72C17.34,12.5 18.61,12.5 19.39,11.72L22.22,8.88L15.1,1.81M17.93,10.28L13.7,6.06L15.11,4.65L19.34,8.88L17.93,10.28M20.7,20.24L19.29,21.65L11.5,13.88L10.5,14.88L13.33,17.69L12,19.09C7,24 3.5,20.5 3.5,20.5C3.5,20.5 -0.06,17 4.89,12L6.31,10.6L9.13,13.43L10.13,12.43L2.35,4.68L3.77,3.26L20.7,20.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shovel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shovel.svg
new file mode 100644
index 00000000..9a11a803
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shovel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shovel" viewBox="0 0 24 24"><path d="M15.1,1.81L12.27,4.64C11.5,5.42 11.5,6.69 12.27,7.47L13.68,8.88L9.13,13.43L6.31,10.6L4.89,12C-0.06,17 3.5,20.5 3.5,20.5C3.5,20.5 7,24 12,19.09L13.41,17.68L10.61,14.88L15.15,10.34L16.54,11.73C17.32,12.5 18.59,12.5 19.37,11.73L22.2,8.9L15.1,1.81M17.93,10.28L16.55,8.9L15.11,7.46L13.71,6.06L15.12,4.65L19.35,8.88L17.93,10.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shower-head.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shower-head.svg
new file mode 100644
index 00000000..375c2920
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shower-head.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shower-head" viewBox="0 0 24 24"><path d="M20,20A1,1 0 0,1 21,21A1,1 0 0,1 20,22A1,1 0 0,1 19,21A1,1 0 0,1 20,20M16,20A1,1 0 0,1 17,21A1,1 0 0,1 16,22A1,1 0 0,1 15,21A1,1 0 0,1 16,20M12,20A1,1 0 0,1 13,21A1,1 0 0,1 12,22A1,1 0 0,1 11,21A1,1 0 0,1 12,20M8,20A1,1 0 0,1 9,21A1,1 0 0,1 8,22A1,1 0 0,1 7,21A1,1 0 0,1 8,20M4,20A1,1 0 0,1 5,21A1,1 0 0,1 4,22A1,1 0 0,1 3,21A1,1 0 0,1 4,20M6,17A1,1 0 0,1 7,18A1,1 0 0,1 6,19H6A1,1 0 0,1 5,18A1,1 0 0,1 6,17H6M10,17A1,1 0 0,1 11,18A1,1 0 0,1 10,19A1,1 0 0,1 9,18A1,1 0 0,1 10,17M14,17A1,1 0 0,1 15,18A1,1 0 0,1 14,19A1,1 0 0,1 13,18A1,1 0 0,1 14,17M18,17A1,1 0 0,1 19,18A1,1 0 0,1 18,19A1,1 0 0,1 17,18A1,1 0 0,1 18,17M8,14A1,1 0 0,1 9,15A1,1 0 0,1 8,16A1,1 0 0,1 7,15A1,1 0 0,1 8,14M12,14A1,1 0 0,1 13,15A1,1 0 0,1 12,16A1,1 0 0,1 11,15A1,1 0 0,1 12,14M16,14A1,1 0 0,1 17,15A1,1 0 0,1 16,16A1,1 0 0,1 15,15A1,1 0 0,1 16,14M19,12H5V10H19V12M17.92,9H6.08C6.5,6.5 8.5,4.5 11,4.08V2H13V4.08C15.5,4.5 17.5,6.5 17.92,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shower.svg
new file mode 100644
index 00000000..83a02f2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shower" viewBox="0 0 24 24"><path d="M21,14V15C21,16.91 19.93,18.57 18.35,19.41L19,22H17L16.5,20C16.33,20 16.17,20 16,20H8C7.83,20 7.67,20 7.5,20L7,22H5L5.65,19.41C4.07,18.57 3,16.91 3,15V14H2V12H20V5A1,1 0 0,0 19,4C18.5,4 18.12,4.34 18,4.79C18.63,5.33 19,6.13 19,7H13A3,3 0 0,1 16,4C16.06,4 16.11,4 16.17,4C16.58,2.84 17.69,2 19,2A3,3 0 0,1 22,5V14H21V14M19,14H5V15A3,3 0 0,0 8,18H16A3,3 0 0,0 19,15V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shredder.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shredder.svg
new file mode 100644
index 00000000..76467f7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shredder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shredder" viewBox="0 0 24 24"><path d="M6,3V7H8V5H16V7H18V3H6M5,8A3,3 0 0,0 2,11V17H5V14H19V17H22V11A3,3 0 0,0 19,8H5M18,10A1,1 0 0,1 19,11A1,1 0 0,1 18,12A1,1 0 0,1 17,11A1,1 0 0,1 18,10M7,16V21H9V16H7M11,16V20H13V16H11M15,16V21H17V16H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-disabled.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-disabled.svg
new file mode 100644
index 00000000..d58a2233
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-disabled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shuffle-disabled" viewBox="0 0 24 24"><path d="M16,4.5V7H5V9H16V11.5L19.5,8M16,12.5V15H5V17H16V19.5L19.5,16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-variant.svg
new file mode 100644
index 00000000..68135062
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shuffle-variant" viewBox="0 0 24 24"><path d="M17,3L22.25,7.5L17,12L22.25,16.5L17,21V18H14.26L11.44,15.18L13.56,13.06L15.5,15H17V12L17,9H15.5L6.5,18H2V15H5.26L14.26,6H17V3M2,6H6.5L9.32,8.82L7.2,10.94L5.26,9H2V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shuffle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle.svg
new file mode 100644
index 00000000..3994c65d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shuffle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shuffle" viewBox="0 0 24 24"><path d="M14.83,13.41L13.42,14.82L16.55,17.95L14.5,20H20V14.5L17.96,16.54L14.83,13.41M14.5,4L16.54,6.04L4,18.59L5.41,20L17.96,7.46L20,9.5V4M10.59,9.17L5.41,4L4,5.41L9.17,10.58L10.59,9.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/shuriken.svg b/apps/phoenix_webcomponent/priv/mdi/svg/shuriken.svg
new file mode 100644
index 00000000..e9f02563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/shuriken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-shuriken" viewBox="0 0 24 24"><path d="M14.5 9.5L12 2L9.5 9.5L2 12L9.5 14.5L12 22L14.5 14.5L22 12L14.5 9.5M12 13.7C11.1 13.7 10.3 13 10.3 12C10.3 11.1 11 10.3 12 10.3C12.9 10.3 13.7 11 13.7 12C13.7 12.9 12.9 13.7 12 13.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sickle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sickle.svg
new file mode 100644
index 00000000..75d89e70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sickle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sickle" viewBox="0 0 24 24"><path d="M19.3 7.2C17.5 4.7 14.9 3 12 2C26.2 10.5 15.4 22.9 8.5 15.5L5.9 16L2.5 19.4C1.9 20 1.9 21 2.5 21.5C3.1 22.1 4.1 22.1 4.6 21.5L7.8 18.3C15.3 24.3 25 15 19.3 7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sigma-lower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sigma-lower.svg
new file mode 100644
index 00000000..80f562e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sigma-lower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sigma-lower" viewBox="0 0 24 24"><path d="M19,12C19,16.42 15.64,20 11.5,20C7.36,20 4,16.42 4,12C4,7.58 7.36,4 11.5,4H20V6H16.46C18,7.47 19,9.61 19,12M11.5,6C8.46,6 6,8.69 6,12C6,15.31 8.46,18 11.5,18C14.54,18 17,15.31 17,12C17,8.69 14.54,6 11.5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sigma.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sigma.svg
new file mode 100644
index 00000000..c27c4b51
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sigma.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sigma" viewBox="0 0 24 24"><path d="M18,6H8.83L14.83,12L8.83,18H18V20H6V18L12,12L6,6V4H18V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-caution.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-caution.svg
new file mode 100644
index 00000000..22d20182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-caution.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-caution" viewBox="0 0 24 24"><path d="M2,3H22V13H18V21H16V13H8V21H6V13H2V3M18.97,11L20,9.97V7.15L16.15,11H18.97M13.32,11L19.32,5H16.5L10.5,11H13.32M7.66,11L13.66,5H10.83L4.83,11H7.66M5.18,5L4,6.18V9L8,5H5.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-minus.svg
new file mode 100644
index 00000000..1f763e86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-direction-minus" viewBox="0 0 24 24"><path d="M20.5 9.5L18 12H13V22H9A2 2 0 0 1 11 20V12H3.5L6 9.5L3.5 7H11V3L12 2L13 3V7H18M23 18H15V20H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-plus.svg
new file mode 100644
index 00000000..3cd51517
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-direction-plus" viewBox="0 0 24 24"><path d="M13 20H13.09A5.5 5.5 0 0 0 13.81 22H9A2 2 0 0 1 11 20V12H3.5L6 9.5L3.5 7H11V3L12 2L13 3V7H18L20.5 9.5L18 12H13M18 15V18H15V20H18V23H20V20H23V18H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-remove.svg
new file mode 100644
index 00000000..c06900b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-direction-remove" viewBox="0 0 24 24"><path d="M13 20H13.09A5.5 5.5 0 0 0 13.81 22H9A2 2 0 0 1 11 20V12H3.5L6 9.5L3.5 7H11V3L12 2L13 3V7H18L20.5 9.5L18 12H13M21.12 15.46L19 17.59L16.88 15.46L15.46 16.88L17.59 19L15.46 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction.svg
new file mode 100644
index 00000000..f5b09d86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-direction.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-direction" viewBox="0 0 24 24"><path d="M11,12H3.5L6,9.5L3.5,7H11V3L12,2L13,3V7H18L20.5,9.5L18,12H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-language-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-language-outline.svg
new file mode 100644
index 00000000..226bc121
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-language-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-language-outline" viewBox="0 0 24 24"><path d="M7.5 4C7.9 3.6 8.5 3.6 8.9 4L11.8 7C11 7.4 10.6 7.6 10.2 8.2L7.5 5.5C7.1 5.1 7.1 4.4 7.5 4M6.3 7.2C6.7 6.8 7.3 6.8 7.7 7.2L9.6 9.2C9.4 9.8 9.3 10.5 9.4 11H8.6L6.3 8.6C5.9 8.2 5.9 7.6 6.3 7.2M18.2 14.5L12.5 9L12.2 9.1C11.5 9.5 11.2 10.4 11.5 11.1L12.4 13H4.4C3.9 13 3.4 13.5 3.4 14S3.9 15 4.4 15H10V16H3C2.5 16 2 16.5 2 17S2.5 18 3 18H10V19H4C3.5 19 3 19.5 3 20S3.5 21 4 21H10V22H5.5C5 22 4.5 22.5 4.5 23S5 24 5.5 24H16.5C17.9 24 19 22.9 19 21.5V16.3C19 15.6 18.7 14.9 18.2 14.5M17 21C17 21.5 16.5 22 16 22H12V15H14V13.2L16.7 15.7C16.9 15.9 17 16.2 17 16.4V21M22 11.3C22 12 21.7 12.6 21.2 13.1L20.3 13.9C20.1 13.6 19.9 13.3 19.6 13L19 12.4L19.7 11.7C19.9 11.5 20 11.2 20 11V7.3L18.7 8.5L17.3 7L15.4 9L12.7 6.6L8.9 2.6C8.5 2.2 8.5 1.6 8.9 1.2C9.3 .8 9.9 .8 10.3 1.2L15.1 6.3L15.8 5.6L12 1.6C11.6 1.2 11.6 .6 12 .2S13-.2 13.4 .2L18.9 6L19.6 4C20.1 3.4 21 3 21.7 3.2L22 3.3V11.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-language.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-language.svg
new file mode 100644
index 00000000..726e9efb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-language.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-language" viewBox="0 0 24 24"><path d="M7.5 4C7.9 3.6 8.5 3.6 8.9 4L11.8 7C11 7.4 10.6 7.6 10.2 8.2L7.5 5.5C7.1 5.1 7.1 4.4 7.5 4M6.3 7.2C6.7 6.8 7.3 6.8 7.7 7.2L9.6 9.2C9.4 9.8 9.3 10.5 9.4 11H8.6L6.3 8.6C5.9 8.2 5.9 7.6 6.3 7.2M19 21.5C19 22.9 17.9 24 16.5 24H5.5C5 24 4.5 23.5 4.5 23S5 22 5.5 22H10V21H4C3.5 21 3 20.5 3 20S3.5 19 4 19H10V18H3C2.5 18 2 17.5 2 17S2.5 16 3 16H10V15H4.5C4 15 3.5 14.5 3.5 14S4 13 4.5 13H12.5L11.6 11.1C11.2 10.4 11.5 9.5 12.3 9.1L12.5 9L18.2 14.5C18.7 15 19 15.6 19 16.3V21.5M22 11.3C22 12 21.7 12.6 21.2 13.1L20.3 13.9C20.1 13.6 19.9 13.3 19.6 13L19 12.4L15.4 9L12.7 6.6L8.9 2.6C8.5 2.2 8.5 1.6 8.9 1.2C9.3 .8 9.9 .8 10.3 1.2L15.1 6.3L15.8 5.6L12 1.6C11.6 1.2 11.6 .6 12 .2S13-.2 13.4 .2L18.9 6L19.6 4C20.1 3.4 21 3 21.7 3.2L22 3.3V11.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-pole.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-pole.svg
new file mode 100644
index 00000000..26c912e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-pole.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-pole" viewBox="0 0 24 24"><path d="M11 3L12 2L13 3V20C14.11 20 15 20.9 15 22H9C9 20.9 9.9 20 11 20V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-real-estate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-real-estate.svg
new file mode 100644
index 00000000..89ff6016
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-real-estate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-real-estate" viewBox="0 0 24 24"><path d="M18 8H8C6.9 8 6 8.9 6 10V16C6 17.11 6.9 18 8 18H18C19.11 18 20 17.11 20 16V10C20 8.9 19.11 8 18 8M14 16H8V14H14V16M18 12H8V10H18V12M22 6H4V22H2V2H4V4H22V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-text.svg
new file mode 100644
index 00000000..efb6e929
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-text" viewBox="0 0 24 24"><path d="M11,3L12,2L13,3V5H20A1,1 0 0,1 21,6V16A1,1 0 0,1 20,17H13V20A2,2 0 0,1 15,22H9A2,2 0 0,1 11,20V17H4A1,1 0 0,1 3,16V6A1,1 0 0,1 4,5H11V3M6,8V10H18V8H6M6,12V14H13V12H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sign-yield.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sign-yield.svg
new file mode 100644
index 00000000..35363c8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sign-yield.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sign-yield" viewBox="0 0 24 24"><path d="M20.5 3H3.5C2.4 3 1.6 4.3 2.2 5.3L10.7 20.2C11 20.7 11.5 21 12 21S13 20.7 13.3 20.2L21.8 5.3C22.4 4.3 21.6 3 20.5 3M12 18.5L4.3 5H19.6L12 18.5M6.9 6.5H17.1L12 15.5L6.9 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-2g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-2g.svg
new file mode 100644
index 00000000..dd34be57
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-2g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-2g" viewBox="0 0 24 24"><path d="M11,19.5H2V13.5A3,3 0 0,1 5,10.5H8V7.5H2V4.5H8A3,3 0 0,1 11,7.5V10.5A3,3 0 0,1 8,13.5H5V16.5H11M22,10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-3g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-3g.svg
new file mode 100644
index 00000000..c5af3458
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-3g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-3g" viewBox="0 0 24 24"><path d="M11,16.5V14.25C11,13 10,12 8.75,12C10,12 11,11 11,9.75V7.5A3,3 0 0,0 8,4.5H2V7.5H8V10.5H5V13.5H8V16.5H2V19.5H8A3,3 0 0,0 11,16.5M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-4g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-4g.svg
new file mode 100644
index 00000000..2be83669
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-4g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-4g" viewBox="0 0 24 24"><path d="M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5M8,19.5H11V4.5H8V10.5H5V4.5H2V13.5H8V19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-5g.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-5g.svg
new file mode 100644
index 00000000..74c75ed7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-5g.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-5g" viewBox="0 0 24 24"><path d="M22,16.5V10.5H17.5V13.5H19V16.5H16V7.5H22V4.5H16A3,3 0 0,0 13,7.5V16.5A3,3 0 0,0 16,19.5H19A3,3 0 0,0 22,16.5M10,4.5H3V12L3,13.5H7V16.5H3V19.5H8.5A1.5,1.5 0 0,0 10,18V12A1.5,1.5 0 0,0 8.5,10.5H6V7.5H10V4.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-1.svg
new file mode 100644
index 00000000..ac3e46cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-cellular-1" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M12.5,10.5V18.5H10.5V10.5H12.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-2.svg
new file mode 100644
index 00000000..be35c45e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-cellular-2" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-3.svg
new file mode 100644
index 00000000..442e1396
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-cellular-3" viewBox="0 0 24 24"><path d="M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-outline.svg
new file mode 100644
index 00000000..69097f6a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-cellular-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-cellular-outline" viewBox="0 0 24 24"><path d="M19.5,5.5V18.5H17.5V5.5H19.5M12.5,10.5V18.5H10.5V10.5H12.5M5.5,15.5V18.5H3.5V15.5H5.5M21,4H16V20H21V4M14,9H9V20H14V9M7,14H2V20H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-distance-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-distance-variant.svg
new file mode 100644
index 00000000..4126d482
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-distance-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-distance-variant" viewBox="0 0 24 24"><path d="M4,6V4A12,12 0 0,1 16,16H14A10,10 0 0,0 4,6M4,10V8A8,8 0 0,1 12,16H10A6,6 0 0,0 4,10M4,12A4,4 0 0,1 8,16H4V12M3,18H19V16L22,19L19,22V20H3V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa-plus.svg
new file mode 100644
index 00000000..03ebd698
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-hspa-plus" viewBox="0 0 24 24"><path d="M19,8V11H22V14H19V17H16V14H13V11H16V8H19M5,10.5H8V4.5H11V19.5H8V13.5H5V19.5H2V4.5H5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa.svg
new file mode 100644
index 00000000..f7ce3db7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-hspa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-hspa" viewBox="0 0 24 24"><path d="M10.5,10.5H13.5V4.5H16.5V19.5H13.5V13.5H10.5V19.5H7.5V4.5H10.5V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-off.svg
new file mode 100644
index 00000000..c0275a7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-off" viewBox="0 0 24 24"><path d="M18,3V16.18L21,19.18V3H18M4.28,5L3,6.27L10.73,14H8V21H11V14.27L13,16.27V21H16V19.27L19.73,23L21,21.72L4.28,5M13,9V11.18L16,14.18V9H13M3,18V21H6V18H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal-variant.svg
new file mode 100644
index 00000000..3665512d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal-variant" viewBox="0 0 24 24"><path d="M4,6V4H4.1C12.9,4 20,11.1 20,19.9V20H18V19.9C18,12.2 11.8,6 4,6M4,10V8A12,12 0 0,1 16,20H14A10,10 0 0,0 4,10M4,14V12A8,8 0 0,1 12,20H10A6,6 0 0,0 4,14M4,16A4,4 0 0,1 8,20H4V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signal.svg
new file mode 100644
index 00000000..0c240edd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signal" viewBox="0 0 24 24"><path d="M3,21H6V18H3M8,21H11V14H8M13,21H16V9H13M18,21H21V3H18V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signature-freehand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signature-freehand.svg
new file mode 100644
index 00000000..1ea65d15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signature-freehand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signature-freehand" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L5.5,18L4.1,16.6L2.7,18L2,17.3L3.4,15.9L2,14.5L2.7,13.8L4.1,15.2L5.5,13.8L6.2,14.5L4.8,15.9L6.2,17.3M16.22,14.43C16.22,13.85 15.5,13.2 14.06,12.46C12.23,11.54 11,10.79 10.36,10.24C9.71,9.68 9.39,9.06 9.39,8.37C9.39,6.59 10.3,5.12 12.12,3.95C13.94,2.78 15.43,2.19 16.57,2.19C17.31,2.19 17.85,2.32 18.18,2.58C18.5,2.83 18.68,3.27 18.68,3.9C18.68,4.18 18.56,4.42 18.31,4.63C18.07,4.83 17.87,4.93 17.74,4.93C17.63,4.93 17.43,4.83 17.13,4.64L16.55,4.38C16.08,4.38 15.14,4.71 13.71,5.38C12.29,6.04 11.58,6.79 11.58,7.63C11.58,8.14 11.82,8.6 12.32,9C12.82,9.42 13.71,9.93 15,10.53C16.03,11 16.86,11.5 17.5,12.07C18.1,12.61 18.41,13.25 18.41,14C18.41,15.34 17.47,16.41 15.58,17.17C13.7,17.94 11.9,18.32 10.19,18.32C8.75,18.32 8,17.83 8,16.86C8,16.5 8.19,16.27 8.5,16.11C8.83,15.95 9.16,15.87 9.5,15.87L10.25,16L10.97,16.13C11.95,16.13 13,15.97 14.13,15.64C15.26,15.32 15.96,14.91 16.22,14.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signature-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signature-image.svg
new file mode 100644
index 00000000..b991d284
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signature-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signature-image" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L4.8,15.9L6.2,14.5L5.5,13.8L4.1,15.2L2.7,13.8L2,14.5L3.4,15.9L2,17.3L2.7,18L4.1,16.6L5.5,18L6.2,17.3M20,5H10A2,2 0 0,0 8,7V16A2,2 0 0,0 10,18H20A2,2 0 0,0 22,16V7A2,2 0 0,0 20,5M10,16L12.6,12.7L14.4,14.9L16.8,11.6L20,16H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signature-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signature-text.svg
new file mode 100644
index 00000000..b0f5a219
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signature-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signature-text" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M6.2,17.3L4.8,15.9L6.2,14.5L5.5,13.8L4.1,15.2L2.7,13.8L2,14.5L3.4,15.9L2,17.3L2.7,18L4.1,16.6L5.5,18L6.2,17.3M20.5,3L21.7,7.4L20.7,7.7C20.2,6.8 19.8,6 19.3,5.5C18.7,5 18.1,5 17.5,5H15V15.5C15,16 15,16.5 15.3,16.7C15.6,16.9 16.3,16.9 17,16.9V17.9H11V16.9C11.7,16.9 12.3,16.9 12.7,16.7C13,16.5 13,16 13,15.5V5H10.5C9.9,5 9.3,5 8.7,5.4C8.2,5.8 7.7,6.7 7.3,7.6L6.3,7.3L7.5,3H20.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/signature.svg b/apps/phoenix_webcomponent/priv/mdi/svg/signature.svg
new file mode 100644
index 00000000..93aed0bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/signature.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-signature" viewBox="0 0 24 24"><path d="M22,22H2V20H22V22M2.26,16.83L5.09,14L2.26,11.17L3.67,9.76L6.5,12.59L9.33,9.76L10.74,11.17L7.91,14L10.74,16.83L9.33,18.24L6.5,15.41L3.67,18.24L2.26,16.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silo-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silo-outline.svg
new file mode 100644
index 00000000..d0fddc12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silo-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silo-outline" viewBox="0 0 24 24"><path d="M8.5,2C11.85,2 14.6,4.53 14.96,7.78L22,12V14L20,12.8V22H18V11.6L15,9.8V22H13V9H4V22H2V8.5A6.5,6.5 0 0,1 8.5,2M8.5,4C6.54,4 4.87,5.25 4.26,7H12.74C12.13,5.25 10.46,4 8.5,4M6,11H11V13H6V11M6,15H11V17H6V15M6,19H11V21H6V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silo.svg
new file mode 100644
index 00000000..26a2b334
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silo" viewBox="0 0 24 24"><path d="M15 7.8C14.6 4.5 11.8 2 8.5 2C6.8 2 5.1 2.7 3.9 3.9S2 6.8 2 8.5V22H15V9.8L18 11.6V22H20V12.8L22 14V12L15 7.8M11 20H6V18H11V20M11 16H6V14H11V16M11 12H6V10H11V12M4.3 7C4.9 5.2 6.6 4 8.5 4S12.1 5.2 12.7 7H4.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware-clean.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-clean.svg
new file mode 100644
index 00000000..9e8ba193
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-clean.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware-clean" viewBox="0 0 24 24"><path d="M15 0L14.38 1.37L13 2L14.38 2.63L15 4L15.63 2.63L17 2L15.63 1.37L15 0M10.5 2L9.41 4.41L7 5.5L9.41 6.59L10.5 9L11.6 6.59L14 5.5L11.6 4.41L10.5 2M18.89 5.14C17.56 5.06 16.04 5.65 14.84 6.84C13.25 8.43 12.75 10.58 13.46 12.11L3.7 21.87L5.11 23.28L12 16.41L18.88 23.29L20.29 21.88L13.41 15L14.88 13.53C16.41 14.24 18.56 13.74 20.15 12.15C22.06 10.24 22.43 7.5 20.96 6.03C20.41 5.5 19.68 5.19 18.89 5.14M3.91 5.5C2.35 7.06 2.35 9.59 3.91 11.16L8.1 15.34L10.93 12.5L3.91 5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork-knife.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork-knife.svg
new file mode 100644
index 00000000..60858d14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork-knife.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware-fork-knife" viewBox="0 0 24 24"><path d="M11,9H9V2H7V9H5V2H3V9C3,11.12 4.66,12.84 6.75,12.97V22H9.25V12.97C11.34,12.84 13,11.12 13,9V2H11V9M16,6V14H18.5V22H21V2C18.24,2 16,4.24 16,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork.svg
new file mode 100644
index 00000000..abe3d544
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-fork.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware-fork" viewBox="0 0 24 24"><path d="M5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L5.12,21.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware-spoon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-spoon.svg
new file mode 100644
index 00000000..e804c49b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-spoon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware-spoon" viewBox="0 0 24 24"><path d="M14.88,11.53L5.12,21.29L3.71,19.88L13.47,10.12C12.76,8.59 13.26,6.44 14.85,4.85C16.76,2.93 19.5,2.57 20.96,4.03C22.43,5.5 22.07,8.24 20.15,10.15C18.56,11.74 16.41,12.24 14.88,11.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-variant.svg
new file mode 100644
index 00000000..4bdd36e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware-variant" viewBox="0 0 24 24"><path d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.36,10.22L13.16,10C12.38,9.23 12.38,7.97 13.16,7.19L17.5,2.82L18.43,3.74L15.19,7L16.15,7.94L19.39,4.69L20.31,5.61L17.06,8.85L18,9.81L21.26,6.56L22.18,7.5L17.81,11.84C17.03,12.62 15.77,12.62 15,11.84L14.78,11.64L13.41,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/silverware.svg b/apps/phoenix_webcomponent/priv/mdi/svg/silverware.svg
new file mode 100644
index 00000000..255e39ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/silverware.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-silverware" viewBox="0 0 24 24"><path d="M8.1,13.34L3.91,9.16C2.35,7.59 2.35,5.06 3.91,3.5L10.93,10.5L8.1,13.34M14.88,11.53L13.41,13L20.29,19.88L18.88,21.29L12,14.41L5.12,21.29L3.71,19.88L13.47,10.12C12.76,8.59 13.26,6.44 14.85,4.85C16.76,2.93 19.5,2.57 20.96,4.03C22.43,5.5 22.07,8.24 20.15,10.15C18.56,11.74 16.41,12.24 14.88,11.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert-outline.svg
new file mode 100644
index 00000000..5e4ec1e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim-alert-outline" viewBox="0 0 24 24"><path d="M13 13H11V7H13M13 17H11V15H13M18 4V20H6V8.8L10.8 4H18M18 2H10L4 8V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert.svg
new file mode 100644
index 00000000..c3a5cb1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim-alert" viewBox="0 0 24 24"><path d="M13 13H11V7H13M13 17H11V15H13M18 2H10L4 8V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim-off-outline.svg
new file mode 100644
index 00000000..b9cb6856
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L5.06 6.95L4 8V20C4 21.11 4.89 22 6 22H18C18.58 22 19.1 21.75 19.46 21.35L20.84 22.73L22.11 21.46M18 20H6V8.83L6.47 8.36L18 19.89V20M10.83 4H18V14.8L20 16.8V4C20 2.9 19.11 2 18 2H10L7.6 4.4L9 5.81L10.83 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim-off.svg
new file mode 100644
index 00000000..5194a1d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim-off" viewBox="0 0 24 24"><path d="M20.84 22.73L19.46 21.35C19.1 21.75 18.58 22 18 22H6C4.89 22 4 21.11 4 20V8L5.06 6.95L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M20 4C20 2.9 19.11 2 18 2H10L7.6 4.4L20 16.8V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim-outline.svg
new file mode 100644
index 00000000..4d989e90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim-outline" viewBox="0 0 24 24"><path d="M18 4V20H6V8.8L10.8 4H18M18 2H10L4 8V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V4C20 2.9 19.1 2 18 2M9.5 19H7.5V17H9.5V19M16.5 19H14.5V17H16.5V19M9.5 15H7.5V11H9.5V15M13 19H11V15H13V19M13 13H11V11H13V13M16.5 15H14.5V11H16.5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sim.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sim.svg
new file mode 100644
index 00000000..ee08103f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sim" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,0 18,2H10L4,8V20A2,2 0 0,0 6,22H18C19.11,22 20,21.1 20,20V4M9,19H7V17H9V19M17,19H15V17H17V19M9,15H7V11H9V15M13,19H11V15H13V19M13,13H11V11H13V13M17,15H15V11H17V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/simple-icons.svg b/apps/phoenix_webcomponent/priv/mdi/svg/simple-icons.svg
new file mode 100644
index 00000000..0c9b6a1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/simple-icons.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-simple-icons" viewBox="0 0 24 24"><path d="M18.25 17C18.25 17.88 18.07 18.74 17.71 19.53H16.31C17.71 17.15 16.91 14.09 14.53 12.69C13.76 12.24 12.89 12 12 12C9.24 12 7 9.76 7 7C7 4.24 9.24 2 12 2C14.76 2 17 4.24 17 7H15.75C15.75 4.93 14.07 3.25 12 3.25C9.93 3.25 8.25 4.93 8.25 7C8.25 9.07 9.93 10.75 12 10.75C15.45 10.75 18.25 13.56 18.25 17M6.29 19.53C5.93 18.74 5.75 17.87 5.75 17H7C7 17.93 7.25 18.79 7.69 19.53H6.29M18.25 20.75V22H5.75V20.75H9.5V15.75H8.25V14.5H15.75V15.75H14.5V20.75H18.25M13.25 15.75H10.75V20.75H13.25V15.75M14.44 7.07C14.4 8.4 13.33 9.47 12 9.5C10.62 9.46 9.53 8.32 9.57 6.94C9.6 5.61 10.67 4.53 12 4.5C13.38 4.54 14.47 5.68 14.44 7.07M13.25 7C13.25 6.31 12.69 5.75 12 5.75C11.31 5.75 10.75 6.31 10.75 7C10.75 7.69 11.31 8.25 12 8.25C12.69 8.25 13.25 7.69 13.25 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sina-weibo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sina-weibo.svg
new file mode 100644
index 00000000..661b26d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sina-weibo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sina-weibo" viewBox="0 0 24 24"><path d="M9.82,13.87C10.89,13.87 11.77,14.74 11.77,15.82A1.95,1.95 0 0,1 9.82,17.77C8.74,17.77 7.87,16.89 7.87,15.82C7.87,14.74 8.74,13.87 9.82,13.87M14.5,3.34L15.18,3.31C18.94,3.31 22,6.37 22,10.13L21.95,10.95L20.76,10.58L20.78,10.13C20.78,7.04 18.27,4.53 15.18,4.53L14.83,4.54L14.5,3.34M15.32,6.23C17.38,6.3 19.05,8 19.08,10.06L17.84,9.68C17.65,8.56 16.78,7.68 15.67,7.5L15.32,6.23M2,15.41C1.97,14.8 2.07,12.64 4.95,9.97C8.35,6.81 9.82,7.05 9.82,7.05C9.82,7.05 13,6.75 11.06,10.46H11.13C11.6,9.96 12.62,9.21 14.69,9C16.77,8.79 16.77,10.5 16.5,11.7C18.38,12.64 19.56,14.03 19.56,15.58C19.56,18.4 15.63,20.69 10.78,20.69H10.65L10.5,20.69C7,20.69 4,19.42 2.71,17.59C2.25,16.97 2,16.29 2,15.58V15.41M9.82,11.92C6.59,11.92 3.97,13.67 3.97,15.82C3.97,17.97 6.59,19.72 9.82,19.72C13.05,19.72 15.67,17.97 15.67,15.82C15.67,13.67 13.05,11.92 9.82,11.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sine-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sine-wave.svg
new file mode 100644
index 00000000..9b767911
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sine-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sine-wave" viewBox="0 0 24 24"><path d="M16.5,21C13.5,21 12.31,16.76 11.05,12.28C10.14,9.04 9,5 7.5,5C4.11,5 4,11.93 4,12H2C2,11.63 2.06,3 7.5,3C10.5,3 11.71,7.25 12.97,11.74C13.83,14.8 15,19 16.5,19C19.94,19 20.03,12.07 20.03,12H22.03C22.03,12.37 21.97,21 16.5,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sitemap-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sitemap-outline.svg
new file mode 100644
index 00000000..a22fa91b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sitemap-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sitemap-outline" viewBox="0 0 24 24"><path d="M21 16V13C21 11.89 20.11 11 19 11H13V8H15V2H9V8H11V11H5C3.89 11 3 11.89 3 13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21M11 4H13V6H11V4M5 20H3V18H5V20M13 20H11V18H13V20M21 20H19V18H21V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sitemap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sitemap.svg
new file mode 100644
index 00000000..04d45c8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sitemap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sitemap" viewBox="0 0 24 24"><path d="M9,2V8H11V11H5C3.89,11 3,11.89 3,13V16H1V22H7V16H5V13H11V16H9V22H15V16H13V13H19V16H17V22H23V16H21V13C21,11.89 20.11,11 19,11H13V8H15V2H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-l.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-l.svg
new file mode 100644
index 00000000..95abbb14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-l.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-l" viewBox="0 0 24 24"><path d="M9 7V17H15V15H11V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-m.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-m.svg
new file mode 100644
index 00000000..d2bade1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-m.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-m" viewBox="0 0 24 24"><path d="M9 7C7.9 7 7 7.9 7 9V17H9V9H11V16H13V9H15V17H17V9C17 7.9 16.11 7 15 7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-s.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-s.svg
new file mode 100644
index 00000000..b2a91272
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-s.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-s" viewBox="0 0 24 24"><path d="M11 7C9.9 7 9 7.9 9 9V11C9 12.11 9.9 13 11 13H13V15H9V17H13C14.11 17 15 16.11 15 15V13C15 11.9 14.11 11 13 11H11V9H15V7H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-xl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-xl.svg
new file mode 100644
index 00000000..411e3db6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-xl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-xl" viewBox="0 0 24 24"><path d="M6 7H8L9 9.5L10 7H12L10 12L12 17H10L9 14.5L8 17H6L8 12L6 7M13 7H15V15H19V17H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-xs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-xs.svg
new file mode 100644
index 00000000..7be09f78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-xs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-xs" viewBox="0 0 24 24"><path d="M6 7H8L9 9.5L10 7H12L10 12L12 17H10L9 14.5L8 17H6L8 12L6 7M15 7H19V9H15V11H17C18.11 11 19 11.9 19 13V15C19 16.11 18.11 17 17 17H13V15H17V13H15C13.9 13 13 12.11 13 11V9C13 7.9 13.9 7 15 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-xxl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxl.svg
new file mode 100644
index 00000000..23ee6ad1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-xxl" viewBox="0 0 24 24"><path d="M9 7H11L12 9.5L13 7H15L13 12L15 17H13L12 14.5L11 17H9L11 12L9 7M16 7H18V15H22V17H16V7M2 7H4L5 9.5L6 7H8L6 12L8 17H6L5 14.5L4 17H2L4 12L2 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-xxs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxs.svg
new file mode 100644
index 00000000..1386effc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-xxs" viewBox="0 0 24 24"><path d="M9 7H11L12 9.5L13 7H15L13 12L15 17H13L12 14.5L11 17H9L11 12L9 7M18 7H22V9H18V11H20C21.11 11 22 11.9 22 13V15C22 16.11 21.11 17 20 17H16V15H20V13H18C16.9 13 16 12.11 16 11V9C16 7.9 16.9 7 18 7M2 7H4L5 9.5L6 7H8L6 12L8 17H6L5 14.5L4 17H2L4 12L2 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/size-xxxl.svg b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxxl.svg
new file mode 100644
index 00000000..738bd364
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/size-xxxl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-size-xxxl" viewBox="0 0 24 24"><path d="M9 7H11L12 9.5L13 7H15L13 12L15 17H13L12 14.5L11 17H9L11 12L9 7M16 7H18V15H22V17H16V7M8 15C8 16.11 7.11 17 6 17H2V15H6V13H4V11H6V9H2V7H6C7.1 7 8 7.89 8 9V10.5C8 11.33 7.33 12 6.5 12C7.33 12 8 12.67 8 13.5V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skate-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skate-off.svg
new file mode 100644
index 00000000..116d6660
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skate-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skate-off" viewBox="0 0 24 24"><path d="M19 15.81L13.36 10.16C15.22 10.62 17.63 11.05 18.53 12.95C18.95 13.57 19 14.71 19 15.81M20.95 17C20.92 17.21 20.87 17.41 20.8 17.6L22.32 19.12C22.68 18.5 22.92 17.77 23 17H20.95M10.5 7V6H9.2L10.2 7H10.5M22.11 21.46L20.84 22.73L19.66 21.55C19 21.83 18.27 22 17.5 22H1V20H5V18H2.03V3.92L1.11 3L2.03 2.09V2H2.12L2.39 1.73L22.11 21.46M14 18H7V20H14V18M18.06 19.95L16.11 18H16V20H17.5C17.69 20 17.88 20 18.06 19.95M10.5 5V2H5.2L8.2 5H10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skate.svg
new file mode 100644
index 00000000..1cf80abb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skate" viewBox="0 0 24 24"><path d="M20.95 17C20.7 18.69 19.26 20 17.5 20H16V18H19C18.93 16.72 19.26 14.04 18.53 12.95C17.56 10.9 14.83 10.56 12.93 10.05C12 10 11 9 10.84 8H8C7.72 8 7.5 7.78 7.5 7.5C7.5 7.22 7.72 7 8 7H10.5V6H8C7.72 6 7.5 5.78 7.5 5.5C7.5 5.22 7.72 5 8 5H10.5V2H2.03V18H5V20H1V22H17.5C20.36 22 22.72 19.8 23 17H20.95M14 20H7V18H14V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skateboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skateboard.svg
new file mode 100644
index 00000000..9df4ca97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skateboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skateboard" viewBox="0 0 24 24"><path d="M9 14.5C9 15.33 8.33 16 7.5 16S6 15.33 6 14.5 6.67 13 7.5 13 9 13.67 9 14.5M16.5 13C15.67 13 15 13.67 15 14.5S15.67 16 16.5 16C17.33 16 18 15.33 18 14.5S17.33 13 16.5 13M21.59 9.19C21.14 8.87 20.5 8.97 20.19 9.41L20.06 9.59C19.88 9.85 19.57 10 19.26 10L4.74 10C4.43 10 4.13 9.85 3.94 9.59L3.81 9.41C3.5 8.97 2.86 8.87 2.41 9.19C1.96 9.5 1.87 10.15 2.19 10.59L2.32 10.77C2.88 11.54 3.79 12 4.74 12H19.26C20.21 12 21.12 11.54 21.68 10.77L21.81 10.59C22.13 10.15 22.04 9.5 21.59 9.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skateboarding.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skateboarding.svg
new file mode 100644
index 00000000..78a1f76d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skateboarding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skateboarding" viewBox="0 0 24 24"><path d="M19.78 18.39C19.93 18.54 20 18.7 20 18.88C20 19 19.94 19.17 19.82 19.32C19.44 19.85 18.96 20.26 18.37 20.56C17.78 20.85 17.15 21 16.47 21H7.53C6.82 21 6.17 20.85 5.59 20.56C5 20.26 4.5 19.85 4.13 19.32C4.04 19.17 4 19.03 4 18.88C4 18.7 4.07 18.54 4.2 18.39S4.5 18.17 4.71 18.17C4.94 18.17 5.13 18.27 5.28 18.5C5.69 19 6.22 19.36 6.87 19.54L9.82 15.96L8.54 12.07C8.36 11.5 8.44 11 8.76 10.5L11 6.86H8.8L7 9.77L5.41 8.76L7.75 5H13.12C13.54 5 13.87 5.12 14.14 5.35C14.4 5.59 14.58 5.8 14.67 5.97L15.15 7.12C15.5 7.89 16 8.5 16.7 9C17.4 9.45 18.18 9.69 19.03 9.69V11.59C17.94 11.59 16.95 11.32 16.03 10.79C15.12 10.26 14.4 9.57 13.87 8.71L12.16 11.41L16.21 13.93V19.59H16.47C16.92 19.59 17.33 19.5 17.73 19.28S18.46 18.81 18.72 18.5C18.87 18.27 19.05 18.17 19.25 18.17S19.63 18.25 19.78 18.39M14.36 15.25L11.05 13.18L12 16.32L9.24 19.59H14.36V15.25M15 1C13.9 1 13 1.9 13 3S13.9 5 15 5 17 4.11 17 3 16.11 1 15 1M8 21.5C7.59 21.5 7.25 21.84 7.25 22.25S7.59 23 8 23C8.41 23 8.75 22.66 8.75 22.25S8.41 21.5 8 21.5M16 21.5C15.59 21.5 15.25 21.84 15.25 22.25S15.59 23 16 23 16.75 22.66 16.75 22.25 16.41 21.5 16 21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skew-less.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skew-less.svg
new file mode 100644
index 00000000..989377e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skew-less.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skew-less" viewBox="0 0 24 24"><path d="M17.5,11L15.41,20H10.5L12.59,11H17.5M20,9H11L8,22H17L20,9M4,6L8,2V5H16V7H8V10L4,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skew-more.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skew-more.svg
new file mode 100644
index 00000000..b074d16a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skew-more.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skew-more" viewBox="0 0 24 24"><path d="M12.5,11L10.41,20H5.5L7.59,11H12.5M15,9H6L3,22H12L15,9M21,6L17,2V5H9V7H17V10L21,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ski-cross-country.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ski-cross-country.svg
new file mode 100644
index 00000000..4b4f5c85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ski-cross-country.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ski-cross-country" viewBox="0 0 24 24"><path d="M19 14H17.6V22H19V14M6.44 22H5L7 14H8.44L6.44 22M8.76 9.54V13H7V8.32L11.61 6.31C12.04 6.14 12.5 6.13 12.96 6.27S13.79 6.69 14.06 7.1L15 8.58C15.37 9.25 15.9 9.95 16.62 10.37C17.33 10.79 18.13 11 19 11V12.83C18 12.83 17 12.62 16.13 12.2S14.5 11.06 13.88 10.37L13.31 13.16L15.28 15V22H13.4V16.5L11.5 14.55L9.77 22H7.8L10.43 8.89L8.76 9.54M16 4C16 5.11 15.11 6 14 6S12 5.11 12 4 12.9 2 14 2 16 2.9 16 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ski-water.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ski-water.svg
new file mode 100644
index 00000000..e839d669
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ski-water.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ski-water" viewBox="0 0 24 24"><path d="M4.2 3.5C4.2 2.7 4.9 1.9 5.8 1.9C6.7 1.9 7.4 2.6 7.4 3.5S6.6 5 5.8 5 4.2 4.3 4.2 3.5M22 3.9L21.5 3L13.5 7.1L14 8L22 3.9M20.8 20.3L21.7 21.2C21.1 21.8 20.5 22.2 19.8 22.5S18.3 23 17.5 23H2V21.7H4.7L6.8 18.2L4.5 15L3.7 7.2C3.7 6.3 4.5 5.5 5.4 5.5C5.7 5.5 6 5.6 6.2 5.7L9.7 8.3L12 7.5L12.8 9.1L9.3 10.6C9.2 10.5 7.7 9.4 6.6 8.5L7 12L12.3 16.5L14 21.7H17.5C18.1 21.7 18.7 21.6 19.3 21.3C19.9 21.1 20.4 20.7 20.8 20.3M7 21.7H12L10.4 17.8L8.1 15.9L9.3 18.4L7 21.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ski.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ski.svg
new file mode 100644
index 00000000..cb709a9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ski.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ski" viewBox="0 0 24 24"><path d="M17.92 13.32C17.67 13.28 16.71 13 16.46 12.89L14.39 19.37L11.3 18.24L13.5 12.47L10.45 9L13 7.54C13.45 8.67 14.17 9.62 15.12 10.4S17.16 11.67 18.38 11.86L19.5 8.43L18.06 7.96L17.54 9.56C16.88 9.28 16.3 8.86 15.8 8.32C15.3 7.77 14.94 7.13 14.72 6.41L14.39 5.33C14.27 4.93 14.04 4.61 13.71 4.37C13.38 4.14 13 4 12.63 3.97C12.24 3.94 11.86 4 11.5 4.21L8 6.23C7.63 6.44 7.36 6.74 7.19 7.12C7 7.5 6.96 7.88 7 8.29S7.26 9.06 7.54 9.37L11.11 13.08L9.42 17.54L2.47 15.05L2 16.46L16.04 21.58C16.82 21.86 17.65 22 18.53 22C19.15 22 19.76 21.92 20.36 21.77C20.95 21.61 21.5 21.39 22 21.11L20.87 20C20.12 20.33 19.34 20.5 18.53 20.5C17.87 20.5 17.21 20.39 16.55 20.17L15.8 19.89L17.92 13.32M19 3C19 4.11 18.11 5 17 5S15 4.11 15 3 15.9 1 17 1 19 1.9 19 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward-outline.svg
new file mode 100644
index 00000000..5a16230e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-backward-outline" viewBox="0 0 24 24"><path d="M18,14.17L15.83,12L18,9.83V14.17M20,19V5L13,12M4,19H6V5H4M11,14.17L8.83,12L11,9.83V14.17M13,19V5L6,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward.svg
new file mode 100644
index 00000000..5fa3f32f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-backward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-backward" viewBox="0 0 24 24"><path d="M20,5V19L13,12M6,5V19H4V5M13,5V19L6,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward-outline.svg
new file mode 100644
index 00000000..b5eb807d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-forward-outline" viewBox="0 0 24 24"><path d="M6,9.83L8.17,12L6,14.17V9.83M4,5V19L11,12M20,5H18V19H20M13,9.83L15.17,12L13,14.17V9.83M11,5V19L18,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward.svg
new file mode 100644
index 00000000..7b95b126
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-forward" viewBox="0 0 24 24"><path d="M4,5V19L11,12M18,5V19H20V5M11,5V19L18,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle-outline.svg
new file mode 100644
index 00000000..abec5473
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-next-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4M8,8V16L13,12M14,8V16H16V8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle.svg
new file mode 100644
index 00000000..f51c2867
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-next-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8L13,12L8,16M14,8H16V16H14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-outline.svg
new file mode 100644
index 00000000..27ea1e94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-next-outline" viewBox="0 0 24 24"><path d="M6,18L14.5,12L6,6M8,9.86L11.03,12L8,14.14M16,6H18V18H16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-next.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next.svg
new file mode 100644
index 00000000..a771ae3d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-next" viewBox="0 0 24 24"><path d="M16,18H18V6H16M6,18L14.5,12L6,6V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle-outline.svg
new file mode 100644
index 00000000..6635b2ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-previous-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4C7.59,4 4,7.59 4,12C4,16.41 7.59,20 12,20C16.41,20 20,16.41 20,12C20,7.59 16.41,4 12,4M16,8V16L11,12M10,8V16H8V8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle.svg
new file mode 100644
index 00000000..1a36b760
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-previous-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M8,8H10V16H8M16,8V16L11,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-outline.svg
new file mode 100644
index 00000000..1aa1d5d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-previous-outline" viewBox="0 0 24 24"><path d="M6,6H8V18H6M9.5,12L18,18V6M16,14.14L12.97,12L16,9.86V14.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous.svg
new file mode 100644
index 00000000..302a484a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skip-previous.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-previous" viewBox="0 0 24 24"><path d="M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones-outline.svg
new file mode 100644
index 00000000..346f8146
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull-crossbones-outline" viewBox="0 0 24 24"><path d="M15.8,18.5L21.8,20.1L21.4,22L12,19.5L2.6,22L2.1,20.1L8.1,18.5L2,16.9L2.5,15L11.9,17.5L21.3,15L21.8,16.9L15.8,18.5M9.5,6C8.7,6 8,6.7 8,7.5C8,8.3 8.7,9 9.5,9C10.3,9 11,8.3 11,7.5C11,6.7 10.3,6 9.5,6M14.5,6C13.7,6 13,6.7 13,7.5C13,8.3 13.7,9 14.5,9C15.3,9 16,8.3 16,7.5C16,6.7 15.3,6 14.5,6M13,11L12,9L11,11H13M12,1C8.1,1 5,4.1 5,8C5,9.9 5.8,11.6 7,12.9V16H17V12.9C18.2,11.6 19,9.9 19,8C19,4.1 15.9,1 12,1M15,12V14H14V12H13V14H11V12H10V14H9V12H9C7.8,11.1 7,9.7 7,8C7,5.2 9.2,3 12,3C14.8,3 17,5.2 17,8C17,9.6 16.2,11.1 15,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones.svg
new file mode 100644
index 00000000..bb8b4b27
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull-crossbones.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull-crossbones" viewBox="0 0 24 24"><path d="M15.8,18.5L21.8,20.1L21.4,22L12,19.5L2.6,22L2.1,20.1L8.1,18.5L2,16.9L2.5,15L11.9,17.5L21.3,15L21.8,16.9L15.8,18.5M18,8C18,9.8 17.2,11.3 16,12.4V15H14V13.7L14,13H13V15H11V13H10V13.7L10,15H8V12.4C6.8,11.3 6,9.8 6,8A6,6 0 0,1 12,2A6,6 0 0,1 18,8M11,7.5C11,6.7 10.3,6 9.5,6C8.7,6 8,6.7 8,7.5C8,8.3 8.7,9 9.5,9C10.3,9 11,8.3 11,7.5M13,11L12,9L11,11H13M16,7.5C16,6.7 15.3,6 14.5,6C13.7,6 13,6.7 13,7.5C13,8.3 13.7,9 14.5,9C15.3,9 16,8.3 16,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull-outline.svg
new file mode 100644
index 00000000..e33a4764
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull-outline" viewBox="0 0 24 24"><path d="M8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15M10.5,17L12,14L13.5,17H10.5M16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15M22,11A10,10 0 0,0 12,1A10,10 0 0,0 2,11C2,13.8 3.2,16.3 5,18.1V22H19V18.1C20.8,16.3 22,13.8 22,11M17,20H15V18H13V20H11V18H9V20H7V17.2C5.2,15.7 4,13.5 4,11A8,8 0 0,1 12,3A8,8 0 0,1 20,11C20,13.5 18.8,15.8 17,17.2V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan-outline.svg
new file mode 100644
index 00000000..a1973ce9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull-scan-outline" viewBox="0 0 24 24"><path d="M2 0C.9 0 0 .9 0 2V6H2V2H6V0H2M18 0V2H22V6H24V2C24 .9 23.1 0 22 0H18M9.5 13C8.7 13 8 12.3 8 11.5S8.7 10 9.5 10 11 10.7 11 11.5 10.3 13 9.5 13M11 15L12 13L13 15H11M14.5 13C13.7 13 13 12.3 13 11.5S13.7 10 14.5 10 16 10.7 16 11.5 15.3 13 14.5 13M0 18V22C0 23.1 .9 24 2 24H6V22H2V18H0M22 18V22H18V24H22C23.1 24 24 23.1 24 22V18H22M12 3C7.6 3 4 6.6 4 11C4 13 4.8 14.9 6 16.3V21H18V16.3C19.2 14.9 20 13.1 20 11C20 6.6 16.4 3 12 3M16 15.4V19H14V17H13V19H11V17H10V19H8V15.4C6.8 14.3 6 12.7 6 11C6 7.7 8.7 5 12 5S18 7.7 18 11C18 12.8 17.2 14.3 16 15.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan.svg
new file mode 100644
index 00000000..8db9fce1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull-scan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull-scan" viewBox="0 0 24 24"><path d="M2 0C.9 0 0 .9 0 2V6H2V2H6V0H2M18 0V2H22V6H24V2C24 .9 23.1 0 22 0H18M12 3C7.6 3 4 6.6 4 11C4 13.5 5.2 15.8 7 17.2V21H9V18H11V21H13V18H15V21H17V17.2C18.8 15.7 20 13.5 20 11C20 6.6 16.4 3 12 3M8 14C6.9 14 6 13.1 6 12S6.9 10 8 10 10 10.9 10 12 9.1 14 8 14M10.5 16L12 13L13.5 16H10.5M16 14C14.9 14 14 13.1 14 12S14.9 10 16 10 18 10.9 18 12 17.1 14 16 14M0 18V22C0 23.1 .9 24 2 24H6V22H2V18H0M22 18V22H18V24H22C23.1 24 24 23.1 24 22V18H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skull.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skull.svg
new file mode 100644
index 00000000..6711e117
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skull.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skull" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,0 3,11C3,14.03 4.53,16.82 7,18.47V22H9V19H11V22H13V19H15V22H17V18.46C19.47,16.81 21,14 21,11A9,9 0 0,0 12,2M8,11A2,2 0 0,1 10,13A2,2 0 0,1 8,15A2,2 0 0,1 6,13A2,2 0 0,1 8,11M16,11A2,2 0 0,1 18,13A2,2 0 0,1 16,15A2,2 0 0,1 14,13A2,2 0 0,1 16,11M12,14L13.5,17H10.5L12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skype-business.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skype-business.svg
new file mode 100644
index 00000000..e19eedc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skype-business.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skype-business" viewBox="0 0 24 24"><path d="M12.03,16.53C9.37,16.53 8.18,15.22 8.18,14.24C8.18,13.74 8.55,13.38 9.06,13.38C10.2,13.38 9.91,15 12.03,15C13.12,15 13.73,14.43 13.73,13.82C13.73,13.46 13.55,13.06 12.83,12.88L10.46,12.29C8.55,11.81 8.2,10.78 8.2,9.81C8.2,7.79 10.1,7.03 11.88,7.03C13.5,7.03 15.46,7.94 15.46,9.15C15.46,9.67 15,9.97 14.5,9.97C13.5,9.97 13.7,8.62 11.74,8.62C10.77,8.62 10.23,9.06 10.23,9.69C10.23,10.32 11,10.5 11.66,10.68L13.42,11.07C15.34,11.5 15.83,12.62 15.83,13.67C15.83,15.31 14.57,16.53 12.03,16.53M18,6C20.07,8.04 20.85,10.89 20.36,13.55C20.77,14.27 21,15.11 21,16A5,5 0 0,1 16,21C15.11,21 14.27,20.77 13.55,20.36C10.89,20.85 8.04,20.07 6,18C3.93,15.96 3.15,13.11 3.64,10.45C3.23,9.73 3,8.89 3,8A5,5 0 0,1 8,3C8.89,3 9.73,3.23 10.45,3.64C13.11,3.15 15.96,3.93 18,6M8,5A3,3 0 0,0 5,8C5,8.79 5.3,9.5 5.8,10.04C5.1,12.28 5.63,14.82 7.4,16.6C9.18,18.37 11.72,18.9 13.96,18.2C14.5,18.7 15.21,19 16,19A3,3 0 0,0 19,16C19,15.21 18.7,14.5 18.2,13.96C18.9,11.72 18.37,9.18 16.6,7.4C14.82,5.63 12.28,5.1 10.04,5.8C9.5,5.3 8.79,5 8,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/skype.svg b/apps/phoenix_webcomponent/priv/mdi/svg/skype.svg
new file mode 100644
index 00000000..f9df6c37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/skype.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skype" viewBox="0 0 24 24"><path d="M18,6C20.07,8.04 20.85,10.89 20.36,13.55C20.77,14.27 21,15.11 21,16A5,5 0 0,1 16,21C15.11,21 14.27,20.77 13.55,20.36C10.89,20.85 8.04,20.07 6,18C3.93,15.96 3.15,13.11 3.64,10.45C3.23,9.73 3,8.89 3,8A5,5 0 0,1 8,3C8.89,3 9.73,3.23 10.45,3.64C13.11,3.15 15.96,3.93 18,6M12.04,17.16C14.91,17.16 16.34,15.78 16.34,13.92C16.34,12.73 15.78,11.46 13.61,10.97L11.62,10.53C10.86,10.36 10,10.13 10,9.42C10,8.7 10.6,8.2 11.7,8.2C13.93,8.2 13.72,9.73 14.83,9.73C15.41,9.73 15.91,9.39 15.91,8.8C15.91,7.43 13.72,6.4 11.86,6.4C9.85,6.4 7.7,7.26 7.7,9.54C7.7,10.64 8.09,11.81 10.25,12.35L12.94,13.03C13.75,13.23 13.95,13.68 13.95,14.1C13.95,14.78 13.27,15.45 12.04,15.45C9.63,15.45 9.96,13.6 8.67,13.6C8.09,13.6 7.67,14 7.67,14.57C7.67,15.68 9,17.16 12.04,17.16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slack.svg
new file mode 100644
index 00000000..3ff18c91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slack" viewBox="0 0 24 24"><path d="M6,15A2,2 0 0,1 4,17A2,2 0 0,1 2,15A2,2 0 0,1 4,13H6V15M7,15A2,2 0 0,1 9,13A2,2 0 0,1 11,15V20A2,2 0 0,1 9,22A2,2 0 0,1 7,20V15M9,7A2,2 0 0,1 7,5A2,2 0 0,1 9,3A2,2 0 0,1 11,5V7H9M9,8A2,2 0 0,1 11,10A2,2 0 0,1 9,12H4A2,2 0 0,1 2,10A2,2 0 0,1 4,8H9M17,10A2,2 0 0,1 19,8A2,2 0 0,1 21,10A2,2 0 0,1 19,12H17V10M16,10A2,2 0 0,1 14,12A2,2 0 0,1 12,10V5A2,2 0 0,1 14,3A2,2 0 0,1 16,5V10M14,18A2,2 0 0,1 16,20A2,2 0 0,1 14,22A2,2 0 0,1 12,20V18H14M14,17A2,2 0 0,1 12,15A2,2 0 0,1 14,13H19A2,2 0 0,1 21,15A2,2 0 0,1 19,17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward-box.svg
new file mode 100644
index 00000000..8ddba989
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slash-forward-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M9.3 19H7L14.7 5H17L9.3 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward.svg
new file mode 100644
index 00000000..3592012e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slash-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slash-forward" viewBox="0 0 24 24"><path d="M7 21L14.9 3H17L9.1 21H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sledding.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sledding.svg
new file mode 100644
index 00000000..aeb0c735
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sledding.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sledding" viewBox="0 0 24 24"><path d="M22.91 16.64C22.75 15.95 22.44 15.34 21.97 14.81C21.5 14.28 20.91 13.91 20.2 13.69L19.77 15.14C20.43 15.33 20.91 15.73 21.23 16.36C21.54 17 21.58 17.62 21.37 18.27C21.15 18.93 20.73 19.41 20.12 19.73S18.88 20.08 18.23 19.86L14.9 18.79L15.37 17.38L18.7 18.46L19.16 17L17.2 16.4L15.14 11.91C14.95 11.5 14.66 11.19 14.27 10.97C13.88 10.75 13.45 10.67 13 10.74L10.88 11.11L11.91 7.84C12.06 7.37 12.03 6.91 11.81 6.5C11.6 6.04 11.24 5.74 10.74 5.59C10.33 5.46 9.91 5.5 9.47 5.68L4 8V12.1L2.4 11.58L1.94 13L5.87 14.3L5.4 15.7L1.47 14.44L1 15.84L17.76 21.32C18.45 21.54 19.13 21.57 19.82 21.41C20.5 21.26 21.12 20.94 21.65 20.5C22.18 20 22.55 19.43 22.77 18.74C23 18 23.07 17.32 22.91 16.64M6 9.33L7.93 8.5L6.9 11.67C6.74 12.14 6.79 12.61 7.04 13.08L6 12.75V9.33M13.5 18.32L6.81 16.17L7.27 14.76L13.92 16.92L13.5 18.32M9.47 13.87L13.45 13L14.62 15.56L9.47 13.87M14 3C14 4.11 13.11 5 12 5S10 4.11 10 3 10.9 1 12 1 14 1.9 14 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sleep-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sleep-off.svg
new file mode 100644
index 00000000..90cd26fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sleep-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sleep-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L12.73,16H9V14L9.79,13.06L2,5.27M23,12H17V10L20.39,6H17V4H23V6L19.62,10H23V12M9.82,8H15V10L13.54,11.72L9.82,8M7,20H1V18L4.39,14H1V12H7V14L3.62,18H7V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sleep.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sleep.svg
new file mode 100644
index 00000000..d139b9a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sleep.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sleep" viewBox="0 0 24 24"><path d="M23,12H17V10L20.39,6H17V4H23V6L19.62,10H23V12M15,16H9V14L12.39,10H9V8H15V10L11.62,14H15V16M7,20H1V18L4.39,14H1V12H7V14L3.62,18H7V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slide.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slide.svg
new file mode 100644
index 00000000..2fef639b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slide.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slide" viewBox="0 0 24 24"><path d="M14.83 15.45C14.47 14.9 14.18 14.39 13.91 13.92C12.74 11.91 11.79 10.55 9 10.13V5.5C9 3.57 7.43 2 5.5 2S2 3.57 2 5.5V22H4V20H7V22H9V12.16C10.76 12.5 11.29 13.39 12.17 14.92C12.46 15.43 12.78 15.97 13.17 16.56C15.41 19.92 17.67 22 22 22V20C18.53 20 16.8 18.4 14.83 15.45M5.5 4C6.33 4 7 4.67 7 5.5V10H4V5.5C4 4.67 4.67 4 5.5 4M4 18V16H7V18H4M7 14H4V12H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slope-downhill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slope-downhill.svg
new file mode 100644
index 00000000..d2a31a8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slope-downhill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slope-downhill" viewBox="0 0 24 24"><path d="M22,19V22H2V13L22,19M19.09,7.5L18.25,10.26L8.13,7.26C8.06,5.66 6.7,4.42 5.1,4.5C3.5,4.57 2.26,5.93 2.34,7.53C2.41,9.13 3.77,10.36 5.37,10.29C6.24,10.25 7.05,9.82 7.57,9.11L17.69,12.11L16.85,14.89L21.67,12.29L19.09,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slope-uphill.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slope-uphill.svg
new file mode 100644
index 00000000..b97c087a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slope-uphill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slope-uphill" viewBox="0 0 24 24"><path d="M22,13V22H2V19L22,13M21.68,7.06L16.86,4.46L17.7,7.24L7.58,10.24C6.63,8.95 4.82,8.67 3.53,9.62C2.24,10.57 1.96,12.38 2.91,13.67C3.85,14.97 5.67,15.24 6.96,14.29C7.67,13.78 8.1,12.97 8.14,12.09L18.26,9.09L19.1,11.87L21.68,7.06Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine-outline.svg
new file mode 100644
index 00000000..87e31a56
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slot-machine-outline" viewBox="0 0 24 24"><path d="M5 12L7 8V7H4V8H6L4 12M9 12L11 8V7H8V8H10L8 12M13 12L15 8V7H12V8H14L12 12M21 2C19.9 2 19 2.9 19 4C19 4.7 19.4 5.4 20 5.7V17H17V15C17.6 15 18 14.6 18 14V5C18 4.4 17.6 4 17 4H13.2C12.4 2.8 11 2 9.5 2S6.6 2.8 5.8 4H2C1.4 4 1 4.4 1 5V14C1 14.6 1.4 15 2 15V22H17V19H20C21.1 19 22 18.1 22 17V5.7C22.6 5.4 23 4.7 23 4C23 2.9 22.1 2 21 2M3 6H16V13H3V6M15 20H4V15H15V20M13 19H6V17H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine.svg
new file mode 100644
index 00000000..406a0709
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/slot-machine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-slot-machine" viewBox="0 0 24 24"><path d="M5 12L7 8V7H4V8H6L4 12M9 12L11 8V7H8V8H10L8 12M13 12L15 8V7H12V8H14L12 12M21 2C19.9 2 19 2.9 19 4C19 4.7 19.4 5.4 20 5.7V17H17V15C17.6 15 18 14.6 18 14V5C18 4.4 17.6 4 17 4H13.2C12.4 2.8 11 2 9.5 2S6.6 2.8 5.8 4H2C1.4 4 1 4.4 1 5V14C1 14.6 1.4 15 2 15V22H17V19H20C21.1 19 22 18.1 22 17V5.7C22.6 5.4 23 4.7 23 4C23 2.9 22.1 2 21 2M13 19H6V17H13V19M16 13H3V6H16V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off-outline.svg
new file mode 100644
index 00000000..28f466ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card-off-outline" viewBox="0 0 24 24"><path d="M19 13H16.2L15 11.8V10H19V13M22 3H6.2L8.2 5H22V18.8L23.5 20.29C23.79 19.94 24 19.5 24 19V5C23.96 3.91 23.09 3.04 22 3M22.11 21.46L20.84 22.73L19.11 21H2C.911 20.96 .036 20.09 0 19V5C.028 4.17 .545 3.47 1.27 3.16L1.11 3L2.39 1.73L22.11 21.46M17.11 19L14 15.89V17H4V15.75C4 14.09 7.34 13.25 9 13.25C9.78 13.25 10.91 13.44 11.91 13.8L9.91 11.8C9.63 11.92 9.33 12 9 12C7.62 12 6.5 10.88 6.5 9.5C6.5 9.17 6.58 8.87 6.7 8.59L3.11 5H2V19H17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off.svg
new file mode 100644
index 00000000..6a25a523
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L1.27 3.16C.545 3.47 .028 4.17 0 5V19C.036 20.09 .911 20.96 2 21H19.11L20.84 22.73L22.11 21.46L2.39 1.73M14 18H2V17C2 15 6 13.91 8 13.91S14 15 14 17V18M8 12C6.34 12 5 10.66 5 9C5 8.4 5.18 7.84 5.5 7.38L9.62 11.5C9.16 11.82 8.6 12 8 12M22 3H6.2L9.88 6.68C10.04 6.81 10.19 6.96 10.32 7.12L23.5 20.29C23.79 19.94 24 19.5 24 19V5C23.96 3.91 23.09 3.04 22 3M21 13H17V10H21V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-outline.svg
new file mode 100644
index 00000000..670f042f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card-outline" viewBox="0 0 24 24"><path d="M22 3H2A2.07 2.07 0 0 0 0 5V19A2.07 2.07 0 0 0 2 21H22A2.07 2.07 0 0 0 24 19V5A2.07 2.07 0 0 0 22 3M22 19H2V5H22M14 17V15.75C14 14.09 10.66 13.25 9 13.25S4 14.09 4 15.75V17H14M9 7A2.5 2.5 0 1 0 11.5 9.5A2.5 2.5 0 0 0 9 7M15 10V13H19V10H15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader-outline.svg
new file mode 100644
index 00000000..58aa6e37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card-reader-outline" viewBox="0 0 24 24"><path d="M14.5 8.5A2.5 2.5 0 1 0 17 11A2.5 2.5 0 0 0 14.5 8.5M8.25 6H7V16H8.25C9.91 16 10.75 12.66 10.75 11S9.91 6 8.25 6M19 2H5A2.07 2.07 0 0 0 3 4V18H5V4H19V18H21V4A2.07 2.07 0 0 0 19 2M23 22H1V21A2 2 0 0 1 3 19H21A2 2 0 0 1 23 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader.svg
new file mode 100644
index 00000000..4cab532a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card-reader.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card-reader" viewBox="0 0 24 24"><path d="M21 4A2.07 2.07 0 0 0 19 2H5A2.07 2.07 0 0 0 3 4V18H21M8.25 16H7V6H8.25C9.91 6 10.75 9.34 10.75 11S9.91 16 8.25 16M14.5 13.5A2.5 2.5 0 1 1 17 11A2.5 2.5 0 0 1 14.5 13.5M23 21V22H1V21A2 2 0 0 1 3 19H21A2 2 0 0 1 23 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smart-card.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card.svg
new file mode 100644
index 00000000..94c0cd75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smart-card.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smart-card" viewBox="0 0 24 24"><path d="M2 3H22A2.07 2.07 0 0 1 24 5V19A2.07 2.07 0 0 1 22 21H2A2.07 2.07 0 0 1 0 19V5A2.07 2.07 0 0 1 2 3M8 13.91C6 13.91 2 15 2 17V18H14V17C14 15 10 13.91 8 13.91M8 6A3 3 0 1 0 11 9A3 3 0 0 0 8 6M17 10V13H21V10H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smog.svg
new file mode 100644
index 00000000..0b1800f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smog" viewBox="0 0 24 24"><path d="M12,2C10.08,2 8.5,3.35 8.09,5.15C7.45,4.44 6.53,4 5.5,4A3.5,3.5 0 0,0 2,7.5H2A3.5,3.5 0 0,0 5.5,11H6.68V12H10.72V11H13.28V12H17.32V11H18.5A3.5,3.5 0 0,0 22,7.5H22A3.5,3.5 0 0,0 18.5,4H18.5C17.47,4 16.55,4.44 15.91,5.15C15.5,3.35 13.92,2 12,2M7.2,14L6.4,22H11L10.2,14H7.2M13.8,14L13,22H17.6L16.8,14H13.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert-outline.svg
new file mode 100644
index 00000000..163b72df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-alert-outline" viewBox="0 0 24 24"><path d="M17 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H17C18.1 21 19 20.1 19 19V5C19 3.9 18.1 3 17 3M17 19H3V5H17V19M10 18C13.3 18 16 15.3 16 12C16 8.7 13.3 6 10 6C6.7 6 4 8.7 4 12C4 15.3 6.7 18 10 18M10 8C12.2 8 14 9.8 14 12S12.2 16 10 16 6 14.2 6 12 7.8 8 10 8M23 7H21V13H23V8M23 15H21V17H23V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert.svg
new file mode 100644
index 00000000..4981bcf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-alert" viewBox="0 0 24 24"><path d="M10 18C13.3 18 16 15.3 16 12C16 8.7 13.3 6 10 6C6.7 6 4 8.7 4 12C4 15.3 6.7 18 10 18M17 3C18.1 3 19 3.9 19 5V19C19 20.1 18.1 21 17 21H3C1.9 21 1 20.1 1 19V5C1 3.9 1.9 3 3 3H17M6 12C6 9.8 7.8 8 10 8S14 9.8 14 12 12.2 16 10 16 6 14.2 6 12M23 7H21V13H23V8M23 15H21V17H23V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off-outline.svg
new file mode 100644
index 00000000..daaa865c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-off-outline" viewBox="0 0 24 24"><path d="M8.2 5L6.2 3H19C20.11 3 21 3.9 21 5V17.8L19 15.8V5H8.2M17.5 14.32C17.82 13.6 18 12.83 18 12C18 8.68 15.31 6 12 6C11.17 6 10.4 6.18 9.68 6.5L11.27 8.07C11.5 8.03 11.75 8 12 8C14.21 8 16 9.79 16 12C16 12.25 15.97 12.5 15.93 12.73L17.5 14.32M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.89 21 3 20.1 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L22.11 21.46M8 12C8 14.21 9.79 16 12 16C12.62 16 13.19 15.85 13.71 15.6L8.4 10.29C8.15 10.81 8 11.39 8 12M17.11 19L15.19 17.08C14.26 17.66 13.17 18 12 18C8.69 18 6 15.31 6 12C6 10.83 6.34 9.74 6.92 8.81L5 6.89V19H17.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off.svg
new file mode 100644
index 00000000..ec1e593b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-off" viewBox="0 0 24 24"><path d="M12 8C14.21 8 16 9.79 16 12C16 12.25 15.97 12.5 15.93 12.73L11.27 8.07C11.5 8.03 11.75 8 12 8M12 6C15.31 6 18 8.68 18 12C18 12.83 17.82 13.6 17.5 14.32L21 17.8V5C21 3.9 20.11 3 19 3H6.2L9.68 6.5C10.4 6.18 11.17 6 12 6M22.11 21.46L20.84 22.73L19.1 21C19.07 21 19.03 21 19 21H5C3.89 21 3 20.1 3 19V5C3 4.97 3 4.93 3 4.9L1.11 3L2.39 1.73L22.11 21.46M15.19 17.08L13.71 15.6C13.19 15.85 12.62 16 12 16C9.79 16 8 14.21 8 12C8 11.39 8.15 10.81 8.4 10.29L6.92 8.81C6.34 9.74 6 10.83 6 12C6 15.31 8.69 18 12 18C13.17 18 14.26 17.66 15.19 17.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-outline.svg
new file mode 100644
index 00000000..1cc33c07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-outline" viewBox="0 0 24 24"><path d="M19 3H5C3.89 3 3 3.89 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.9 20.11 3 19 3M19 19H5V5H19V19M12 18C15.31 18 18 15.31 18 12C18 8.68 15.31 6 12 6C8.68 6 6 8.68 6 12C6 15.31 8.69 18 12 18M12 8C14.21 8 16 9.79 16 12S14.21 16 12 16 8 14.21 8 12 9.79 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-alert.svg
new file mode 100644
index 00000000..56ff7f0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-variant-alert" viewBox="0 0 24 24"><path d="M10 4C14.4 4 18 7.6 18 12S14.4 20 10 20 2 16.4 2 12 5.6 4 10 4M10 2C4.5 2 0 6.5 0 12S4.5 22 10 22 20 17.5 20 12 15.5 2 10 2M10 11C9.4 11 9 11.4 9 12S9.4 13 10 13 11 12.6 11 12 10.6 11 10 11M8.7 9.3C9.1 9.1 9.5 9 10 9S10.9 9.1 11.3 9.3L12 8.6C11.4 8.2 10.7 8 10 8S8.6 8.2 8 8.6L8.7 9.3M13 12C13 12.5 12.9 12.9 12.7 13.3L13.4 14C13.8 13.4 14 12.7 14 12S13.8 10.6 13.4 10L12.7 10.7C12.9 11.1 13 11.5 13 12M7 12C7 11.5 7.1 11.1 7.3 10.7L6.6 10C6.2 10.6 6 11.3 6 12S6.2 13.4 6.6 14L7.3 13.3C7.1 12.9 7 12.5 7 12M11.3 14.7C10.9 14.9 10.5 15 10 15S9.1 14.9 8.7 14.7L8 15.4C8.6 15.8 9.3 16 10 16S11.4 15.8 12 15.4L11.3 14.7M14.9 8.5L14.2 9.2C14.7 10 15 11 15 12S14.7 14 14.2 14.8L14.9 15.5C15.6 14.5 16 13.3 16 12S15.6 9.5 14.9 8.5M7.2 7.8C8 7.3 9 7 10 7S12 7.3 12.8 7.8L13.5 7.1C12.5 6.4 11.3 6 10 6S7.5 6.4 6.5 7.1L7.2 7.8M12.8 16.2C12 16.7 11 17 10 17S8 16.7 7.2 16.2L6.5 16.9C7.5 17.6 8.7 18 10 18S12.5 17.6 13.5 16.9L12.8 16.2M5.8 14.8C5.3 14 5 13 5 12S5.3 10 5.8 9.2L5.1 8.5C4.4 9.5 4 10.7 4 12S4.4 14.5 5.1 15.5L5.8 14.8M24 7H22V13H24V8M24 15H22V17H24V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-off.svg
new file mode 100644
index 00000000..2e3ccc70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-variant-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.06 5.95C2.77 7.63 2 9.72 2 12C2 17.5 6.5 22 12 22C14.28 22 16.37 21.23 18.05 19.94L20.84 22.73L22.11 21.46M12 20C7.59 20 4 16.41 4 12C4 10.28 4.56 8.69 5.5 7.38L6.93 8.82C6.35 9.75 6 10.83 6 12C6 13.3 6.42 14.5 7.11 15.47L7.83 14.75C7.31 13.96 7 13 7 12C7 11.11 7.25 10.28 7.66 9.55L8.4 10.3C8.15 10.81 8 11.39 8 12C8 12.74 8.22 13.43 8.57 14L9.3 13.29C9.11 12.89 9 12.46 9 12C9 11.67 9.07 11.36 9.18 11.07L12.93 14.82C12.64 14.93 12.33 15 12 15C11.54 15 11.11 14.89 10.72 14.7L10 15.43C10.58 15.79 11.26 16 12 16C12.61 16 13.19 15.85 13.71 15.6L14.45 16.34C13.72 16.75 12.89 17 12 17C11 17 10.04 16.69 9.25 16.17L8.53 16.89C9.5 17.59 10.7 18 12 18C13.17 18 14.25 17.65 15.18 17.07L16.62 18.5C15.32 19.44 13.72 20 12 20M12 8C12.74 8 13.43 8.22 14 8.57L13.29 9.3C12.96 9.15 12.6 9.06 12.23 9.03L11.28 8.08C11.5 8.03 11.75 8 12 8M14.97 11.77C14.94 11.4 14.86 11.04 14.7 10.72L15.43 10C15.79 10.58 16 11.26 16 12C16 12.25 15.97 12.5 15.92 12.72L14.97 11.77M14.75 7.83C13.96 7.31 13 7 12 7C11.46 7 10.94 7.09 10.45 7.25L9.69 6.5C10.4 6.18 11.18 6 12 6C13.3 6 14.5 6.42 15.47 7.11L14.75 7.83M8.18 5L6.72 3.5C8.25 2.56 10.06 2 12 2C17.5 2 22 6.5 22 12C22 13.94 21.44 15.75 20.5 17.28L19 15.83C19.65 14.69 20 13.38 20 12C20 7.59 16.41 4 12 4C10.62 4 9.31 4.35 8.18 5M16.75 13.55C16.91 13.06 17 12.54 17 12C17 11 16.69 10.04 16.17 9.25L16.89 8.53C17.59 9.5 18 10.7 18 12C18 12.83 17.82 13.6 17.5 14.32L16.75 13.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant.svg
new file mode 100644
index 00000000..656df134
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector-variant" viewBox="0 0 24 24"><path d="M12 4C16.41 4 20 7.59 20 12S16.41 20 12 20 4 16.41 4 12 7.59 4 12 4M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 11C11.45 11 11 11.45 11 12S11.45 13 12 13 13 12.55 13 12 12.55 11 12 11M10.72 9.3C11.11 9.11 11.54 9 12 9S12.89 9.11 13.29 9.3L14 8.57C13.43 8.22 12.74 8 12 8S10.58 8.22 10 8.57L10.72 9.3M15 12C15 12.46 14.89 12.89 14.7 13.29L15.43 14C15.79 13.43 16 12.74 16 12S15.79 10.58 15.43 10L14.7 10.72C14.89 11.11 15 11.54 15 12M9 12C9 11.54 9.11 11.11 9.3 10.72L8.57 10C8.22 10.58 8 11.26 8 12S8.22 13.43 8.57 14L9.3 13.29C9.11 12.89 9 12.46 9 12M13.29 14.7C12.89 14.89 12.46 15 12 15S11.11 14.89 10.72 14.7L10 15.43C10.58 15.79 11.26 16 12 16S13.43 15.79 14 15.43L13.29 14.7M16.89 8.53L16.17 9.25C16.69 10.04 17 11 17 12S16.69 13.96 16.17 14.75L16.89 15.47C17.59 14.5 18 13.3 18 12S17.59 9.5 16.89 8.53M9.25 7.83C10.04 7.31 11 7 12 7S13.96 7.31 14.75 7.83L15.47 7.11C14.5 6.42 13.3 6 12 6S9.5 6.42 8.53 7.11L9.25 7.83M14.75 16.17C13.96 16.69 13 17 12 17S10.04 16.69 9.25 16.17L8.53 16.89C9.5 17.59 10.7 18 12 18S14.5 17.59 15.47 16.89L14.75 16.17M7.83 14.75C7.31 13.96 7 13 7 12S7.31 10.04 7.83 9.25L7.11 8.53C6.42 9.5 6 10.7 6 12S6.42 14.5 7.11 15.47L7.83 14.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector.svg
new file mode 100644
index 00000000..f0e797f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke-detector.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke-detector" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,0 18,12C18,8.68 15.31,6 12,6C8.68,6 6,8.68 6,12A6,6 0 0,0 12,18M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoke.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoke.svg
new file mode 100644
index 00000000..b1965921
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoke.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoke" viewBox="0 0 24 24"><path d="M17 19V22H15V19C15 17.9 14.1 17 13 17H10C7.2 17 5 14.8 5 12C5 10.8 5.4 9.8 6.1 8.9C3.8 8.5 2 6.4 2 4C2 3.3 2.2 2.6 2.4 2H4.8C4.3 2.5 4 3.2 4 4C4 5.7 5.3 7 7 7H10V9C8.3 9 7 10.3 7 12S8.3 15 10 15H13C15.2 15 17 16.8 17 19M17.9 8.9C20.2 8.5 22 6.4 22 4C22 3.3 21.8 2.6 21.6 2H19.2C19.7 2.5 20 3.2 20 4C20 5.7 18.7 7 17 7H15.8C15.9 7.3 16 7.6 16 8C16 9.7 14.7 11 13 11V13C15.8 13 18 15.2 18 18V22H20V18C20 15.3 18.5 13 16.2 11.8C17.1 11.1 17.7 10.1 17.9 8.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoking-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-off.svg
new file mode 100644
index 00000000..c363a2f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoking-off" viewBox="0 0 24 24"><path d="M2,6L9,13H2V16H12L19,23L20.25,21.75L3.25,4.75L2,6M20.5,13H22V16H20.5V13M18,13H19.5V16H18V13M18.85,4.88C19.47,4.27 19.85,3.43 19.85,2.5H18.35C18.35,3.5 17.5,4.35 16.5,4.35V5.85C18.74,5.85 20.5,7.68 20.5,9.92V12H22V9.92C22,7.69 20.72,5.77 18.85,4.88M14.5,8.7H16.03C17.08,8.7 18,9.44 18,10.75V12H19.5V10.41C19.5,8.61 17.9,7.25 16.03,7.25H14.5C13.5,7.25 12.65,6.27 12.65,5.25C12.65,4.23 13.5,3.5 14.5,3.5V2A3.35,3.35 0 0,0 11.15,5.35A3.35,3.35 0 0,0 14.5,8.7M17,15.93V13H14.07L17,15.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe-off.svg
new file mode 100644
index 00000000..68ca6e77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoking-pipe-off" viewBox="0 0 24 24"><path d="M20.84 22.73L19.71 21.6C19.19 21.85 18.62 22 18 22H16C13 22 11.72 21.5 8.89 18.65L5.12 14.88C4.56 14.32 3.8 14 3 14H2V12H3C4.33 12 5.6 12.53 6.53 13.47L10.3 17.23C11 17.92 12 18 13 18H14V15.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M21.93 18.73C21.97 18.5 22 18.25 22 18V15C22 13.89 21.11 13 20 13H16.2L21.93 18.73M18.5 9.7L18.5 9.77V12H20V9.76C20 7.62 18.78 5.66 16.85 4.73H16.82C17.58 4 17.9 3 17.8 2H16.32C16.34 2.11 16.35 2.23 16.35 2.35C16.35 3.37 15.5 4.2 14.5 4.2H14.5V5.7C16.71 5.7 18.5 7.5 18.5 9.7M11.83 8.63C12.05 8.68 12.27 8.7 12.5 8.7H14C15.07 8.66 15.96 9.5 16 10.56C16 10.61 16 10.65 16 10.7V12H17.5V10.36C17.42 8.53 15.88 7.12 14.05 7.2L14 7.2H12.5C11.45 7.12 10.65 6.25 10.65 5.2C10.67 4.22 11.5 3.43 12.46 3.45L12.5 3.45V2C10.65 2 9.15 3.5 9.15 5.35C9.15 5.58 9.17 5.8 9.22 6L11.83 8.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe.svg
new file mode 100644
index 00000000..b416fd79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoking-pipe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoking-pipe" viewBox="0 0 24 24"><path d="M16 13C14.89 13 14 13.89 14 15V18H13C12 18 11 17.92 10.3 17.23L6.53 13.47C5.6 12.53 4.33 12 3 12H2V14H3C3.8 14 4.56 14.32 5.12 14.88L8.89 18.65C11.72 21.5 13 22 16 22H18C20.21 22 22 20.21 22 18V15C22 13.89 21.11 13 20 13H16M14 7.2H12.5C11.45 7.12 10.65 6.25 10.65 5.2C10.67 4.22 11.5 3.43 12.46 3.45L12.5 3.45V2C10.65 2 9.15 3.5 9.15 5.35S10.65 8.7 12.5 8.7H14C15.07 8.66 15.96 9.5 16 10.56C16 10.61 16 10.65 16 10.7V12H17.5V10.36C17.42 8.53 15.88 7.12 14.05 7.2L14 7.2M20 9.76V12H18.5V9.77L18.5 9.7C18.5 7.5 16.71 5.7 14.5 5.7V4.2H14.5C15.5 4.2 16.35 3.37 16.35 2.35C16.35 2.23 16.34 2.11 16.32 2H17.79C17.89 3 17.58 4 16.82 4.73H16.85C18.78 5.66 20 7.62 20 9.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/smoking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/smoking.svg
new file mode 100644
index 00000000..c1f712ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/smoking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-smoking" viewBox="0 0 24 24"><path d="M2,16H17V19H2V16M20.5,16H22V19H20.5V16M18,16H19.5V19H18V16M18.85,7.73C19.47,7.12 19.85,6.28 19.85,5.35C19.85,3.5 18.35,2 16.5,2V3.5C17.5,3.5 18.35,4.33 18.35,5.35C18.35,6.37 17.5,7.2 16.5,7.2V8.7C18.74,8.7 20.5,10.53 20.5,12.77V15H22V12.76C22,10.54 20.72,8.62 18.85,7.73M16.03,10.2H14.5C13.5,10.2 12.65,9.22 12.65,8.2C12.65,7.18 13.5,6.45 14.5,6.45V4.95C12.65,4.95 11.15,6.45 11.15,8.3A3.35,3.35 0 0,0 14.5,11.65H16.03C17.08,11.65 18,12.39 18,13.7V15H19.5V13.36C19.5,11.55 17.9,10.2 16.03,10.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snail.svg
new file mode 100644
index 00000000..364f0737
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snail" viewBox="0 0 24 24"><path d="M20.31 8.03L21.24 4.95C21.67 4.85 22 4.47 22 4C22 3.45 21.55 3 21 3S20 3.45 20 4C20 4.26 20.11 4.5 20.27 4.68L19.5 7.26L18.73 4.68C18.89 4.5 19 4.26 19 4C19 3.45 18.55 3 18 3S17 3.45 17 4C17 4.47 17.33 4.85 17.76 4.95L18.69 8.03C17.73 8.18 17 9 17 10V12.25C15.65 9.16 12.63 7 9.11 7C5.19 7 2 10.26 2 14.26C2 16.1 2.82 17.75 4.1 18.85L2.88 19C2.38 19.06 2 19.5 2 20C2 20.55 2.45 21 3 21L19.12 21C20.16 21 21 20.16 21 19.12V11.72C21.6 11.38 22 10.74 22 10C22 9 21.27 8.18 20.31 8.03M15.6 17.41L12.07 17.86C12.5 17.1 12.8 16.21 12.8 15.26C12.8 12.94 10.95 11.06 8.67 11.06C8.14 11.06 7.62 11.18 7.14 11.41C6.65 11.66 6.44 12.26 6.69 12.75C6.93 13.25 7.53 13.45 8.03 13.21C8.23 13.11 8.45 13.06 8.67 13.06C9.85 13.06 10.8 14.04 10.8 15.26C10.8 16.92 9.5 18.27 7.89 18.27C5.75 18.27 4 16.47 4 14.26C4 11.36 6.29 9 9.11 9C12.77 9 15.75 12.06 15.75 15.82C15.75 16.36 15.69 16.89 15.6 17.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snake.svg
new file mode 100644
index 00000000..0da5b3be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snake" viewBox="0 0 24 24"><path d="M19.5 17H18C19.1 17 20 16.1 20 15S19.1 13 18 13V9C18 8 18 7 16.92 6.14C16.97 5.93 17 5.72 17 5.5C17 3.57 15 2 12.5 2C10.24 2 8.38 3.31 8.07 5H6L3.71 2.79L3 3.5L5 5.5L3 7.5L3.71 8.21L6 6H8.07C8.38 7.69 10.24 9 12.5 9C13 9 13.5 8.92 13.93 8.8C13.97 8.87 14 8.94 14 9V13H8C6.9 13 6 13.9 6 15S6.9 17 8 17H6.5C5.12 17 4 18.12 4 19.5C4 19.67 4 19.84 4.05 20H4C2.9 20 2 20.9 2 22H19.5C20.88 22 22 20.88 22 19.5S20.88 17 19.5 17M12 5C11.45 5 11 4.55 11 4S11.45 3 12 3 13 3.45 13 4 12.55 5 12 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snapchat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snapchat.svg
new file mode 100644
index 00000000..55c4528f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snapchat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snapchat" viewBox="0 0 24 24"><path d="M21.93 16.56C21.79 16.18 21.5 16 21.22 15.81C21.17 15.78 21.11 15.75 21.07 15.73C21 15.68 20.89 15.64 20.8 15.59C19.86 15.09 19.12 14.46 18.61 13.72C18.47 13.5 18.35 13.29 18.24 13.06C18.2 12.93 18.2 12.86 18.23 12.8C18.26 12.75 18.3 12.7 18.35 12.67C18.5 12.56 18.68 12.46 18.79 12.38C19 12.25 19.15 12.15 19.25 12.08C19.64 11.81 19.91 11.5 20.08 11.2C20.32 10.75 20.35 10.22 20.16 9.75C19.91 9.08 19.27 8.66 18.5 8.66C18.34 8.66 18.18 8.68 18 8.71C18 8.72 17.94 8.73 17.9 8.74C17.9 8.28 17.89 7.8 17.85 7.32C17.71 5.64 17.12 4.76 16.5 4.06C16.11 3.62 15.65 3.24 15.14 2.95C14.21 2.42 13.15 2.15 12 2.15S9.8 2.42 8.87 2.95C8.35 3.24 7.89 3.62 7.5 4.06C6.88 4.76 6.3 5.64 6.15 7.32C6.11 7.8 6.1 8.28 6.11 8.74C6.06 8.73 6 8.72 6 8.71C5.82 8.68 5.66 8.66 5.5 8.66C4.73 8.66 4.09 9.08 3.84 9.75C3.65 10.22 3.68 10.75 3.92 11.2C4.09 11.5 4.36 11.81 4.75 12.08C4.85 12.15 5 12.25 5.21 12.39L5.63 12.66C5.69 12.7 5.73 12.75 5.77 12.8C5.8 12.87 5.8 12.94 5.75 13.07C5.65 13.3 5.53 13.5 5.39 13.72C4.89 14.45 4.18 15.07 3.27 15.56C2.78 15.82 2.28 16 2.07 16.56C1.91 17 2 17.5 2.42 17.91C2.57 18.06 2.74 18.19 2.93 18.29C3.33 18.5 3.75 18.68 4.18 18.79C4.27 18.82 4.36 18.85 4.43 18.91C4.58 19.03 4.56 19.23 4.76 19.5C4.86 19.66 5 19.79 5.13 19.89C5.54 20.18 6 20.19 6.5 20.21C6.94 20.23 7.44 20.25 8 20.44C8.26 20.5 8.5 20.67 8.79 20.85C9.5 21.27 10.42 21.85 12 21.85C13.57 21.85 14.5 21.27 15.22 20.84C15.5 20.67 15.75 20.5 16 20.44C16.55 20.25 17.06 20.23 17.5 20.21C18 20.2 18.46 20.18 18.87 19.89C19.04 19.77 19.18 19.61 19.29 19.43C19.43 19.19 19.43 19 19.56 18.91C19.63 18.86 19.71 18.82 19.8 18.8C20.24 18.68 20.66 18.5 21.06 18.29C21.27 18.18 21.45 18.04 21.6 17.87L21.61 17.87C22 17.46 22.08 17 21.93 16.56M20.53 17.31C19.67 17.78 19.1 17.73 18.66 18C18.5 18.12 18.45 18.28 18.42 18.44C18.41 18.5 18.4 18.58 18.39 18.64C18.37 18.78 18.34 18.9 18.24 18.97C17.9 19.2 16.91 18.95 15.63 19.37C14.57 19.72 13.9 20.73 12 20.73C10.1 20.73 9.45 19.73 8.37 19.37C7.1 18.95 6.1 19.2 5.77 18.97C5.5 18.78 5.72 18.26 5.34 18C4.9 17.73 4.33 17.78 3.5 17.31C3.19 17.15 3.14 17 3.18 16.93C3.22 16.84 3.34 16.77 3.42 16.73C5.07 15.94 6 14.91 6.47 14.1C6.91 13.38 7 12.83 7.03 12.75C7.06 12.54 7.09 12.38 6.86 12.17C6.64 11.96 5.66 11.36 5.39 11.17C4.93 10.85 4.74 10.54 4.88 10.15L4.88 10.15V10.15C5 9.88 5.23 9.78 5.5 9.78C5.58 9.78 5.66 9.79 5.74 9.81C6.24 9.91 6.72 10.16 7 10.23C7.03 10.24 7.06 10.24 7.1 10.24C7.19 10.24 7.24 10.21 7.27 10.15C7.28 10.11 7.29 10.06 7.29 10C7.25 9.46 7.18 8.41 7.26 7.42C7.3 7 7.37 6.64 7.46 6.33C7.66 5.65 8 5.2 8.34 4.79C8.59 4.5 9.75 3.27 12 3.27C13.85 3.27 14.96 4.11 15.44 4.56C15.54 4.66 15.62 4.74 15.66 4.79C16.04 5.23 16.38 5.71 16.58 6.47C16.65 6.74 16.71 7.06 16.74 7.42C16.82 8.4 16.75 9.46 16.71 10C16.71 10.04 16.71 10.08 16.72 10.11C16.73 10.2 16.79 10.24 16.9 10.24C16.94 10.24 16.97 10.24 17 10.23C17.28 10.16 17.76 9.91 18.26 9.8C18.34 9.79 18.42 9.78 18.5 9.78C18.75 9.78 19 9.87 19.1 10.1L19.11 10.14L19.12 10.14L19.12 10.15C19.27 10.53 19.07 10.85 18.62 11.16C18.35 11.35 17.36 11.96 17.14 12.16C16.91 12.38 16.94 12.54 16.97 12.75C17 12.85 17.18 13.8 18.08 14.86C18.63 15.5 19.42 16.17 20.58 16.73C20.65 16.76 20.74 16.81 20.79 16.87C20.82 16.92 20.84 16.96 20.83 17C20.82 17.1 20.73 17.2 20.53 17.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowboard.svg
new file mode 100644
index 00000000..2cae25f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowboard" viewBox="0 0 24 24"><path d="M21.87 20.37C21.76 20.2 21.62 20.09 21.43 20.06C21.18 20 20.96 20.05 20.78 20.2C20.43 20.5 20.04 20.73 19.58 20.86C19.13 21 18.66 21 18.16 20.9L17.04 20.62L16 14.46L12.74 11.79L14.5 8.94C15.08 9.85 15.85 10.58 16.83 11.14C17.81 11.7 18.88 12 20.03 12V9.97C19.09 9.97 18.26 9.72 17.53 9.22S16.26 8.07 15.92 7.26L15.36 6.05C15.26 5.86 15.08 5.64 14.82 5.39C14.55 5.14 14.19 5 13.72 5H8.07L5.54 9L7.27 10.06L9.14 7H11.5L9 10.95C8.69 11.42 8.6 11.93 8.72 12.5L9.56 15.95L6.06 18.29L5.59 18.19C5.13 18.1 4.7 17.91 4.33 17.61C3.96 17.31 3.68 16.96 3.5 16.56C3.4 16.31 3.23 16.17 3 16.14C2.76 16.08 2.56 16.11 2.39 16.23S2.12 16.5 2.09 16.7C2.06 16.85 2.07 17 2.13 17.17C2.42 17.79 2.83 18.33 3.37 18.78C3.92 19.23 4.55 19.5 5.27 19.64L17.88 22.35C18.6 22.5 19.29 22.5 19.96 22.3C20.63 22.12 21.23 21.79 21.76 21.32C21.88 21.23 21.96 21.11 22 20.95C22 20.73 22 20.54 21.87 20.37M8.77 18.89L11.81 16.89L11.34 13.57L14.19 15.58L14.94 20.2L8.77 18.89M18 3C18 4.11 17.11 5 16 5S14 4.11 14 3 14.9 1 16 1 18 1.9 18 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-alert.svg
new file mode 100644
index 00000000..c2db626c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-alert" viewBox="0 0 24 24"><path d="M16.46,9.41L13,7.38V5.12L14.71,3.41L13.29,2L12,3.29L10.71,2L9.29,3.41L11,5.12V7.38L8.5,8.82L6.5,7.69L5.92,5.36L4,5.88L4.47,7.65L2.7,8.12L3.22,10.05L5.55,9.43L7.55,10.56V13.45L5.55,14.58L3.22,13.96L2.7,15.89L4.47,16.36L4,18.12L5.93,18.64L6.55,16.31L8.55,15.18L11,16.62V18.88L9.29,20.59L10.71,22L12,20.71L13.29,22L14.7,20.59L13,18.88V16.62L16.46,14.61M9.5,10.56L12,9.11L14.5,10.56V13.44L12,14.89L9.5,13.44M19,13V7H21V13H19M19,17V15H21V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-check.svg
new file mode 100644
index 00000000..f1bddf41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-check" viewBox="0 0 24 24"><path d="M17.75 21.16L15 18.16L16.16 17L17.75 18.59L21.34 15L22.5 16.41L17.75 21.16M12 18C12 16.46 12.59 15.06 13.54 14L12 14.89L9.5 13.44V10.56L12 9.11L14.5 10.56V13.13C15.08 12.71 15.75 12.4 16.46 12.21V10.56L18.46 9.43L20.79 10.05L21.31 8.12L19.54 7.65L20 5.88L18.07 5.36L17.45 7.69L15.45 8.82L13 7.38V5.12L14.71 3.41L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12V7.38L8.5 8.82L6.5 7.69L5.92 5.36L4 5.88L4.47 7.65L2.7 8.12L3.22 10.05L5.55 9.43L7.55 10.56V13.45L5.55 14.58L3.22 13.96L2.7 15.89L4.47 16.36L4 18.12L5.93 18.64L6.55 16.31L8.55 15.18L11 16.62V18.88L9.29 20.59L10.71 22L12 20.71L13.29 22L13.42 21.87C12.54 20.83 12 19.5 12 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-melt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-melt.svg
new file mode 100644
index 00000000..2a074149
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-melt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-melt" viewBox="0 0 24 24"><path d="M8 17.85C8 19.04 7.11 20 6 20S4 19.04 4 17.85C4 16.42 6 14 6 14S8 16.42 8 17.85M16.46 12V10.56L18.46 9.43L20.79 10.05L21.31 8.12L19.54 7.65L20 5.88L18.07 5.36L17.45 7.69L15.45 8.82L13 7.38V5.12L14.71 3.41L13.29 2L12 3.29L10.71 2L9.29 3.41L11 5.12V7.38L8.5 8.82L6.5 7.69L5.92 5.36L4 5.88L4.47 7.65L2.7 8.12L3.22 10.05L5.55 9.43L7.55 10.56V12H2V13H22V12H16.46M9.5 12V10.56L12 9.11L14.5 10.56V12H9.5M20 17.85C20 19.04 19.11 20 18 20S16 19.04 16 17.85C16 16.42 18 14 18 14S20 16.42 20 17.85M14 20.85C14 22.04 13.11 23 12 23S10 22.04 10 20.85C10 19.42 12 17 12 17S14 19.42 14 20.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-off.svg
new file mode 100644
index 00000000..fdc3864e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-off" viewBox="0 0 24 24"><path d="M11 5.12L9.29 3.41L10.71 2L12 3.29L13.29 2L14.71 3.41L13 5.12V7.38L15.45 8.82L17.45 7.69L18.07 5.36L20 5.88L19.54 7.65L21.31 8.12L20.79 10.05L18.46 9.43L16.46 10.56V13.26L14.5 11.3V10.56L12.74 9.54L10.73 7.53L11 7.38V5.12M18.46 14.57L16.87 13.67L19.55 16.35L21.3 15.88L20.79 13.95L18.46 14.57M13 16.62V18.88L14.7 20.59L13.29 22L12 20.71L10.71 22L9.29 20.59L11 18.88V16.62L8.55 15.18L6.55 16.31L5.93 18.64L4 18.12L4.47 16.36L2.7 15.89L3.22 13.96L5.55 14.58L7.55 13.45V10.56L5.55 9.43L3.22 10.05L2.7 8.12L4.47 7.65L4 5.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73L14.1 16L13 16.62M12 14.89L12.63 14.5L9.5 11.39V13.44L12 14.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-thermometer.svg
new file mode 100644
index 00000000..8fb66f8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-thermometer" viewBox="0 0 24 24"><path d="M14.46 9.41L11 7.38V5.12L12.71 3.41L11.29 2L10 3.29L8.71 2L7.29 3.41L9 5.12V7.38L6.5 8.82L4.5 7.69L3.92 5.36L2 5.88L2.47 7.65L.7 8.12L1.22 10.05L3.55 9.43L5.55 10.56V13.45L3.55 14.58L1.22 13.96L.7 15.89L2.47 16.36L2 18.12L3.93 18.64L4.55 16.31L6.55 15.18L9 16.62V18.88L7.29 20.59L8.71 22L10 20.71L11.29 22L12.7 20.59L11 18.88V16.62L14.46 14.61M7.5 10.56L10 9.11L12.5 10.56V13.44L10 14.89L7.5 13.44M19 5C17.89 5 17 5.89 17 7V13.76C16.36 14.33 16 15.15 16 16C16 17.66 17.34 19 19 19S22 17.66 22 16C22 15.15 21.64 14.33 21 13.77V7C21 5.89 20.11 5 19 5M19 6C19.55 6 20 6.45 20 7V8H18V7C18 6.45 18.45 6 19 6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-variant.svg
new file mode 100644
index 00000000..65acb60a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake-variant" viewBox="0 0 24 24"><path d="M14.25,12L16.27,11H23L22,9H18.03L20.42,5.83L19.43,3.83L15.37,9.2L13.35,10.21L13.75,8L17.83,2.62L15.64,2.22L12,7L8.4,2.2L6.2,2.6L10.26,8L10.66,10.21L8.82,9.29L8.66,9.21L4.6,3.8L3.6,5.8L6,9H2L1,11H7.77L9.75,12L7.73,13H1L2,15H5.97L3.58,18.17L4.57,20.17L8.63,14.8L10.65,13.79L10.25,16L6.17,21.38L8.36,21.79L12,17L15.6,21.8L17.8,21.4L13.74,16L13.34,13.79L15.34,14.79L19.4,20.2L20.4,18.2L18,15H22L23,13H16.23" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowflake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake.svg
new file mode 100644
index 00000000..3910a04d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowflake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowflake" viewBox="0 0 24 24"><path d="M20.79,13.95L18.46,14.57L16.46,13.44V10.56L18.46,9.43L20.79,10.05L21.31,8.12L19.54,7.65L20,5.88L18.07,5.36L17.45,7.69L15.45,8.82L13,7.38V5.12L14.71,3.41L13.29,2L12,3.29L10.71,2L9.29,3.41L11,5.12V7.38L8.5,8.82L6.5,7.69L5.92,5.36L4,5.88L4.47,7.65L2.7,8.12L3.22,10.05L5.55,9.43L7.55,10.56V13.45L5.55,14.58L3.22,13.96L2.7,15.89L4.47,16.36L4,18.12L5.93,18.64L6.55,16.31L8.55,15.18L11,16.62V18.88L9.29,20.59L10.71,22L12,20.71L13.29,22L14.7,20.59L13,18.88V16.62L15.5,15.17L17.5,16.3L18.12,18.63L20,18.12L19.53,16.35L21.3,15.88L20.79,13.95M9.5,10.56L12,9.11L14.5,10.56V13.44L12,14.89L9.5,13.44V10.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowman.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowman.svg
new file mode 100644
index 00000000..71bf1d0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowman.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowman" viewBox="0 0 24 24"><path d="M17,17A5,5 0 0,1 12,22A5,5 0 0,1 7,17C7,15.5 7.65,14.17 8.69,13.25C8.26,12.61 8,11.83 8,11C8,10.86 8,10.73 8,10.59L5.04,8.87L4.83,8.71L2.29,9.39L2.03,8.43L4.24,7.84L2.26,6.69L2.76,5.82L4.74,6.97L4.15,4.75L5.11,4.5L5.8,7.04L6.04,7.14L8.73,8.69C9.11,8.15 9.62,7.71 10.22,7.42C9.5,6.87 9,6 9,5A3,3 0 0,1 12,2A3,3 0 0,1 15,5C15,6 14.5,6.87 13.78,7.42C14.38,7.71 14.89,8.15 15.27,8.69L17.96,7.14L18.2,7.04L18.89,4.5L19.85,4.75L19.26,6.97L21.24,5.82L21.74,6.69L19.76,7.84L21.97,8.43L21.71,9.39L19.17,8.71L18.96,8.87L16,10.59V11C16,11.83 15.74,12.61 15.31,13.25C16.35,14.17 17,15.5 17,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowmobile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowmobile.svg
new file mode 100644
index 00000000..13cd8d18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowmobile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowmobile" viewBox="0 0 24 24"><path d="M20.34 17.93L18.4 16C19.5 15.91 22.66 15.53 22.97 13.36C23 13.12 22.92 12.89 22.78 12.7C22.12 11.82 19.88 9.07 15 5H12V7H14L16 9L12 11L3 10L1 13L5.58 14.38L2.58 16.09C2.22 16.26 1 16.89 1 18.05C1 18.4 1 18.89 1.33 19.32C1.83 20 2.71 20 3 20H9C10.26 20 12.53 19.13 12.93 16H15.59L17.59 18H15V20H20C21.65 20 23 18.65 23 17H21C21 17.43 20.73 17.79 20.34 17.93M9 18H3.25C3.33 17.95 3.41 17.91 3.5 17.87L8.22 15.17L10.92 16C10.58 17.84 9.28 18 9 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/snowshoeing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/snowshoeing.svg
new file mode 100644
index 00000000..d9dd7273
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/snowshoeing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-snowshoeing" viewBox="0 0 24 24"><path d="M12.5 3.5C12.5 2.4 13.4 1.5 14.5 1.5S16.5 2.4 16.5 3.5 15.6 5.5 14.5 5.5 12.5 4.6 12.5 3.5M6.32 19.03L5.18 17.56L4 18.5L6.38 21.54C6.89 22.19 7.54 22.69 8.26 22.95C8.54 23.05 8.79 23 9 22.84C9.28 22.61 9.4 22.14 9.1 21.77C9 21.67 8.9 21.6 8.79 21.55C8.36 21.37 7.97 21.1 7.65 20.72L7.57 20.62L11 18.2L11.89 15L14 17V21.5H12V23H15.87C16.69 23 17.5 22.79 18.13 22.39C18.39 22.23 18.5 22 18.5 21.75C18.5 21.37 18.2 21 17.73 21C17.6 21 17.47 21.04 17.36 21.1C16.96 21.33 16.5 21.47 16 21.5V15.5L13.89 13.5L14.5 10.5C15.79 12 17.8 13 20 13V11C18.1 11 16.5 10 15.69 8.58L14.69 7C14.29 6.4 13.69 6 13 6C12.24 6 11.58 6.34 7 8.28V13H9V9.58L10.79 8.88L9.2 17L6.32 19.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soccer-field.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soccer-field.svg
new file mode 100644
index 00000000..6e9f5d86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soccer-field.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soccer-field" viewBox="0 0 24 24"><path d="M4,4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4H4M4,6H11V8.13C9.24,8.59 8,10.18 8,12C8,13.82 9.24,15.41 11,15.87V18H4V16H7V8H4V6M13,6H20V8H17V16H20V18H13V15.87C14.76,15.41 16,13.82 16,12C16,10.18 14.76,8.59 13,8.13V6M4,10H5V14H4V10M19,10H20V14H19V10M13,10.27C13.62,10.63 14,11.29 14,12C14,12.71 13.62,13.37 13,13.73V10.27M11,10.27V13.73C10.38,13.37 10,12.71 10,12C10,11.29 10.38,10.63 11,10.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soccer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soccer.svg
new file mode 100644
index 00000000..a83b84db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soccer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soccer" viewBox="0 0 24 24"><path d="M16.93 17.12L16.13 15.76L17.59 11.39L19 10.92L20 11.67C20 11.7 20 11.75 20 11.81C20 11.88 20.03 11.94 20.03 12C20.03 13.97 19.37 15.71 18.06 17.21L16.93 17.12M9.75 15L8.38 10.97L12 8.43L15.62 10.97L14.25 15H9.75M12 20.03C11.12 20.03 10.29 19.89 9.5 19.61L8.81 18.1L9.47 17H14.58L15.19 18.1L14.5 19.61C13.71 19.89 12.88 20.03 12 20.03M5.94 17.21C5.41 16.59 4.95 15.76 4.56 14.75C4.17 13.73 3.97 12.81 3.97 12C3.97 11.94 4 11.88 4 11.81C4 11.75 4 11.7 4 11.67L5 10.92L6.41 11.39L7.87 15.76L7.07 17.12L5.94 17.21M11 5.29V6.69L7 9.46L5.66 9.04L5.24 7.68C5.68 7 6.33 6.32 7.19 5.66S8.87 4.57 9.65 4.35L11 5.29M14.35 4.35C15.13 4.57 15.95 5 16.81 5.66C17.67 6.32 18.32 7 18.76 7.68L18.34 9.04L17 9.47L13 6.7V5.29L14.35 4.35M4.93 4.93C3 6.89 2 9.25 2 12S3 17.11 4.93 19.07 9.25 22 12 22 17.11 21 19.07 19.07 22 14.75 22 12 21 6.89 19.07 4.93 14.75 2 12 2 6.89 3 4.93 4.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-2-meters.svg b/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-2-meters.svg
new file mode 100644
index 00000000..1fa1979f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-2-meters.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-social-distance-2-meters" viewBox="0 0 24 24"><path d="M6 6C7.1 6 8 5.1 8 4S7.1 2 6 2 4 2.9 4 4 4.9 6 6 6M10 9.43C10 8.62 9.5 7.9 8.78 7.58C7.93 7.21 7 7 6 7S4.07 7.21 3.22 7.58C2.5 7.9 2 8.62 2 9.43V10H10V9.43M18 6C19.1 6 20 5.1 20 4S19.1 2 18 2 16 2.9 16 4 16.9 6 18 6M22 9.43C22 8.62 21.5 7.9 20.78 7.58C19.93 7.21 19 7 18 7S16.07 7.21 15.22 7.58C14.5 7.9 14 8.62 14 9.43V10H22V9.43M19 17V15L5 15V17L2 14L5 11V13L19 13V11L22 14L19 17M9 20.5V21H11V22H8V20.5C8 19.95 8.45 19.5 9 19.5H10V19H8V18H10C10.55 18 11 18.45 11 19V19.5C11 20.05 10.55 20.5 10 20.5H9M16 19V22H15V19H14.5V21H13.5V19H13V22H12V19C12 18.45 12.45 18 13 18H15C15.55 18 16 18.45 16 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-6-feet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-6-feet.svg
new file mode 100644
index 00000000..34046403
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/social-distance-6-feet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-social-distance-6-feet" viewBox="0 0 24 24"><path d="M6 6C7.1 6 8 5.1 8 4S7.1 2 6 2 4 2.9 4 4 4.9 6 6 6M10 9.43C10 8.62 9.5 7.9 8.78 7.58C7.93 7.21 7 7 6 7S4.07 7.21 3.22 7.58C2.5 7.9 2 8.62 2 9.43V10H10V9.43M18 6C19.1 6 20 5.1 20 4S19.1 2 18 2 16 2.9 16 4 16.9 6 18 6M22 9.43C22 8.62 21.5 7.9 20.78 7.58C19.93 7.21 19 7 18 7S16.07 7.21 15.22 7.58C14.5 7.9 14 8.62 14 9.43V10H22V9.43M19 17V15H5V17L2 14L5 11V13H19V11L22 14L19 17M10 19V18H7.5C7.22 18 7 18.22 7 18.5V21.5C7 21.78 7.22 22 7.5 22H9.5C9.78 22 10 21.78 10 21.5V20C10 19.72 9.78 19.5 9.5 19.5H8V19H10M9 20.5V21H8V20.5H9M17.5 19H16.5V22H15.5V19H14.5V18H17.5V19M12.5 19V19.5H13.5V20.5H12.5V22H11.5V18H14V19H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sofa-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-outline.svg
new file mode 100644
index 00000000..22311eb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sofa-outline" viewBox="0 0 24 24"><path d="M21 9V7C21 5.35 19.65 4 18 4H14C13.23 4 12.53 4.3 12 4.78C11.47 4.3 10.77 4 10 4H6C4.35 4 3 5.35 3 7V9C1.35 9 0 10.35 0 12V17C0 18.65 1.35 20 3 20V22H5V20H19V22H21V20C22.65 20 24 18.65 24 17V12C24 10.35 22.65 9 21 9M14 6H18C18.55 6 19 6.45 19 7V9.78C18.39 10.33 18 11.12 18 12V14H13V7C13 6.45 13.45 6 14 6M5 7C5 6.45 5.45 6 6 6H10C10.55 6 11 6.45 11 7V14H6V12C6 11.12 5.61 10.33 5 9.78V7M22 17C22 17.55 21.55 18 21 18H3C2.45 18 2 17.55 2 17V12C2 11.45 2.45 11 3 11S4 11.45 4 12V16H20V12C20 11.45 20.45 11 21 11S22 11.45 22 12V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single-outline.svg
new file mode 100644
index 00000000..ba91d24f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sofa-single-outline" viewBox="0 0 24 24"><path d="M19 9V7C19 5.35 17.65 4 16 4H8C6.35 4 5 5.35 5 7V9C3.35 9 2 10.35 2 12V17C2 18.65 3.35 20 5 20V22H7V20H17V22H19V20C20.65 20 22 18.65 22 17V12C22 10.35 20.65 9 19 9M7 7C7 6.45 7.45 6 8 6H16C16.55 6 17 6.45 17 7V9.78C16.39 10.33 16 11.12 16 12V14H8V12C8 11.12 7.61 10.33 7 9.78V7M20 17C20 17.55 19.55 18 19 18H5C4.45 18 4 17.55 4 17V12C4 11.45 4.45 11 5 11S6 11.45 6 12V16H18V12C18 11.45 18.45 11 19 11S20 11.45 20 12V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single.svg
new file mode 100644
index 00000000..31f27d99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sofa-single.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sofa-single" viewBox="0 0 24 24"><path d="M5 9.15V7C5 5.9 5.9 5 7 5H17C18.1 5 19 5.9 19 7V9.16C17.84 9.57 17 10.67 17 11.97V14H7V11.96C7 10.67 6.16 9.56 5 9.15M20 10C18.9 10 18 10.9 18 12V15H6V12C6 10.9 5.11 10 4 10S2 10.9 2 12V17C2 18.1 2.9 19 4 19V21H6V19H18V21H20V19C21.1 19 22 18.1 22 17V12C22 10.9 21.1 10 20 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sofa.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sofa.svg
new file mode 100644
index 00000000..d668fb22
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sofa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sofa" viewBox="0 0 24 24"><path d="M12.5 7C12.5 5.89 13.39 5 14.5 5H18C19.1 5 20 5.9 20 7V9.16C18.84 9.57 18 10.67 18 11.97V14H12.5V7M6 11.96V14H11.5V7C11.5 5.89 10.61 5 9.5 5H6C4.9 5 4 5.9 4 7V9.15C5.16 9.56 6 10.67 6 11.96M20.66 10.03C19.68 10.19 19 11.12 19 12.12V15H5V12C5 10.9 4.11 10 3 10S1 10.9 1 12V17C1 18.1 1.9 19 3 19V21H5V19H19V21H21V19C22.1 19 23 18.1 23 17V12C23 10.79 21.91 9.82 20.66 10.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel-large.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel-large.svg
new file mode 100644
index 00000000..d4cf8f77
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solar-panel-large" viewBox="0 0 24 24"><path d="M3,6H6V3H3V6M8,3V6H11V3H8M13,3V6H16V3H13M18,3V6H21V3H18M21,8H18V11H21V8M21,13H18V16H21V13M16,16V13H13V16H16M11,16V13H8V16H11M6,16V13H3V16H6M3,11H6V8H3V11M13,8V11H16V8H13M8,8V11H11V8H8M3,1H21A2,2 0 0,1 23,3V16A2,2 0 0,1 21,18H15V21H18V23H13V18H11V23H6V21H9V18H3A2,2 0 0,1 1,16V3A2,2 0 0,1 3,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel.svg
new file mode 100644
index 00000000..8e8754a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solar-panel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solar-panel" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V14A2,2 0 0,1 20,16H15V20H18V22H13V16H11V22H6V20H9V16H4A2,2 0 0,1 2,14V4A2,2 0 0,1 4,2M4,4V8H11V4H4M4,14H11V10H4V14M20,14V10H13V14H20M20,4H13V8H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant-outline.svg
new file mode 100644
index 00000000..51779fd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solar-power-variant-outline" viewBox="0 0 24 24"><path d="M20 12H4L2 22H22L20 12M18.36 14L18.76 16H13V14H18.36M11 14V16H5.24L5.64 14H11M4.84 18H11V20H4.44L4.84 18M13 20V18H19.16L19.56 20H13M11 8H13V11H11V8M15.76 7.21L17.18 5.79L19.3 7.91L17.89 9.33L15.76 7.21M4.71 7.91L6.83 5.79L8.24 7.21L6.12 9.33L4.71 7.91M3 2H6V4H3V2M18 2H21V4H18V2M12 7C14.76 7 17 4.76 17 2H15C15 3.65 13.65 5 12 5S9 3.65 9 2H7C7 4.76 9.24 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant.svg
new file mode 100644
index 00000000..aa848fcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solar-power-variant" viewBox="0 0 24 24"><path d="M3.33 16H11V13H4L3.33 16M13 16H20.67L20 13H13V16M21.11 18H13V22H22L21.11 18M2 22H11V18H2.89L2 22M11 8H13V11H11V8M15.76 7.21L17.18 5.79L19.3 7.91L17.89 9.33L15.76 7.21M4.71 7.91L6.83 5.79L8.24 7.21L6.12 9.33L4.71 7.91M3 2H6V4H3V2M18 2H21V4H18V2M12 7C14.76 7 17 4.76 17 2H7C7 4.76 9.24 7 12 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solar-power.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power.svg
new file mode 100644
index 00000000..0352546f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solar-power.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solar-power" viewBox="0 0 24 24"><path d="M11.45,2V5.55L15,3.77L11.45,2M10.45,8L8,10.46L11.75,11.71L10.45,8M2,11.45L3.77,15L5.55,11.45H2M10,2H2V10C2.57,10.17 3.17,10.25 3.77,10.25C7.35,10.26 10.26,7.35 10.27,3.75C10.26,3.16 10.17,2.57 10,2M17,22V16H14L19,7V13H22L17,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soldering-iron.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soldering-iron.svg
new file mode 100644
index 00000000..54cc60f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soldering-iron.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soldering-iron" viewBox="0 0 24 24"><path d="M4.86 4.03L2.03 6.86L5.21 10.04V12.87L6.63 14.28L12.28 8.63L10.87 7.21H8.04L4.86 4.03M17 6V7.5C18 7.5 18.85 8.33 18.85 9.35C18.85 10.37 18 11.2 17 11.2V12.7C19.24 12.7 21 14.53 21 16.77V21H22.5V16.76C22.5 14.54 21.22 12.62 19.35 11.73C19.97 11.12 20.35 10.28 20.35 9.35C20.35 7.5 18.85 6 17 6M11.93 11.1L9.1 13.93L14.05 18.88L14.76 18.17L16.88 20.29L19 21L18.29 18.88L16.17 16.76L16.88 16.05L11.93 11.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/solid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/solid.svg
new file mode 100644
index 00000000..5ee89b08
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-solid" viewBox="0 0 24 24"><path d="M0,0H24V24H0" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sony-playstation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sony-playstation.svg
new file mode 100644
index 00000000..d08179d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sony-playstation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sony-playstation" viewBox="0 0 24 24"><path d="M9.5,4.27C10.88,4.53 12.9,5.14 14,5.5C16.75,6.45 17.69,7.63 17.69,10.29C17.69,12.89 16.09,13.87 14.05,12.89V8.05C14.05,7.5 13.95,6.97 13.41,6.82C13,6.69 12.76,7.07 12.76,7.63V19.73L9.5,18.69V4.27M13.37,17.62L18.62,15.75C19.22,15.54 19.31,15.24 18.83,15.08C18.34,14.92 17.47,14.97 16.87,15.18L13.37,16.41V14.45L13.58,14.38C13.58,14.38 14.59,14 16,13.87C17.43,13.71 19.17,13.89 20.53,14.4C22.07,14.89 22.25,15.61 21.86,16.1C21.46,16.6 20.5,16.95 20.5,16.95L13.37,19.5V17.62M3.5,17.42C1.93,17 1.66,16.05 2.38,15.5C3.05,15 4.18,14.65 4.18,14.65L8.86,13V14.88L5.5,16.09C4.9,16.3 4.81,16.6 5.29,16.76C5.77,16.92 6.65,16.88 7.24,16.66L8.86,16.08V17.77L8.54,17.83C6.92,18.09 5.2,18 3.5,17.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending-variant.svg
new file mode 100644
index 00000000..025bead1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-alphabetical-ascending-variant" viewBox="0 0 24 24"><path d="M9.25 5L12.5 1.75L15.75 5H9.25M8.89 14.3H6L5.28 17H2.91L6 7H9L12.13 17H9.67L8.89 14.3M6.33 12.68H8.56L7.93 10.56L7.67 9.59L7.42 8.63H7.39L7.17 9.6L6.93 10.58L6.33 12.68M13.05 17V15.74L17.8 8.97V8.91H13.5V7H20.73V8.34L16.09 15V15.08H20.8V17H13.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending.svg
new file mode 100644
index 00000000..ab4f94ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-alphabetical-ascending" viewBox="0 0 24 24"><path d="M19 17H22L18 21L14 17H17V3H19M11 13V15L7.67 19H11V21H5V19L8.33 15H5V13M9 3H7C5.9 3 5 3.9 5 5V11H7V9H9V11H11V5C11 3.9 10.11 3 9 3M9 7H7V5H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending-variant.svg
new file mode 100644
index 00000000..97a118d1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-alphabetical-descending-variant" viewBox="0 0 24 24"><path d="M15.75 19L12.5 22.25L9.25 19H15.75M8.89 14.3H6L5.28 17H2.91L6 7H9L12.13 17H9.67L8.89 14.3M6.33 12.68H8.56L7.93 10.56L7.67 9.59L7.42 8.63H7.39L7.17 9.6L6.93 10.58L6.33 12.68M13.05 17V15.74L17.8 8.97V8.91H13.5V7H20.73V8.34L16.09 15V15.08H20.8V17H13.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending.svg
new file mode 100644
index 00000000..99f69967
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-alphabetical-descending" viewBox="0 0 24 24"><path d="M19 7H22L18 3L14 7H17V21H19M11 13V15L7.67 19H11V21H5V19L8.33 15H5V13M9 3H7C5.9 3 5 3.9 5 5V11H7V9H9V11H11V5C11 3.9 10.11 3 9 3M9 7H7V5H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-variant.svg
new file mode 100644
index 00000000..e31e0e59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-alphabetical-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-alphabetical-variant" viewBox="0 0 24 24"><path d="M9.25,5L12.5,1.75L15.75,5H9.25M15.75,19L12.5,22.25L9.25,19H15.75M8.89,14.3H6L5.28,17H2.91L6,7H9L12.13,17H9.67L8.89,14.3M6.33,12.68H8.56L7.93,10.56L7.67,9.59L7.42,8.63H7.39L7.17,9.6L6.93,10.58L6.33,12.68M13.05,17V15.74L17.8,8.97V8.91H13.5V7H20.73V8.34L16.09,15V15.08H20.8V17H13.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-ascending.svg
new file mode 100644
index 00000000..7185d46e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-ascending" viewBox="0 0 24 24"><path d="M19 17H22L18 21L14 17H17V3H19M2 17H12V19H2M6 5V7H2V5M2 11H9V13H2V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending-variant.svg
new file mode 100644
index 00000000..75386851
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-bool-ascending-variant" viewBox="0 0 24 24"><path d="M19 17H22L18 21L14 17H17V3H19V17M9 13H5C3.89 13 3 13.89 3 15V19C3 20.11 3.89 21 5 21H9C10.11 21 11 20.11 11 19V15C11 13.89 10.11 13 9 13M6.27 19.5L3.74 16.95L4.81 15.9L6.28 17.39L9.2 14.5L10.26 15.55L6.27 19.5M9 3H5C3.89 3 3 3.89 3 5V9C3 10.11 3.89 11 5 11H9C10.11 11 11 10.11 11 9V5C11 3.89 10.11 3 9 3M9 9H5V5H9V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending.svg
new file mode 100644
index 00000000..3623c9d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-bool-ascending" viewBox="0 0 24 24"><path d="M19 17H22L18 21L14 17H17V3H19V17M7 3C4.79 3 3 4.79 3 7S4.79 11 7 11 11 9.21 11 7 9.21 3 7 3M7 9C5.9 9 5 8.1 5 7S5.9 5 7 5 9 5.9 9 7 8.1 9 7 9M7 13C4.79 13 3 14.79 3 17S4.79 21 7 21 11 19.21 11 17 9.21 13 7 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending-variant.svg
new file mode 100644
index 00000000..6a4585d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-bool-descending-variant" viewBox="0 0 24 24"><path d="M19 7H22L18 3L14 7H17V21H19M5 13C3.89 13 3 13.89 3 15V19C3 20.11 3.89 21 5 21H9C10.11 21 11 20.11 11 19V15C11 13.89 10.11 13 9 13M9.2 14.5L10.26 15.55L6.27 19.5L3.74 16.95L4.81 15.9L6.28 17.39M5 3C3.89 3 3 3.89 3 5V9C3 10.11 3.89 11 5 11H9C10.11 11 11 10.11 11 9V5C11 3.89 10.11 3 9 3M5 5H9V9H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending.svg
new file mode 100644
index 00000000..e98ca9a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-bool-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-bool-descending" viewBox="0 0 24 24"><path d="M19 7H22L18 3L14 7H17V21H19M5 7C5 8.1 5.9 9 7 9C8.1 9 9 8.1 9 7C9 5.9 8.1 5 7 5C5.9 5 5 5.9 5 7M7 3C9.21 3 11 4.79 11 7C11 9.21 9.21 11 7 11C4.79 11 3 9.21 3 7C3 4.79 4.79 3 7 3M7 13C4.79 13 3 14.79 3 17C3 19.21 4.79 21 7 21C9.21 21 11 19.21 11 17C11 14.79 9.21 13 7 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-ascending.svg
new file mode 100644
index 00000000..e038ba1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-calendar-ascending" viewBox="0 0 24 24"><path d="M21 17H24L20 21L16 17H19V3H21V17M8 16H11V13H8V16M13 5H12V3H10V5H6V3H4V5H3C1.89 5 1 5.89 1 7V18C1 19.11 1.89 20 3 20H13C14.11 20 15 19.11 15 18V7C15 5.89 14.11 5 13 5M3 18L3 11H13L13 18L3 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-descending.svg
new file mode 100644
index 00000000..b73cacb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-calendar-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-calendar-descending" viewBox="0 0 24 24"><path d="M19 7H16L20 3L24 7H21V21H19V7M8 16H11V13H8V16M13 5H12V3H10V5H6V3H4V5H3C1.89 5 1 5.89 1 7V18C1 19.11 1.89 20 3 20H13C14.11 20 15 19.11 15 18V7C15 5.89 14.11 5 13 5M3 18L3 11H13L13 18L3 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending-outline.svg
new file mode 100644
index 00000000..58c469e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-clock-ascending-outline" viewBox="0 0 24 24"><path d="M20 17H23L19 21L15 17H18V3H20V17M8 5C4.14 5 1 8.13 1 12C1 15.87 4.13 19 8 19C11.86 19 15 15.87 15 12C15 8.13 11.87 5 8 5M8 7.15C10.67 7.15 12.85 9.32 12.85 12C12.85 14.68 10.68 16.85 8 16.85C5.32 16.85 3.15 14.68 3.15 12C3.15 9.32 5.32 7.15 8 7.15M7 9V12.69L10.19 14.53L10.94 13.23L8.5 11.82V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending.svg
new file mode 100644
index 00000000..757a5dc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-clock-ascending" viewBox="0 0 24 24"><path d="M20 17H23L19 21L15 17H18V3H20V17M8 5C4.14 5 1 8.13 1 12C1 15.87 4.13 19 8 19C11.86 19 15 15.87 15 12C15 8.13 11.87 5 8 5M10.19 14.53L7 12.69V9H8.5V11.82L10.94 13.23L10.19 14.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending-outline.svg
new file mode 100644
index 00000000..31bd47f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-clock-descending-outline" viewBox="0 0 24 24"><path d="M18 7H15L19 3L23 7H20V21H18V7M8 5C4.14 5 1 8.13 1 12C1 15.87 4.13 19 8 19C11.86 19 15 15.87 15 12C15 8.13 11.87 5 8 5M8 7.15C10.67 7.15 12.85 9.32 12.85 12C12.85 14.68 10.68 16.85 8 16.85C5.32 16.85 3.15 14.68 3.15 12C3.15 9.32 5.32 7.15 8 7.15M7 9V12.69L10.19 14.53L10.94 13.23L8.5 11.82V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending.svg
new file mode 100644
index 00000000..0ca57337
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-clock-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-clock-descending" viewBox="0 0 24 24"><path d="M18 7H15L19 3L23 7H20V21H18V7M8 5C4.14 5 1 8.13 1 12C1 15.87 4.13 19 8 19C11.86 19 15 15.87 15 12C15 8.13 11.87 5 8 5M10.19 14.53L7 12.69V9H8.5V11.82L10.94 13.23L10.19 14.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-descending.svg
new file mode 100644
index 00000000..db60e836
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-descending" viewBox="0 0 24 24"><path d="M19 7H22L18 3L14 7H17V21H19M2 17H12V19H2M6 5V7H2V5M2 11H9V13H2V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending-variant.svg
new file mode 100644
index 00000000..fecec882
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-numeric-ascending-variant" viewBox="0 0 24 24"><path d="M7.78 7C9.08 7.04 10 7.53 10.57 8.46C11.13 9.4 11.41 10.56 11.39 11.95C11.4 13.5 11.09 14.73 10.5 15.62C9.88 16.5 8.95 16.97 7.71 17C6.45 16.96 5.54 16.5 4.96 15.56C4.38 14.63 4.09 13.45 4.09 12S4.39 9.36 5 8.44C5.59 7.5 6.5 7.04 7.78 7M7.75 8.63C7.31 8.63 6.96 8.9 6.7 9.46C6.44 10 6.32 10.87 6.32 12C6.31 13.15 6.44 14 6.69 14.54C6.95 15.1 7.31 15.37 7.77 15.37C8.69 15.37 9.16 14.24 9.17 12C9.17 9.77 8.7 8.65 7.75 8.63M13.33 17V15.22L13.76 15.24L14.3 15.22L15.34 15.03C15.68 14.92 16 14.78 16.26 14.58C16.59 14.35 16.86 14.08 17.07 13.76C17.29 13.45 17.44 13.12 17.53 12.78L17.5 12.77C17.05 13.19 16.38 13.4 15.47 13.41C14.62 13.4 13.91 13.15 13.34 12.65S12.5 11.43 12.46 10.5C12.47 9.5 12.81 8.69 13.47 8.03C14.14 7.37 15 7.03 16.12 7C17.37 7.04 18.29 7.45 18.88 8.24C19.47 9 19.76 10 19.76 11.19C19.75 12.15 19.61 13 19.32 13.76C19.03 14.5 18.64 15.13 18.12 15.64C17.66 16.06 17.11 16.38 16.47 16.61C15.83 16.83 15.12 16.96 14.34 17H13.33M16.06 8.63C15.65 8.64 15.32 8.8 15.06 9.11C14.81 9.42 14.68 9.84 14.68 10.36C14.68 10.8 14.8 11.16 15.03 11.46C15.27 11.77 15.63 11.92 16.11 11.93C16.43 11.93 16.7 11.86 16.92 11.74C17.14 11.61 17.3 11.46 17.41 11.28C17.5 11.17 17.53 10.97 17.53 10.71C17.54 10.16 17.43 9.69 17.2 9.28C16.97 8.87 16.59 8.65 16.06 8.63M9.25 5L12.5 1.75L15.75 5H9.25" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending.svg
new file mode 100644
index 00000000..adb4d485
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-ascending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-numeric-ascending" viewBox="0 0 24 24"><path d="M19 17H22L18 21L14 17H17V3H19V17M9 13H7C5.9 13 5 13.9 5 15V16C5 17.11 5.9 18 7 18H9V19H5V21H9C10.11 21 11 20.11 11 19V15C11 13.9 10.11 13 9 13M9 16H7V15H9V16M9 3H7C5.9 3 5 3.9 5 5V9C5 10.11 5.9 11 7 11H9C10.11 11 11 10.11 11 9V5C11 3.9 10.11 3 9 3M9 9H7V5H9V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending-variant.svg
new file mode 100644
index 00000000..bdd1a77f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-numeric-descending-variant" viewBox="0 0 24 24"><path d="M7.78 7C9.08 7.04 10 7.53 10.57 8.46C11.13 9.4 11.41 10.56 11.39 11.95C11.4 13.5 11.09 14.73 10.5 15.62C9.88 16.5 8.95 16.97 7.71 17C6.45 16.96 5.54 16.5 4.96 15.56C4.38 14.63 4.09 13.45 4.09 12S4.39 9.36 5 8.44C5.59 7.5 6.5 7.04 7.78 7M7.75 8.63C7.31 8.63 6.96 8.9 6.7 9.46C6.44 10 6.32 10.87 6.32 12C6.31 13.15 6.44 14 6.69 14.54C6.95 15.1 7.31 15.37 7.77 15.37C8.69 15.37 9.16 14.24 9.17 12C9.17 9.77 8.7 8.65 7.75 8.63M13.33 17V15.22L13.76 15.24L14.3 15.22L15.34 15.03C15.68 14.92 16 14.78 16.26 14.58C16.59 14.35 16.86 14.08 17.07 13.76C17.29 13.45 17.44 13.12 17.53 12.78L17.5 12.77C17.05 13.19 16.38 13.4 15.47 13.41C14.62 13.4 13.91 13.15 13.34 12.65S12.5 11.43 12.46 10.5C12.47 9.5 12.81 8.69 13.47 8.03C14.14 7.37 15 7.03 16.12 7C17.37 7.04 18.29 7.45 18.88 8.24C19.47 9 19.76 10 19.76 11.19C19.75 12.15 19.61 13 19.32 13.76C19.03 14.5 18.64 15.13 18.12 15.64C17.66 16.06 17.11 16.38 16.47 16.61C15.83 16.83 15.12 16.96 14.34 17H13.33M16.06 8.63C15.65 8.64 15.32 8.8 15.06 9.11C14.81 9.42 14.68 9.84 14.68 10.36C14.68 10.8 14.8 11.16 15.03 11.46C15.27 11.77 15.63 11.92 16.11 11.93C16.43 11.93 16.7 11.86 16.92 11.74C17.14 11.61 17.3 11.46 17.41 11.28C17.5 11.17 17.53 10.97 17.53 10.71C17.54 10.16 17.43 9.69 17.2 9.28C16.97 8.87 16.59 8.65 16.06 8.63M15.75 19L12.5 22.25L9.25 19H15.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending.svg
new file mode 100644
index 00000000..91506736
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-descending.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-numeric-descending" viewBox="0 0 24 24"><path d="M19 7H22L18 3L14 7H17V21H19M9 21H5V19H9V18H7C5.9 18 5 17.11 5 16V15C5 13.9 5.9 13 7 13H9C10.11 13 11 13.9 11 15V19C11 20.11 10.11 21 9 21M9 15H7V16H9M7 3H9C10.11 3 11 3.9 11 5V9C11 10.11 10.11 11 9 11H7C5.9 11 5 10.11 5 9V5C5 3.9 5.9 3 7 3M7 9H9V5H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-variant.svg
new file mode 100644
index 00000000..b93a104d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-numeric-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-numeric-variant" viewBox="0 0 24 24"><path d="M7.78,7C9.08,7.04 10,7.53 10.57,8.46C11.13,9.4 11.41,10.56 11.39,11.95C11.4,13.5 11.09,14.73 10.5,15.62C9.88,16.5 8.95,16.97 7.71,17C6.45,16.96 5.54,16.5 4.96,15.56C4.38,14.63 4.09,13.45 4.09,12C4.09,10.55 4.39,9.36 5,8.44C5.59,7.5 6.5,7.04 7.78,7M7.75,8.63C7.31,8.63 6.96,8.9 6.7,9.46C6.44,10 6.32,10.87 6.32,12C6.31,13.15 6.44,14 6.69,14.54C6.95,15.1 7.31,15.37 7.77,15.37C8.69,15.37 9.16,14.24 9.17,12C9.17,9.77 8.7,8.65 7.75,8.63M13.33,17V15.22L13.76,15.24L14.3,15.22L15.34,15.03C15.68,14.92 16,14.78 16.26,14.58C16.59,14.35 16.86,14.08 17.07,13.76C17.29,13.45 17.44,13.12 17.53,12.78L17.5,12.77C17.05,13.19 16.38,13.4 15.47,13.41C14.62,13.4 13.91,13.15 13.34,12.65C12.77,12.15 12.5,11.43 12.46,10.5C12.47,9.5 12.81,8.69 13.47,8.03C14.14,7.37 15,7.03 16.12,7C17.37,7.04 18.29,7.45 18.88,8.24C19.47,9 19.76,10 19.76,11.19C19.75,12.15 19.61,13 19.32,13.76C19.03,14.5 18.64,15.13 18.12,15.64C17.66,16.06 17.11,16.38 16.47,16.61C15.83,16.83 15.12,16.96 14.34,17H13.33M16.06,8.63C15.65,8.64 15.32,8.8 15.06,9.11C14.81,9.42 14.68,9.84 14.68,10.36C14.68,10.8 14.8,11.16 15.03,11.46C15.27,11.77 15.63,11.92 16.11,11.93C16.43,11.93 16.7,11.86 16.92,11.74C17.14,11.61 17.3,11.46 17.41,11.28C17.5,11.17 17.53,10.97 17.53,10.71C17.54,10.16 17.43,9.69 17.2,9.28C16.97,8.87 16.59,8.65 16.06,8.63M9.25,5L12.5,1.75L15.75,5H9.25M15.75,19L12.5,22.25L9.25,19H15.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-reverse-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-reverse-variant.svg
new file mode 100644
index 00000000..00331838
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-reverse-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-reverse-variant" viewBox="0 0 24 24"><path d="M3 11H15V13H3M3 18V16H21V18M3 6H9V8H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock-open.svg
new file mode 100644
index 00000000..bcf9beac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-variant-lock-open" viewBox="0 0 24 24"><path d="M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V13.5C16.2 12.1 17.6 11 19 11S21.8 12.1 21.8 13.5V14H20.5V13.5C20.5 12.7 19.8 12.2 19 12.2S17.5 12.7 17.5 13.5V16H21.8C22.4 16 23 16.6 23 17.3M3 13V11H15V13H3M3 6H21V8H3V6M3 18V16H9V18H3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock.svg
new file mode 100644
index 00000000..68093bda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-variant-lock" viewBox="0 0 24 24"><path d="M21.8 16V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16M20.5 16H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V16M3 13V11H15V13H3M3 6H21V8H3V6M3 18V16H9V18H3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-off.svg
new file mode 100644
index 00000000..2963900c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-variant-off" viewBox="0 0 24 24"><path d="M20.84 22.73L11.11 13H3V11H9.11L6.11 8H3V6H4.11L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M15 11H14.2L15 11.8V11M21 8V6H9.2L11.2 8H21M3 18H9V16H3V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-remove.svg
new file mode 100644
index 00000000..b6862cbb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-variant-remove" viewBox="0 0 24 24"><path d="M3 13H15V11H3M3 6V8H21V6M3 18H9V16H3V18M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.46L22.54 16.88" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant.svg
new file mode 100644
index 00000000..44f0eb6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort-variant" viewBox="0 0 24 24"><path d="M3,13H15V11H3M3,6V8H21V6M3,18H9V16H3V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sort.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sort.svg
new file mode 100644
index 00000000..a84ac578
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sort.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sort" viewBox="0 0 24 24"><path d="M18 21L14 17H17V7H14L18 3L22 7H19V17H22M2 19V17H12V19M2 13V11H9V13M2 7V5H6V7H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soundbar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soundbar.svg
new file mode 100644
index 00000000..cbe53dae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soundbar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soundbar" viewBox="0 0 24 24"><path d="M4 8C2.9 8 2 8.9 2 10V14C2 15.11 2.9 16 4 16H20C21.11 16 22 15.11 22 14V10C22 8.9 21.11 8 20 8M9 10C10.11 10 11 10.9 11 12C11 13.11 10.11 14 9 14C7.9 14 7 13.11 7 12C7 10.9 7.9 10 9 10M15 10C16.11 10 17 10.9 17 12C17 13.11 16.11 14 15 14C13.9 14 13 13.11 13 12C13 10.9 13.9 10 15 10M5 11C5.55 11 6 11.45 6 12C6 12.55 5.55 13 5 13C4.45 13 4 12.55 4 12C4 11.45 4.45 11 5 11M9 11C8.45 11 8 11.45 8 12C8 12.55 8.45 13 9 13C9.55 13 10 12.55 10 12C10 11.45 9.55 11 9 11M15 11C14.45 11 14 11.45 14 12C14 12.55 14.45 13 15 13C15.55 13 16 12.55 16 12C16 11.45 15.55 11 15 11M19 11C19.55 11 20 11.45 20 12C20 12.55 19.55 13 19 13C18.45 13 18 12.55 18 12C18 11.45 18.45 11 19 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soundcloud.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soundcloud.svg
new file mode 100644
index 00000000..3c7f9784
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soundcloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soundcloud" viewBox="0 0 24 24"><path d="M11.56,8.87V17H20.32V17C22.17,16.87 23,15.73 23,14.33C23,12.85 21.88,11.66 20.38,11.66C20,11.66 19.68,11.74 19.35,11.88C19.11,9.54 17.12,7.71 14.67,7.71C13.5,7.71 12.39,8.15 11.56,8.87M10.68,9.89C10.38,9.71 10.06,9.57 9.71,9.5V17H11.1V9.34C10.95,9.5 10.81,9.7 10.68,9.89M8.33,9.35V17H9.25V9.38C9.06,9.35 8.87,9.34 8.67,9.34C8.55,9.34 8.44,9.34 8.33,9.35M6.5,10V17H7.41V9.54C7.08,9.65 6.77,9.81 6.5,10M4.83,12.5C4.77,12.5 4.71,12.44 4.64,12.41V17H5.56V10.86C5.19,11.34 4.94,11.91 4.83,12.5M2.79,12.22V16.91C3,16.97 3.24,17 3.5,17H3.72V12.14C3.64,12.13 3.56,12.12 3.5,12.12C3.24,12.12 3,12.16 2.79,12.22M1,14.56C1,15.31 1.34,15.97 1.87,16.42V12.71C1.34,13.15 1,13.82 1,14.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-check.svg
new file mode 100644
index 00000000..60253ed8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-check" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M16.75 21.16L14 18.16L15.16 17L16.75 18.59L20.34 15L21.5 16.41L16.75 21.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-minus.svg
new file mode 100644
index 00000000..f551d965
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-minus" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-plus.svg
new file mode 100644
index 00000000..a1ac770a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-plus" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-refresh.svg
new file mode 100644
index 00000000..5808bbf9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-refresh" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M18 14C19.1 14 20.1 14.4 20.8 15.2L22 14V18H18L19.8 16.2C19.3 15.8 18.7 15.5 18 15.5C16.6 15.5 15.5 16.6 15.5 18S16.6 20.5 18 20.5C18.8 20.5 19.5 20.1 20 19.5H21.7C21.1 21 19.7 22 18 22C15.8 22 14 20.2 14 18S15.8 14 18 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-remove.svg
new file mode 100644
index 00000000..8cfafd87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-remove" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M20.12 14.46L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88L20.12 14.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-sync.svg
new file mode 100644
index 00000000..0cd675b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch-sync" viewBox="0 0 24 24"><path d="M13 14C9.64 14 8.54 15.35 8.18 16.24C9.25 16.7 10 17.76 10 19C10 20.66 8.66 22 7 22S4 20.66 4 19C4 17.69 4.83 16.58 6 16.17V7.83C4.83 7.42 4 6.31 4 5C4 3.34 5.34 2 7 2S10 3.34 10 5C10 6.31 9.17 7.42 8 7.83V13.12C8.88 12.47 10.16 12 12 12C14.67 12 15.56 10.66 15.85 9.77C14.77 9.32 14 8.25 14 7C14 5.34 15.34 4 17 4S20 5.34 20 7C20 8.34 19.12 9.5 17.91 9.86C17.65 11.29 16.68 14 13 14M7 18C6.45 18 6 18.45 6 19S6.45 20 7 20 8 19.55 8 19 7.55 18 7 18M7 4C6.45 4 6 4.45 6 5S6.45 6 7 6 8 5.55 8 5 7.55 4 7 4M17 6C16.45 6 16 6.45 16 7S16.45 8 17 8 18 7.55 18 7 17.55 6 17 6M18 13V14.5C20.21 14.5 22 16.29 22 18.5C22 19.32 21.75 20.08 21.33 20.71L20.24 19.62C20.41 19.28 20.5 18.9 20.5 18.5C20.5 17.12 19.38 16 18 16V17.5L15.75 15.25L15.72 15.22C15.78 15.17 15.85 15.13 18 13M18 24V22.5C15.79 22.5 14 20.71 14 18.5C14 17.68 14.25 16.92 14.67 16.29L15.76 17.38C15.59 17.72 15.5 18.1 15.5 18.5C15.5 19.88 16.62 21 18 21V19.5L20.25 21.75L20.28 21.78C20.22 21.83 20.15 21.87 18 24" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-branch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch.svg
new file mode 100644
index 00000000..daa06dfd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-branch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-branch" viewBox="0 0 24 24"><path d="M13,14C9.64,14 8.54,15.35 8.18,16.24C9.25,16.7 10,17.76 10,19A3,3 0 0,1 7,22A3,3 0 0,1 4,19C4,17.69 4.83,16.58 6,16.17V7.83C4.83,7.42 4,6.31 4,5A3,3 0 0,1 7,2A3,3 0 0,1 10,5C10,6.31 9.17,7.42 8,7.83V13.12C8.88,12.47 10.16,12 12,12C14.67,12 15.56,10.66 15.85,9.77C14.77,9.32 14,8.25 14,7A3,3 0 0,1 17,4A3,3 0 0,1 20,7C20,8.34 19.12,9.5 17.91,9.86C17.65,11.29 16.68,14 13,14M7,18A1,1 0 0,0 6,19A1,1 0 0,0 7,20A1,1 0 0,0 8,19A1,1 0 0,0 7,18M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M17,6A1,1 0 0,0 16,7A1,1 0 0,0 17,8A1,1 0 0,0 18,7A1,1 0 0,0 17,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end-local.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end-local.svg
new file mode 100644
index 00000000..47181285
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end-local.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-end-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,5V3H13V5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end.svg
new file mode 100644
index 00000000..8642ef91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-end" viewBox="0 0 24 24"><path d="M17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-local.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-local.svg
new file mode 100644
index 00000000..52ddd7a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-local.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,5V3H13V5H11M11,21V19H13V21H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-next-local.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-next-local.svg
new file mode 100644
index 00000000..69913077
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-next-local.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-next-local" viewBox="0 0 24 24"><path d="M17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,21V19H13V21H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start-next-local.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start-next-local.svg
new file mode 100644
index 00000000..630383ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start-next-local.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-start-next-local" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M11,21V19H13V21H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start.svg
new file mode 100644
index 00000000..bcca207b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit-start" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12C17,14.42 15.28,16.44 13,16.9V21H11V16.9C8.72,16.44 7,14.42 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-commit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit.svg
new file mode 100644
index 00000000..1c9fed2e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-commit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-commit" viewBox="0 0 24 24"><path d="M17,12C17,14.42 15.28,16.44 13,16.9V21H11V16.9C8.72,16.44 7,14.42 7,12C7,9.58 8.72,7.56 11,7.1V3H13V7.1C15.28,7.56 17,9.58 17,12M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-fork.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-fork.svg
new file mode 100644
index 00000000..19d7df05
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-fork.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-fork" viewBox="0 0 24 24"><path d="M6,2A3,3 0 0,1 9,5C9,6.28 8.19,7.38 7.06,7.81C7.15,8.27 7.39,8.83 8,9.63C9,10.92 11,12.83 12,14.17C13,12.83 15,10.92 16,9.63C16.61,8.83 16.85,8.27 16.94,7.81C15.81,7.38 15,6.28 15,5A3,3 0 0,1 18,2A3,3 0 0,1 21,5C21,6.32 20.14,7.45 18.95,7.85C18.87,8.37 18.64,9 18,9.83C17,11.17 15,13.08 14,14.38C13.39,15.17 13.15,15.73 13.06,16.19C14.19,16.62 15,17.72 15,19A3,3 0 0,1 12,22A3,3 0 0,1 9,19C9,17.72 9.81,16.62 10.94,16.19C10.85,15.73 10.61,15.17 10,14.38C9,13.08 7,11.17 6,9.83C5.36,9 5.13,8.37 5.05,7.85C3.86,7.45 3,6.32 3,5A3,3 0 0,1 6,2M6,4A1,1 0 0,0 5,5A1,1 0 0,0 6,6A1,1 0 0,0 7,5A1,1 0 0,0 6,4M18,4A1,1 0 0,0 17,5A1,1 0 0,0 18,6A1,1 0 0,0 19,5A1,1 0 0,0 18,4M12,18A1,1 0 0,0 11,19A1,1 0 0,0 12,20A1,1 0 0,0 13,19A1,1 0 0,0 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-merge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-merge.svg
new file mode 100644
index 00000000..0d2becd0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-merge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-merge" viewBox="0 0 24 24"><path d="M7,3A3,3 0 0,1 10,6C10,7.29 9.19,8.39 8.04,8.81C8.58,13.81 13.08,14.77 15.19,14.96C15.61,13.81 16.71,13 18,13A3,3 0 0,1 21,16A3,3 0 0,1 18,19C16.69,19 15.57,18.16 15.16,17C10.91,16.8 9.44,15.19 8,13.39V15.17C9.17,15.58 10,16.69 10,18A3,3 0 0,1 7,21A3,3 0 0,1 4,18C4,16.69 4.83,15.58 6,15.17V8.83C4.83,8.42 4,7.31 4,6A3,3 0 0,1 7,3M7,5A1,1 0 0,0 6,6A1,1 0 0,0 7,7A1,1 0 0,0 8,6A1,1 0 0,0 7,5M7,17A1,1 0 0,0 6,18A1,1 0 0,0 7,19A1,1 0 0,0 8,18A1,1 0 0,0 7,17M18,15A1,1 0 0,0 17,16A1,1 0 0,0 18,17A1,1 0 0,0 19,16A1,1 0 0,0 18,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-pull.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-pull.svg
new file mode 100644
index 00000000..5b0e8197
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-pull.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-pull" viewBox="0 0 24 24"><path d="M6,3A3,3 0 0,1 9,6C9,7.31 8.17,8.42 7,8.83V15.17C8.17,15.58 9,16.69 9,18A3,3 0 0,1 6,21A3,3 0 0,1 3,18C3,16.69 3.83,15.58 5,15.17V8.83C3.83,8.42 3,7.31 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5M6,17A1,1 0 0,0 5,18A1,1 0 0,0 6,19A1,1 0 0,0 7,18A1,1 0 0,0 6,17M21,18A3,3 0 0,1 18,21A3,3 0 0,1 15,18C15,16.69 15.83,15.58 17,15.17V7H15V10.25L10.75,6L15,1.75V5H17A2,2 0 0,1 19,7V15.17C20.17,15.58 21,16.69 21,18M18,17A1,1 0 0,0 17,18A1,1 0 0,0 18,19A1,1 0 0,0 19,18A1,1 0 0,0 18,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-repository-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-repository-multiple.svg
new file mode 100644
index 00000000..3680debd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-repository-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-repository-multiple" viewBox="0 0 24 24"><path d="M8,0H20A2,2 0 0,1 22,2V18A2,2 0 0,1 20,20H8A2,2 0 0,1 6,18V2A2,2 0 0,1 8,0M14.75,11.5C17.5,11.5 18.24,9.47 18.43,8.4C19.34,8.11 20,7.26 20,6.25C20,5 19,4 17.75,4C16.5,4 15.5,5 15.5,6.25C15.5,7.19 16.07,8 16.89,8.33C16.67,9 16,10 14,10C12.62,10 11.66,10.35 11,10.84V6.87C11.87,6.56 12.5,5.73 12.5,4.75C12.5,3.5 11.5,2.5 10.25,2.5C9,2.5 8,3.5 8,4.75C8,5.73 8.63,6.56 9.5,6.87V13.13C8.63,13.44 8,14.27 8,15.25C8,16.5 9,17.5 10.25,17.5C11.5,17.5 12.5,16.5 12.5,15.25C12.5,14.32 11.94,13.5 11.13,13.18C11.41,12.5 12.23,11.5 14.75,11.5M10.25,14.5A0.75,0.75 0 0,1 11,15.25A0.75,0.75 0 0,1 10.25,16A0.75,0.75 0 0,1 9.5,15.25A0.75,0.75 0 0,1 10.25,14.5M10.25,4A0.75,0.75 0 0,1 11,4.75A0.75,0.75 0 0,1 10.25,5.5A0.75,0.75 0 0,1 9.5,4.75A0.75,0.75 0 0,1 10.25,4M17.75,5.5A0.75,0.75 0 0,1 18.5,6.25A0.75,0.75 0 0,1 17.75,7A0.75,0.75 0 0,1 17,6.25A0.75,0.75 0 0,1 17.75,5.5M16,22V24H4A2,2 0 0,1 2,22V6H4V22H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/source-repository.svg b/apps/phoenix_webcomponent/priv/mdi/svg/source-repository.svg
new file mode 100644
index 00000000..71822929
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/source-repository.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-source-repository" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M12.75,13.5C15.5,13.5 16.24,11.47 16.43,10.4C17.34,10.11 18,9.26 18,8.25C18,7 17,6 15.75,6C14.5,6 13.5,7 13.5,8.25C13.5,9.19 14.07,10 14.89,10.33C14.67,11 14,12 12,12C10.62,12 9.66,12.35 9,12.84V8.87C9.87,8.56 10.5,7.73 10.5,6.75C10.5,5.5 9.5,4.5 8.25,4.5C7,4.5 6,5.5 6,6.75C6,7.73 6.63,8.56 7.5,8.87V15.13C6.63,15.44 6,16.27 6,17.25C6,18.5 7,19.5 8.25,19.5C9.5,19.5 10.5,18.5 10.5,17.25C10.5,16.32 9.94,15.5 9.13,15.18C9.41,14.5 10.23,13.5 12.75,13.5M8.25,16.5A0.75,0.75 0 0,1 9,17.25A0.75,0.75 0 0,1 8.25,18A0.75,0.75 0 0,1 7.5,17.25A0.75,0.75 0 0,1 8.25,16.5M8.25,6A0.75,0.75 0 0,1 9,6.75A0.75,0.75 0 0,1 8.25,7.5A0.75,0.75 0 0,1 7.5,6.75A0.75,0.75 0 0,1 8.25,6M15.75,7.5A0.75,0.75 0 0,1 16.5,8.25A0.75,0.75 0 0,1 15.75,9A0.75,0.75 0 0,1 15,8.25A0.75,0.75 0 0,1 15.75,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce-off.svg
new file mode 100644
index 00000000..3aec5139
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soy-sauce-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L8.6 10.5C7.5 12.6 6 15.3 6 17.6V19.6C6 21 8.7 21.9 12 21.9C15.1 21.9 17.7 21.1 18 19.9L20.9 22.8L22.1 21.5M12 15C10.9 15 10 14.1 10 13C10 12.7 10.1 12.4 10.2 12.1L12.9 14.8C12.6 14.9 12.3 15 12 15M8.3 3.5H7.5V2H16.5V3.5H15.7L14.8 6H14.2C14.1 6.3 13.9 6.8 13.9 7.5C13.9 8.4 15.9 11 17.1 13.9L10.1 6.9C10 6.5 9.9 6.2 9.8 6H9.2L8.3 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce.svg b/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce.svg
new file mode 100644
index 00000000..b9ea3553
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/soy-sauce.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-soy-sauce" viewBox="0 0 24 24"><path d="M13.9,7.5C13.9,6.8 14.1,6.3 14.2,6H14.8L15.7,3.5H16.5V2H7.5V3.5H8.3L9.2,6H9.8C10,6.3 10.1,6.8 10.1,7.5C10.1,8.8 6,13.7 6,17.6V19.6C6,21 8.7,21.9 12,21.9C15.3,21.9 18,21 18,19.6V17.6C18,13.7 13.9,8.8 13.9,7.5M12,15A2,2 0 0,1 10,13A2,2 0 0,1 12,11A2,2 0 0,1 14,13A2,2 0 0,1 12,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spa-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spa-outline.svg
new file mode 100644
index 00000000..729e7ac0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spa-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spa-outline" viewBox="0 0 24 24"><path d="M15.5,9.63C14.21,10.32 13.03,11.2 12,12.26C10.97,11.19 9.79,10.31 8.5,9.63C8.74,6.86 9.92,4.14 12.06,2C14.18,4.12 15.31,6.84 15.5,9.63M12,15.45C14.15,12.17 17.82,10 22,10C22,20 12.68,21.88 12,22C11.32,21.89 2,20 2,10C6.18,10 9.85,12.17 12,15.45M12.05,5.19C11.39,6.23 10.93,7.38 10.68,8.58L12,9.55L13.35,8.57C13.12,7.37 12.68,6.22 12.05,5.19M12,19.97C12,19.97 18,19 19.74,12.25C14,14 12,19.1 12,19.1C12,19.1 9,13 4.26,12.26C6,19 12,19.97 12,19.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spa.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spa.svg
new file mode 100644
index 00000000..0998694a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spa.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spa" viewBox="0 0 24 24"><path d="M15.5,9.63C15.31,6.84 14.18,4.12 12.06,2C9.92,4.14 8.74,6.86 8.5,9.63C9.79,10.31 10.97,11.19 12,12.26C13.03,11.2 14.21,10.32 15.5,9.63M12,15.45C9.85,12.17 6.18,10 2,10C2,20 11.32,21.89 12,22C12.68,21.88 22,20 22,10C17.82,10 14.15,12.17 12,15.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/space-invaders.svg b/apps/phoenix_webcomponent/priv/mdi/svg/space-invaders.svg
new file mode 100644
index 00000000..89117c8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/space-invaders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-space-invaders" viewBox="0 0 24 24"><path d="M7,6H5V4H7V6M17,6H19V4H17V6M23,12V18H21V14H19V18H17V16H7V18H5V14H3V18H1V12H3V10H5V8H7V6H9V8H15V6H17V8H19V10H21V12H23M15,10V12H17V10H15M7,12H9V10H7V12M11,18H7V20H11V18M17,18H13V20H17V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/space-station.svg b/apps/phoenix_webcomponent/priv/mdi/svg/space-station.svg
new file mode 100644
index 00000000..ac266a01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/space-station.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-space-station" viewBox="0 0 24 24"><path d="M15.5 19V21H13.73C13.39 21.6 12.74 22 12 22C11.26 22 10.61 21.6 10.27 21H8.5V19H10.27C10.44 18.7 10.7 18.44 11 18.27V17H10C9.45 17 9 16.55 9 16V13H6V17C6 17.55 5.55 18 5 18H3C2.45 18 2 17.55 2 17V8C2 7.45 2.45 7 3 7H5C5.55 7 6 7.45 6 8V11H9V8C9 7.45 9.45 7 10 7H11V6H10C9.45 6 9 5.55 9 5V4C9 3.45 9.45 3 10 3H14C14.55 3 15 3.45 15 4V5C15 5.55 14.55 6 14 6H13V7H14C14.55 7 15 7.45 15 8V11H18V8C18 7.45 18.45 7 19 7H21C21.55 7 22 7.45 22 8V17C22 17.55 21.55 18 21 18H19C18.45 18 18 17.55 18 17V13H15V16C15 16.55 14.55 17 14 17H13V18.27C13.3 18.44 13.56 18.7 13.73 19H15.5M3 16V17H5V16H3M3 14V15H5V14H3M3 12V13H5V12H3M3 10V11H5V10H3M3 8V9H5V8H3M19 16V17H21V16H19M19 14V15H21V14H19M19 12V13H21V12H19M19 10V11H21V10H19M19 8V9H21V8H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spade.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spade.svg
new file mode 100644
index 00000000..947c970b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spade.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spade" viewBox="0 0 24 24"><path d="M15.71,1.22L12.88,4.05C12.1,4.83 12.1,6.09 12.88,6.87L14.3,8.29L10.06,12.53L7.58,10.06L1.22,16.42L7.58,22.78L13.94,16.42L11.47,13.94L15.71,9.7L17.13,11.12C17.91,11.9 19.17,11.9 19.95,11.12L22.78,8.29L15.71,1.22M15.71,4.05L19.95,8.29L18.54,9.7L14.3,5.46L15.71,4.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-bluetooth.svg
new file mode 100644
index 00000000..10e3f4c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-bluetooth" viewBox="0 0 24 24"><path d="M4,3A2,2 0 0,0 2,5V19A2,2 0 0,0 4,21H12A2,2 0 0,0 14,19V5A2,2 0 0,0 12,3H4M8,5A2,2 0 0,1 10,7A2,2 0 0,1 8,9A2,2 0 0,1 6,7A2,2 0 0,1 8,5M19,7V10.79L16.71,8.5L16,9.21L18.79,12L16,14.79L16.71,15.5L19,13.21V17H19.5L22.35,14.14L20.21,12L22.35,9.85L19.5,7H19M20,8.91L20.94,9.85L20,10.79V8.91M8,11A4,4 0 0,1 12,15A4,4 0 0,1 8,19A4,4 0 0,1 4,15A4,4 0 0,1 8,11M8,13A2,2 0 0,0 6,15A2,2 0 0,0 8,17A2,2 0 0,0 10,15A2,2 0 0,0 8,13M20,13.21L20.94,14.14L20,15.08V13.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-message.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-message.svg
new file mode 100644
index 00000000..77a91729
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-message.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-message" viewBox="0 0 24 24"><path d="M16.5 3H21.5C22.3 3 23 3.7 23 4.5V7.5C23 8.3 22.3 9 21.5 9H18L15 12V4.5C15 3.7 15.7 3 16.5 3M3 3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 21 3 21H11C12.1 21 13 20.1 13 19V5C13 3.9 12.1 3 11 3H3M7 5C8.1 5 9 5.9 9 7S8.1 9 7 9 5 8.1 5 7 5.9 5 7 5M7 11C9.2 11 11 12.8 11 15S9.2 19 7 19 3 17.2 3 15 4.8 11 7 11M7 13C5.9 13 5 13.9 5 15S5.9 17 7 17 9 16.1 9 15 8.1 13 7 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-multiple.svg
new file mode 100644
index 00000000..e11ca04b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-multiple" viewBox="0 0 24 24"><path d="M14,10A3,3 0 0,0 11,13A3,3 0 0,0 14,16A3,3 0 0,0 17,13A3,3 0 0,0 14,10M14,18A5,5 0 0,1 9,13A5,5 0 0,1 14,8A5,5 0 0,1 19,13A5,5 0 0,1 14,18M14,2A2,2 0 0,1 16,4A2,2 0 0,1 14,6A2,2 0 0,1 12,4A2,2 0 0,1 14,2M19,0H9A2,2 0 0,0 7,2V18A2,2 0 0,0 9,20H19A2,2 0 0,0 21,18V2A2,2 0 0,0 19,0M5,22H17V24H5A2,2 0 0,1 3,22V4H5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-off.svg
new file mode 100644
index 00000000..3d87132c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L18.27,21.54C17.93,21.83 17.5,22 17,22H7C5.89,22 5,21.1 5,20V8.27L2,5.27M12,18A3,3 0 0,1 9,15C9,14.24 9.28,13.54 9.75,13L8.33,11.6C7.5,12.5 7,13.69 7,15A5,5 0 0,0 12,20C13.31,20 14.5,19.5 15.4,18.67L14,17.25C13.45,17.72 12.76,18 12,18M17,15A5,5 0 0,0 12,10H11.82L5.12,3.3C5.41,2.54 6.14,2 7,2H17A2,2 0 0,1 19,4V17.18L17,15.17V15M12,4C10.89,4 10,4.89 10,6A2,2 0 0,0 12,8A2,2 0 0,0 14,6C14,4.89 13.1,4 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-pause.svg
new file mode 100644
index 00000000..441c2bde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-pause" viewBox="0 0 24 24"><path d="M12.28 19.81C11.87 19.92 11.45 20 11 20C8.24 20 6 17.76 6 15S8.24 10 11 10C12.89 10 14.5 11.06 15.37 12.61C16.16 12.23 17.06 12 18 12V4C18 2.89 17.1 2 16 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.54C13 21.37 12.54 20.63 12.28 19.81M11 4C12.11 4 13 4.89 13 6S12.11 8 11 8C9.89 8 9 7.1 9 6C9 4.89 9.89 4 11 4M13.74 13.78C12.7 14.82 12.06 16.24 12 17.81C11.69 17.93 11.36 18 11 18C9.34 18 8 16.66 8 15S9.34 12 11 12C12.22 12 13.27 12.73 13.74 13.78M19 15H21V21H19M15 15H17V21H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-play.svg
new file mode 100644
index 00000000..fe087761
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-play" viewBox="0 0 24 24"><path d="M16 15V21L21 18L16 15M12.28 19.81C11.87 19.92 11.45 20 11 20C8.24 20 6 17.76 6 15S8.24 10 11 10C12.89 10 14.5 11.06 15.37 12.61C16.16 12.23 17.06 12 18 12V4C18 2.89 17.1 2 16 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.54C13 21.37 12.54 20.63 12.28 19.81M11 4C12.11 4 13 4.89 13 6S12.11 8 11 8C9.89 8 9 7.1 9 6C9 4.89 9.89 4 11 4M13.74 13.78C12.7 14.82 12.06 16.24 12 17.81C11.69 17.93 11.36 18 11 18C9.34 18 8 16.66 8 15S9.34 12 11 12C12.22 12 13.27 12.73 13.74 13.78Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-stop.svg
new file mode 100644
index 00000000..f5aad62e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-stop" viewBox="0 0 24 24"><path d="M12.28 19.81C11.87 19.92 11.45 20 11 20C8.24 20 6 17.76 6 15S8.24 10 11 10C12.89 10 14.5 11.06 15.37 12.61C16.16 12.23 17.06 12 18 12V4C18 2.89 17.1 2 16 2H6C4.89 2 4 2.89 4 4V20C4 21.11 4.89 22 6 22H13.54C13 21.37 12.54 20.63 12.28 19.81M11 4C12.11 4 13 4.89 13 6S12.11 8 11 8C9.89 8 9 7.1 9 6C9 4.89 9.89 4 11 4M13.74 13.78C12.7 14.82 12.06 16.24 12 17.81C11.69 17.93 11.36 18 11 18C9.34 18 8 16.66 8 15S9.34 12 11 12C12.22 12 13.27 12.73 13.74 13.78M21 15H15V21H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-wireless.svg
new file mode 100644
index 00000000..ae6665a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker-wireless" viewBox="0 0 24 24"><path d="M20.07,19.07L18.66,17.66C20.11,16.22 21,14.21 21,12C21,9.78 20.11,7.78 18.66,6.34L20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07M17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24M4,3H12A2,2 0 0,1 14,5V19A2,2 0 0,1 12,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M8,5A2,2 0 0,0 6,7A2,2 0 0,0 8,9A2,2 0 0,0 10,7A2,2 0 0,0 8,5M8,11A4,4 0 0,0 4,15A4,4 0 0,0 8,19A4,4 0 0,0 12,15A4,4 0 0,0 8,11M8,13A2,2 0 0,1 10,15A2,2 0 0,1 8,17A2,2 0 0,1 6,15A2,2 0 0,1 8,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speaker.svg
new file mode 100644
index 00000000..d95de1e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speaker" viewBox="0 0 24 24"><path d="M12,12A3,3 0 0,0 9,15A3,3 0 0,0 12,18A3,3 0 0,0 15,15A3,3 0 0,0 12,12M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8C10.89,8 10,7.1 10,6C10,4.89 10.89,4 12,4M17,2H7C5.89,2 5,2.89 5,4V20A2,2 0 0,0 7,22H17A2,2 0 0,0 19,20V4C19,2.89 18.1,2 17,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spear.svg
new file mode 100644
index 00000000..ee6832a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spear" viewBox="0 0 24 24"><path d="M16 9H16.41L3.41 22L2 20.59L15 7.59V9H16M16 4V8H20L22 2L16 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-medium.svg
new file mode 100644
index 00000000..26a4811e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speedometer-medium" viewBox="0 0 24 24"><path d="M12 1.38L9.14 12.06C8.8 13.1 9.04 14.29 9.86 15.12C11.04 16.29 12.94 16.29 14.11 15.12C14.9 14.33 15.16 13.2 14.89 12.21M14.6 3.35L15.22 5.68C18.04 6.92 20 9.73 20 13C20 15.21 19.11 17.21 17.66 18.65H17.65C17.26 19.04 17.26 19.67 17.65 20.06C18.04 20.45 18.68 20.45 19.07 20.07C20.88 18.26 22 15.76 22 13C22 8.38 18.86 4.5 14.6 3.35M9.4 3.36C5.15 4.5 2 8.4 2 13C2 15.76 3.12 18.26 4.93 20.07C5.32 20.45 5.95 20.45 6.34 20.06C6.73 19.67 6.73 19.04 6.34 18.65C4.89 17.2 4 15.21 4 13C4 9.65 5.94 6.86 8.79 5.65" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-slow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-slow.svg
new file mode 100644
index 00000000..1799d52c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer-slow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speedometer-slow" viewBox="0 0 24 24"><path d="M12 16C13.66 16 15 14.66 15 13C15 11.88 14.39 10.9 13.5 10.39L3.79 4.77L9.32 14.35C9.82 15.33 10.83 16 12 16M12 3C10.19 3 8.5 3.5 7.03 4.32L9.13 5.53C10 5.19 11 5 12 5C16.42 5 20 8.58 20 13C20 15.21 19.11 17.21 17.66 18.65H17.65C17.26 19.04 17.26 19.67 17.65 20.06C18.04 20.45 18.68 20.45 19.07 20.07C20.88 18.26 22 15.76 22 13C22 7.5 17.5 3 12 3M2 13C2 15.76 3.12 18.26 4.93 20.07C5.32 20.45 5.95 20.45 6.34 20.06C6.73 19.67 6.73 19.04 6.34 18.65C4.89 17.2 4 15.21 4 13C4 12 4.19 11 4.54 10.1L3.33 8C2.5 9.5 2 11.18 2 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/speedometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer.svg
new file mode 100644
index 00000000..e606f821
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/speedometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-speedometer" viewBox="0 0 24 24"><path d="M12,16A3,3 0 0,1 9,13C9,11.88 9.61,10.9 10.5,10.39L20.21,4.77L14.68,14.35C14.18,15.33 13.17,16 12,16M12,3C13.81,3 15.5,3.5 16.97,4.32L14.87,5.53C14,5.19 13,5 12,5A8,8 0 0,0 4,13C4,15.21 4.89,17.21 6.34,18.65H6.35C6.74,19.04 6.74,19.67 6.35,20.06C5.96,20.45 5.32,20.45 4.93,20.07V20.07C3.12,18.26 2,15.76 2,13A10,10 0 0,1 12,3M22,13C22,15.76 20.88,18.26 19.07,20.07V20.07C18.68,20.45 18.05,20.45 17.66,20.06C17.27,19.67 17.27,19.04 17.66,18.65V18.65C19.11,17.2 20,15.21 20,13C20,12 19.81,11 19.46,10.1L20.67,8C21.5,9.5 22,11.18 22,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spellcheck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spellcheck.svg
new file mode 100644
index 00000000..da0ff9cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spellcheck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spellcheck" viewBox="0 0 24 24"><path d="M21.59,11.59L13.5,19.68L9.83,16L8.42,17.41L13.5,22.5L23,13M6.43,11L8.5,5.5L10.57,11M12.45,16H14.54L9.43,3H7.57L2.46,16H4.55L5.67,13H11.31L12.45,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sphere-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sphere-off.svg
new file mode 100644
index 00000000..0eb0055b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sphere-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sphere-off" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L4.06 5.95C2.77 7.63 2 9.72 2 12C2 17.5 6.5 22 12 22C14.28 22 16.37 21.23 18.05 19.94L20.84 22.73L22.11 21.46L2.39 1.73M5.5 7.39L6.58 8.47C5.87 8.62 5.18 8.8 4.57 9.05C4.81 8.45 5.13 7.9 5.5 7.39M4 12C4 11.23 5.76 10.56 8.33 10.22L12.11 14L12 14C7.58 14 4 13.11 4 12M12 20C8.63 20 5.75 17.91 4.57 14.95C6.07 15.57 8.39 16 12 16C12.63 16 13.33 16 14.05 15.94L16.63 18.5C15.32 19.45 13.73 20 12 20M8.19 5L6.72 3.5C8.25 2.56 10.06 2 12 2C17.5 2 22 6.5 22 12C22 13.94 21.44 15.75 20.5 17.28L19 15.81C19.17 15.54 19.31 15.25 19.43 14.96C19.13 15.08 18.81 15.18 18.47 15.27L16.8 13.6C18.74 13.23 20 12.65 20 12C20 11 17.06 10.17 13.23 10.03L11.21 8C11.5 8 11.75 8 12 8C15.61 8 17.93 8.43 19.43 9.05C18.25 6.09 15.37 4 12 4C10.61 4 9.32 4.36 8.19 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sphere.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sphere.svg
new file mode 100644
index 00000000..6ac4ad38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sphere.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sphere" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2M12 14C7.58 14 4 13.11 4 12C4 10.9 7.58 10 12 10S20 10.9 20 12C20 13.11 16.42 14 12 14M12 4C15.37 4 18.25 6.09 19.43 9.05C17.93 8.43 15.61 8 12 8C9.8 8 6.73 8.19 4.57 9.05C5.75 6.09 8.63 4 12 4M12 20C8.63 20 5.75 17.91 4.57 14.95C6.07 15.57 8.39 16 12 16C14.2 16 17.27 15.81 19.43 14.95C18.25 17.91 15.37 20 12 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spider-thread.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spider-thread.svg
new file mode 100644
index 00000000..2483b110
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spider-thread.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spider-thread" viewBox="0 0 24 24"><path d="M13 2V7.08A5.47 5.47 0 0 0 12 7A5.47 5.47 0 0 0 11 7.08V2M16.9 15A5 5 0 0 1 16.73 15.55L20 17.42V22H18V18.58L15.74 17.29A4.94 4.94 0 0 1 8.26 17.29L6 18.58V22H4V17.42L7.27 15.55A5 5 0 0 1 7.1 15H5.3L2.55 16.83L1.45 15.17L4.7 13H7.1A5 5 0 0 1 7.37 12.12L5.81 11.12L2.24 12L1.76 10L6.19 8.92L8.5 10.45A5 5 0 0 1 15.5 10.45L17.77 8.92L22.24 10L21.76 12L18.19 11.11L16.63 12.11A5 5 0 0 1 16.9 13H19.3L22.55 15.16L21.45 16.82L18.7 15M11 14A1 1 0 1 0 10 15A1 1 0 0 0 11 14M15 14A1 1 0 1 0 14 15A1 1 0 0 0 15 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spider-web.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spider-web.svg
new file mode 100644
index 00000000..be403dbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spider-web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spider-web" viewBox="0 0 24 24"><path d="M13.62,13.28L15.26,15.54C15.29,15 15.38,14.47 15.56,13.93C15.74,13.37 16,12.86 16.3,12.41L13.62,13.28M17.77,19C17.75,17.68 17.95,16.27 18.41,14.85C18.88,13.42 19.56,12.14 20.36,11.09L18.32,11.75C17.54,12.26 16.87,13.14 16.5,14.23C16.17,15.29 16.18,16.36 16.5,17.22L17.77,19M19.25,21C18.75,21.46 18.21,21.86 17.63,22.2L17.31,21.76C15.9,21 14.04,20.5 12,20.5C9.96,20.5 8.1,21 6.69,21.76L6.37,22.2C5.79,21.86 5.25,21.46 4.75,21L5,20.69C5.33,19.08 5.22,17.12 4.58,15.14C3.94,13.19 2.9,11.56 1.71,10.46L1.27,10.32C1.42,9.66 1.63,9 1.89,8.41L2.29,8.54C3.92,8.37 5.74,7.65 7.43,6.43C9.09,5.22 10.32,3.73 11,2.26V1.79L12,1.75L13,1.79V2.21C13.67,3.71 14.91,5.23 16.6,6.45C18.26,7.66 20.06,8.37 21.67,8.56L22.11,8.41C22.37,9 22.58,9.66 22.73,10.32L22.23,10.5C21.04,11.58 20,13.21 19.37,15.16C18.74,17.09 18.62,19 18.92,20.57L19.25,21M11,11.37V8.5C10.66,8.92 10.26,9.32 9.78,9.67C9.29,10 8.77,10.29 8.25,10.5L11,11.37M11,4.22C10.25,5.31 9.24,6.35 8,7.24C6.78,8.14 5.46,8.78 4.18,9.16L6.15,9.8C7.11,9.88 8.22,9.56 9.19,8.86C10.13,8.18 10.76,7.27 11,6.36V4.22M13,11.37L15.74,10.5C15.23,10.3 14.72,10.03 14.25,9.69C13.76,9.33 13.34,8.92 13,8.5V11.37M19.8,9.16C18.53,8.78 17.23,8.15 16,7.26C14.77,6.36 13.76,5.31 13,4.2V6.27C13.22,7.21 13.86,8.17 14.84,8.88C15.77,9.56 16.83,9.87 17.77,9.82L19.8,9.16M10.38,13.28L7.64,12.39C7.95,12.84 8.2,13.35 8.38,13.91C8.57,14.5 8.66,15.06 8.68,15.62L10.38,13.28M3.58,11.07C4.38,12.12 5.06,13.4 5.53,14.83C6,16.29 6.2,17.74 6.17,19.08L7.38,17.41C7.76,16.5 7.8,15.36 7.43,14.22C7.07,13.12 6.4,12.24 5.61,11.73L3.58,11.07M12,14.45L10.35,16.72C10.87,16.58 11.42,16.5 12,16.5C12.58,16.5 13.13,16.58 13.65,16.72L12,14.45M7.84,20.18C9.08,19.75 10.5,19.5 12,19.5C13.5,19.5 14.92,19.75 16.16,20.18L14.88,18.42C14.16,17.85 13.13,17.5 12,17.5C10.87,17.5 9.84,17.85 9.12,18.42L7.84,20.18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spider.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spider.svg
new file mode 100644
index 00000000..afcf8788
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spider.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spider" viewBox="0 0 24 24"><path d="M21.29 16.71L22.71 15.29L19.5 12.11L16.5 11.26L18.41 11L22.6 7.8L21.4 6.2L17.59 9.05L14.91 9.5L18.11 6.31L17 1.76L15 2.24L15.86 5.69L14.76 6.83A3 3 0 0 0 9.24 6.83L8.11 5.69L9 2.24L7 1.76L5.89 6.31L9.09 9.5L6.4 9.05L2.6 6.2L1.4 7.8L5.6 11L7.46 11.31L4.46 12.16L1.29 15.29L2.71 16.71L5.5 13.89L7.87 13.22L4 16.54V22H6V17.46L7.56 16.12A4.5 4.5 0 0 0 16.44 16.12L18 17.46V22H20V16.54L16.13 13.22L18.5 13.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spirit-level.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spirit-level.svg
new file mode 100644
index 00000000..0472ae9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spirit-level.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spirit-level" viewBox="0 0 24 24"><path d="M22 8H2V16H22V8M18 14V10H20V14H18M11 12H13C14.1 12 15 11.11 15 10H17V14H7V10H9C9 11.11 9.9 12 11 12M4 14V10H6V14H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spoon-sugar.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spoon-sugar.svg
new file mode 100644
index 00000000..1446a37e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spoon-sugar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spoon-sugar" viewBox="0 0 24 24"><path d="M6 13H3V10H6V13M10 10H7V13H10V10M8 6H5V9H8V6M18 12C14.25 12 12.28 13.25 11 14H2C2 16.21 3.79 18 6 18H7C8 18 8.92 17.63 9.62 17C11.06 15.78 12.68 14.74 14.55 14.36C15.61 14.15 16.78 14 18 14H22V12H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spotify.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spotify.svg
new file mode 100644
index 00000000..8f0d09c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spotify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spotify" viewBox="0 0 24 24"><path d="M17.9,10.9C14.7,9 9.35,8.8 6.3,9.75C5.8,9.9 5.3,9.6 5.15,9.15C5,8.65 5.3,8.15 5.75,8C9.3,6.95 15.15,7.15 18.85,9.35C19.3,9.6 19.45,10.2 19.2,10.65C18.95,11 18.35,11.15 17.9,10.9M17.8,13.7C17.55,14.05 17.1,14.2 16.75,13.95C14.05,12.3 9.95,11.8 6.8,12.8C6.4,12.9 5.95,12.7 5.85,12.3C5.75,11.9 5.95,11.45 6.35,11.35C10,10.25 14.5,10.8 17.6,12.7C17.9,12.85 18.05,13.35 17.8,13.7M16.6,16.45C16.4,16.75 16.05,16.85 15.75,16.65C13.4,15.2 10.45,14.9 6.95,15.7C6.6,15.8 6.3,15.55 6.2,15.25C6.1,14.9 6.35,14.6 6.65,14.5C10.45,13.65 13.75,14 16.35,15.6C16.7,15.75 16.75,16.15 16.6,16.45M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spotlight-beam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spotlight-beam.svg
new file mode 100644
index 00000000..ecd99035
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spotlight-beam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spotlight-beam" viewBox="0 0 24 24"><path d="M9,16.5L9.91,15.59L15.13,20.8L14.21,21.71L9,16.5M15.5,10L16.41,9.09L21.63,14.3L20.71,15.21L15.5,10M6.72,2.72L10.15,6.15L6.15,10.15L2.72,6.72C1.94,5.94 1.94,4.67 2.72,3.89L3.89,2.72C4.67,1.94 5.94,1.94 6.72,2.72M14.57,7.5L15.28,8.21L8.21,15.28L7.5,14.57L6.64,11.07L11.07,6.64L14.57,7.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spotlight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spotlight.svg
new file mode 100644
index 00000000..af05aa1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spotlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spotlight" viewBox="0 0 24 24"><path d="M2,6L7.09,8.55C6.4,9.5 6,10.71 6,12C6,13.29 6.4,14.5 7.09,15.45L2,18V6M6,3H18L15.45,7.09C14.5,6.4 13.29,6 12,6C10.71,6 9.5,6.4 8.55,7.09L6,3M22,6V18L16.91,15.45C17.6,14.5 18,13.29 18,12C18,10.71 17.6,9.5 16.91,8.55L22,6M18,21H6L8.55,16.91C9.5,17.6 10.71,18 12,18C13.29,18 14.5,17.6 15.45,16.91L18,21M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spray-bottle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spray-bottle.svg
new file mode 100644
index 00000000..a6988616
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spray-bottle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spray-bottle" viewBox="0 0 24 24"><path d="M16.72 10.43C14.68 8.39 14.5 4.66 14.5 4H13V6H9V4H7C7 2.9 7.9 2 9 2H16V3C16 3.08 16.04 7.63 17.78 9.37L16.72 10.43M17 2V4H18V2H17M15 12C13 10 13 7 13 7H9V9C9 10 9 10 8 11S7 13 7 13V20C7 21.1 7.9 22 9 22H13C14.1 22 15 21.1 15 20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/spray.svg b/apps/phoenix_webcomponent/priv/mdi/svg/spray.svg
new file mode 100644
index 00000000..36b30aef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/spray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-spray" viewBox="0 0 24 24"><path d="M10,4H12V6H10V4M7,3H9V5H7V3M7,6H9V8H7V6M6,8V10H4V8H6M6,5V7H4V5H6M6,2V4H4V2H6M13,22A2,2 0 0,1 11,20V10A2,2 0 0,1 13,8V7H14V4H17V7H18V8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H13M13,10V20H18V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-fire.svg
new file mode 100644
index 00000000..a076a048
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sprinkler-fire" viewBox="0 0 24 24"><path d="M5 21V23H7V21H5M11 21H9V23H11V21M7 18V20H9V18H7M11 15V17H9V15H11M15 21H13V23H15V21M11 18V20H13V18H11M15 15V17H13V15H15M19 21H17V23H19V21M15 18V20H17V18H15M16 11V13H8V11H11V5H13V11H16M21 1V3H18V6L14 10V7.2L16 5.2V3H8V5.2L10 7.2V10L6 6V3H3V1H21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-variant.svg
new file mode 100644
index 00000000..dc2f40cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sprinkler-variant" viewBox="0 0 24 24"><path d="M10 10H14V22H10V10M7 9H9V7H7V9M4 8H6V6H4V8M4 11H6V9H4V11M1 13H3V11H1V13M1 7H3V5H1V7M1 10H3V8H1V10M18 11H20V9H18V11M21 10H23V8H21V10M21 5V7H23V5H21M21 13H23V11H21V13M15 9H17V7H15V9M18 8H20V6H18V8M10 7H10.33L11 9H13L13.67 7H14V6H10V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler.svg
new file mode 100644
index 00000000..84c55d44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sprinkler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sprinkler" viewBox="0 0 24 24"><path d="M11 7H13V9H11V7M5 22H9V10H5V22M14 11H16V9H14V11M17 10H19V8H17V10M17 5V7H19V5H17M14 8H16V6H14V8M17 13H19V11H17V13M5 7H5.33L6 9H8L8.67 7H9V6H5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sprout-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sprout-outline.svg
new file mode 100644
index 00000000..35f39249
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sprout-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sprout-outline" viewBox="0 0 24 24"><path d="M23,4.1V2.3L21.2,2.1C21.1,2.1 20.5,2 19.5,2C15.4,2 12.4,3.2 10.7,5.3C9.4,4.5 7.6,4 5.5,4C4.5,4 3.8,4.1 3.8,4.1L1.9,4.4L2,6.1C2.1,9.1 3.6,14.8 8.8,14.8C8.9,14.8 8.9,14.8 9,14.8V18.2C5.2,18.7 2,20 2,20V22H22V20C22,20 18.8,18.7 15,18.2V15C21.3,14.9 23,7.8 23,4.1M12,18C11.7,18 11.3,18 11,18V12.4C11,12.4 10.8,9 8,9C8,9 9.5,9.8 9.9,12.7C9.5,12.8 9.1,12.8 8.8,12.8C4.2,12.8 4,6.1 4,6.1C4,6.1 4.6,6 5.5,6C7.4,6 10.5,6.4 11.4,9.1C11.9,4.6 17,4 19.5,4C20.4,4 21,4.1 21,4.1C21,4.1 21,13.1 14.7,13.1C14.5,13.1 14.2,13.1 14,13.1C14,11.1 16,8.1 16,8.1C13,9.1 13,13 13,13V18C12.7,18 12.3,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sprout.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sprout.svg
new file mode 100644
index 00000000..c8f30950
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sprout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sprout" viewBox="0 0 24 24"><path d="M2,22V20C2,20 7,18 12,18C17,18 22,20 22,20V22H2M11.3,9.1C10.1,5.2 4,6.1 4,6.1C4,6.1 4.2,13.9 9.9,12.7C9.5,9.8 8,9 8,9C10.8,9 11,12.4 11,12.4V17C11.3,17 11.7,17 12,17C12.3,17 12.7,17 13,17V12.8C13,12.8 13,8.9 16,7.9C16,7.9 14,10.9 14,12.9C21,13.6 21,4 21,4C21,4 12.1,3 11.3,9.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-circle.svg
new file mode 100644
index 00000000..ea7e8300
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-circle" viewBox="0 0 24 24"><path d="M20 4V20H4V4H20M22 2H2V22H22V2M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12 15.31 6 12 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-edit-outline.svg
new file mode 100644
index 00000000..f1dfef75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-edit-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19H5V5H12V3H5M17.78,4C17.61,4 17.43,4.07 17.3,4.2L16.08,5.41L18.58,7.91L19.8,6.7C20.06,6.44 20.06,6 19.8,5.75L18.25,4.2C18.12,4.07 17.95,4 17.78,4M15.37,6.12L8,13.5V16H10.5L17.87,8.62L15.37,6.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-medium-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-medium-outline.svg
new file mode 100644
index 00000000..3e4fc1f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-medium-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-medium-outline" viewBox="0 0 24 24"><path d="M14,10V14H10V10H14M16,8H8V16H16V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-medium.svg
new file mode 100644
index 00000000..aca05eb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-medium" viewBox="0 0 24 24"><path d="M16,8H8V16H16V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-off-outline.svg
new file mode 100644
index 00000000..47d22fd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3 4.89V21H19.11L20.84 22.73L22.11 21.46M5 19V6.89L17.11 19H5M8.2 5L6.2 3H21V17.8L19 15.8V5H8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-off.svg
new file mode 100644
index 00000000..5bf20575
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-off" viewBox="0 0 24 24"><path d="M20.84 22.73L19.11 21H3V4.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M21 3H6.2L21 17.8V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-opacity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-opacity.svg
new file mode 100644
index 00000000..a7080727
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-opacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-opacity" viewBox="0 0 24 24"><path d="M19 13V11H21V13H19M21 9V7H19V9H21M21 3H19V5H21V3M17 15H19V13H17V15M21 17V15H19V17H21M13 17V15H15V13H13V11H15V9H13V7H15V5H13V3H3V21H13V19H15V17H13M15 21H17V19H15V21M17 3H15V5H17V3M17 11H19V9H17V11M15 17H17V15H15V17M17 19H19V17H17V19M21 21V19H19V21H21M15 9H17V7H15V9M15 13H17V11H15V13M17 5V7H19V5H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-outline.svg
new file mode 100644
index 00000000..2e2379ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-outline" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-root-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-root-box.svg
new file mode 100644
index 00000000..b3b91f4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-root-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-root-box" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M11.24,6H19V8H12.76L10,18H8L6.25,12H5V10H7.75L9,14.28L11.24,6V6M14,10.59L15.79,12.38L17.59,10.59L19,12L17.21,13.79L19,15.59L17.59,17L15.79,15.21L14,17L12.59,15.59L14.38,13.79L12.59,12L14,10.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-root.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-root.svg
new file mode 100644
index 00000000..305dbde4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-root.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-root" viewBox="0 0 24 24"><path d="M11.76,16.83L14.59,14L11.76,11.17L13.17,9.76L16,12.59L18.83,9.76L20.24,11.17L17.41,14L20.24,16.83L18.83,18.24L16,15.41L13.17,18.24L11.76,16.83M2,11H5V11H5L7.29,16.4L10,6H22V8H11.55L8.68,19H6.22L3.68,13H2V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge-outline.svg
new file mode 100644
index 00000000..19d4bbce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-rounded-badge-outline" viewBox="0 0 24 24"><path d="M19.5 8C21.43 8 23 6.43 23 4.5C23 2.57 21.43 1 19.5 1C17.57 1 16 2.57 16 4.5C16 6.43 17.57 8 19.5 8M21 16V9.79C20.5 9.93 20 10 19.5 10C19.33 10 19.17 10 19 10V16C19 17.66 17.66 19 16 19H8C6.34 19 5 17.66 5 16V8C5 6.34 6.34 5 8 5H14C14 4.84 14 4.67 14 4.5C14 4 14.07 3.5 14.21 3H8C5.24 3 3 5.24 3 8V16C3 18.76 5.24 21 8 21H16C18.76 21 21 18.76 21 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge.svg
new file mode 100644
index 00000000..0d8cb6eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-rounded-badge" viewBox="0 0 24 24"><path d="M19.5 8C21.43 8 23 6.43 23 4.5C23 2.57 21.43 1 19.5 1C17.57 1 16 2.57 16 4.5C16 6.43 17.57 8 19.5 8M19.5 10C20 10 20.5 9.93 21 9.79V16C21 18.76 18.76 21 16 21H8C5.24 21 3 18.76 3 16V8C3 5.24 5.24 3 8 3H14.21C14.07 3.5 14 4 14 4.5C14 7.54 16.46 10 19.5 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-outline.svg
new file mode 100644
index 00000000..b88b3ab3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-rounded-outline" viewBox="0 0 24 24"><path d="M8 3H16C18.76 3 21 5.24 21 8V16C21 18.76 18.76 21 16 21H8C5.24 21 3 18.76 3 16V8C3 5.24 5.24 3 8 3M8 5C6.34 5 5 6.34 5 8V16C5 17.66 6.34 19 8 19H16C17.66 19 19 17.66 19 16V8C19 6.34 17.66 5 16 5H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded.svg
new file mode 100644
index 00000000..d12baf9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-rounded.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-rounded" viewBox="0 0 24 24"><path d="M8 3H16C18.76 3 21 5.24 21 8V16C21 18.76 18.76 21 16 21H8C5.24 21 3 18.76 3 16V8C3 5.24 5.24 3 8 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-small.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-small.svg
new file mode 100644
index 00000000..a774d8a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-small" viewBox="0 0 24 24"><path d="M10,14V10H14V14H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square-wave.svg
new file mode 100644
index 00000000..1094016b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square-wave" viewBox="0 0 24 24"><path d="M2 2V12H4V4H11V22H22V12H20V20H13V2H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/square.svg
new file mode 100644
index 00000000..73c38233
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-square" viewBox="0 0 24 24"><path d="M3,3V21H21V3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/squeegee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/squeegee.svg
new file mode 100644
index 00000000..e6a2a117
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/squeegee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-squeegee" viewBox="0 0 24 24"><path d="M22,2V5H2V2H22M2,8H7L9,10H10V20A2,2 0 0,0 12,22A2,2 0 0,0 14,20V10H15L17,8H22V6H2V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ssh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ssh.svg
new file mode 100644
index 00000000..b47a1852
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ssh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ssh" viewBox="0 0 24 24"><path d="M4.5,9C3.9,9 3.5,9.5 3.5,10V11.75C3.5,12.25 3.9,12.75 4.5,12.75H7V13.5H3.5V15H7.5C8.1,15 8.5,14.5 8.5,14V12.25C8.5,11.75 8.1,11.25 7.5,11.25H5V10.5H8.5V9H4.5M10.5,9C9.9,9 9.5,9.5 9.5,10V11.75C9.5,12.25 9.9,12.75 10.5,12.75H13V13.5H9.5V15H13.5C14.1,15 14.5,14.5 14.5,14V12.25C14.5,11.75 14.1,11.25 13.5,11.25H11V10.5H14.5V9H10.5M15.5,9V15H17V12.5H19V15H20.5V9H19V11H17V9H15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stack-exchange.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stack-exchange.svg
new file mode 100644
index 00000000..19ad795c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stack-exchange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stack-exchange" viewBox="0 0 24 24"><path d="M3.9 10.72H20V14.03H3.9V10.72M3.9 6.44H20V9.75H3.9V6.44M17.5 2H6.5C5.06 2 3.9 3.18 3.9 4.65V5.5H20V4.65C20 3.18 18.88 2 17.5 2M3.9 15V15.84C3.9 17.31 5.06 18.5 6.5 18.5H13.37V22L16.77 18.5H17.5C18.94 18.5 20.11 17.31 20.11 15.84V15H3.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stack-overflow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stack-overflow.svg
new file mode 100644
index 00000000..d404a96b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stack-overflow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stack-overflow" viewBox="0 0 24 24"><path d="M17.36,20.2V14.82H19.15V22H3V14.82H4.8V20.2H17.36M6.77,14.32L7.14,12.56L15.93,14.41L15.56,16.17L6.77,14.32M7.93,10.11L8.69,8.5L16.83,12.28L16.07,13.9L7.93,10.11M10.19,6.12L11.34,4.74L18.24,10.5L17.09,11.87L10.19,6.12M14.64,1.87L20,9.08L18.56,10.15L13.2,2.94L14.64,1.87M6.59,18.41V16.61H15.57V18.41H6.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stackpath.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stackpath.svg
new file mode 100644
index 00000000..7eaeb545
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stackpath.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stackpath" viewBox="0 0 24 24"><path d="M4.91 8C4.04 8 3.32 8.2 2.76 8.61C2.19 9 1.91 9.53 1.91 10.19C1.91 10.85 2.15 11.37 2.62 11.72C3.1 12.07 3.82 12.41 4.8 12.72C5.27 12.88 5.6 13.04 5.78 13.19C5.96 13.34 6.05 13.55 6.05 13.83C6.05 14.07 5.96 14.26 5.78 14.41C5.6 14.56 5.32 14.63 4.94 14.63C4.45 14.63 4.09 14.54 3.85 14.35C3.6 14.16 3.5 13.84 3.5 13.39H1.72L1.71 13.42C1.7 14.25 2 14.89 2.66 15.33C3.3 15.78 4.06 16 4.94 16C5.82 16 6.5 15.8 7.06 15.42C7.59 15.03 7.86 14.5 7.86 13.81C7.86 13.14 7.63 12.61 7.19 12.23C6.74 11.84 6.08 11.5 5.2 11.26C4.62 11.05 4.23 10.88 4 10.74C3.81 10.6 3.71 10.42 3.71 10.2C3.71 9.96 3.81 9.76 4 9.6C4.22 9.44 4.5 9.36 4.87 9.36C5.24 9.36 5.53 9.46 5.74 9.65C5.96 9.84 6.07 10.12 6.06 10.41H7.8L7.82 10.37C7.84 9.68 7.57 9.11 7 8.66C6.47 8.22 5.77 8 4.91 8M9 8.05V15.93H10.84V13.23H11.96C12.89 13.23 13.63 13 14.18 12.5C14.73 12.05 15 11.42 15 10.64C15 9.87 14.73 9.25 14.18 8.77C13.63 8.29 12.89 8.05 11.96 8.05H9M17.24 8.05L14.5 15.93H16.22L19 8.05M20.5 8.05L17.79 15.93H19.5L22.29 8.05M10.84 9.46H11.96C12.35 9.46 12.66 9.57 12.86 9.8C13.07 10 13.17 10.31 13.17 10.65C13.17 11 13.07 11.28 12.86 11.5C12.66 11.71 12.35 11.82 11.96 11.82H10.84" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stadium-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stadium-outline.svg
new file mode 100644
index 00000000..d21011d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stadium-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stadium-outline" viewBox="0 0 24 24"><path d="M7 5L3 7V3L7 5M18 3V7L22 5L18 3M11 2V6L15 4L11 2M13 18H11V22C5.9 21.9 2 20.6 2 19V10C2 8.3 6.5 7 12 7S22 8.3 22 10V19C22 20.6 18 21.9 13 22V18M5 10C6.4 10.5 8.8 11 12 11S17.6 10.5 19 10C19 9.8 16.2 9 12 9S5 9.9 5 10M20 11.8C18.2 12.5 15.3 13 12 13S5.8 12.5 4 11.8V18.6C4.6 19 6.4 19.6 9 19.9V16H15V19.9C17.6 19.6 19.4 19 20 18.6V11.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stadium-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stadium-variant.svg
new file mode 100644
index 00000000..ef36fb91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stadium-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stadium-variant" viewBox="0 0 24 24"><path d="M5,3H7L10,5L7,7V8.33C8.47,8.12 10.18,8 12,8C13.82,8 15.53,8.12 17,8.33V3H19L22,5L19,7V8.71C20.85,9.17 22,9.8 22,10.5C22,11.88 17.5,13 12,13C6.5,13 2,11.88 2,10.5C2,9.8 3.15,9.17 5,8.71V3M12,9.5C8.69,9.5 7,9.67 7,10.5C7,11.33 8.69,11.5 12,11.5C15.31,11.5 17,11.33 17,10.5C17,9.67 15.31,9.5 12,9.5M12,14.75C15.81,14.75 19.2,14.08 21.4,13.05L20,21H15V19A2,2 0 0,0 13,17H11A2,2 0 0,0 9,19V21H4L2.6,13.05C4.8,14.08 8.19,14.75 12,14.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stadium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stadium.svg
new file mode 100644
index 00000000..e924de16
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stadium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stadium" viewBox="0 0 24 24"><path d="M7 5L3 7V3L7 5M18 3V7L22 5L18 3M11 2V6L15 4L11 2M5 10C6.4 10.5 8.8 11 12 11S17.6 10.5 19 10C19 9.8 16.2 9 12 9S5 9.9 5 10M15 17H9V21.9C4.9 21.5 2 20.4 2 19V10C2 8.3 6.5 7 12 7S22 8.3 22 10V19C22 20.3 19.1 21.5 15 21.9V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stairs-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-box.svg
new file mode 100644
index 00000000..0b37c26a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stairs-box" viewBox="0 0 24 24"><path d="M5 3C3.89 3 3 3.89 3 5V19C3 20.11 3.89 21 5 21H19C20.11 21 21 20.11 21 19V5C21 3.89 20.11 3 19 3H5M14 7H19V9H16V12H13V15H10V18H5V16H8V13H11V10H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stairs-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-down.svg
new file mode 100644
index 00000000..5ce5c95a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stairs-down" viewBox="0 0 24 24"><path d="M15 6H22V9H18V13H14V17H10V21H3V18H7V14H11V10H15V6M4.83 8.34L10.34 2.83L12.17 4.66L6.66 10.17L8.5 12H3V6.5L4.83 8.34Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stairs-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-up.svg
new file mode 100644
index 00000000..e868430b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stairs-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stairs-up" viewBox="0 0 24 24"><path d="M15 6H22V9H18V13H14V17H10V21H3V18H7V14H11V10H15V6M10.17 6.66L4.66 12.17L2.83 10.34L8.34 4.83L6.5 3H12V8.5L10.17 6.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stairs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stairs.svg
new file mode 100644
index 00000000..25fa4e3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stairs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stairs" viewBox="0 0 24 24"><path d="M15,5V9H11V13H7V17H3V20H10V16H14V12H18V8H22V5H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stamper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stamper.svg
new file mode 100644
index 00000000..d4505b66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stamper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stamper" viewBox="0 0 24 24"><path d="M12,3A3,3 0 0,0 9,6C9,9 14,13 6,13A2,2 0 0,0 4,15V17H20V15A2,2 0 0,0 18,13C10,13 15,9 15,6C15,4 13.66,3 12,3M6,19V21H18V19H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/standard-definition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/standard-definition.svg
new file mode 100644
index 00000000..e2a84659
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/standard-definition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-standard-definition" viewBox="0 0 24 24"><path d="M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16M7,7H11V9H7V11H9A2,2 0 0,1 11,13V15A2,2 0 0,1 9,17H5V15H9V13H7A2,2 0 0,1 5,11V9A2,2 0 0,1 7,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple-outline.svg
new file mode 100644
index 00000000..0ac5c672
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-box-multiple-outline" viewBox="0 0 24 24"><path d="M4 6V20H18V22H3C2.4 22 2 21.6 2 21V6H4M12.1 10.6L10.2 8.8L12.8 8.4L14 6L15.2 8.4L17.8 8.8L15.9 10.7L16.3 13.3L14 12L11.6 13.2L12.1 10.6M8 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H8C6.9 18 6 17.11 6 16V4C6 2.9 6.9 2 8 2M8 4V16H20V4H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple.svg
new file mode 100644
index 00000000..29e0e525
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-box-multiple" viewBox="0 0 24 24"><path d="M4 6V20H18V22H3C2.4 22 2 21.6 2 21V6H4M8 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H8C6.9 18 6 17.11 6 16V4C6 2.9 6.9 2 8 2M16.3 13.3L15.9 10.7L17.8 8.8L15.2 8.4L14 6L12.8 8.4L10.2 8.8L12.1 10.6L11.6 13.2L14 12L16.3 13.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-outline.svg
new file mode 100644
index 00000000..2cf1c53e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-box-outline" viewBox="0 0 24 24"><path d="M15.58,17L12,14.84L8.42,17L9.37,12.93L6.21,10.2L10.38,9.84L12,6L13.62,9.83L17.79,10.19L14.63,12.92L15.58,17M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M5,5V19H19V5H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-box.svg
new file mode 100644
index 00000000..a2ba4438
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-box" viewBox="0 0 24 24"><path d="M19,3A2,2 0 0,1 21,5V19C21,20.11 20.1,21 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3H19M15.58,17L14.63,12.92L17.79,10.19L13.62,9.83L12,6L10.38,9.84L6.21,10.2L9.37,12.93L8.42,17L12,14.84L15.58,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-check-outline.svg
new file mode 100644
index 00000000..a1a22c9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-check-outline" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C17.3 12 16.6 12.1 15.9 12.4L18.1 10.5L13.7 10.1L12 6.1L10.3 10.1L5.9 10.5L9.2 13.4L8.2 17.7L12 15.4L12.5 15.7C12.3 16.2 12.1 16.8 12.1 17.3L5.8 21M17.8 21.2L15 18.2L16.2 17L17.8 18.6L21.4 15L22.6 16.4L17.8 21.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-check.svg
new file mode 100644
index 00000000..3d6f6d19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-check" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C14.9 12 12.4 14.3 12 17.3L5.8 21M17.8 21.2L22.6 16.4L21.3 15L17.7 18.6L16.2 17L15 18.2L17.8 21.2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-circle-outline.svg
new file mode 100644
index 00000000..0581d592
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-circle-outline" viewBox="0 0 24 24"><path d="M8.58,17.25L9.5,13.36L6.5,10.78L10.45,10.41L12,6.8L13.55,10.45L17.5,10.78L14.5,13.36L15.42,17.25L12,15.19L8.58,17.25M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-circle.svg
new file mode 100644
index 00000000..a1f529f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-circle" viewBox="0 0 24 24"><path d="M16.23,18L12,15.45L7.77,18L8.89,13.19L5.16,9.96L10.08,9.54L12,5L13.92,9.53L18.84,9.95L15.11,13.18L16.23,18M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-cog-outline.svg
new file mode 100644
index 00000000..e0aead9b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-cog-outline" viewBox="0 0 24 24"><path d="M10.29 10.13L5.91 10.5L9.23 13.38L8.24 17.66L12 15.39L12.76 15.85C12.5 16.33 12.32 16.85 12.19 17.39L12 17.27L5.82 21L7.45 13.97L2 9.24L9.19 8.63L12 2L14.81 8.63L22 9.24L18.8 12C17.29 12.05 15.91 12.57 14.78 13.43L14.77 13.38L18.09 10.5L13.71 10.13L12 6.09L10.29 10.13M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.83 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5C19.83 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-cog.svg
new file mode 100644
index 00000000..d58dcdc5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-cog" viewBox="0 0 24 24"><path d="M18.8 12C15.59 12.1 12.91 14.37 12.19 17.39L12 17.27L5.82 21L7.45 13.97L2 9.24L9.19 8.62L12 2L14.81 8.62L22 9.24L18.8 12M23.83 20.64L22.83 22.37C22.76 22.5 22.63 22.5 22.5 22.5L21.27 22C21 22.18 20.73 22.34 20.43 22.47L20.24 23.79C20.22 23.91 20.11 24 20 24H18C17.86 24 17.76 23.91 17.74 23.79L17.55 22.47C17.24 22.35 16.96 22.18 16.7 22L15.46 22.5C15.34 22.5 15.21 22.5 15.15 22.37L14.15 20.64C14.09 20.53 14.12 20.4 14.21 20.32L15.27 19.5C15.25 19.33 15.24 19.17 15.24 19S15.25 18.67 15.27 18.5L14.21 17.68C14.11 17.6 14.09 17.47 14.15 17.36L15.15 15.63C15.22 15.5 15.35 15.5 15.46 15.5L16.7 16C16.96 15.82 17.25 15.66 17.55 15.53L17.74 14.21C17.76 14.09 17.87 14 18 14H20C20.11 14 20.22 14.09 20.23 14.21L20.42 15.53C20.73 15.65 21 15.82 21.27 16L22.5 15.5C22.63 15.5 22.76 15.5 22.82 15.63L23.82 17.36C23.88 17.47 23.85 17.6 23.76 17.68L22.7 18.5C22.73 18.67 22.74 18.83 22.74 19S22.72 19.33 22.7 19.5L23.77 20.32C23.86 20.4 23.89 20.53 23.83 20.64M20.5 19C20.5 18.17 19.83 17.5 19 17.5S17.5 18.17 17.5 19 18.16 20.5 19 20.5C19.83 20.5 20.5 19.83 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-crescent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-crescent.svg
new file mode 100644
index 00000000..446de2e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-crescent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-crescent" viewBox="0 0 24 24"><path d="M12.3,2C12.2,2 12.1,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22C15,22 16.7,21 18.5,19.5C13,21 8,17 8,12C8,7 13,3 18.5,4.5C16.86,2.86 14.62,1.96 12.3,2M16.8,6.2L15.3,9.7L11.6,10L14.5,12.5L13.6,16L16.8,14L20,16L19,12.5L22,10L18.3,9.7L16.8,6.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-david.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-david.svg
new file mode 100644
index 00000000..c593b5ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-david.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-david" viewBox="0 0 24 24"><path d="M12,2L9.1,7H3.3L6.3,12L3.3,17H9.1L12,22L14.9,17H20.7L17.7,12L20.7,7H14.9L12,2M12,5L13.2,7H10.8L12,5M8.2,8.5L7.1,10.5L5.9,8.5H8.2M10,8.5H14L16,12L14,15.5H10L8,12L10,8.5M18,8.5L16.8,10.5L15.7,8.5H18M7.1,13.5L8.2,15.5H6L7.1,13.5M16.9,13.5L18.1,15.5H15.8L16.9,13.5M13.3,17L12,19L10.8,17H13.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-face.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-face.svg
new file mode 100644
index 00000000..d2d39dfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-face.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-face" viewBox="0 0 24 24"><path d="M12,2.5L8.42,8.06L2,9.74L6.2,14.88L5.82,21.5L12,19.09L18.18,21.5L17.8,14.88L22,9.74L15.58,8.06L12,2.5M9.38,10.5C10,10.5 10.5,11 10.5,11.63A1.12,1.12 0 0,1 9.38,12.75C8.75,12.75 8.25,12.25 8.25,11.63C8.25,11 8.75,10.5 9.38,10.5M14.63,10.5C15.25,10.5 15.75,11 15.75,11.63A1.12,1.12 0 0,1 14.63,12.75C14,12.75 13.5,12.25 13.5,11.63C13.5,11 14,10.5 14.63,10.5M9,15H15C14.5,16.21 13.31,17 12,17C10.69,17 9.5,16.21 9,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points-outline.svg
new file mode 100644
index 00000000..77759e01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-four-points-outline" viewBox="0 0 24 24"><path d="M12,6.7L13.45,10.55L17.3,12L13.45,13.45L12,17.3L10.55,13.45L6.7,12L10.55,10.55L12,6.7M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points.svg
new file mode 100644
index 00000000..3d57b71f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-four-points.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-four-points" viewBox="0 0 24 24"><path d="M12,1L9,9L1,12L9,15L12,23L15,15L23,12L15,9L12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-half-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-half-full.svg
new file mode 100644
index 00000000..b36bca43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-half-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-half-full" viewBox="0 0 24 24"><path d="M12,15.4V6.1L13.71,10.13L18.09,10.5L14.77,13.39L15.76,17.67M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-half.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-half.svg
new file mode 100644
index 00000000..3c9b3314
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-half.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-half" viewBox="0 0 24 24"><path d="M12 2L9.19 8.62L2 9.24L7.45 13.97L5.82 21L12 17.27V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-minus-outline.svg
new file mode 100644
index 00000000..63621d45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-minus-outline" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C17.3 12 16.6 12.1 15.9 12.4L18.1 10.5L13.7 10.1L12 6.1L10.3 10.1L5.9 10.5L9.2 13.4L8.2 17.7L12 15.4L12.5 15.7C12.3 16.2 12.1 16.8 12.1 17.3L5.8 21M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-minus.svg
new file mode 100644
index 00000000..d18ba4bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-minus" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C14.9 12 12.4 14.3 12 17.3L5.8 21M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-off-outline.svg
new file mode 100644
index 00000000..8e505fe4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-off-outline" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L6.9 8.8L2 9.2L7.5 14L5.9 21L12.1 17.3L18.3 21L18 19.8L20.9 22.7L22.1 21.5M15.8 17.7L12 15.4L8.2 17.7L9.2 13.4L5.9 10.5L8.4 10.3L15.8 17.7M11.2 8L10 6.8L12 2L14.8 8.6L22 9.2L16.9 13.6L15.8 12.5L18.2 10.5L13.8 10.1L12.1 6.1L11.2 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-off.svg
new file mode 100644
index 00000000..c85f7e0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-off" viewBox="0 0 24 24"><path d="M20.8 22.7L17.9 19.8L18.2 21L12 17.3L5.8 21L7.4 14L2 9.2L6.9 8.8L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M22 9.2L14.8 8.6L12 2L10 6.8L16.9 13.7L22 9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-outline.svg
new file mode 100644
index 00000000..e3207899
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-outline" viewBox="0 0 24 24"><path d="M12,15.39L8.24,17.66L9.23,13.38L5.91,10.5L10.29,10.13L12,6.09L13.71,10.13L18.09,10.5L14.77,13.38L15.76,17.66M22,9.24L14.81,8.63L12,2L9.19,8.63L2,9.24L7.45,13.97L5.82,21L12,17.27L18.18,21L16.54,13.97L22,9.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-plus-outline.svg
new file mode 100644
index 00000000..6ee6ebb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-plus-outline" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C17.3 12 16.6 12.1 15.9 12.4L18.1 10.5L13.7 10.1L12 6.1L10.3 10.1L5.9 10.5L9.2 13.4L8.2 17.7L12 15.4L12.5 15.7C12.3 16.2 12.1 16.8 12.1 17.3L5.8 21M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-plus.svg
new file mode 100644
index 00000000..0f8721c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-plus" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C14.9 12 12.4 14.3 12 17.3L5.8 21M17 14V17H14V19H17V22H19V19H22V17H19V14H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-remove-outline.svg
new file mode 100644
index 00000000..f00b6f8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-remove-outline" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C17.3 12 16.6 12.1 15.9 12.4L18.1 10.5L13.7 10.1L12 6.1L10.3 10.1L5.9 10.5L9.2 13.4L8.2 17.7L12 15.4L12.5 15.7C12.3 16.2 12.1 16.8 12.1 17.3L5.8 21M20.1 14.5L18 16.6L15.9 14.5L14.5 15.9L16.6 18L14.5 20.1L15.9 21.5L18 19.4L20.1 21.5L21.5 20.1L19.4 18L21.5 15.9L20.1 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-remove.svg
new file mode 100644
index 00000000..1f5067e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-remove" viewBox="0 0 24 24"><path d="M5.8 21L7.4 14L2 9.2L9.2 8.6L12 2L14.8 8.6L22 9.2L18.8 12H18C14.9 12 12.4 14.3 12 17.3L5.8 21M20.1 14.5L18 16.6L15.9 14.5L14.5 15.9L16.6 18L14.5 20.1L15.9 21.5L18 19.4L20.1 21.5L21.5 20.1L19.4 18L21.5 15.9L20.1 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-settings-outline.svg
new file mode 100644
index 00000000..da753827
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-settings-outline" viewBox="0 0 24 24"><path d="M11 22H13V24H11V22M7 24H9V22H7V24M15 24H17V22H15V24M16.54 13.97L18.18 21L12 17.27L5.82 21L7.45 13.97L2 9.24L9.19 8.63L12 2L14.81 8.63L22 9.24L16.54 13.97M15.76 17.66L14.77 13.38L18.09 10.5L13.71 10.13L12 6.09L10.29 10.13L5.91 10.5L9.23 13.38L8.24 17.66L12 15.39L15.76 17.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-settings.svg
new file mode 100644
index 00000000..ad340c32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-settings" viewBox="0 0 24 24"><path d="M7 22H9V24H7V22M11 24H13V22H11V24M15 24H17V22H15V24M22 9.24L14.81 8.62L12 2L9.19 8.62L2 9.24L7.45 13.97L5.82 21L12 17.27L18.18 21L16.54 13.97L22 9.24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting-outline.svg
new file mode 100644
index 00000000..db008984
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-shooting-outline" viewBox="0 0 24 24"><path d="M23 7.5L16.53 6.96L14 1L11.47 6.96L5 7.5L9.9 11.77L8.44 18.1L14 14.74L19.56 18.1L18.09 11.77L23 7.5M16.14 12.23L16.54 13.94L15.03 13.03L14 12.41L12.97 13.03L11.46 13.94L11.85 12.23L12.13 11.05L11.22 10.26L9.88 9.1L11.64 8.95L12.84 8.85L13.31 7.74L14 6.12L14.69 7.74L15.16 8.85L16.36 8.95L18.11 9.1L16.78 10.26L15.86 11.05L16.14 12.23M1.16 12C.861 11.5 .989 10.89 1.45 10.59L4.18 8.79L5.75 10.15L2.55 12.26C2.38 12.37 2.19 12.43 2 12.43C1.68 12.43 1.36 12.27 1.16 12M1.45 20.16L7.31 16.31L7 17.76L6.66 19.13L2.55 21.84C2.38 21.95 2.19 22 2 22C1.68 22 1.36 21.84 1.16 21.55C.861 21.09 .989 20.47 1.45 20.16M7.32 11.5L8.24 12.31L7.97 13.5L2.55 17.05C2.38 17.16 2.19 17.21 2 17.21C1.68 17.21 1.36 17.06 1.16 16.76C.861 16.3 .989 15.68 1.45 15.38L7.32 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting.svg
new file mode 100644
index 00000000..3ed24000
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-shooting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-shooting" viewBox="0 0 24 24"><path d="M18.09 11.77L19.56 18.1L14 14.74L8.44 18.1L9.9 11.77L5 7.5L11.47 6.96L14 1L16.53 6.96L23 7.5L18.09 11.77M2 12.43C2.19 12.43 2.38 12.37 2.55 12.26L5.75 10.15L4.18 8.79L1.45 10.59C.989 10.89 .861 11.5 1.16 12C1.36 12.27 1.68 12.43 2 12.43M1.16 21.55C1.36 21.84 1.68 22 2 22C2.19 22 2.38 21.95 2.55 21.84L6.66 19.13L7 17.76L7.31 16.31L1.45 20.16C.989 20.47 .861 21.09 1.16 21.55M1.45 15.38C.989 15.68 .861 16.3 1.16 16.76C1.36 17.06 1.68 17.21 2 17.21C2.19 17.21 2.38 17.16 2.55 17.05L7.97 13.5L8.24 12.31L7.32 11.5L1.45 15.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points-outline.svg
new file mode 100644
index 00000000..c7cb083d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-three-points-outline" viewBox="0 0 24 24"><path d="M12,9.5L13.2,13.5L16,16.5L12,15.6L7.9,16.5L10.7,13.5L12,9.5M12,2.6L9,12.4L2,19.9L12,17.6L22,20L15,12.5L12,2.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points.svg
new file mode 100644
index 00000000..fb107e97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star-three-points.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star-three-points" viewBox="0 0 24 24"><path d="M12,2.6L9,12.4L2,19.9L12,17.6L22,20L15,12.5L12,2.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/star.svg
new file mode 100644
index 00000000..1edd4f61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-star" viewBox="0 0 24 24"><path d="M12,17.27L18.18,21L16.54,13.97L22,9.24L14.81,8.62L12,2L9.19,8.62L2,9.24L7.45,13.97L5.82,21L12,17.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/state-machine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/state-machine.svg
new file mode 100644
index 00000000..2b86c8bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/state-machine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-state-machine" viewBox="0 0 24 24"><path d="M6.27 17.05C6.72 17.58 7 18.25 7 19C7 20.66 5.66 22 4 22S1 20.66 1 19 2.34 16 4 16C4.18 16 4.36 16 4.53 16.05L7.6 10.69L5.86 9.7L9.95 8.58L11.07 12.67L9.33 11.68L6.27 17.05M20 16C18.7 16 17.6 16.84 17.18 18H11V16L8 19L11 22V20H17.18C17.6 21.16 18.7 22 20 22C21.66 22 23 20.66 23 19S21.66 16 20 16M12 8C12.18 8 12.36 8 12.53 7.95L15.6 13.31L13.86 14.3L17.95 15.42L19.07 11.33L17.33 12.32L14.27 6.95C14.72 6.42 15 5.75 15 5C15 3.34 13.66 2 12 2S9 3.34 9 5 10.34 8 12 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/steam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/steam.svg
new file mode 100644
index 00000000..316f63eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/steam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-steam" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C7.4,22 3.55,18.92 2.36,14.73L6.19,16.31C6.45,17.6 7.6,18.58 8.97,18.58C10.53,18.58 11.8,17.31 11.8,15.75V15.62L15.2,13.19H15.28C17.36,13.19 19.05,11.5 19.05,9.42C19.05,7.34 17.36,5.65 15.28,5.65C13.2,5.65 11.5,7.34 11.5,9.42V9.47L9.13,12.93L8.97,12.92C8.38,12.92 7.83,13.1 7.38,13.41L2,11.2C2.43,6.05 6.73,2 12,2M8.28,17.17C9.08,17.5 10,17.13 10.33,16.33C10.66,15.53 10.28,14.62 9.5,14.29L8.22,13.76C8.71,13.58 9.26,13.57 9.78,13.79C10.31,14 10.72,14.41 10.93,14.94C11.15,15.46 11.15,16.04 10.93,16.56C10.5,17.64 9.23,18.16 8.15,17.71C7.65,17.5 7.27,17.12 7.06,16.67L8.28,17.17M17.8,9.42C17.8,10.81 16.67,11.94 15.28,11.94C13.9,11.94 12.77,10.81 12.77,9.42A2.5,2.5 0 0,1 15.28,6.91C16.67,6.91 17.8,8.04 17.8,9.42M13.4,9.42C13.4,10.46 14.24,11.31 15.29,11.31C16.33,11.31 17.17,10.46 17.17,9.42C17.17,8.38 16.33,7.53 15.29,7.53C14.24,7.53 13.4,8.38 13.4,9.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/steering-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/steering-off.svg
new file mode 100644
index 00000000..712c463c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/steering-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-steering-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L17.25,20.5C15.7,21.5 13.95,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,10.05 2.5,8.3 3.5,6.75L2,5.27M13,19.92C14,19.8 14.93,19.5 15.78,19.05L13.5,16.78C13.34,16.84 13.16,16.88 13,16.92V19.92M4.08,11H7L7.37,10.63L4.96,8.23C4.5,9.08 4.21,10 4.08,11M19.92,13H16.92C16.8,13.54 16.6,14.05 16.33,14.5L9.91,8.09L10,8H14L17,11H19.92C19.67,9.05 18.79,7.38 17.27,6C15.76,4.66 14,4 12,4C10.26,4 8.71,4.5 7.34,5.5L5.91,4.09C7.66,2.71 9.69,2 12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.31 21.29,16.34 19.91,18.09L18.5,16.67C19.28,15.59 19.76,14.36 19.92,13M11,19.92V16.92C10,16.7 9.16,16.24 8.46,15.54C7.76,14.84 7.3,14 7.08,13H4.08C4.3,14.77 5.05,16.3 6.35,17.6C7.65,18.9 9.2,19.67 11,19.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/steering.svg b/apps/phoenix_webcomponent/priv/mdi/svg/steering.svg
new file mode 100644
index 00000000..d428a59e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/steering.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-steering" viewBox="0 0 24 24"><path d="M13,19.92C14.8,19.7 16.35,18.95 17.65,17.65C18.95,16.35 19.7,14.8 19.92,13H16.92C16.7,14 16.24,14.84 15.54,15.54C14.84,16.24 14,16.7 13,16.92V19.92M10,8H14L17,11H19.92C19.67,9.05 18.79,7.38 17.27,6C15.76,4.66 14,4 12,4C10,4 8.24,4.66 6.73,6C5.21,7.38 4.33,9.05 4.08,11H7L10,8M11,19.92V16.92C10,16.7 9.16,16.24 8.46,15.54C7.76,14.84 7.3,14 7.08,13H4.08C4.3,14.77 5.05,16.3 6.35,17.6C7.65,18.9 9.2,19.67 11,19.92M12,2C14.75,2 17.1,3 19.05,4.95C21,6.9 22,9.25 22,12C22,14.75 21,17.1 19.05,19.05C17.1,21 14.75,22 12,22C9.25,22 6.9,21 4.95,19.05C3,17.1 2,14.75 2,12C2,9.25 3,6.9 4.95,4.95C6.9,3 9.25,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/step-backward-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/step-backward-2.svg
new file mode 100644
index 00000000..4fc9ef23
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/step-backward-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-step-backward-2" viewBox="0 0 24 24"><path d="M17,5H14V19H17V5M12,5L1,12L12,19V5M22,5H19V19H22V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/step-backward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/step-backward.svg
new file mode 100644
index 00000000..109da36d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/step-backward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-step-backward" viewBox="0 0 24 24"><path d="M19,5V19H16V5M14,5V19L3,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/step-forward-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/step-forward-2.svg
new file mode 100644
index 00000000..72a30d0d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/step-forward-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-step-forward-2" viewBox="0 0 24 24"><path d="M7,5H10V19H7V5M12,5L23,12L12,19V5M2,5H5V19H2V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/step-forward.svg b/apps/phoenix_webcomponent/priv/mdi/svg/step-forward.svg
new file mode 100644
index 00000000..c4ee9205
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/step-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-step-forward" viewBox="0 0 24 24"><path d="M5,5V19H8V5M10,5V19L21,12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stethoscope.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stethoscope.svg
new file mode 100644
index 00000000..d4b3c069
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stethoscope.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stethoscope" viewBox="0 0 24 24"><path d="M19,8C19.56,8 20,8.43 20,9A1,1 0 0,1 19,10C18.43,10 18,9.55 18,9C18,8.43 18.43,8 19,8M2,2V11C2,13.96 4.19,16.5 7.14,16.91C7.76,19.92 10.42,22 13.5,22A6.5,6.5 0 0,0 20,15.5V11.81C21.16,11.39 22,10.29 22,9A3,3 0 0,0 19,6A3,3 0 0,0 16,9C16,10.29 16.84,11.4 18,11.81V15.41C18,17.91 16,19.91 13.5,19.91C11.5,19.91 9.82,18.7 9.22,16.9C12,16.3 14,13.8 14,11V2H10V5H12V11A4,4 0 0,1 8,15A4,4 0 0,1 4,11V5H6V2H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert-outline.svg
new file mode 100644
index 00000000..0719d7de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-alert-outline" viewBox="0 0 24 24"><path d="M11 15H13V17H11V15M11 13H13V7H11V13M22 5.5V16L16 22H5.5C3.6 22 2 20.4 2 18.5V5.5C2 3.6 3.6 2 5.5 2H18.5C20.4 2 22 3.6 22 5.5M20 5.8C20 4.8 19.2 4 18.2 4H5.8C4.8 4 4 4.8 4 5.8V18.3C4 19.3 4.8 20.1 5.8 20.1H15V18.6C15 16.7 16.6 15.1 18.5 15.1H20V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert.svg
new file mode 100644
index 00000000..6c51be7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-alert" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M13 17H11V15H13V16M13 13H11V7H13V12M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check-outline.svg
new file mode 100644
index 00000000..a33c582d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-check-outline" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M20 15H18.5C16.6 15 15 16.6 15 18.5V20H5.8C4.8 20 4 19.2 4 18.2V5.8C4 4.8 4.8 4 5.8 4H18.3C19.3 4 20.1 4.8 20.1 5.8V15M15.2 8.2L16.7 9.7L10.7 15.7L7.2 12.2L8.7 10.7L10.7 12.7L15.2 8.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check.svg
new file mode 100644
index 00000000..08a20210
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-check" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M7 12.5L8.3 11.1L10.4 13.2L15.6 8L17 9.4L10.5 16L7 12.5M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-circle-outline.svg
new file mode 100644
index 00000000..a7a80286
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-circle-outline" viewBox="0 0 24 24"><path d="M12.12,18.46L18.3,12.28C16.94,12.59 15.31,13.2 14.07,14.46C13.04,15.5 12.39,16.83 12.12,18.46M20.75,10H21.05C21.44,10 21.79,10.27 21.93,10.64C22.07,11 22,11.43 21.7,11.71L11.7,21.71C11.5,21.9 11.26,22 11,22L10.64,21.93C10.27,21.79 10,21.44 10,21.05C9.84,17.66 10.73,14.96 12.66,13.03C15.5,10.2 19.62,10 20.75,10M12,2C16.5,2 20.34,5 21.58,9.11L20,9H19.42C18.24,6.07 15.36,4 12,4A8,8 0 0,0 4,12C4,15.36 6.07,18.24 9,19.42C8.97,20.13 9,20.85 9.11,21.57C5,20.33 2,16.5 2,12C2,6.47 6.5,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-emoji.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-emoji.svg
new file mode 100644
index 00000000..08ac3e15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-emoji.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-emoji" viewBox="0 0 24 24"><path d="M5.5,2C3.56,2 2,3.56 2,5.5V18.5C2,20.44 3.56,22 5.5,22H16L22,16V5.5C22,3.56 20.44,2 18.5,2H5.5M5.75,4H18.25A1.75,1.75 0 0,1 20,5.75V15H18.5C16.56,15 15,16.56 15,18.5V20H5.75A1.75,1.75 0 0,1 4,18.25V5.75A1.75,1.75 0 0,1 5.75,4M14.44,6.77C14.28,6.77 14.12,6.79 13.97,6.83C13.03,7.09 12.5,8.05 12.74,9C12.79,9.15 12.86,9.3 12.95,9.44L16.18,8.56C16.18,8.39 16.16,8.22 16.12,8.05C15.91,7.3 15.22,6.77 14.44,6.77M8.17,8.5C8,8.5 7.85,8.5 7.7,8.55C6.77,8.81 6.22,9.77 6.47,10.7C6.5,10.86 6.59,11 6.68,11.16L9.91,10.28C9.91,10.11 9.89,9.94 9.85,9.78C9.64,9 8.95,8.5 8.17,8.5M16.72,11.26L7.59,13.77C8.91,15.3 11,15.94 12.95,15.41C14.9,14.87 16.36,13.25 16.72,11.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus-outline.svg
new file mode 100644
index 00000000..79d58ee2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-minus-outline" viewBox="0 0 24 24"><path d="M8 11H16V13H8V11M22 5.5V16L16 22H5.5C3.6 22 2 20.4 2 18.5V5.5C2 3.6 3.6 2 5.5 2H18.5C20.4 2 22 3.6 22 5.5M20 5.8C20 4.8 19.2 4 18.2 4H5.8C4.8 4 4 4.8 4 5.8V18.3C4 19.3 4.8 20.1 5.8 20.1H15V18.6C15 16.7 16.6 15.1 18.5 15.1H20V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus.svg
new file mode 100644
index 00000000..e1f56a78
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-minus" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M8 11H16V13H8V11M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-outline.svg
new file mode 100644
index 00000000..dcd61b83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-outline" viewBox="0 0 24 24"><path d="M5.5 2C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2H5.5M5.8 4H18.3C19.3 4 20.1 4.8 20.1 5.8V15H18.6C16.7 15 15.1 16.6 15.1 18.5V20H5.8C4.8 20 4 19.2 4 18.2V5.8C4 4.8 4.8 4 5.8 4" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus-outline.svg
new file mode 100644
index 00000000..3694063c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-plus-outline" viewBox="0 0 24 24"><path d="M13 11H16V13H13V16H11V13H8V11H11V8H13V11M22 5.5V16L16 22H5.5C3.6 22 2 20.4 2 18.5V5.5C2 3.6 3.6 2 5.5 2H18.5C20.4 2 22 3.6 22 5.5M20 5.8C20 4.8 19.2 4 18.2 4H5.8C4.8 4 4 4.8 4 5.8V18.3C4 19.3 4.8 20.1 5.8 20.1H15V18.6C15 16.7 16.6 15.1 18.5 15.1H20V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus.svg
new file mode 100644
index 00000000..38e1a6b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-plus" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M13 16H11V13H8V11H11V8H13V11H16V13H13V16M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove-outline.svg
new file mode 100644
index 00000000..ded7dfc7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-remove-outline" viewBox="0 0 24 24"><path d="M16 9.4L13.4 12L16 14.6L14.6 16L12 13.4L9.4 16L8 14.6L10.6 12L8 9.4L9.4 8L12 10.6L14.6 8L16 9.4M22 5.5V16L16 22H5.5C3.6 22 2 20.4 2 18.5V5.5C2 3.6 3.6 2 5.5 2H18.5C20.4 2 22 3.6 22 5.5M20 5.8C20 4.8 19.2 4 18.2 4H5.8C4.8 4 4 4.8 4 5.8V18.3C4 19.3 4.8 20.1 5.8 20.1H15V18.6C15 16.7 16.6 15.1 18.5 15.1H20V5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove.svg
new file mode 100644
index 00000000..c522816c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-remove" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M12 13.4L9.9 15.5L8.5 14.1L10.6 12L8.5 9.9L9.9 8.5L12 10.6L14.1 8.5L15.5 9.9L13.4 12L15.5 14.1L14.1 15.5L12 13.4M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text-outline.svg
new file mode 100644
index 00000000..4177f7b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-text-outline" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M20.1 15H18.6C16.7 15 15.1 16.6 15.1 18.5V20H5.8C4.8 20 4 19.2 4 18.2V5.8C4 4.8 4.8 4 5.8 4H18.3C19.3 4 20.1 4.8 20.1 5.8V15M7 7H17V9H7V7M7 11H17V13H7V11M7 15H13V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text.svg
new file mode 100644
index 00000000..a30e1e12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker-text" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M6 7H18V9H6V7M6 11H18V13H6V11M13 17H6V15H13V17M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sticker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sticker.svg
new file mode 100644
index 00000000..ffc1ffea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sticker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sticker" viewBox="0 0 24 24"><path d="M18.5 2H5.5C3.6 2 2 3.6 2 5.5V18.5C2 20.4 3.6 22 5.5 22H16L22 16V5.5C22 3.6 20.4 2 18.5 2M15 20V18.5C15 16.6 16.6 15 18.5 15H20L15 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stocking.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stocking.svg
new file mode 100644
index 00000000..6f060c80
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stocking.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stocking" viewBox="0 0 24 24"><path d="M17,2A2,2 0 0,1 19,4V7A2,2 0 0,1 17,9V17C17,17.85 16.5,18.57 15.74,18.86L9.5,21.77C8.5,22.24 7.29,21.81 6.83,20.81L6,19C5.5,18 5.95,16.8 6.95,16.34L10,14.91V9A2,2 0 0,1 8,7V4A2,2 0 0,1 10,2H17M10,4V7H17V4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stomach.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stomach.svg
new file mode 100644
index 00000000..a68a9a97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stomach.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stomach" viewBox="0 0 24 24"><path d="M4 18C4.67 19.85 6.07 22 12 22C14.36 22 17.07 21.93 19 20C20 19 22 17 22 11S20 4 18 4C16.62 4 15 4 14 6V6.03A1.82 1.82 0 0 1 12.13 6.95C11 6.81 11 6.37 11 6V2H9V6A2.92 2.92 0 0 0 12 9C13 9 13 10.78 13 12C13 13.89 12.5 15.26 11 16C8.69 17.15 6.39 17 5.61 15.47A1.5 1.5 0 0 0 3.14 14.87A3.67 3.67 0 0 0 2 18V22H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stool-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stool-outline.svg
new file mode 100644
index 00000000..0f910ea6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stool-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stool-outline" viewBox="0 0 24 24"><path d="M20 6C20 3.79 18.21 2 16 2H8C5.78 2 4 3.79 4 6V8H7L4 22H6L7.5 15H11V22H13V15H16.5L18 22H20L17 8H20V6M7.93 13L9 8H11V13H7.93M16.07 13H13V8H15L16.07 13M6 6C6 4.9 6.89 4 8 4H16C17.1 4 18 4.9 18 6H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stool.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stool.svg
new file mode 100644
index 00000000..061fee19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stool.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stool" viewBox="0 0 24 24"><path d="M20 6C20 3.79 18.21 2 16 2H8C5.78 2 4 3.79 4 6V8H7L4 22H6L7.5 15H11V22H13V15H16.5L18 22H20L17 8H20V6M7.93 13L9 8H11V13H7.93M16.07 13H13V8H15L16.07 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle-outline.svg
new file mode 100644
index 00000000..5e889a76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stop-circle-outline" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4M9,9V15H15V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle.svg
new file mode 100644
index 00000000..f71bd04a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stop-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stop-circle" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M9,9H15V15H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stop.svg
new file mode 100644
index 00000000..a9d807d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stop" viewBox="0 0 24 24"><path d="M18,18H6V6H18V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank-outline.svg
new file mode 100644
index 00000000..de1e0657
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storage-tank-outline" viewBox="0 0 24 24"><path d="M17 6H16V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V6H7C3.69 6 1 8.69 1 12S3.69 18 7 18V21H9V18H15V21H17V18C20.31 18 23 15.31 23 12S20.31 6 17 6M10 5H14V6H10V5M17 16H7C4.79 16 3 14.21 3 12S4.79 8 7 8H17C19.21 8 21 9.79 21 12S19.21 16 17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank.svg
new file mode 100644
index 00000000..0aea7c93
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storage-tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storage-tank" viewBox="0 0 24 24"><path d="M17 6H16V5C16 3.9 15.1 3 14 3H10C8.9 3 8 3.9 8 5V6H7C3.69 6 1 8.69 1 12S3.69 18 7 18V21H9V18H15V21H17V18C20.31 18 23 15.31 23 12S20.31 6 17 6M10 5H14V6H10V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-24-hour.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-24-hour.svg
new file mode 100644
index 00000000..b7fbef44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-24-hour.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-24-hour" viewBox="0 0 24 24"><path d="M16,12H15V10H13V7H14V9H15V7H16M11,10H9V11H11V12H8V9H10V8H8V7H11M19,7V4H5V7H2V20H10V16H14V20H22V7H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-alert-outline.svg
new file mode 100644
index 00000000..5af23b29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-alert-outline" viewBox="0 0 24 24"><path d="M2 7L1 12V14H2V20H12V14H16V20H18V14H19V12L18 7H2M10 18H4V14H10V18M3.04 12L3.64 9H16.36L16.96 12H3.04M18 6H2V4H18V6M23 7V13H21V7H23M21 15H23V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-alert.svg
new file mode 100644
index 00000000..96cf416b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-alert" viewBox="0 0 24 24"><path d="M2 7L1 12V14H2V20H12V14H16V20H18V14H19V12L18 7H2M10 18H4V14H10V18M18 6H2V4H18V6M23 7V13H21V7H23M21 15H23V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-check-outline.svg
new file mode 100644
index 00000000..27617c17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-check-outline" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.37 13.13 21 13.35V12L20 7H4L3 12V14H4V20H13.09C13.04 19.67 13 19.34 13 19C13 17.77 13.37 16.64 14 15.69V14H15.69C16.64 13.37 17.77 13 19 13M12 18H6V14H12V18M5.04 12L5.64 9H18.36L18.96 12H5.04M20 6H4V4H20V6M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-check.svg
new file mode 100644
index 00000000..753226c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-check" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M15.69 14H14V15.69C13.37 16.64 13 17.77 13 19C13 19.34 13.04 19.67 13.09 20H4V14H3V12L4 7H20L21 12V13.35C20.37 13.13 19.7 13 19 13C17.77 13 16.64 13.37 15.69 14M12 14H6V18H12V14M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-clock-outline.svg
new file mode 100644
index 00000000..0f1a8133
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-clock-outline" viewBox="0 0 24 24"><path d="M18 4H2V2H18V4M17.5 13H16V18L19.61 20.16L20.36 18.94L17.5 17.25V13M24 17C24 20.87 20.87 24 17 24C13.47 24 10.57 21.39 10.08 18H2V12H1V10L2 5H18L19 10V10.29C21.89 11.16 24 13.83 24 17M3.04 10H16.96L16.36 7H3.64L3.04 10M4 16H10V12H4V16M22 17C22 14.24 19.76 12 17 12S12 14.24 12 17 14.24 22 17 22 22 19.76 22 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-clock.svg
new file mode 100644
index 00000000..f0b9d925
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-clock" viewBox="0 0 24 24"><path d="M18 4H2V2H18V4M17.5 13H16V18L19.61 20.16L20.36 18.94L17.5 17.25V13M24 17C24 20.87 20.87 24 17 24C13.47 24 10.57 21.39 10.08 18H2V12H1V10L2 5H18L19 10V10.29C21.89 11.16 24 13.83 24 17M4 16H10V12H4V16M22 17C22 14.24 19.76 12 17 12S12 14.24 12 17 14.24 22 17 22 22 19.76 22 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-cog-outline.svg
new file mode 100644
index 00000000..ac757419
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-cog-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M19 12C17.09 12 15.37 12.76 14.11 14H14V14.11C12.76 15.37 12 17.09 12 19C12 19.34 12.03 19.67 12.08 20H4V14H3V12L4 7H20L21 12V12.3C20.37 12.11 19.7 12 19 12M12 14H6V18H12V14M18.96 12L18.36 9H5.64L5.04 12H18.96M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-cog.svg
new file mode 100644
index 00000000..857a4e41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-cog" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M19 12C17.09 12 15.37 12.76 14.11 14H14V14.11C12.76 15.37 12 17.09 12 19C12 19.34 12.03 19.67 12.08 20H4V14H3V12L4 7H20L21 12V12.3C20.37 12.11 19.7 12 19 12M12 14H6V18H12V14M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-edit-outline.svg
new file mode 100644
index 00000000..ecd5ccdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-edit-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M14 16.13L11 19.13V20H4V14H3V12L4 7H20L20.61 10.07C20.16 10.17 19.73 10.4 19.39 10.74L18.82 11.31L18.36 9H5.64L5.04 12H18.13L16.13 14H14V16.13M12 14H6V18H12V14M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-edit.svg
new file mode 100644
index 00000000..313db504
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-edit" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M14 16.13L11 19.13V20H4V14H3V12L4 7H20L20.61 10.07C20.16 10.17 19.73 10.4 19.39 10.74L16.13 14H14V16.13M12 14H6V18H12V14M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-marker-outline.svg
new file mode 100644
index 00000000..df52b836
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-marker-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M14.3 12C13.5 12.96 13 14.18 13 15.5C13 16.64 13.43 17.86 14 19V20H4V14H3V12L4 7H20L20.7 10.5C20.04 10.18 19.32 10 18.56 10L18.36 9H5.64L5.04 12H14.3M12 14H6V18H12V14M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-marker.svg
new file mode 100644
index 00000000..018e5e48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-marker" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M13 15.5C13 16.64 13.43 17.86 14 19V20H4V14H3V12L4 7H20L20.7 10.5C20 10.18 19.28 10 18.5 10C15.5 10 13 12.5 13 15.5M12 14H6V18H12V14M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-minus-outline.svg
new file mode 100644
index 00000000..2ffcdefc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-minus-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M15.69 14H14V15.69C13.37 16.64 13 17.77 13 19C13 19.34 13.04 19.67 13.09 20H4V14H3V12L4 7H20L21 12V13.35C20.37 13.13 19.7 13 19 13C17.77 13 16.64 13.37 15.69 14M12 14H6V18H12V14M18.96 12L18.36 9H5.64L5.04 12H18.96M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-minus.svg
new file mode 100644
index 00000000..2f19199e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-minus" viewBox="0 0 24 24"><path d="M4 4V6H20V4M4 7L3 12V14H4V20H13C12.95 19.66 12.92 19.31 12.92 18.95C12.92 17.73 13.3 16.53 14 15.53V14H15.54C16.54 13.33 17.71 12.96 18.91 12.96C19.62 12.96 20.33 13.09 21 13.34V12L20 7M6 14H12V18H6M15 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-off-outline.svg
new file mode 100644
index 00000000..988ba9b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-off-outline" viewBox="0 0 24 24"><path d="M2.39 1.73L1.11 3L5.11 7H4L3 12V14H4V20H14V15.89L20.84 22.73L22.11 21.46L2.39 1.73M5.64 9H7.11L10.11 12H5.04L5.64 9M12 18H6V14H12V18M18 14.8V14H17.2L15.2 12H18.96L18.36 9H12.2L10.2 7H20L21 12V14H20V16.8L18 14.8M9.2 6L7.2 4H20V6H9.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-off.svg
new file mode 100644
index 00000000..ffbebfa9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-off" viewBox="0 0 24 24"><path d="M9.2 6L7.2 4H20V6H9.2M20 16.8V14H21V12L20 7H10.2L17.2 14H18V14.8L20 16.8M22.11 21.46L20.84 22.73L14 15.89V20H4V14H3V12L4 7H5.11L1.11 3L2.39 1.73L22.11 21.46M12 14H6V18H12V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-outline.svg
new file mode 100644
index 00000000..b4acc74d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-outline" viewBox="0 0 24 24"><path d="M18.36 9L18.96 12H5.04L5.64 9H18.36M20 4H4V6H20V4M20 7H4L3 12V14H4V20H14V14H18V20H20V14H21V12L20 7M6 18V14H12V18H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-plus-outline.svg
new file mode 100644
index 00000000..50f97f47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-plus-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M15.69 14H14V15.69C13.37 16.64 13 17.77 13 19C13 19.34 13.04 19.67 13.09 20H4V14H3V12L4 7H20L21 12V13.35C20.37 13.13 19.7 13 19 13C17.77 13 16.64 13.37 15.69 14M12 14H6V18H12V14M18.96 12L18.36 9H5.64L5.04 12H18.96M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-plus.svg
new file mode 100644
index 00000000..7a7fb3d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-plus" viewBox="0 0 24 24"><path d="M4 4V6H20V4M4 7L3 12V14H4V20H13C12.95 19.66 12.92 19.31 12.92 18.95C12.92 17.73 13.3 16.53 14 15.53V14H15.54C16.54 13.33 17.71 12.96 18.91 12.96C19.62 12.96 20.33 13.09 21 13.34V12L20 7M6 14H12V18H6M18 15V18H15V20H18V23H20V20H23V18H20V15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-remove-outline.svg
new file mode 100644
index 00000000..0e8d8ce5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-remove-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M15.69 14H14V15.69C13.37 16.64 13 17.77 13 19C13 19.34 13.04 19.67 13.09 20H4V14H3V12L4 7H20L21 12V13.35C20.37 13.13 19.7 13 19 13C17.77 13 16.64 13.37 15.69 14M12 14H6V18H12V14M18.96 12L18.36 9H5.64L5.04 12H18.96M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-remove.svg
new file mode 100644
index 00000000..cd84dce5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-remove" viewBox="0 0 24 24"><path d="M4 4H20V6H4V4M15.46 16.88L16.88 15.46L19 17.59L21.12 15.47L22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.47 16.88M4 7H20L21 12V13.34C20.33 13.09 19.62 12.96 18.91 12.96C17.71 12.96 16.54 13.33 15.54 14H14V15.53C13.3 16.53 12.92 17.73 12.92 18.95L13 20H4V14H3V12L4 7M6 14V18H12V14H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-search-outline.svg
new file mode 100644
index 00000000..d351329d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-search-outline" viewBox="0 0 24 24"><path d="M18 4H2V2H18V4M13.04 10H3.04L3.64 7H16.36L16.76 9C17.5 9.04 18.21 9.19 18.89 9.46L18 5H2L1 10V12H2V18H10.5C10.17 17.2 10 16.35 10 15.5V16H4V12H10V15.5C10 13.84 10.64 12.17 11.9 10.9C12.26 10.55 12.64 10.25 13.04 10M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-search.svg
new file mode 100644
index 00000000..30da420d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-search" viewBox="0 0 24 24"><path d="M11.9 10.9C10.64 12.17 10 13.84 10 15.5V12H4V16H10V15.5C10 16.35 10.17 17.2 10.5 18H2V12H1V10L2 5H18L18.89 9.46C16.56 8.53 13.79 9 11.9 10.9M18 2H2V4H18V2M23.39 21L22 22.39L18.88 19.32C18.19 19.75 17.37 20 16.5 20C14 20 12 18 12 15.5S14 11 16.5 11 21 13 21 15.5C21 16.38 20.75 17.21 20.31 17.9L23.39 21M19 15.5C19 14.12 17.88 13 16.5 13S14 14.12 14 15.5 15.12 18 16.5 18 19 16.88 19 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-settings-outline.svg
new file mode 100644
index 00000000..a01c5650
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-settings-outline" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M21 12V14H20V20H18V14H14V20H4V14H3V12L4 7H20L21 12M12 14H6V18H12V14M18.96 12L18.36 9H5.64L5.04 12H18.96M7 24H9V22H7V24M11 24H13V22H11V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store-settings.svg
new file mode 100644
index 00000000..691abc1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store-settings" viewBox="0 0 24 24"><path d="M20 6H4V4H20V6M21 12V14H20V20H18V14H14V20H4V14H3V12L4 7H20L21 12M12 14H6V18H12V14M7 24H9V22H7V24M11 24H13V22H11V24M15 24H17V22H15V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/store.svg b/apps/phoenix_webcomponent/priv/mdi/svg/store.svg
new file mode 100644
index 00000000..fde9ef49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/store.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-store" viewBox="0 0 24 24"><path d="M12,18H6V14H12M21,14V12L20,7H4L3,12V14H4V20H14V14H18V20H20V14M20,4H4V6H20V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check-outline.svg
new file mode 100644
index 00000000..67d4ba72
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-check-outline" viewBox="0 0 24 24"><path d="M5.06 3C4.63 3 4.22 3.14 3.84 3.42S3.24 4.06 3.14 4.5L2.11 8.91C1.86 10 2.06 10.92 2.69 11.73C2.8 11.84 2.9 11.94 3 12.03V19C3 19.5 3.2 20 3.61 20.39S4.5 21 5 21H12.8C12.45 20.39 12.2 19.72 12.08 19H5V13C5.07 13 5.15 13 5.22 13C6.16 13 6.91 12.59 7.47 12.05C8.1 12.67 8.86 13 9.8 13C10.64 13 11.44 12.63 12 12.07C12.68 12.7 13.45 13 14.3 13C15.17 13 15.91 12.67 16.54 12.05C17.11 12.62 17.86 13 18.81 13S20.43 12.65 21 12.06L21.13 11.92C21.18 11.87 21.23 11.82 21.28 11.77C21.94 10.95 22.14 10 21.89 8.91L20.86 4.5C20.73 4.06 20.5 3.7 20.13 3.42C19.77 3.14 19.38 3 18.94 3M18.89 4.97L19.97 9.38C20.06 9.81 19.97 10.2 19.69 10.55C19.44 10.86 19.13 11 18.75 11C18.44 11 18.17 10.9 17.95 10.66C17.73 10.43 17.61 10.16 17.58 9.84L16.97 5M5.06 5H7.03L6.42 9.84C6.3 10.63 5.91 11 5.25 11C4.84 11 4.53 10.86 4.31 10.55C4.03 10.2 3.94 9.81 4.03 9.38M9.05 5H11V9.7C11 10.05 10.89 10.35 10.64 10.62C10.39 10.88 10.08 11 9.7 11C9.36 11 9.07 10.88 8.84 10.59S8.5 10 8.5 9.66V9.5M13 5H14.95L15.5 9.5C15.58 9.92 15.5 10.27 15.21 10.57C14.95 10.87 14.61 11 14.2 11C13.89 11 13.61 10.88 13.36 10.62C13.11 10.35 13 10.05 13 9.7M17 21L14.25 18L15.41 16.84L17 18.43L20.59 14.84L21.75 16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check.svg
new file mode 100644
index 00000000..76c72c3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-check" viewBox="0 0 24 24"><path d="M5.06 3C4.63 3 4.22 3.14 3.84 3.42S3.24 4.06 3.14 4.5L2.11 8.91C1.86 10 2.06 10.92 2.69 11.73C2.81 11.85 2.93 11.97 3.04 12.07C3.63 12.64 4.28 13 5.22 13S6.91 12.59 7.47 12.05C8.1 12.67 8.86 13 9.8 13C10.64 13 11.44 12.63 12 12.07C12.68 12.7 13.45 13 14.3 13C15.17 13 15.91 12.67 16.54 12.05C17.11 12.62 17.86 13 18.81 13S20.43 12.65 21 12.06L21.13 11.92C21.18 11.87 21.23 11.82 21.28 11.77C21.94 10.95 22.14 10 21.89 8.91L20.86 4.5C20.73 4.06 20.5 3.7 20.13 3.42C19.77 3.14 19.38 3 18.94 3M18.89 4.97L19.97 9.38C20.06 9.81 19.97 10.2 19.69 10.55C19.44 10.86 19.13 11 18.75 11C18.44 11 18.17 10.9 17.95 10.66C17.73 10.43 17.61 10.16 17.58 9.84L16.97 5M5.06 5H7.03L6.42 9.84C6.3 10.63 5.91 11 5.25 11C4.84 11 4.53 10.86 4.31 10.55C4.03 10.2 3.94 9.81 4.03 9.38M9.05 5H11V9.7C11 10.05 10.89 10.35 10.64 10.62C10.39 10.88 10.08 11 9.7 11C9.36 11 9.07 10.88 8.84 10.59S8.5 10 8.5 9.66V9.5M13 5H14.95L15.5 9.5C15.58 9.92 15.5 10.27 15.21 10.57C14.95 10.87 14.61 11 14.2 11C13.89 11 13.61 10.88 13.36 10.62C13.11 10.35 13 10.05 13 9.7M12.97 14.72C12.61 14.56 12.28 14.34 12 14.07C11.43 14.64 10.65 15 9.78 15C8.87 15 8.07 14.65 7.47 14.05C6.89 14.64 6.1 15 5.23 15C4.33 15 3.66 14.65 3 14.03V19C3 20.11 3.89 21 5 21H12.8C12.29 20.12 12 19.09 12 18C12 16.79 12.36 15.66 12.97 14.72M17 21L14.25 18L15.41 16.84L17 18.43L20.59 14.84L21.75 16.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit-outline.svg
new file mode 100644
index 00000000..c789d22c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-edit-outline" viewBox="0 0 24 24"><path d="M5.06 3C4.63 3 4.22 3.14 3.84 3.42S3.24 4.06 3.14 4.5L2.11 8.91C1.86 10 2.06 10.95 2.72 11.77L3 12.05V19C3 19.5 3.2 20 3.61 20.39S4.5 21 5 21H11V19.11L11.11 19H5V13H5.25C6.16 13 6.89 12.67 7.45 12.05C8.08 12.67 8.86 13 9.8 13C10.64 13 11.38 12.67 12 12.05C12.69 12.67 13.45 13 14.3 13C15.17 13 15.92 12.67 16.55 12.05C16.8 12.33 17.09 12.54 17.41 12.7L19.06 11.05L19.07 11.06L19.2 10.92C19.06 10.97 18.91 11 18.75 11C18.44 11 18.17 10.9 17.95 10.66C17.73 10.43 17.61 10.16 17.58 9.84L16.97 5L18.89 4.97L19.97 9.38C20.06 9.79 20 10.16 19.73 10.5C20.4 10.1 21.23 10.03 21.95 10.31C22 9.87 22 9.41 21.89 8.91L20.86 4.5C20.73 4.06 20.5 3.7 20.13 3.42C19.77 3.14 19.38 3 18.94 3M5.06 5H7.03L6.42 9.84C6.3 10.63 5.91 11 5.25 11C4.84 11 4.53 10.86 4.31 10.55C4.03 10.2 3.94 9.81 4.03 9.38M9.05 5H11V9.7C11 10.05 10.89 10.35 10.64 10.62C10.39 10.88 10.08 11 9.7 11C9.36 11 9.07 10.88 8.84 10.59S8.5 10 8.5 9.66V9.5M13 5H14.95L15.5 9.5C15.58 9.92 15.5 10.27 15.21 10.57C14.95 10.87 14.61 11 14.2 11C13.89 11 13.61 10.88 13.36 10.62C13.11 10.35 13 10.05 13 9.7M15.06 22H13V19.94L19.06 13.88L21.11 15.93M20.65 12.3C20.75 12.2 20.87 12.15 21 12.14C21.15 12.14 21.31 12.19 21.42 12.3L22.7 13.58C22.91 13.79 22.91 14.14 22.7 14.35L21.7 15.35L19.65 13.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit.svg
new file mode 100644
index 00000000..1080c22d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-edit" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22 9.41 22 9.87 21.95 10.31C21.23 10.03 20.4 10.1 19.73 10.5C20 10.17 20.06 9.79 19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C18.91 11 19.06 10.97 19.2 10.92L19.07 11.06L19.06 11.05L17.42 12.69C17.09 12.53 16.8 12.31 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13S3.63 12.64 3.04 12.07C2.93 11.97 2.81 11.85 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5M21.11 15.93L19.06 13.88L13 19.94V22H15.06M14.3 15C14.63 15 14.96 14.95 15.27 14.84L11 19.11V21H5C3.89 21 3 20.11 3 19V14.03C3.66 14.65 4.33 15 5.23 15C6.1 15 6.89 14.64 7.47 14.05C8.07 14.65 8.87 15 9.78 15C10.65 15 11.43 14.64 12 14.07C12.6 14.64 13.4 15 14.3 15M22.7 14.35L21.7 15.35L19.65 13.3L20.65 12.3C20.72 12.23 20.81 12.18 20.9 12.16C21.08 12.11 21.28 12.16 21.42 12.3L22.7 13.58C22.91 13.79 22.91 14.14 22.7 14.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus-outline.svg
new file mode 100644
index 00000000..257223be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-minus-outline" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13C5.15 13 5.07 13 5 13V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C4.5 21 4 20.78 3.61 20.39S3 19.5 3 19V12.03C2.9 11.94 2.8 11.84 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84L7.03 5M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7V5M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5L14.95 5M14 17V19H22V17H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus.svg
new file mode 100644
index 00000000..adc3dfba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-minus" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13S3.63 12.64 3.04 12.07C2.93 11.97 2.81 11.85 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84L7.03 5M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7V5M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5L14.95 5M22 17V19H14V17H22M12 14.07C12.28 14.34 12.61 14.56 12.97 14.72C12.36 15.66 12 16.79 12 18C12 19.09 12.29 20.12 12.8 21H5C3.89 21 3 20.11 3 19V14.03C3.66 14.65 4.33 15 5.23 15C6.1 15 6.89 14.64 7.47 14.05C8.07 14.65 8.87 15 9.78 15C10.65 15 11.43 14.64 12 14.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-outline.svg
new file mode 100644
index 00000000..cc442fca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-outline" viewBox="0 0 24 24"><path d="M5.06 3C4.63 3 4.22 3.14 3.84 3.42S3.24 4.06 3.14 4.5L2.11 8.91C1.86 10 2.06 10.95 2.72 11.77L3 12.05V19C3 19.5 3.2 20 3.61 20.39S4.5 21 5 21H19C19.5 21 20 20.8 20.39 20.39S21 19.5 21 19V12.05L21.28 11.77C21.94 10.95 22.14 10 21.89 8.91L20.86 4.5C20.73 4.06 20.5 3.7 20.13 3.42C19.77 3.14 19.38 3 18.94 3H5.06M18.89 4.97L19.97 9.38C20.06 9.81 19.97 10.2 19.69 10.55C19.44 10.86 19.13 11 18.75 11C18.44 11 18.17 10.9 17.95 10.66C17.73 10.43 17.61 10.16 17.58 9.84L16.97 5L18.89 4.97M5.06 5H7.03L6.42 9.84C6.3 10.63 5.91 11 5.25 11C4.84 11 4.53 10.86 4.31 10.55C4.03 10.2 3.94 9.81 4.03 9.38L5.06 5M9.05 5H11V9.7C11 10.05 10.89 10.35 10.64 10.62C10.39 10.88 10.08 11 9.7 11C9.36 11 9.07 10.88 8.84 10.59S8.5 10 8.5 9.66V9.5L9.05 5M13 5H14.95L15.5 9.5C15.58 9.92 15.5 10.27 15.21 10.57C14.95 10.87 14.61 11 14.2 11C13.89 11 13.61 10.88 13.36 10.62C13.11 10.35 13 10.05 13 9.7V5M7.45 12.05C8.08 12.67 8.86 13 9.8 13C10.64 13 11.38 12.67 12 12.05C12.69 12.67 13.45 13 14.3 13C15.17 13 15.92 12.67 16.55 12.05C17.11 12.67 17.86 13 18.8 13H19.03V19H5V13H5.25C6.16 13 6.89 12.67 7.45 12.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus-outline.svg
new file mode 100644
index 00000000..b3f191eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-plus-outline" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13C5.15 13 5.07 13 5 13V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C4.5 21 4 20.78 3.61 20.39S3 19.5 3 19V12.03C2.9 11.94 2.8 11.84 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5M19 14H17V17H14V19H17V22H19V19H22V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus.svg
new file mode 100644
index 00000000..6b1512f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-plus" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13S3.63 12.64 3.04 12.07C2.93 11.97 2.81 11.85 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5M17 14H19V17H22V19H19V22H17V19H14V17H17M12 14.07C12.28 14.34 12.61 14.56 12.97 14.72C12.36 15.66 12 16.79 12 18C12 19.09 12.29 20.12 12.8 21H5C3.89 21 3 20.11 3 19V14.03C3.66 14.65 4.33 15 5.23 15C6.1 15 6.89 14.64 7.47 14.05C8.07 14.65 8.87 15 9.78 15C10.65 15 11.43 14.64 12 14.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove-outline.svg
new file mode 100644
index 00000000..12a00d10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-remove-outline" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13C5.15 13 5.07 13 5 13V19H12.08C12.2 19.72 12.45 20.39 12.8 21H5C4.5 21 4 20.78 3.61 20.39S3 19.5 3 19V12.03C2.9 11.94 2.8 11.84 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84L7.03 5M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7V5M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5L14.95 5M21.54 15.88L20.12 14.47L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.54L18 19.41L20.12 21.54L21.54 20.12L19.41 18L21.54 15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove.svg
new file mode 100644
index 00000000..71c38b95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront-remove" viewBox="0 0 24 24"><path d="M3.84 3.42C4.22 3.14 4.63 3 5.06 3H18.94C19.38 3 19.77 3.14 20.13 3.42C20.5 3.7 20.73 4.06 20.86 4.5L21.89 8.91C22.14 10 21.94 10.95 21.28 11.77C21.23 11.82 21.18 11.87 21.13 11.92L21 12.06C20.43 12.65 19.76 13 18.81 13S17.11 12.62 16.54 12.05C15.91 12.67 15.17 13 14.3 13C13.45 13 12.68 12.7 12 12.07C11.44 12.63 10.64 13 9.8 13C8.86 13 8.1 12.67 7.47 12.05C6.91 12.59 6.16 13 5.22 13S3.63 12.64 3.04 12.07C2.93 11.97 2.81 11.85 2.69 11.73C2.06 10.92 1.86 10 2.11 8.91L3.14 4.5C3.24 4.06 3.46 3.7 3.84 3.42M19.97 9.38L18.89 4.97L16.97 5L17.58 9.84C17.61 10.16 17.73 10.43 17.95 10.66C18.17 10.9 18.44 11 18.75 11C19.13 11 19.44 10.86 19.69 10.55C19.97 10.2 20.06 9.81 19.97 9.38M7.03 5H5.06L4.03 9.38C3.94 9.81 4.03 10.2 4.31 10.55C4.53 10.86 4.84 11 5.25 11C5.91 11 6.3 10.63 6.42 9.84L7.03 5M11 5H9.05L8.5 9.5V9.66C8.5 10 8.61 10.3 8.84 10.59S9.36 11 9.7 11C10.08 11 10.39 10.88 10.64 10.62C10.89 10.35 11 10.05 11 9.7V5M14.95 5H13V9.7C13 10.05 13.11 10.35 13.36 10.62C13.61 10.88 13.89 11 14.2 11C14.61 11 14.95 10.87 15.21 10.57C15.5 10.27 15.58 9.92 15.5 9.5L14.95 5M20.12 14.46L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.47 20.12L16.59 18L14.47 15.88L15.88 14.47L18 16.59L20.12 14.46M12 14.07C12.28 14.34 12.61 14.56 12.97 14.72C12.36 15.66 12 16.79 12 18C12 19.09 12.29 20.12 12.8 21H5C3.89 21 3 20.11 3 19V14.03C3.66 14.65 4.33 15 5.23 15C6.1 15 6.89 14.64 7.47 14.05C8.07 14.65 8.87 15 9.78 15C10.65 15 11.43 14.64 12 14.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/storefront.svg b/apps/phoenix_webcomponent/priv/mdi/svg/storefront.svg
new file mode 100644
index 00000000..6085dc58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/storefront.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-storefront" viewBox="0 0 24 24"><path d="M5.06 3C4.63 3 4.22 3.14 3.84 3.42C3.46 3.7 3.24 4.06 3.14 4.5L2.11 8.91C1.86 10 2.06 10.92 2.69 11.73C2.81 11.85 2.93 11.97 3.04 12.07C3.63 12.64 4.28 13 5.22 13C6.16 13 6.91 12.59 7.47 12.05C8.1 12.67 8.86 13 9.8 13C10.64 13 11.44 12.63 12 12.07C12.68 12.7 13.45 13 14.3 13C15.17 13 15.91 12.67 16.54 12.05C17.11 12.62 17.86 13 18.81 13C19.76 13 20.43 12.65 21 12.06C21.09 11.97 21.18 11.87 21.28 11.77C21.94 10.95 22.14 10 21.89 8.91L20.86 4.5C20.73 4.06 20.5 3.7 20.13 3.42C19.77 3.14 19.38 3 18.94 3M18.89 4.97L19.97 9.38C20.06 9.81 19.97 10.2 19.69 10.55C19.44 10.86 19.13 11 18.75 11C18.44 11 18.17 10.9 17.95 10.66C17.73 10.43 17.61 10.16 17.58 9.84L16.97 5M5.06 5H7.03L6.42 9.84C6.3 10.63 5.91 11 5.25 11C4.84 11 4.53 10.86 4.31 10.55C4.03 10.2 3.94 9.81 4.03 9.38M9.05 5H11V9.7C11 10.05 10.89 10.35 10.64 10.62C10.39 10.88 10.08 11 9.7 11C9.36 11 9.07 10.88 8.84 10.59C8.61 10.3 8.5 10 8.5 9.66V9.5M13 5H14.95L15.5 9.5C15.58 9.92 15.5 10.27 15.21 10.57C14.95 10.87 14.61 11 14.2 11C13.89 11 13.61 10.88 13.36 10.62C13.11 10.35 13 10.05 13 9.7M3 14.03V19C3 20.11 3.89 21 5 21C9.67 21 14.33 21 19 21C20.1 21 21 20.11 21 19V14.05C20.45 14.63 19.75 14.96 19 15C18 15.03 17.25 14.74 16.54 14.05C15.94 14.65 15.14 15 14.3 15C13.4 15 12.6 14.64 12 14.07C11.43 14.64 10.65 15 9.78 15C8.87 15 8.07 14.65 7.47 14.05C6.89 14.64 6.1 15 5.23 15C4.33 15 3.66 14.65 3 14.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stove.svg
new file mode 100644
index 00000000..6d34122b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stove" viewBox="0 0 24 24"><path d="M6,14H8L11,17H9L6,14M4,4H5V3A1,1 0 0,1 6,2H10A1,1 0 0,1 11,3V4H13V3A1,1 0 0,1 14,2H18A1,1 0 0,1 19,3V4H20A2,2 0 0,1 22,6V19A2,2 0 0,1 20,21V22H17V21H7V22H4V21A2,2 0 0,1 2,19V6A2,2 0 0,1 4,4M18,7A1,1 0 0,1 19,8A1,1 0 0,1 18,9A1,1 0 0,1 17,8A1,1 0 0,1 18,7M14,7A1,1 0 0,1 15,8A1,1 0 0,1 14,9A1,1 0 0,1 13,8A1,1 0 0,1 14,7M20,6H4V10H20V6M4,19H20V12H4V19M6,7A1,1 0 0,1 7,8A1,1 0 0,1 6,9A1,1 0 0,1 5,8A1,1 0 0,1 6,7M13,14H15L18,17H16L13,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/strategy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/strategy.svg
new file mode 100644
index 00000000..6ca7a3c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/strategy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-strategy" viewBox="0 0 24 24"><path d="M6.91 5.5L9.21 7.79L7.79 9.21L5.5 6.91L3.21 9.21L1.79 7.79L4.09 5.5L1.79 3.21L3.21 1.79L5.5 4.09L7.79 1.79L9.21 3.21M22.21 16.21L20.79 14.79L18.5 17.09L16.21 14.79L14.79 16.21L17.09 18.5L14.79 20.79L16.21 22.21L18.5 19.91L20.79 22.21L22.21 20.79L19.91 18.5M20.4 6.83L17.18 11L15.6 9.73L16.77 8.23A9.08 9.08 0 0 0 10.11 13.85A4.5 4.5 0 1 1 7.5 13A4 4 0 0 1 8.28 13.08A11.27 11.27 0 0 1 16.43 6.26L15 5.18L16.27 3.6M10 17.5A2.5 2.5 0 1 0 7.5 20A2.5 2.5 0 0 0 10 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page-outline.svg
new file mode 100644
index 00000000..e1d6920d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stretch-to-page-outline" viewBox="0 0 24 24"><path d="M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2M20,20H4V4H20M8.83,10.25L7.29,8.71L6,10V6H10L8.71,7.29L10.25,8.83M13.75,8.83L15.29,7.29L14,6H18V10L16.71,8.71L15.17,10.25M15.17,13.75L16.71,15.29L18,14V18H14L15.29,16.71L13.75,15.17M10.25,15.17L8.71,16.71L10,18H6V14L7.29,15.29L8.83,13.75" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page.svg b/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page.svg
new file mode 100644
index 00000000..8e9ac2c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/stretch-to-page.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-stretch-to-page" viewBox="0 0 24 24"><path d="M20,2H4C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2M9,19H5V15L6.29,16.29L7.83,14.75L9.25,16.17L7.71,17.71M7.83,9.25L6.29,7.71L5,9V5H9L7.71,6.29L9.25,7.83M19,19H15L16.29,17.71L14.75,16.17L16.17,14.75L17.71,16.29L19,15M19,9L17.71,7.71L16.17,9.25L14.75,7.83L16.29,6.29L15,5H19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/string-lights-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/string-lights-off.svg
new file mode 100644
index 00000000..7dd50b5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/string-lights-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-string-lights-off" viewBox="0 0 24 24"><path d="M14 10.74V8.96C14.95 8.9 15.86 8.81 16.74 8.67L17.16 10.39C16.67 11.12 16.54 12 16.73 12.82C16.82 13.17 16.91 13.5 17 13.8L21.12 17.92C23.61 17.26 23.09 13.55 22.56 11.39C22.36 10.59 21.82 9.85 21.05 9.44L20.63 7.74C21.11 7.58 21.57 7.41 22 7.23V5C20 6.07 16.53 7.03 12 7.03C11.37 7.03 10.76 7 10.17 6.97M20.72 16.5C19.27 16.84 18.19 12.47 18.19 12.47S17.83 11 19.29 10.65 21.1 11.75 21.1 11.75 22.18 16.12 20.72 16.5M14.95 14.29L13.5 12.83V12.83L12.18 11.5H12.18L10 9.34V9.34L9.58 8.93H9.59L7.32 6.66H7.32L2.39 1.73L1.11 3L3.91 5.8C3.19 5.55 2.53 5.28 2 5V7.23C2.43 7.41 2.89 7.58 3.37 7.74L2.95 9.44C2.18 9.85 1.64 10.59 1.44 11.39C.905 13.57 .385 17.31 2.92 17.93C4 18.2 6 17.89 7.27 12.82C7.46 12 7.33 11.12 6.84 10.39L7.17 9.06L9.5 11.38C9.18 11.87 9 12.44 9 13C9 15.24 9.39 19 12 19C12.8 19 13.97 18.59 14.59 16.5L20.84 22.73L22.11 21.46L14.95 14.3L14.95 14.29M5.81 12.47C5.81 12.47 4.74 16.84 3.28 16.5C1.82 16.12 2.9 11.75 2.9 11.75S3.26 10.29 4.71 10.65 5.81 12.47 5.81 12.47M12 17.5C10.5 17.5 10.5 13 10.5 13S10.5 12.77 10.6 12.5L13.32 15.21C13.13 16.35 12.76 17.5 12 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/string-lights.svg b/apps/phoenix_webcomponent/priv/mdi/svg/string-lights.svg
new file mode 100644
index 00000000..5060fc5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/string-lights.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-string-lights" viewBox="0 0 24 24"><path d="M22.56 11.39C22.36 10.59 21.82 9.85 21.05 9.44L20.63 7.74C21.11 7.58 21.57 7.41 22 7.23V5C20 6.07 16.53 7.03 12 7.03S4 6.07 2 5V7.23C2.43 7.41 2.89 7.58 3.37 7.74L2.95 9.44C2.18 9.85 1.64 10.59 1.44 11.39C.905 13.57 .385 17.31 2.92 17.93C4 18.2 6 17.89 7.27 12.82C7.46 12 7.33 11.12 6.84 10.39L7.26 8.67C8.14 8.81 9.05 8.9 10 8.96V10.74C9.35 11.33 9 12.17 9 13C9 15.24 9.39 19 12 19C13.12 19 15 18.22 15 13C15 12.17 14.65 11.33 14 10.74V8.96C14.95 8.9 15.86 8.81 16.74 8.67L17.16 10.39C16.67 11.12 16.54 12 16.73 12.82C18 17.89 20 18.2 21.08 17.93C23.61 17.31 23.09 13.57 22.56 11.39M5.81 12.47C5.81 12.47 4.74 16.84 3.28 16.5C1.82 16.12 2.9 11.75 2.9 11.75S3.26 10.29 4.71 10.65 5.81 12.47 5.81 12.47M12 17.5C10.5 17.5 10.5 13 10.5 13S10.5 11.5 12 11.5 13.5 13 13.5 13 13.5 17.5 12 17.5M20.72 16.5C19.27 16.84 18.19 12.47 18.19 12.47S17.83 11 19.29 10.65 21.1 11.75 21.1 11.75 22.18 16.12 20.72 16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-left.svg
new file mode 100644
index 00000000..4e9b75ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subdirectory-arrow-left" viewBox="0 0 24 24"><path d="M11,9L12.42,10.42L8.83,14H18V4H20V16H8.83L12.42,19.58L11,21L5,15L11,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-right.svg
new file mode 100644
index 00000000..03a38605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subdirectory-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subdirectory-arrow-right" viewBox="0 0 24 24"><path d="M19,15L13,21L11.58,19.58L15.17,16H4V4H6V14H15.17L11.58,10.42L13,9L19,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/submarine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/submarine.svg
new file mode 100644
index 00000000..30353784
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/submarine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-submarine" viewBox="0 0 24 24"><path d="M8 3.67C6.78 4.53 5.39 4.93 4 5H2V7H4C5.37 7 6.74 6.65 8 6C10.5 7.3 13.5 7.3 16 6C17.26 6.65 18.62 6.94 20 7H22V5H20C18.61 5 17.22 4.53 16 3.67C13.56 5.38 10.44 5.38 8 3.67M16 8.67L15 10V12H14L12 14H9L6 16L5 14H4V16L2 17L4 18V20H5.14L6 18L9 20H20A2 2 0 0 0 22 18V16A2 2 0 0 0 20 14H18L17 13V12H16V10H17V8.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subtitles-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subtitles-outline.svg
new file mode 100644
index 00000000..33a09718
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subtitles-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subtitles-outline" viewBox="0 0 24 24"><path d="M20,4A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4H20M20,18V6H4V18H20M6,10H8V12H6V10M6,14H14V16H6V14M16,14H18V16H16V14M10,10H18V12H10V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subtitles.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subtitles.svg
new file mode 100644
index 00000000..fe0c7943
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subtitles.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subtitles" viewBox="0 0 24 24"><path d="M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M4,12H8V14H4V12M14,18H4V16H14V18M20,18H16V16H20V18M20,14H10V12H20V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subway-alert-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subway-alert-variant.svg
new file mode 100644
index 00000000..ebb6e57e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subway-alert-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subway-alert-variant" viewBox="0 0 24 24"><path d="M16 11V6H11V11H16M14.5 17C15.3 17 16 16.3 16 15.5C16 14.7 15.3 14 14.5 14S13 14.7 13 15.5C13 16.3 13.7 17 14.5 17M9 11V6H4V11H9M5.5 17C6.3 17 7 16.3 7 15.5C7 14.7 6.3 14 5.5 14S4 14.7 4 15.5C4 16.3 4.7 17 5.5 17M10 2C14.4 2 18 2.5 18 6V15.5C18 17.4 16.4 19 14.5 19L16 20.5V21H4V20.5L5.5 19C3.6 19 2 17.4 2 15.5V6C2 2.5 5.6 2 10 2M20 13V7H22V13H20M20 17V15H22V17H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subway-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subway-variant.svg
new file mode 100644
index 00000000..b69aa29b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subway-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subway-variant" viewBox="0 0 24 24"><path d="M18,11H13V6H18M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17M11,11H6V6H11M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M12,2C7.58,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/subway.svg b/apps/phoenix_webcomponent/priv/mdi/svg/subway.svg
new file mode 100644
index 00000000..ed968e2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/subway.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-subway" viewBox="0 0 24 24"><path d="M8.5,15A1,1 0 0,1 9.5,16A1,1 0 0,1 8.5,17A1,1 0 0,1 7.5,16A1,1 0 0,1 8.5,15M7,9H17V14H7V9M15.5,15A1,1 0 0,1 16.5,16A1,1 0 0,1 15.5,17A1,1 0 0,1 14.5,16A1,1 0 0,1 15.5,15M18,15.88V9C18,6.38 15.32,6 12,6C9,6 6,6.37 6,9V15.88A2.62,2.62 0 0,0 8.62,18.5L7.5,19.62V20H9.17L10.67,18.5H13.5L15,20H16.5V19.62L15.37,18.5C16.82,18.5 18,17.33 18,15.88M17.8,2.8C20.47,3.84 22,6.05 22,8.86V22H2V8.86C2,6.05 3.53,3.84 6.2,2.8C8,2.09 10.14,2 12,2C13.86,2 16,2.09 17.8,2.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/summit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/summit.svg
new file mode 100644
index 00000000..afdbcf4e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/summit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-summit" viewBox="0 0 24 24"><path d="M15,3H17L22,5L17,7V10.17L22,21H2L8,13L11.5,17.7L15,10.17V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle-outline.svg
new file mode 100644
index 00000000..34ad10df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-angle-outline" viewBox="0 0 24 24"><path d="M13.8 5.2C13 5 12.2 5 11.4 5L14.6 2.3L16 6.3C15.3 5.8 14.6 5.5 13.8 5.2M7 7.1C7.6 6.5 8.3 6 9 5.7L4.9 4.9L5.6 9C6 8.3 6.4 7.6 7 7.1M5.2 13.8C5 13 5 12.2 5 11.4L2.3 14.6L6.3 16C5.8 15.4 5.4 14.6 5.2 13.8M22 19V21H3L8.4 15.5C6.5 13.5 6.5 10.4 8.4 8.4C10.3 6.5 13.5 6.5 15.4 8.4L18.4 5.4L19.8 6.8L7.7 19H22M9.8 14.1L14 9.8C12.8 8.7 11 8.7 9.8 9.8C8.7 11 8.7 12.9 9.8 14.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle.svg
new file mode 100644
index 00000000..cd327901
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-angle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-angle" viewBox="0 0 24 24"><path d="M13.8 5.2C13 5 12.2 5 11.4 5L14.6 2.3L16 6.3C15.3 5.8 14.6 5.5 13.8 5.2M7 7.1C7.6 6.5 8.3 6 9 5.7L4.9 4.9L5.6 9C6 8.3 6.4 7.6 7 7.1M5.2 13.8C5 13 5 12.2 5 11.4L2.3 14.6L6.3 16C5.8 15.4 5.4 14.6 5.2 13.8M22 19V21H3L8.4 15.5C6.5 13.5 6.5 10.4 8.4 8.4C10.3 6.5 13.5 6.5 15.4 8.4L18.4 5.4L19.8 6.8L7.7 19H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock-outline.svg
new file mode 100644
index 00000000..eb0eaa9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-clock-outline" viewBox="0 0 24 24"><path d="M18.1 9.32L19.65 6L15.5 5.64C16.1 6.15 16.63 6.78 17.05 7.5C17.37 8.05 17.58 8.63 17.73 9.22C17.18 9.08 16.6 9 16 9C15.86 9 15.72 9 15.58 9C14.81 7.25 13.06 6 11 6C8.24 6 6 8.24 6 11C6 13.06 7.25 14.81 9 15.58C9 15.72 9 15.86 9 16C9 19.87 12.13 23 16 23S23 19.87 23 16C23 12.87 20.94 10.21 18.1 9.32M8 11C8 9.35 9.35 8 11 8C12.08 8 13.03 8.58 13.56 9.45C11.66 10.15 10.15 11.66 9.45 13.56C8.58 13.03 8 12.08 8 11M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21M16.5 16.25L19.36 17.94L18.61 19.16L15 17V12H16.5V16.25M11 4C10.16 4 9.35 4.15 8.61 4.42L11 1L13.39 4.42C12.65 4.15 11.84 4 11 4M4.95 14.5C5.37 15.24 5.91 15.86 6.5 16.37L2.36 16L4.12 12.23C4.26 13 4.53 13.78 4.95 14.5M4.11 9.79L2.34 6L6.5 5.65C5.9 6.16 5.36 6.78 4.94 7.5C4.5 8.24 4.25 9 4.11 9.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock.svg
new file mode 100644
index 00000000..b981b2a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-clock" viewBox="0 0 24 24"><path d="M18.1 9.3L19.6 6L15.5 5.6C16.1 6.1 16.6 6.7 17 7.5C17.3 8.1 17.5 8.6 17.7 9.2C17.2 9.1 16.6 9 16 9H15.6C14.8 7.2 13.1 6 11 6C8.2 6 6 8.2 6 11C6 13.1 7.2 14.8 9 15.6V16C9 19.9 12.1 23 16 23S23 19.9 23 16C23 12.9 20.9 10.2 18.1 9.3M16 21C13.2 21 11 18.8 11 16S13.2 11 16 11 21 13.2 21 16 18.8 21 16 21M16.5 16.2L19.4 17.9L18.6 19.1L15 17V12H16.5V16.2M11 4C10.2 4 9.4 4.2 8.6 4.4L11 1L13.4 4.4C12.6 4.2 11.8 4 11 4M4.9 14.5C5.3 15.2 5.9 15.9 6.5 16.4L2.4 16L4.2 12.2C4.3 13 4.5 13.8 4.9 14.5M4.1 9.8L2.3 6L6.5 5.7C5.9 6.2 5.4 6.8 4.9 7.5C4.5 8.2 4.2 9 4.1 9.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-compass.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-compass.svg
new file mode 100644
index 00000000..9b3c2b12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-compass.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-compass" viewBox="0 0 24 24"><path d="M9.7 4.3L12 1L14.3 4.3C13.6 4.1 12.8 4 12 4S10.4 4.1 9.7 4.3M17.5 6.2C18.6 7.3 19.5 8.7 19.8 10.3L21.5 6.6L17.5 6.2M5 8.1C5.1 8 5.1 8 5 8.1C5.1 8 5.1 8 5.1 7.9C5.5 7.3 6 6.7 6.5 6.2L2.5 6.5L4.2 10.2C4.4 9.5 4.7 8.7 5 8.1M19.2 15.4C19.2 15.4 19.2 15.5 19.2 15.4C19.1 15.6 19 15.8 18.9 15.9V16.1C18.5 16.8 18 17.3 17.5 17.9L21.6 17.6L19.9 13.9C19.7 14.4 19.5 14.9 19.2 15.4M5.2 16.2C5.2 16.1 5.1 16.1 5.1 16C5 15.9 5 15.9 5 15.8C4.9 15.6 4.8 15.5 4.8 15.3C4.6 14.8 4.4 14.3 4.3 13.8L2.6 17.5L6.7 17.8C6 17.3 5.6 16.8 5.2 16.2M12.6 20H11.4C10.8 20 10.2 19.8 9.7 19.7L12 23L14.3 19.7C13.8 19.8 13.2 19.9 12.6 20M16.2 7.8C13.9 5.5 10.1 5.5 7.7 7.8S5.4 13.9 7.7 16.3 13.8 18.6 16.2 16.3 18.6 10.1 16.2 7.8M8.5 15.5L10.6 10.6L15.6 8.4L13.5 13.3L8.5 15.5M12.7 12.7C12.3 13.1 11.7 13.1 11.3 12.7C10.9 12.3 10.9 11.7 11.3 11.3C11.7 10.9 12.3 10.9 12.7 11.3C13.1 11.7 13.1 12.3 12.7 12.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake-variant.svg
new file mode 100644
index 00000000..391309d0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-snowflake-variant" viewBox="0 0 24 24"><path d="M12.92 1.58L11.18 2.58L12.39 4.67L11.8 6.85L9 7.6L7.38 6L7.42 3.59L5.43 3.59L5.43 5.42L3.59 5.42L3.6 7.42L6 7.42L7.65 9.03L6.9 11.82L4.68 12.4L2.59 11.2L1.59 12.93L3.17 13.84L2.26 15.42L4 16.42L5.19 14.33L7.42 13.75L7.92 14.26L9.32 12.86L8.78 12.32L9.53 9.54L12.32 8.78L12.85 9.32L14.26 7.91L13.73 7.37L14.32 5.19L16.41 4L15.41 2.25L13.83 3.16L12.92 1.58M20.72 4L4 20.72L5.27 22L10.16 17.11C10.63 17.43 11.15 17.68 11.71 17.83C14.38 18.55 17.12 16.96 17.83 14.29C18.22 12.86 17.93 11.36 17.11 10.16L22 5.27L20.72 4M18.74 9C19.18 9.63 19.53 10.38 19.75 11.19C19.97 12 20.03 12.81 19.96 13.61L22.65 10.41L18.74 9M19.32 15.95C19 16.67 18.5 17.35 17.93 17.94C17.34 18.53 16.66 19 15.96 19.34L20.05 20.06L19.32 15.95M9 18.71L10.41 22.66L13.59 19.95C12.81 20 12 19.97 11.19 19.76C10.36 19.54 9.62 19.17 9 18.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake.svg
new file mode 100644
index 00000000..26afb55b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-snowflake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-snowflake" viewBox="0 0 24 24"><path d="M12 .69L8.69 4H4V8.69L.69 12L4 15.31V20H8.69L12 23.31L13 22.31V17.83L16.24 21.07L17.66 19.66L13 15V13H15L19.66 17.66L21.07 16.24L17.83 13H22V11H17.83L21.07 7.76L19.66 6.34L15 11H13V9L17.66 4.34L16.24 2.93L13 6.17V1.69M11 6.09V8.13C9.24 8.59 8 10.18 8 12C8 13.82 9.24 15.41 11 15.87V17.91C8.12 17.42 6 14.93 6 12C6 9.07 8.11 6.57 11 6.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer-outline.svg
new file mode 100644
index 00000000..89229253
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-thermometer-outline" viewBox="0 0 24 24"><path d="M10 2L7.6 5.4C8.4 5.2 9.2 5 10 5S11.6 5.2 12.4 5.4L10 2M21 13.8V7C21 5.9 20.1 5 19 5S17 5.9 17 7V13.8C16.4 14.4 16 15.2 16 16C16 17.7 17.3 19 19 19S22 17.7 22 16C22 15.1 21.6 14.3 21 13.8M20 8H18V7C18 6.4 18.4 6 19 6S20 6.4 20 7V8M5.5 6.7L1.3 7L3.1 10.8C3.2 10 3.5 9.2 3.9 8.5C4.4 7.8 4.9 7.2 5.5 6.7M10 7C7.2 7 5 9.2 5 12S7.2 17 10 17 15 14.8 15 12 12.8 7 10 7M10 15C8.3 15 7 13.7 7 12S8.3 9 10 9 13 10.3 13 12 11.7 15 10 15M3.2 13.2L1.4 17L5.5 17.4C5 16.9 4.4 16.2 4 15.5C3.5 14.8 3.3 14 3.2 13.2M7.6 18.6L10 22L12.4 18.6C11.6 18.8 10.8 19 10 19C9.1 19 8.3 18.8 7.6 18.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer.svg
new file mode 100644
index 00000000..3ac2b209
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-thermometer" viewBox="0 0 24 24"><path d="M10 2L7.6 5.4C8.4 5.2 9.2 5 10 5C10.8 5 11.6 5.2 12.4 5.4M19 5C17.89 5 17 5.89 17 7V13.76C16.36 14.33 16 15.15 16 16C16 17.66 17.34 19 19 19C20.66 19 22 17.66 22 16C22 15.15 21.64 14.33 21 13.77V7C21 5.89 20.11 5 19 5M19 6C19.55 6 20 6.45 20 7V8H18V7C18 6.45 18.45 6 19 6M5.5 6.7L1.3 7L3.1 10.8C3.2 10 3.5 9.2 3.9 8.5C4.4 7.8 4.9 7.2 5.5 6.7M10 7C7.2 7 5 9.2 5 12C5 14.8 7.2 17 10 17C12.8 17 15 14.8 15 12C15 9.2 12.8 7 10 7M3.2 13.2L1.4 17L5.5 17.4C5 16.9 4.4 16.2 4 15.5C3.5 14.8 3.3 14 3.2 13.2M7.6 18.6L10 22L12.4 18.6C11.6 18.8 10.8 19 10 19C9.1 19 8.3 18.8 7.6 18.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless-outline.svg
new file mode 100644
index 00000000..a9e47cf8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-wireless-outline" viewBox="0 0 24 24"><path d="M11 1L13.39 4.42C12.65 4.15 11.84 4 11 4S9.35 4.15 8.61 4.42L11 1M2.34 6L6.5 5.65C5.9 6.16 5.36 6.78 4.94 7.5C4.5 8.24 4.25 9 4.11 9.79L2.34 6M2.36 16L4.12 12.23C4.26 13 4.53 13.78 4.95 14.5C5.37 15.24 5.91 15.86 6.5 16.37L2.36 16M19.65 6L17.88 9.79C17.74 9 17.47 8.23 17.05 7.5C16.63 6.78 16.1 6.15 15.5 5.64L19.65 6M23 13H21C21 15.05 20.22 17.1 18.66 18.66C17.09 20.23 15.05 21 13 21V23C15.56 23 18.12 22 20.07 20.07S23 15.56 23 13M19 13H17C17 14 16.61 15.05 15.83 15.83C15.05 16.61 14 17 13 17V19C14.54 19 16.08 18.41 17.25 17.24C18.41 16.08 19 14.54 19 13M11 8C12.65 8 14 9.35 14 11S12.65 14 11 14 8 12.65 8 11 9.35 8 11 8M11 6C8.24 6 6 8.24 6 11S8.24 16 11 16 16 13.76 16 11 13.76 6 11 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless.svg
new file mode 100644
index 00000000..49715107
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sun-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sun-wireless" viewBox="0 0 24 24"><path d="M11 6C13.76 6 16 8.24 16 11S13.76 16 11 16 6 13.76 6 11 8.24 6 11 6M11 1L13.39 4.42C12.65 4.15 11.84 4 11 4S9.35 4.15 8.61 4.42L11 1M2.34 6L6.5 5.65C5.9 6.16 5.36 6.78 4.94 7.5C4.5 8.24 4.25 9 4.11 9.79L2.34 6M2.36 16L4.12 12.23C4.26 13 4.53 13.78 4.95 14.5C5.37 15.24 5.91 15.86 6.5 16.37L2.36 16M19.65 6L17.88 9.79C17.74 9 17.47 8.23 17.05 7.5C16.63 6.78 16.1 6.15 15.5 5.64L19.65 6M23 13H21C21 15.05 20.22 17.1 18.66 18.66C17.09 20.23 15.05 21 13 21V23C15.56 23 18.12 22 20.07 20.07S23 15.56 23 13M19 13H17C17 14 16.61 15.05 15.83 15.83C15.05 16.61 14 17 13 17V19C14.54 19 16.08 18.41 17.25 17.24C18.41 16.08 19 14.54 19 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sunglasses.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sunglasses.svg
new file mode 100644
index 00000000..3501db0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sunglasses.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sunglasses" viewBox="0 0 24 24"><path d="M7,17H4C2.38,17 0.96,15.74 0.76,14.14L0.26,11.15C0.15,10.3 0.39,9.5 0.91,8.92C1.43,8.34 2.19,8 3,8H9C9.83,8 10.58,8.35 11.06,8.96C11.17,9.11 11.27,9.27 11.35,9.45C11.78,9.36 12.22,9.36 12.64,9.45C12.72,9.27 12.82,9.11 12.94,8.96C13.41,8.35 14.16,8 15,8H21C21.81,8 22.57,8.34 23.09,8.92C23.6,9.5 23.84,10.3 23.74,11.11L23.23,14.18C23.04,15.74 21.61,17 20,17H17C15.44,17 13.92,15.81 13.54,14.3L12.64,11.59C12.26,11.31 11.73,11.31 11.35,11.59L10.43,14.37C10.07,15.82 8.56,17 7,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surfing.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surfing.svg
new file mode 100644
index 00000000..3a99d54a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surfing.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surfing" viewBox="0 0 24 24"><path d="M22 23V21C20.59 21.05 19.22 20.9 18 20C16.24 21.25 13.77 21.25 12 20C10.23 21.25 7.76 21.25 6 20C4.78 20.9 3.41 21.05 2 21V23C3.37 23.05 4.78 22.94 6 22.25C7.84 23.25 10.15 23.25 12 22.25C13.85 23.25 16.16 23.25 18 22.25C19.22 22.94 20.63 23.05 22 23M20.5 11.97V9.95C18.74 9.96 17 9 16.18 7.41L15.29 5.86C15 5.4 14.55 5.11 14.07 4.97L8.5 3.94L5 6.38L6.13 8L8.95 6.1L10.97 6.43L8.81 7.88C8.21 8.29 7.88 9 8 9.71L8.53 12.81C7.12 12.26 3.21 11 3 13.23C3.36 15.67 6.07 17.32 8.06 18.82C9.5 19.29 11.06 18.58 12 17.46C13.32 19.16 15.89 19.46 17.5 18C17.03 17.58 16.5 17.15 16 16.8V12.95L12.19 9.95L14.44 8.44C15.62 10.59 18 12 20.5 11.97M14 14V15.47C14 15.43 11.66 14.16 11.81 14.24L10.73 13.7L10.31 11.08L14 14M19 3.5C19 4.61 18.11 5.5 17 5.5S15 4.61 15 3.5 15.9 1.5 17 1.5 19 2.4 19 3.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-0.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-0.svg
new file mode 100644
index 00000000..ad255a8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-0.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-2-0" viewBox="0 0 24 24"><path d="M3 7V9H7V11H5C3.9 11 3 11.9 3 13V17H9V15H5V13H7C8.1 13 9 12.1 9 11V9C9 7.9 8.1 7 7 7H3M13 17H11V15H13V17M17 7C15.9 7 15 7.9 15 9V15C15 16.1 15.9 17 17 17H19C20.1 17 21 16.1 21 15V9C21 7.9 20.1 7 19 7H17M17 9H19V15H17V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-1.svg
new file mode 100644
index 00000000..0022853c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-2-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-2-1" viewBox="0 0 24 24"><path d="M4 7V9H8V11H6C4.9 11 4 11.9 4 13V17H10V15H6V13H8C9.1 13 10 12.1 10 11V9C10 7.9 9.1 7 8 7H4M14 17H12V15H14V17M16 7V9H18V17H20V7H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-3-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-3-1.svg
new file mode 100644
index 00000000..95b4f5a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-3-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-3-1" viewBox="0 0 24 24"><path d="M14 17H12V15H14V17M20 7V17H18V9H16V7H20M10 15C10 16.1 9.1 17 8 17H4V15H8V13H6V11H8V9H4V7H8C9.1 7 10 7.9 10 9V10.5C10 11.3 9.3 12 8.5 12C9.3 12 10 12.7 10 13.5V15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1-2.svg
new file mode 100644
index 00000000..48476eb2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-5-1-2" viewBox="0 0 24 24"><path d="M18 7V9H22V11H20C18.9 11 18 11.9 18 13V17H24V15H20V13H22C23.1 13 24 12.1 24 11V9C24 7.9 23.1 7 22 7H18M9 17H7V15H9V17M9 7V9H11V17H13V7H9M0 7V13H4V15H0V17H4C5.1 17 6 16.1 6 15V13C6 11.9 5.1 11 4 11H2V9H6V7H0M17 17H15V15H17V17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1.svg
new file mode 100644
index 00000000..d24d216f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-5-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-5-1" viewBox="0 0 24 24"><path d="M14 17H12V15H14V17M20 7V17H18V9H16V7H20M10 7V9H6V11H8C9.1 11 10 11.9 10 13V15C10 16.1 9.1 17 8 17H4V15H8V13H4V7H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-7-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-7-1.svg
new file mode 100644
index 00000000..7f5d6e96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound-7-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound-7-1" viewBox="0 0 24 24"><path d="M14 17H12V15H14V17M20 7V17H18V9H16V7H20M4 17L8 9H4V7H10V9L6 17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound.svg
new file mode 100644
index 00000000..6ad9700d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/surround-sound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-surround-sound" viewBox="0 0 24 24"><path d="M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6A2,2 0 0,0 20,4M7.76,16.24L6.35,17.65C4.78,16.1 4,14.05 4,12C4,9.95 4.78,7.9 6.34,6.34L7.75,7.75C6.59,8.93 6,10.46 6,12C6,13.54 6.59,15.07 7.76,16.24M12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16M17.66,17.66L16.25,16.25C17.41,15.07 18,13.54 18,12C18,10.46 17.41,8.93 16.24,7.76L17.65,6.35C19.22,7.9 20,9.95 20,12C20,14.05 19.22,16.1 17.66,17.66M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/svg.svg b/apps/phoenix_webcomponent/priv/mdi/svg/svg.svg
new file mode 100644
index 00000000..c83246f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/svg.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-svg" viewBox="0 0 24 24"><path d="M5.13,10.71H8.87L6.22,8.06C5.21,8.06 4.39,7.24 4.39,6.22A1.83,1.83 0 0,1 6.22,4.39C7.24,4.39 8.06,5.21 8.06,6.22L10.71,8.87V5.13C10,4.41 10,3.25 10.71,2.54C11.42,1.82 12.58,1.82 13.29,2.54C14,3.25 14,4.41 13.29,5.13V8.87L15.95,6.22C15.95,5.21 16.76,4.39 17.78,4.39C18.79,4.39 19.61,5.21 19.61,6.22C19.61,7.24 18.79,8.06 17.78,8.06L15.13,10.71H18.87C19.59,10 20.75,10 21.46,10.71C22.18,11.42 22.18,12.58 21.46,13.29C20.75,14 19.59,14 18.87,13.29H15.13L17.78,15.95C18.79,15.95 19.61,16.76 19.61,17.78A1.83,1.83 0 0,1 17.78,19.61C16.76,19.61 15.95,18.79 15.95,17.78L13.29,15.13V18.87C14,19.59 14,20.75 13.29,21.46C12.58,22.18 11.42,22.18 10.71,21.46C10,20.75 10,19.59 10.71,18.87V15.13L8.06,17.78C8.06,18.79 7.24,19.61 6.22,19.61C5.21,19.61 4.39,18.79 4.39,17.78C4.39,16.76 5.21,15.95 6.22,15.95L8.87,13.29H5.13C4.41,14 3.25,14 2.54,13.29C1.82,12.58 1.82,11.42 2.54,10.71C3.25,10 4.41,10 5.13,10.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-bold.svg
new file mode 100644
index 00000000..0736e080
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-horizontal-bold" viewBox="0 0 24 24"><path d="M8,10V13H14V18H8V21L2,15.5L8,10M22,8.5L16,3V6H10V11H16V14L22,8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle-outline.svg
new file mode 100644
index 00000000..8ed5fa32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-horizontal-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M15 6.5V9H11V11H15V13.5L18.5 10L15 6.5M9 10.5L5.5 14L9 17.5V15H13V13H9V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle.svg
new file mode 100644
index 00000000..88e69c52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-horizontal-circle" viewBox="0 0 24 24"><path d="M22 12C22 6.5 17.5 2 12 2S2 6.5 2 12 6.5 22 12 22 22 17.5 22 12M15 6.5L18.5 10L15 13.5V11H11V9H15V6.5M9 17.5L5.5 14L9 10.5V13H13V15H9V17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-variant.svg
new file mode 100644
index 00000000..59bc47d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-horizontal-variant" viewBox="0 0 24 24"><path d="M4,6L8,10V7H16A2,2 0 0,1 18,9A2,2 0 0,1 16,11H8A4,4 0 0,0 4,15A4,4 0 0,0 8,19H16V22L20,18L16,14V17H8A2,2 0 0,1 6,15A2,2 0 0,1 8,13H16A4,4 0 0,0 20,9A4,4 0 0,0 16,5H8V2L4,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal.svg
new file mode 100644
index 00000000..293cfacc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-horizontal" viewBox="0 0 24 24"><path d="M21,9L17,5V8H10V10H17V13M7,11L3,15L7,19V16H14V14H7V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-bold.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-bold.svg
new file mode 100644
index 00000000..5518ac90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-vertical-bold" viewBox="0 0 24 24"><path d="M14,8H11V14H6V8H3L8.5,2L14,8M15.5,22L21,16H18V10H13V16H10L15.5,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle-outline.svg
new file mode 100644
index 00000000..118f60e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-vertical-circle-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 20C7.59 20 4 16.41 4 12S7.59 4 12 4 20 7.59 20 12 16.41 20 12 20M6.5 9L10 5.5L13.5 9H11V13H9V9H6.5M17.5 15L14 18.5L10.5 15H13V11H15V15H17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle.svg
new file mode 100644
index 00000000..b0a4f9d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-vertical-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M6.5 9L10 5.5L13.5 9H11V13H9V9H6.5M17.5 15L14 18.5L10.5 15H13V11H15V15H17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-variant.svg
new file mode 100644
index 00000000..be00f533
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-vertical-variant" viewBox="0 0 24 24"><path d="M18,4L14,8H17V16A2,2 0 0,1 15,18A2,2 0 0,1 13,16V8A4,4 0 0,0 9,4A4,4 0 0,0 5,8V16H2L6,20L10,16H7V8A2,2 0 0,1 9,6A2,2 0 0,1 11,8V16A4,4 0 0,0 15,20A4,4 0 0,0 19,16V8H22L18,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical.svg
new file mode 100644
index 00000000..59be7d39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swap-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swap-vertical" viewBox="0 0 24 24"><path d="M9,3L5,7H8V14H10V7H13M16,17V10H14V17H11L15,21L19,17H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/swim.svg b/apps/phoenix_webcomponent/priv/mdi/svg/swim.svg
new file mode 100644
index 00000000..d3632deb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/swim.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-swim" viewBox="0 0 24 24"><path d="M2,18C4.22,17 6.44,16 8.67,16C10.89,16 13.11,18 15.33,18C17.56,18 19.78,16 22,16V19C19.78,19 17.56,21 15.33,21C13.11,21 10.89,19 8.67,19C6.44,19 4.22,20 2,21V18M8.67,13C7.89,13 7.12,13.12 6.35,13.32L11.27,9.88L10.23,8.64C10.09,8.47 10,8.24 10,8C10,7.66 10.17,7.35 10.44,7.17L16.16,3.17L17.31,4.8L12.47,8.19L17.7,14.42C16.91,14.75 16.12,15 15.33,15C13.11,15 10.89,13 8.67,13M18,7A2,2 0 0,1 20,9A2,2 0 0,1 18,11A2,2 0 0,1 16,9A2,2 0 0,1 18,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/switch.svg
new file mode 100644
index 00000000..a9e0de75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-switch" viewBox="0 0 24 24"><path d="M13,18H14A1,1 0 0,1 15,19H22V21H15A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21H2V19H9A1,1 0 0,1 10,18H11V16H8A1,1 0 0,1 7,15V3A1,1 0 0,1 8,2H16A1,1 0 0,1 17,3V15A1,1 0 0,1 16,16H13V18M13,6H14V4H13V6M9,4V6H11V4H9M9,8V10H11V8H9M9,12V14H11V12H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sword-cross.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sword-cross.svg
new file mode 100644
index 00000000..6b321ce3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sword-cross.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sword-cross" viewBox="0 0 24 24"><path d="M6.2,2.44L18.1,14.34L20.22,12.22L21.63,13.63L19.16,16.1L22.34,19.28C22.73,19.67 22.73,20.3 22.34,20.69L21.63,21.4C21.24,21.79 20.61,21.79 20.22,21.4L17,18.23L14.56,20.7L13.15,19.29L15.27,17.17L3.37,5.27V2.44H6.2M15.89,10L20.63,5.26V2.44H17.8L13.06,7.18L15.89,10M10.94,15L8.11,12.13L5.9,14.34L3.78,12.22L2.37,13.63L4.84,16.1L1.66,19.29C1.27,19.68 1.27,20.31 1.66,20.7L2.37,21.41C2.76,21.8 3.39,21.8 3.78,21.41L7,18.23L9.44,20.7L10.85,19.29L8.73,17.17L10.94,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sword.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sword.svg
new file mode 100644
index 00000000..1d76a120
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sword.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sword" viewBox="0 0 24 24"><path d="M6.92,5H5L14,14L15,13.06M19.96,19.12L19.12,19.96C18.73,20.35 18.1,20.35 17.71,19.96L14.59,16.84L11.91,19.5L10.5,18.09L11.92,16.67L3,7.75V3H7.75L16.67,11.92L18.09,10.5L19.5,11.91L16.83,14.58L19.95,17.7C20.35,18.1 20.35,18.73 19.96,19.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hangul.svg b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hangul.svg
new file mode 100644
index 00000000..8fc44987
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hangul.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-syllabary-hangul" viewBox="0 0 24 24"><path d="M8 4V6H4V8H6.39C5.55 8.74 5 9.8 5 11C5 13.2 6.8 15 9 15C11.2 15 13 13.2 13 11C13 9.8 12.45 8.74 11.61 8H14V6H10V4M15 4V16H17V11H20V9H17V4M9 9C10.12 9 11 9.88 11 11C11 12.12 10.12 13 9 13C7.88 13 7 12.12 7 11C7 9.88 7.88 9 9 9M7 16V20H17V18H9V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hiragana.svg b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hiragana.svg
new file mode 100644
index 00000000..d0a71a01
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-hiragana.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-syllabary-hiragana" viewBox="0 0 24 24"><path d="M9 4V6H6V8H9V10C6.25 10 4 12.27 4 15.03C4 17.8 6.26 20.06 9.03 20.06C9.89 20.06 10.72 19.77 11.4 19.26C11.63 19.54 11.88 19.82 12.15 20.09L13.56 18.67C13.3 18.42 13.07 18.15 12.86 17.89L13.86 16.89C14.93 15.82 15.78 14.23 16.42 12.59C17.31 13.11 18 13.9 18 15C18 16.32 17.47 17.6 16.54 18.54L17.95 19.95C19.26 18.64 20 16.86 20 15C20 13.04 18.82 11.36 17.15 10.55L17.5 9.29L15.55 8.78L15.21 10.05C15.13 10.05 15.06 10 14.97 10H11V8H16V6H11V4M11 12H14.5C13.94 13.37 13.19 14.72 12.44 15.47L11.79 16.13C11.25 14.93 11 13.59 11 12M9 12C9 14.07 9.41 15.94 10.3 17.59C9.94 17.89 9.5 18.06 9.03 18.06C7.33 18.06 6 16.73 6 15.03C6 13.34 7.32 12 9 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana-halfwidth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana-halfwidth.svg
new file mode 100644
index 00000000..51a7158c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana-halfwidth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-syllabary-katakana-halfwidth" viewBox="0 0 24 24"><path d="M8 4V6H14L13 10.81L15 11.2L16 6.1V4M10 9V12C10 14.86 9.34 17.29 8.08 18.61L9.5 20C11.35 18.08 12 15.15 12 12V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana.svg b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana.svg
new file mode 100644
index 00000000..82f8e044
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/syllabary-katakana.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-syllabary-katakana" viewBox="0 0 24 24"><path d="M4 4V6H18V6.09L14.29 9.79L15.71 11.21L20 6.91V4M11 9V13C11 15.78 10.25 16.89 8.36 18.46L9.64 20C11.75 18.24 13 16.22 13 13V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/symbol.svg b/apps/phoenix_webcomponent/priv/mdi/svg/symbol.svg
new file mode 100644
index 00000000..a827d8b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/symbol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-symbol" viewBox="0 0 24 24"><path d="M2 7V14H4V7H2M6 7V9H10V11H8V14H10V13C11.11 13 12 12.11 12 11V9C12 7.89 11.11 7 10 7H6M15.8 7L15.6 9H14V11H15.4L15.2 13H14V15H15L14.8 17H16.8L17 15H18.4L18.2 17H20.2L20.4 15H22V13H20.6L20.8 11H22V9H21L21.2 7H19.2L19 9H17.6L17.8 7H15.8M17.4 11H18.8L18.6 13H17.2L17.4 11M2 15V17H4V15H2M8 15V17H10V15H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/symfony.svg b/apps/phoenix_webcomponent/priv/mdi/svg/symfony.svg
new file mode 100644
index 00000000..b3cf71c1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/symfony.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-symfony" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.37,5.7V5.7C17.39,5.67 18.15,6.13 18.21,6.84C18.22,7.15 18.04,7.75 17.42,7.77C16.95,7.79 16.63,7.5 16.62,7.09C16.61,6.93 16.88,6.42 16.88,6.33C16.87,6.06 16.47,6.05 16.36,6.06C14.86,6.11 14.46,8.13 14.14,9.78L14,10.65C14.84,10.78 15.46,10.62 15.8,10.4C16.28,10.09 15.66,9.77 15.74,9.41C15.82,9.04 16.15,8.87 16.41,8.86C16.78,8.85 17.04,9.23 17.03,9.62C17,10.26 16.17,11.14 14.5,11.1C14.28,11.1 14.09,11.08 13.91,11.06C13.3,14.16 12.92,16 11.56,17.58C10.39,18.97 9.2,19.18 8.67,19.2C7.67,19.24 7,18.71 7,18C6.97,17.32 7.57,16.94 7.97,16.93C8.5,16.91 8.87,17.3 8.88,17.74C8.9,18.11 8.7,18.23 8.57,18.3C8.5,18.37 8.35,18.45 8.36,18.6C8.36,18.67 8.43,18.82 8.65,18.81C9.07,18.8 9.34,18.59 9.54,18.45C10.5,17.65 10.88,16.24 11.37,13.68C11.63,12.23 11.82,11.3 12.1,10.38C11.42,9.87 11,9.23 10.09,9C9.46,8.81 9.08,8.96 8.81,9.3C8.5,9.71 8.6,10.23 8.9,10.54C10.05,11.82 10.39,12.38 10.26,13.14C10.06,14.35 8.62,15.27 6.92,14.75C5.47,14.3 5.2,13.28 5.37,12.71C5.53,12.22 5.92,12.12 6.31,12.24C6.73,12.37 6.89,12.87 6.77,13.26C6.75,13.3 6.55,13.67 6.5,13.79C6.41,14.1 6.83,14.31 7.12,14.4C7.77,14.6 8.4,14.26 8.55,13.73C8.7,13.25 8.4,12.91 8.27,12.78C7.38,11.8 6.76,10.93 7.06,9.95C7.18,9.58 7.42,9.18 7.78,8.91C8.53,8.36 9.35,8.26 10.12,8.5C11.13,8.77 11.61,9.44 12.24,9.95C12.59,8.93 13.08,7.92 13.81,7.07C14.47,6.3 15.35,5.74 16.37,5.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/synagogue-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/synagogue-outline.svg
new file mode 100644
index 00000000..a553171d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/synagogue-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-synagogue-outline" viewBox="0 0 24 24"><path d="M20 4C18.3 4 17 5.3 17 7V7.3L12 3L7 7.3V7C7 5.3 5.7 4 4 4S1 5.3 1 7V21H11V16C11 15.4 11.4 15 12 15S13 15.4 13 16V21H23V7C23 5.3 21.7 4 20 4M20 6C20.5 6 21 6.4 21 7V8H19V7C19 6.4 19.5 6 20 6M4 6C4.6 6 5 6.4 5 7V8H3V7C3 6.4 3.5 6 4 6M3 19V10H5V19H3M17 19H15V16C15 14.4 13.6 13 12 13S9 14.4 9 16V19H7V9.9L12 5.6L17 9.9V19M19 19V10H21V19H19M12 8.5C12.8 8.5 13.5 9.2 13.5 10S12.8 11.5 12 11.5 10.5 10.8 10.5 10 11.2 8.5 12 8.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/synagogue.svg b/apps/phoenix_webcomponent/priv/mdi/svg/synagogue.svg
new file mode 100644
index 00000000..a13a0a90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/synagogue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-synagogue" viewBox="0 0 24 24"><path d="M6 8V21H10V16C10 14.9 10.9 14 12 14S14 14.9 14 16V21H18V8L12 3L6 8M13.5 10C13.5 10.8 12.8 11.5 12 11.5S10.5 10.8 10.5 10 11.2 8.5 12 8.5 13.5 9.2 13.5 10M3 5C1.9 5 1 5.9 1 7V8H5V7C5 5.9 4.1 5 3 5M1 9H5V21H1V9M21 5C19.9 5 19 5.9 19 7V8H23V7C23 5.9 22.1 5 21 5M19 9H23V21H19V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sync-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sync-alert.svg
new file mode 100644
index 00000000..322c85e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sync-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sync-alert" viewBox="0 0 24 24"><path d="M11,13H13V7H11M21,4H15V10L17.24,7.76C18.32,8.85 19,10.34 19,12C19,14.61 17.33,16.83 15,17.65V19.74C18.45,18.85 21,15.73 21,12C21,9.79 20.09,7.8 18.64,6.36M11,17H13V15H11M3,12C3,14.21 3.91,16.2 5.36,17.64L3,20H9V14L6.76,16.24C5.68,15.15 5,13.66 5,12C5,9.39 6.67,7.17 9,6.35V4.26C5.55,5.15 3,8.27 3,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sync-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sync-circle.svg
new file mode 100644
index 00000000..77864dbf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sync-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sync-circle" viewBox="0 0 24 24"><path d="M2 12A10 10 0 1 0 12 2A10 10 0 0 0 2 12M15.6 13.72A4 4 0 0 0 16 12A4 4 0 0 0 12 8V10L8.88 7L12 4V6A6 6 0 0 1 18 12A5.9 5.9 0 0 1 17.07 15.19M6 12A5.9 5.9 0 0 1 6.93 8.81L8.4 10.28A4 4 0 0 0 8 12A4 4 0 0 0 12 16V14L15 17L12 20V18A6 6 0 0 1 6 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sync-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sync-off.svg
new file mode 100644
index 00000000..544e1a43
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sync-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sync-off" viewBox="0 0 24 24"><path d="M20,4H14V10L16.24,7.76C17.32,8.85 18,10.34 18,12C18,13 17.75,13.94 17.32,14.77L18.78,16.23C19.55,15 20,13.56 20,12C20,9.79 19.09,7.8 17.64,6.36L20,4M2.86,5.41L5.22,7.77C4.45,9 4,10.44 4,12C4,14.21 4.91,16.2 6.36,17.64L4,20H10V14L7.76,16.24C6.68,15.15 6,13.66 6,12C6,11 6.25,10.06 6.68,9.23L14.76,17.31C14.5,17.44 14.26,17.56 14,17.65V19.74C14.79,19.53 15.54,19.2 16.22,18.78L18.58,21.14L19.85,19.87L4.14,4.14L2.86,5.41M10,6.35V4.26C9.2,4.47 8.45,4.8 7.77,5.22L9.23,6.68C9.5,6.56 9.73,6.44 10,6.35Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/sync.svg
new file mode 100644
index 00000000..ca5d90c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-sync" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,1 6,12C6,11 6.25,10.03 6.7,9.2L5.24,7.74C4.46,8.97 4,10.43 4,12A8,8 0 0,0 12,20V23L16,19L12,15M12,4V1L8,5L12,9V6A6,6 0 0,1 18,12C18,13 17.75,13.97 17.3,14.8L18.76,16.26C19.54,15.03 20,13.57 20,12A8,8 0 0,0 12,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab-minus.svg
new file mode 100644
index 00000000..532e98c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab-minus" viewBox="0 0 24 24"><path d="M3,3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3H3M3,5H13V9H21V19H3V5M7,13V15H15V13H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab-plus.svg
new file mode 100644
index 00000000..1c3ec9f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab-plus" viewBox="0 0 24 24"><path d="M3,3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3H3M3,5H13V9H21V19H3V5M10,10V13H7V15H10V18H12V15H15V13H12V10H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab-remove.svg
new file mode 100644
index 00000000..e7f63a12
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab-remove" viewBox="0 0 24 24"><path d="M7.46,11.88L8.88,10.46L11,12.59L13.12,10.46L14.54,11.88L12.41,14L14.54,16.12L13.12,17.54L11,15.41L8.88,17.54L7.46,16.12L9.59,14L7.46,11.88M3,3H21A2,2 0 0,1 23,5V19A2,2 0 0,1 21,21H3A2,2 0 0,1 1,19V5A2,2 0 0,1 3,3M3,5V19H21V9H13V5H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab-search.svg
new file mode 100644
index 00000000..b3383de6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab-search" viewBox="0 0 24 24"><path d="M7.5 11C5 11 3 13 3 15.5C3 16.38 3.25 17.21 3.69 17.9L.61 21L2 22.39L5.12 19.32C5.81 19.75 6.63 20 7.5 20C10 20 12 18 12 15.5S10 11 7.5 11M7.5 18C6.12 18 5 16.88 5 15.5S6.12 13 7.5 13 10 14.12 10 15.5 8.88 18 7.5 18M23 5V19C23 20.11 22.11 21 21 21H10.95C11.76 20.5 12.45 19.81 12.97 19H21V9H13V5H3V10.82C1.77 12 1 13.66 1 15.5V5C1 3.9 1.9 3 3 3H21C22.11 3 23 3.9 23 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab-unselected.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab-unselected.svg
new file mode 100644
index 00000000..ff3fdd4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab-unselected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab-unselected" viewBox="0 0 24 24"><path d="M1,9H3V7H1V9M1,13H3V11H1V13M1,5H3V3A2,2 0 0,0 1,5M9,21H11V19H9V21M1,17H3V15H1V17M3,21V19H1A2,2 0 0,0 3,21M21,3H13V9H23V5A2,2 0 0,0 21,3M21,17H23V15H21V17M9,5H11V3H9V5M5,21H7V19H5V21M5,5H7V3H5V5M21,21A2,2 0 0,0 23,19H21V21M21,13H23V11H21V13M13,21H15V19H13V21M17,21H19V19H17V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tab.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tab.svg
new file mode 100644
index 00000000..643ae16f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tab" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H3V5H13V9H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-account.svg
new file mode 100644
index 00000000..5e2f562d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-account" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M23 22V21C23 19.67 20.33 19 19 19S15 19.67 15 21V22H23M19 14C17.9 14 17 14.9 17 16S17.9 18 19 18 21 17.11 21 16 20.11 14 19 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-alert.svg
new file mode 100644
index 00000000..3b3845ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-alert" viewBox="0 0 24 24"><path d="M3 4H17C18.11 4 19 4.89 19 6V18C19 19.11 18.11 20 17 20H3C1.9 20 1 19.11 1 18V6C1 4.89 1.9 4 3 4M3 8V12H9V8H3M11 8V12H17V8H11M3 14V18H9V14H3M11 14V18H17V14H11M23 7H21V13H23V7M23 15H21V17H23V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-down.svg
new file mode 100644
index 00000000..b3463a19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-arrow-down" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M15.94 18.5H17.94V14.5H19.94V18.5H21.94L18.94 21.5L15.94 18.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-left.svg
new file mode 100644
index 00000000..399adf39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-arrow-left" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M18.44 15V17H22.44V19H18.44V21L15.44 18L18.44 15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-right.svg
new file mode 100644
index 00000000..00d79075
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-arrow-right" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M19.44 21V19H15.44V17H19.44V15L22.44 18L19.44 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-up.svg
new file mode 100644
index 00000000..48c0c3aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-arrow-up" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M21.94 17.5H19.94V21.5H17.94V17.5H15.94L18.94 14.5L21.94 17.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-border.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-border.svg
new file mode 100644
index 00000000..e257b514
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-border.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-border" viewBox="0 0 24 24"><path d="M21,19A1,1 0 0,1 20,20H19V18H21V19M15,20V18H17V20H15M11,20V18H13V20H11M7,20V18H9V20H7M4,20A1,1 0 0,1 3,19V18H5V20H4M19,4H5A2,2 0 0,0 3,6V8H5L11,8H13L19,8H21V6C21,4.89 20.11,4 19,4M5,14H3V16H5V14M5,10H3V12H5V10M21,10H19V12H21V10M21,14H19V16H21V14M11,16V14H13V16H11M11,12V10H13V12H11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-cancel.svg
new file mode 100644
index 00000000..4c0ba65a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-cancel" viewBox="0 0 24 24"><path d="M3 3H17C18.11 3 19 3.9 19 5V12.08C17.45 11.82 15.92 12.18 14.68 13H11V17H12.08C11.97 17.68 11.97 18.35 12.08 19H3C1.9 19 1 18.11 1 17V5C1 3.9 1.9 3 3 3M3 7V11H9V7H3M11 7V11H17V7H11M3 13V17H9V13H3M18.5 14C16 14 14 16 14 18.5S16 23 18.5 23 23 21 23 18.5 21 14 18.5 14M18.5 21.5C16.84 21.5 15.5 20.16 15.5 18.5C15.5 17.94 15.65 17.42 15.92 17L20 21.08C19.58 21.35 19.06 21.5 18.5 21.5M21.08 20L17 15.92C17.42 15.65 17.94 15.5 18.5 15.5C20.16 15.5 21.5 16.84 21.5 18.5C21.5 19.06 21.35 19.58 21.08 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-chair.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-chair.svg
new file mode 100644
index 00000000..44196ef6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-chair.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-chair" viewBox="0 0 24 24"><path d="M12 22H6A2 2 0 0 1 8 20V8H2V5H16V8H10V20A2 2 0 0 1 12 22M22 2V22H20V15H15V22H13V14A2 2 0 0 1 15 12H20V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-check.svg
new file mode 100644
index 00000000..5fd57c2c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-check" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M17.75 21L15 18L16.16 16.84L17.75 18.43L21.34 14.84L22.5 16.25L17.75 21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-clock.svg
new file mode 100644
index 00000000..b69c31eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-clock" viewBox="0 0 24 24"><path d="M16.5 15.82L18.94 17.23L18.19 18.53L15 16.69V13H16.5V15.82M20 10.26V5C20 3.9 19.11 3 18 3H4C2.9 3 2 3.9 2 5V17C2 18.11 2.9 19 4 19H9.68C10.81 21.36 13.21 23 16 23C19.87 23 23 19.87 23 16C23 13.62 21.81 11.53 20 10.26M18 7V9.29C17.37 9.11 16.7 9 16 9C14.5 9 13.13 9.47 12 10.26V7H18M4 7H10V11H4V7M4 17V13H9.68C9.25 13.91 9 14.93 9 16C9 16.34 9.03 16.67 9.08 17H4M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-cog.svg
new file mode 100644
index 00000000..69feae55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-cog" viewBox="0 0 24 24"><path d="M3 3H17C18.11 3 19 3.9 19 5V12.08C17.45 11.82 15.92 12.18 14.68 13H11V17H12.08C11.97 17.68 11.97 18.35 12.08 19H3C1.9 19 1 18.11 1 17V5C1 3.9 1.9 3 3 3M3 7V11H9V7H3M11 7V11H17V7H11M3 13V17H9V13H3M22.78 19.32L21.71 18.5C21.73 18.33 21.75 18.17 21.75 18S21.74 17.67 21.71 17.5L22.77 16.68C22.86 16.6 22.89 16.47 22.83 16.36L21.83 14.63C21.77 14.5 21.64 14.5 21.5 14.5L20.28 15C20 14.82 19.74 14.65 19.43 14.53L19.24 13.21C19.23 13.09 19.12 13 19 13H17C16.88 13 16.77 13.09 16.75 13.21L16.56 14.53C16.26 14.66 15.97 14.82 15.71 15L14.47 14.5C14.36 14.5 14.23 14.5 14.16 14.63L13.16 16.36C13.1 16.47 13.12 16.6 13.22 16.68L14.28 17.5C14.26 17.67 14.25 17.83 14.25 18S14.26 18.33 14.28 18.5L13.22 19.32C13.13 19.4 13.1 19.53 13.16 19.64L14.16 21.37C14.22 21.5 14.35 21.5 14.47 21.5L15.71 21C15.97 21.18 16.25 21.35 16.56 21.47L16.75 22.79C16.77 22.91 16.87 23 17 23H19C19.12 23 19.23 22.91 19.25 22.79L19.44 21.47C19.74 21.34 20 21.18 20.28 21L21.5 21.5C21.64 21.5 21.77 21.5 21.84 21.37L22.84 19.64C22.9 19.53 22.87 19.4 22.78 19.32M18 19.5C17.17 19.5 16.5 18.83 16.5 18S17.18 16.5 18 16.5 19.5 17.17 19.5 18 18.84 19.5 18 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-after.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-after.svg
new file mode 100644
index 00000000..863a0bda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-after.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-column-plus-after" viewBox="0 0 24 24"><path d="M11,2A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H2V2H11M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M15,11H18V8H20V11H23V13H20V16H18V13H15V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-before.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-before.svg
new file mode 100644
index 00000000..6d26b057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-plus-before.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-column-plus-before" viewBox="0 0 24 24"><path d="M13,2A2,2 0 0,0 11,4V20A2,2 0 0,0 13,22H22V2H13M20,10V14H13V10H20M20,16V20H13V16H20M20,4V8H13V4H20M9,11H6V8H4V11H1V13H4V16H6V13H9V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-column-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-remove.svg
new file mode 100644
index 00000000..d8932ea2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-column-remove" viewBox="0 0 24 24"><path d="M4,2H11A2,2 0 0,1 13,4V20A2,2 0 0,1 11,22H4A2,2 0 0,1 2,20V4A2,2 0 0,1 4,2M4,10V14H11V10H4M4,16V20H11V16H4M4,4V8H11V4H4M17.59,12L15,9.41L16.41,8L19,10.59L21.59,8L23,9.41L20.41,12L23,14.59L21.59,16L19,13.41L16.41,16L15,14.59L17.59,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-column-width.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-width.svg
new file mode 100644
index 00000000..5d97987d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-column-width.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-column-width" viewBox="0 0 24 24"><path d="M5,8H19A2,2 0 0,1 21,10V20A2,2 0 0,1 19,22H5A2,2 0 0,1 3,20V10A2,2 0 0,1 5,8M5,12V15H11V12H5M13,12V15H19V12H13M5,17V20H11V17H5M13,17V20H19V17H13M11,2H21V6H19V4H13V6H11V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-column.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-column.svg
new file mode 100644
index 00000000..84db2ad2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-column.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-column" viewBox="0 0 24 24"><path d="M8,2H16A2,2 0 0,1 18,4V20A2,2 0 0,1 16,22H8A2,2 0 0,1 6,20V4A2,2 0 0,1 8,2M8,10V14H16V10H8M8,16V20H16V16H8M8,4V8H16V4H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-edit.svg
new file mode 100644
index 00000000..c09642e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-edit" viewBox="0 0 24 24"><path d="M21.7,13.35L20.7,14.35L18.65,12.3L19.65,11.3C19.86,11.08 20.21,11.08 20.42,11.3L21.7,12.58C21.92,12.79 21.92,13.14 21.7,13.35M12,18.94L18.07,12.88L20.12,14.93L14.06,21H12V18.94M4,2H18A2,2 0 0,1 20,4V8.17L16.17,12H12V16.17L10.17,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,6V10H10V6H4M12,6V10H18V6H12M4,12V16H10V12H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-eye-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-eye-off.svg
new file mode 100644
index 00000000..ec353724
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-eye-off" viewBox="0 0 24 24"><path d="M12 8.8L6.2 3H18C19.1 3 20 3.9 20 5V12.59C19.07 12.21 18.06 12 17 12C16.45 12 15.91 12.07 15.38 12.18L14.2 11H18V7H12V8.8M17.09 13.89L22.31 19.11C22.58 18.73 22.82 18.32 23 17.88C22.07 15.57 19.78 13.92 17.09 13.89M22.11 21.46L20.84 22.73L19.5 21.37C18.71 21.69 17.88 21.88 17 21.88C14.27 21.88 11.94 20.22 11 17.88C11.45 16.76 12.23 15.8 13.21 15.1L11.93 13.82C11.19 14.42 10.53 15.14 10 15.97V13H4V17H9.42C9.26 17.32 9.12 17.66 9 18C9.12 18.34 9.26 18.68 9.42 19H4C2.9 19 2 18.1 2 17V5C2 4.68 2.08 4.38 2.22 4.11L1.11 3L2.39 1.73L22.11 21.46M9.11 11L5.11 7H4V11H9.11M18.18 20.07L14.81 16.7C14.61 17.05 14.5 17.45 14.5 17.88C14.5 19.26 15.62 20.38 17 20.38C17.43 20.38 17.83 20.27 18.18 20.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-eye.svg
new file mode 100644
index 00000000..7c7e451a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-eye" viewBox="0 0 24 24"><path d="M17 16.88C17.56 16.88 18 17.32 18 17.88S17.56 18.88 17 18.88 16 18.43 16 17.88 16.44 16.88 17 16.88M17 13.88C19.73 13.88 22.06 15.54 23 17.88C22.06 20.22 19.73 21.88 17 21.88S11.94 20.22 11 17.88C11.94 15.54 14.27 13.88 17 13.88M17 15.38C15.62 15.38 14.5 16.5 14.5 17.88S15.62 20.38 17 20.38 19.5 19.26 19.5 17.88 18.38 15.38 17 15.38M18 3H4C2.9 3 2 3.9 2 5V17C2 18.1 2.9 19 4 19H9.42C9.26 18.68 9.12 18.34 9 18C9.12 17.66 9.26 17.32 9.42 17H4V13H10V15.97C10.55 15.11 11.23 14.37 12 13.76V13H13.15C14.31 12.36 15.62 12 17 12C18.06 12 19.07 12.21 20 12.59V5C20 3.9 19.1 3 18 3M10 11H4V7H10V11M18 11H12V7H18V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-filter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-filter.svg
new file mode 100644
index 00000000..06ab5d26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-filter" viewBox="0 0 24 24"><path d="M17 21L18.8 22.77C19.3 23.27 20 22.87 20 22.28V18L22.8 14.6C23.3 13.9 22.8 13 22 13H15C14.2 13 13.7 14 14.2 14.6L17 18V21M12 11H20V3C20 1.9 19.11 1 18 1H4C2.9 1 2 1.9 2 3V15C2 16.11 2.9 17 4 17H13.42L12 15V11M12 5H18V9H12V5M10 15H4V11H10V15M10 9H4V5H10V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-furniture.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-furniture.svg
new file mode 100644
index 00000000..2b61446f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-furniture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-furniture" viewBox="0 0 24 24"><path d="M2 7H22V10H20L21 19H18.5L17.94 14H6.06L5.5 19H3L4 10H2V7M17.5 10H6.5L6.29 12H17.71L17.5 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye-off.svg
new file mode 100644
index 00000000..c02a18f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-headers-eye-off" viewBox="0 0 24 24"><path d="M2.38 1.73L1.11 3L2.26 4.15A2 2 0 0 0 1 6V19A2 2 0 0 0 3 21H9V11H9.11L12.72 14.61A6.21 6.21 0 0 0 11 17A6.45 6.45 0 0 0 17 21A6.55 6.55 0 0 0 18.84 20.73L20.84 22.73L22.11 21.46L20.58 19.93M7 19H3V16H7M7 14H3V11H7M7 9H3V6H4.11L7 8.89M17 19.5A2.5 2.5 0 0 1 14.56 16.45L17.56 19.45A2.5 2.5 0 0 1 17 19.5M16.24 13L17.85 14.61A2.5 2.5 0 0 1 19.35 16.11L21.94 18.7A6.44 6.44 0 0 0 23 17A6.45 6.45 0 0 0 17 13H16.24M13 6V9H12.2L14.2 11H21V6A2 2 0 0 0 19 4H7.2L9.2 6M15 6H19V9H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye.svg
new file mode 100644
index 00000000..50573e48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-headers-eye.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-headers-eye" viewBox="0 0 24 24"><path d="M1 6V19A2 2 0 0 0 3 21H9V11H21V6A2 2 0 0 0 19 4H3A2 2 0 0 0 1 6M3 6H7V9H3M7 19H3V16H7M7 14H3V11H7M9 9V6H13V9M19 9H15V6H19M17 16A1 1 0 1 1 16 17A1 1 0 0 1 17 16M17 13A6.45 6.45 0 0 1 23 17A6.5 6.5 0 0 1 11 17A6.45 6.45 0 0 1 17 13M17 14.5A2.5 2.5 0 1 0 19.5 17A2.5 2.5 0 0 0 17 14.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-heart.svg
new file mode 100644
index 00000000..02b47653
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-heart" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M19 22.3L18.4 21.8C16.4 19.9 15 18.7 15 17.2C15 16 16 15 17.2 15C17.9 15 18.6 15.3 19 15.8C19.4 15.3 20.1 15 20.8 15C22 15 23 15.9 23 17.2C23 18.7 21.6 19.9 19.6 21.8L19 22.3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-key.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-key.svg
new file mode 100644
index 00000000..41af7716
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-key" viewBox="0 0 24 24"><path d="M16.8 17C16.4 15.8 15.3 15 14 15C12.3 15 11 16.3 11 18S12.3 21 14 21C15.3 21 16.4 20.2 16.8 19H19V21H21V19H23V17H16.8M14 19C13.4 19 13 18.5 13 18S13.4 17 14 17 15 17.5 15 18 14.6 19 14 19M9 18H4V14H10V15C10.9 13.8 12.4 13 14 13C15.1 13 16.1 13.4 17 14H18V15H20V6C20 4.9 19.1 4 18 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H9.4C9.1 19.4 9 18.7 9 18M12 8H18V12H12V8M4 8H10V12H4V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-large-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-large-plus.svg
new file mode 100644
index 00000000..e0a1fa85
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-large-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-large-plus" viewBox="0 0 24 24"><path d="M12.35 20H10V17H12.09C12.21 16.28 12.46 15.61 12.81 15H10V12H14V13.54C14.58 13 15.25 12.61 16 12.35V12H20V12.35C20.75 12.61 21.42 13 22 13.54V5C22 3.9 21.1 3 20 3H4C2.9 3 2 3.9 2 5V20C2 21.1 2.9 22 4 22H13.54C13 21.42 12.61 20.75 12.35 20M16 7H20V10H16V7M10 7H14V10H10V7M8 20H4V17H8V20M8 15H4V12H8V15M8 10H4V7H8V10M17 14H19V17H22V19H19V22H17V19H14V17H17V14" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-large-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-large-remove.svg
new file mode 100644
index 00000000..a73f04f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-large-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-large-remove" viewBox="0 0 24 24"><path d="M12.35 20H10V17H12.09C12.21 16.28 12.46 15.61 12.81 15H10V12H14V13.54C14.58 13 15.25 12.61 16 12.35V12H20V12.35C20.75 12.61 21.42 13 22 13.54V5C22 3.9 21.1 3 20 3H4C2.9 3 2 3.9 2 5V20C2 21.1 2.9 22 4 22H13.54C13 21.42 12.61 20.75 12.35 20M16 7H20V10H16V7M10 7H14V10H10V7M8 20H4V17H8V20M8 15H4V12H8V15M8 10H4V7H8V10M14.46 15.88L15.88 14.46L18 16.59L20.12 14.46L21.54 15.88L19.41 18L21.54 20.12L20.12 21.54L18 19.41L15.88 21.54L14.46 20.12L16.59 18L14.46 15.88" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-large.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-large.svg
new file mode 100644
index 00000000..434fc931
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-large" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-lock.svg
new file mode 100644
index 00000000..978c0c39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-lock" viewBox="0 0 24 24"><path d="M21 16V15.5C21 14.12 19.88 13 18.5 13S16 14.12 16 15.5V16C15.45 16 15 16.45 15 17V21C15 21.55 15.45 22 16 22H21C21.55 22 22 21.55 22 21V17C22 16.45 21.55 16 21 16M20 16H17V15.5C17 14.67 17.67 14 18.5 14S20 14.67 20 15.5V16M13 18H12V14H14.26C14.54 13.21 15.04 12.5 15.69 12H12V8H18V11.05C18.17 11.03 18.33 11 18.5 11C19.03 11 19.53 11.1 20 11.26V6C20 4.89 19.11 4 18 4H4C2.9 4 2 4.89 2 6V18C2 19.11 2.9 20 4 20H13V18M10 18H4V14H10V18M10 12H4V8H10V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-merge-cells.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-merge-cells.svg
new file mode 100644
index 00000000..770a3dbd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-merge-cells.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-merge-cells" viewBox="0 0 24 24"><path d="M5,10H3V4H11V6H5V10M19,18H13V20H21V14H19V18M5,18V14H3V20H11V18H5M21,4H13V6H19V10H21V4M8,13V15L11,12L8,9V11H3V13H8M16,11V9L13,12L16,15V13H21V11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-minus.svg
new file mode 100644
index 00000000..1b5d16c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-minus" viewBox="0 0 24 24"><path d="M15 19V17H23V19H15M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-multiple.svg
new file mode 100644
index 00000000..5e31fba7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-multiple" viewBox="0 0 24 24"><path d="M7 2H21C22.11 2 23 2.9 23 4V16C23 17.11 22.11 18 21 18H7C5.9 18 5 17.11 5 16V4C5 2.9 5.9 2 7 2M7 6V10H13V6H7M15 6V10H21V6H15M7 12V16H13V12H7M15 12V16H21V12H15M3 20V6H1V20C1 21.11 1.89 22 3 22H19V20H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-network.svg
new file mode 100644
index 00000000..59d52002
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-network" viewBox="0 0 24 24"><path d="M15 20C15 19.45 14.55 19 14 19H13V17H19C20.11 17 21 16.11 21 15V3C21 1.9 20.11 1 19 1H5C3.9 1 3 1.9 3 3V15C3 16.11 3.9 17 5 17H11V19H10C9.45 19 9 19.45 9 20H2V22H9C9 22.55 9.45 23 10 23H14C14.55 23 15 22.55 15 22H22V20H15M13 5H19V9H13V5M13 11H19V15H13V11M5 5H11V9H5V5M5 15V11H11V15H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-of-contents.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-of-contents.svg
new file mode 100644
index 00000000..615c50f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-of-contents.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-of-contents" viewBox="0 0 24 24"><path d="M3,9H17V7H3V9M3,13H17V11H3V13M3,17H17V15H3V17M19,17H21V15H19V17M19,7V9H21V7H19M19,13H21V11H19V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-off.svg
new file mode 100644
index 00000000..0c208c24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L3.22 5.11C3.08 5.38 3 5.68 3 6V18C3 19.11 3.9 20 5 20H18.11L20.84 22.73L22.11 21.46M10.11 12H5V8H6.11L10.11 12M11 18H5V14H11V18M13 18V14.89L16.11 18H13M13 9.8L7.2 4H19C20.11 4 21 4.89 21 6V17.8L19 15.8V14H17.2L15.2 12H19V8H13V9.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-picnic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-picnic.svg
new file mode 100644
index 00000000..4802de1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-picnic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-picnic" viewBox="0 0 24 24"><path d="M4 6H20V9H18L18.22 11H23V13H18.44L19 18H16.5L15.94 13H8.06L7.5 18H5L5.56 13H1V11H5.78L6 9H4M15.5 9H8.5L8.29 11H15.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-pivot.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-pivot.svg
new file mode 100644
index 00000000..d94ec60a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-pivot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-pivot" viewBox="0 0 24 24"><path d="M22 15H20V18C20 19.11 19.11 20 18 20H15V22L12 19L15 16V18H18V15H16L19 12L22 15M22 4V8C22 9.1 21.1 10 20 10H10V20C10 21.1 9.1 22 8 22H4C2.9 22 2 21.1 2 20V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4M4 8H8V4H4V8M4 10V14H8V10H4M8 20V16H4V20L8 20M14 8V4H10V8H14M20 4L20 4H16V8H20L20 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-plus.svg
new file mode 100644
index 00000000..c470a084
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-plus" viewBox="0 0 24 24"><path d="M18,14H20V17H23V19H20V22H18V19H15V17H18V14M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-question.svg
new file mode 100644
index 00000000..e8286495
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-question" viewBox="0 0 24 24"><path d="M19.5 20.5V22H18V20.5H19.5M17.5 15.5H16V15C16 13.34 17.34 12 19 12S22 13.34 22 15C22 15.97 21.5 16.88 20.71 17.41L20.41 17.6C19.84 18 19.5 18.61 19.5 19.3V19.5H18V19.3C18 18.11 18.6 17 19.59 16.35L19.88 16.16C20.27 15.9 20.5 15.47 20.5 15C20.5 14.17 19.83 13.5 19 13.5S17.5 14.17 17.5 15V15.5M18 3H4C2.9 3 2 3.9 2 5V17C2 18.1 2.9 19 4 19H14V17H12V13H14.42C14.78 12.2 15.34 11.5 16.03 11H12V7H18V10.1C18.32 10.04 18.66 10 19 10S19.68 10.04 20 10.1V5C20 3.9 19.11 3 18 3M10 17H4V13H10V17M10 11H4V7H10V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-refresh.svg
new file mode 100644
index 00000000..9e9be4e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-refresh" viewBox="0 0 24 24"><path d="M18 14.5C19.11 14.5 20.11 14.95 20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5C15.5 19.88 16.62 21 18 21C18.82 21 19.55 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5C14 16.29 15.79 14.5 18 14.5M4 3H18C19.11 3 20 3.9 20 5V12.17C19.5 12.06 19 12 18.5 12C17.23 12 16.04 12.37 15.04 13H12V17H12.18C12.06 17.5 12 18 12 18.5L12 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-remove.svg
new file mode 100644
index 00000000..47588b94
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-remove" viewBox="0 0 24 24"><path d="M15.46,15.88L16.88,14.46L19,16.59L21.12,14.46L22.54,15.88L20.41,18L22.54,20.12L21.12,21.54L19,19.41L16.88,21.54L15.46,20.12L17.59,18L15.46,15.88M4,3H18A2,2 0 0,1 20,5V12.08C18.45,11.82 16.92,12.18 15.68,13H12V17H13.08C12.97,17.68 12.97,18.35 13.08,19H4A2,2 0 0,1 2,17V5A2,2 0 0,1 4,3M4,7V11H10V7H4M12,7V11H18V7H12M4,13V17H10V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-row-height.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-height.svg
new file mode 100644
index 00000000..726a1585
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-height.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-row-height" viewBox="0 0 24 24"><path d="M3,5H15A2,2 0 0,1 17,7V17A2,2 0 0,1 15,19H3A2,2 0 0,1 1,17V7A2,2 0 0,1 3,5M3,9V12H8V9H3M10,9V12H15V9H10M3,14V17H8V14H3M10,14V17H15V14H10M23,14V7H19V9H21V12H19V14H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-after.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-after.svg
new file mode 100644
index 00000000..2afad6f7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-after.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-row-plus-after" viewBox="0 0 24 24"><path d="M22,10A2,2 0 0,1 20,12H4A2,2 0 0,1 2,10V3H4V5H8V3H10V5H14V3H16V5H20V3H22V10M4,10H8V7H4V10M10,10H14V7H10V10M20,10V7H16V10H20M11,14H13V17H16V19H13V22H11V19H8V17H11V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-before.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-before.svg
new file mode 100644
index 00000000..e4147f0a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-plus-before.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-row-plus-before" viewBox="0 0 24 24"><path d="M22,14A2,2 0 0,0 20,12H4A2,2 0 0,0 2,14V21H4V19H8V21H10V19H14V21H16V19H20V21H22V14M4,14H8V17H4V14M10,14H14V17H10V14M20,14V17H16V14H20M11,10H13V7H16V5H13V2H11V5H8V7H11V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-row-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-remove.svg
new file mode 100644
index 00000000..1393666f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-row-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-row-remove" viewBox="0 0 24 24"><path d="M9.41,13L12,15.59L14.59,13L16,14.41L13.41,17L16,19.59L14.59,21L12,18.41L9.41,21L8,19.59L10.59,17L8,14.41L9.41,13M22,9A2,2 0 0,1 20,11H4A2,2 0 0,1 2,9V6A2,2 0 0,1 4,4H20A2,2 0 0,1 22,6V9M4,9H8V6H4V9M10,9H14V6H10V9M16,9H20V6H16V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-row.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-row.svg
new file mode 100644
index 00000000..135e6f00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-row.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-row" viewBox="0 0 24 24"><path d="M22,14A2,2 0 0,1 20,16H4A2,2 0 0,1 2,14V10A2,2 0 0,1 4,8H20A2,2 0 0,1 22,10V14M4,14H8V10H4V14M10,14H14V10H10V14M16,14H20V10H16V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-search.svg
new file mode 100644
index 00000000..3fce1864
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-search" viewBox="0 0 24 24"><path d="M19.3,17.89C20.62,15.79 20,13 17.89,11.68C15.79,10.36 13,11 11.68,13.09C10.36,15.2 11,18 13.09,19.3C14.56,20.22 16.42,20.22 17.89,19.3L21,22.39L22.39,21L19.3,17.89M17.3,17.27C16.32,18.25 14.74,18.24 13.76,17.27C12.79,16.29 12.79,14.71 13.77,13.73C14.74,12.76 16.32,12.76 17.3,13.73C18.26,14.72 18.25,16.3 17.27,17.27H17.3M19,4H5A2,2 0 0,0 3,6V18A2,2 0 0,0 5,20H10.81C10.25,19.42 9.8,18.74 9.5,18H5V14H9.18C9.34,13.29 9.61,12.61 10,12H5V8H11V10.81C11.58,10.25 12.26,9.8 13,9.5V8H19V10C19.4,10.25 19.77,10.55 20.1,10.88C20.44,11.22 20.74,11.59 21,12V6A2,2 0 0,0 19,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-settings.svg
new file mode 100644
index 00000000..16b816af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-settings" viewBox="0 0 24 24"><path d="M7,22H9V24H7V22M11,22H13V24H11V22M15,22H17V24H15V22M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-split-cell.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-split-cell.svg
new file mode 100644
index 00000000..1abe31cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-split-cell.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-split-cell" viewBox="0 0 24 24"><path d="M19 14H21V20H3V14H5V18H19V14M3 4V10H5V6H19V10H21V4H3M11 11V13H8V15L5 12L8 9V11H11M16 11V9L19 12L16 15V13H13V11H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-star.svg
new file mode 100644
index 00000000..c9550d3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-star" viewBox="0 0 24 24"><path d="M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M16.5 21.6L17.2 18.8L15 16.9L17.9 16.7L19 14L20.1 16.6L23 16.8L20.8 18.7L21.5 21.5L19 20.1L16.5 21.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-sync.svg
new file mode 100644
index 00000000..6916ffee
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-sync" viewBox="0 0 24 24"><path d="M19 12V13.5C21.21 13.5 23 15.29 23 17.5C23 18.32 22.76 19.08 22.33 19.71L21.24 18.62C21.41 18.28 21.5 17.9 21.5 17.5C21.5 16.12 20.38 15 19 15V16.5L16.75 14.25L19 12M19 23V21.5C16.79 21.5 15 19.71 15 17.5C15 16.68 15.25 15.92 15.67 15.29L16.76 16.38C16.59 16.72 16.5 17.1 16.5 17.5C16.5 18.88 17.62 20 19 20V18.5L21.25 20.75L19 23M4 3H18C19.11 3 20 3.9 20 5V11L19.5 11C17.66 11 16 11.77 14.81 13H12V17H13L13 17.5C13 18 13.06 18.5 13.17 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table-tennis.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table-tennis.svg
new file mode 100644
index 00000000..72bab3fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table-tennis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table-tennis" viewBox="0 0 24 24"><path d="M18.5,14C19.9,14 21,15.1 21,16.5C21,17.9 19.9,19 18.5,19C17.1,19 16,17.9 16,16.5C16,15.1 17.1,14 18.5,14M7,15C7,15 8,16 8,17V20.5C8,21.3 8.7,22 9.5,22C10.3,22 11,21.3 11,20.5V17C11,16 12,15 12,15H7M8,14H11C11,14 16,14 16,9C16,4 12,2 9.5,2C7,2 3,4 3,9C3,14 8,14 8,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/table.svg b/apps/phoenix_webcomponent/priv/mdi/svg/table.svg
new file mode 100644
index 00000000..e010b283
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/table.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-table" viewBox="0 0 24 24"><path d="M5,4H19A2,2 0 0,1 21,6V18A2,2 0 0,1 19,20H5A2,2 0 0,1 3,18V6A2,2 0 0,1 5,4M5,8V12H11V8H5M13,8V12H19V8H13M5,14V18H11V14H5M13,14V18H19V14H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tablet-cellphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tablet-cellphone.svg
new file mode 100644
index 00000000..0388b82a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tablet-cellphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tablet-cellphone" viewBox="0 0 24 24"><path d="M3,4H20A2,2 0 0,1 22,6V8H18V6H5V18H14V20H3A2,2 0 0,1 1,18V6A2,2 0 0,1 3,4M17,10H23A1,1 0 0,1 24,11V21A1,1 0 0,1 23,22H17A1,1 0 0,1 16,21V11A1,1 0 0,1 17,10M18,12V19H22V12H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tablet-dashboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tablet-dashboard.svg
new file mode 100644
index 00000000..7b50a0a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tablet-dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tablet-dashboard" viewBox="0 0 24 24"><path d="M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4M7,8H13V13H7V8M14,8H17V10H14V8M17,11V16H14V11H17M7,14H13V16H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tablet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tablet.svg
new file mode 100644
index 00000000..b77ca696
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tablet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tablet" viewBox="0 0 24 24"><path d="M19,18H5V6H19M21,4H3C1.89,4 1,4.89 1,6V18A2,2 0 0,0 3,20H21A2,2 0 0,0 23,18V6C23,4.89 22.1,4 21,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/taco.svg b/apps/phoenix_webcomponent/priv/mdi/svg/taco.svg
new file mode 100644
index 00000000..c26f8e7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/taco.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-taco" viewBox="0 0 24 24"><path d="M19,18H5A4,4 0 0,1 1,14A8,8 0 0,1 9,6C10.06,6 11.07,6.21 12,6.58C12.93,6.21 13.94,6 15,6A8,8 0 0,1 23,14A4,4 0 0,1 19,18M3,14A2,2 0 0,0 5,16A2,2 0 0,0 7,14C7,11.63 8.03,9.5 9.67,8.04L9,8A6,6 0 0,0 3,14M19,16A2,2 0 0,0 21,14A6,6 0 0,0 15,8A6,6 0 0,0 9,14C9,14.73 8.81,15.41 8.46,16H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down-outline.svg
new file mode 100644
index 00000000..82bb7e5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-down-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M8 18V14H6V18H4L7 21L10 18H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down.svg
new file mode 100644
index 00000000..f7136318
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-down" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.41L3 12.81C3.9 12.27 4.94 12 6 12C9.31 12 12 14.69 12 18C12 19.06 11.72 20.09 11.18 21L11.58 21.4C11.95 21.78 12.47 22 13 22S14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13S21.79 11.96 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M7 19V15H5V19H3L6 22L9 19H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left-outline.svg
new file mode 100644
index 00000000..95782de5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-left-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M5 19H9V17H5V15L2 18L5 21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left.svg
new file mode 100644
index 00000000..0218de28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-left" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.41L3 12.81C3.9 12.27 4.94 12 6 12C9.31 12 12 14.69 12 18C12 19.06 11.72 20.09 11.18 21L11.58 21.4C11.95 21.78 12.47 22 13 22S14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13S21.79 11.96 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M5 19H9V17H5V15L2 18L5 21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right-outline.svg
new file mode 100644
index 00000000..3e054a7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-right-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6 17H2V19H6V21L9 18L6 15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right.svg
new file mode 100644
index 00000000..613e37b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-right" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.41L3 12.81C3.9 12.27 4.94 12 6 12C9.31 12 12 14.69 12 18C12 19.06 11.72 20.09 11.18 21L11.58 21.4C11.95 21.78 12.47 22 13 22S14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13S21.79 11.96 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M6 17H2V19H6V21L9 18L6 15V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up-outline.svg
new file mode 100644
index 00000000..0c596661
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-up-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6 17V21H8V17H10L7 14L4 17H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up.svg
new file mode 100644
index 00000000..12f51076
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-arrow-up" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.41L3 12.81C3.9 12.27 4.94 12 6 12C9.31 12 12 14.69 12 18C12 19.06 11.72 20.09 11.18 21L11.58 21.4C11.95 21.78 12.47 22 13 22S14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13S21.79 11.96 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M5 17V21H7V17H9L6 14L3 17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-check-outline.svg
new file mode 100644
index 00000000..a8e1ef13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-check-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M8.63 14.27L4.76 18.17L3.41 16.8L2 18.22L4.75 21L10.03 15.68L8.63 14.27" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-check.svg
new file mode 100644
index 00000000..e50d23b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-check" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.41L3 12.81C3.9 12.27 4.94 12 6 12C9.31 12 12 14.69 12 18C12 19.06 11.72 20.09 11.18 21L11.58 21.4C11.95 21.78 12.47 22 13 22S14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13S21.79 11.96 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M8.63 14.27L4.76 18.17L3.41 16.8L2 18.22L4.75 21L10.03 15.68L8.63 14.27" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-faces.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-faces.svg
new file mode 100644
index 00000000..e1caf247
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-faces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-faces" viewBox="0 0 24 24"><path d="M15,18C11.68,18 9,15.31 9,12C9,8.68 11.68,6 15,6A6,6 0 0,1 21,12A6,6 0 0,1 15,18M4,13A1,1 0 0,1 3,12A1,1 0 0,1 4,11A1,1 0 0,1 5,12A1,1 0 0,1 4,13M22,3H7.63C6.97,3 6.38,3.32 6,3.81L0,12L6,20.18C6.38,20.68 6.97,21 7.63,21H22A2,2 0 0,0 24,19V5C24,3.89 23.1,3 22,3M13,11A1,1 0 0,0 14,10A1,1 0 0,0 13,9A1,1 0 0,0 12,10A1,1 0 0,0 13,11M15,16C16.86,16 18.35,14.72 18.8,13H11.2C11.65,14.72 13.14,16 15,16M17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart-outline.svg
new file mode 100644
index 00000000..8b4a024c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-heart-outline" viewBox="0 0 24 24"><path d="M4,2A2,2 0 0,0 2,4V11C2,11.55 2.22,12.05 2.59,12.42L11.59,21.42C11.95,21.78 12.45,22 13,22C13.55,22 14.05,21.78 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.45 21.77,11.94 21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4V2M11,4L20,13L13,20L4,11V4H11V4H11M6.5,5A1.5,1.5 0 0,0 5,6.5A1.5,1.5 0 0,0 6.5,8A1.5,1.5 0 0,0 8,6.5A1.5,1.5 0 0,0 6.5,5M10.95,10.5C9.82,10.5 8.9,11.42 8.9,12.55C8.9,13.12 9.13,13.62 9.5,14L13,17.5L16.5,14C16.87,13.63 17.1,13.11 17.1,12.55A2.05,2.05 0 0,0 15.05,10.5C14.5,10.5 13.97,10.73 13.6,11.1L13,11.7L12.4,11.11C12.03,10.73 11.5,10.5 10.95,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart.svg
new file mode 100644
index 00000000..e03c2034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-heart" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4A2,2 0 0,0 2,4V11C2,11.55 2.22,12.05 2.59,12.42L11.59,21.42C11.95,21.78 12.45,22 13,22C13.55,22 14.05,21.78 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.45 21.77,11.94 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M17.27,15.27L13,19.54L8.73,15.27C8.28,14.81 8,14.19 8,13.5A2.5,2.5 0 0,1 10.5,11C11.19,11 11.82,11.28 12.27,11.74L13,12.46L13.73,11.73C14.18,11.28 14.81,11 15.5,11A2.5,2.5 0 0,1 18,13.5C18,14.19 17.72,14.82 17.27,15.27Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus-outline.svg
new file mode 100644
index 00000000..0cefe1e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-minus-outline" viewBox="0 0 24 24"><path d="M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M21.41 11.58L12.41 2.58C12.04 2.21 11.53 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.53 2.21 12.04 2.59 12.42L3 12.82C3.64 12.44 4.35 12.19 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92C11.82 19.66 11.56 20.36 11.18 21L11.59 21.41C11.96 21.79 12.47 22 13 22C13.53 22 14.04 21.79 14.41 21.41L21.41 14.41C21.79 14.04 22 13.53 22 13C22 12.47 21.79 11.96 21.41 11.58M6.5 5C5.67 5 5 5.67 5 6.5S5.67 8 6.5 8 8 7.33 8 6.5 7.33 5 6.5 5M10 19H2V17H10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus.svg
new file mode 100644
index 00000000..e5522a79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-minus" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M10,19H2V17H10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple-outline.svg
new file mode 100644
index 00000000..8fda8d24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-multiple-outline" viewBox="0 0 24 24"><path d="M6.5 10C7.3 10 8 9.3 8 8.5S7.3 7 6.5 7 5 7.7 5 8.5 5.7 10 6.5 10M9 6L16 13L11 18L4 11V6H9M9 4H4C2.9 4 2 4.9 2 6V11C2 11.6 2.2 12.1 2.6 12.4L9.6 19.4C9.9 19.8 10.4 20 11 20S12.1 19.8 12.4 19.4L17.4 14.4C17.8 14 18 13.5 18 13C18 12.4 17.8 11.9 17.4 11.6L10.4 4.6C10.1 4.2 9.6 4 9 4M13.5 5.7L14.5 4.7L21.4 11.6C21.8 12 22 12.5 22 13S21.8 14.1 21.4 14.4L16 19.8L15 18.8L20.7 13L13.5 5.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple.svg
new file mode 100644
index 00000000..88305133
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-multiple" viewBox="0 0 24 24"><path d="M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-off-outline.svg
new file mode 100644
index 00000000..04815a38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-off-outline" viewBox="0 0 24 24"><path d="M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M18.33 8.5L22.92 3.92L21.5 2.5L2.5 21.5L3.92 22.92L8.5 18.33L11.59 21.42A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M13 20L9.92 16.92L16.92 9.92L20 13M5.61 15.43L7 14L4 11V4H11L14.06 7.06L15.47 5.66L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42M5 6.5A1.5 1.5 0 1 0 6.5 5A1.5 1.5 0 0 0 5 6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-off.svg
new file mode 100644
index 00000000..395b7b0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-off" viewBox="0 0 24 24"><path d="M18.33 8.5L22.92 3.92L21.5 2.5L2.5 21.5L3.92 22.92L8.5 18.33L11.58 21.41A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M5.61 15.43L15.47 5.65L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.41M5.5 4A1.5 1.5 0 1 1 4 5.5A1.5 1.5 0 0 1 5.5 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-outline.svg
new file mode 100644
index 00000000..1993118a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-outline" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L11.59 21.42A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M13 20L4 11V4H11L20 13M6.5 5A1.5 1.5 0 1 1 5 6.5A1.5 1.5 0 0 1 6.5 5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus-outline.svg
new file mode 100644
index 00000000..a5f9be66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-plus-outline" viewBox="0 0 24 24"><path d="M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L3 12.82A5.62 5.62 0 0 1 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92A5.57 5.57 0 0 1 11.18 21L11.59 21.41A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M10 19H7V22H5V19H2V17H5V14H7V17H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus.svg
new file mode 100644
index 00000000..c9ca5caf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-plus" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M10,19H7V22H5V19H2V17H5V14H7V17H10V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove-outline.svg
new file mode 100644
index 00000000..a090a952
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-remove-outline" viewBox="0 0 24 24"><path d="M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.42L3 12.82A5.62 5.62 0 0 1 5.08 12.08L4 11V4H11L20 13L13 20L11.92 18.92A5.57 5.57 0 0 1 11.18 21L11.59 21.41A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M6.5 5A1.5 1.5 0 1 0 8 6.5A1.5 1.5 0 0 0 6.5 5M8.12 21.54L6 19.41L3.88 21.54L2.46 20.12L4.59 18L2.46 15.88L3.88 14.46L6 16.59L8.12 14.46L9.54 15.88L7.41 18L9.54 20.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove.svg
new file mode 100644
index 00000000..0a69258e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-remove" viewBox="0 0 24 24"><path d="M21.41,11.58L12.41,2.58C12.04,2.21 11.53,2 11,2H4A2,2 0 0,0 2,4V11C2,11.53 2.21,12.04 2.59,12.41L3,12.81C3.9,12.27 4.94,12 6,12A6,6 0 0,1 12,18C12,19.06 11.72,20.09 11.18,21L11.58,21.4C11.95,21.78 12.47,22 13,22C13.53,22 14.04,21.79 14.41,21.41L21.41,14.41C21.79,14.04 22,13.53 22,13C22,12.47 21.79,11.96 21.41,11.58M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M8.12,21.54L6,19.41L3.88,21.54L2.46,20.12L4.59,18L2.46,15.88L3.87,14.47L6,16.59L8.12,14.47L9.53,15.88L7.41,18L9.53,20.12L8.12,21.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-search-outline.svg
new file mode 100644
index 00000000..98bf6492
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-search-outline" viewBox="0 0 24 24"><path d="M22 13C22 13.53 21.79 14.04 21.41 14.41L21 14.83C20.91 11.97 18.84 9.62 16.11 9.11L11 4H4V11L9.11 16.11C9.62 18.84 11.97 20.91 14.83 21L14.41 21.41C14.04 21.79 13.53 22 13 22C12.47 22 11.97 21.79 11.59 21.42L2.59 12.42C2.21 12.04 2 11.53 2 11V4C2 2.9 2.9 2 4 2H11C11.53 2 12.04 2.21 12.41 2.58L21.41 11.58C21.79 11.96 22 12.47 22 13M5 6.5C5 7.33 5.67 8 6.5 8S8 7.33 8 6.5 7.33 5 6.5 5 5 5.67 5 6.5M15.11 10.61C12.61 10.61 10.61 12.61 10.61 15.11S12.61 19.61 15.11 19.61C16 19.61 16.8 19.36 17.5 18.93L20.61 22L22 20.61L18.92 17.5C19.36 16.82 19.61 16 19.61 15.11C19.61 12.61 17.61 10.61 15.11 10.61M15.11 12.61C16.5 12.61 17.61 13.73 17.61 15.11S16.5 17.61 15.11 17.61 12.61 16.5 12.61 15.11 13.73 12.61 15.11 12.61" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-search.svg
new file mode 100644
index 00000000..d6c9c896
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-search" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58C12.05 2.22 11.55 2 11 2H4C2.89 2 2 2.89 2 4V11C2 11.55 2.22 12.05 2.59 12.41L11.58 21.41C11.95 21.77 12.45 22 13 22S14.05 21.77 14.41 21.41L14.83 21C11.6 20.9 9 18.26 9 15C9 11.69 11.69 9 15 9C18.26 9 20.9 11.6 21 14.83L21.41 14.41C21.78 14.05 22 13.55 22 13C22 12.44 21.77 11.94 21.41 11.58M5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7M15.11 10.61C17.61 10.61 19.61 12.61 19.61 15.11C19.61 16 19.36 16.82 18.92 17.5L22 20.61L20.61 22L17.5 18.93C16.8 19.36 16 19.61 15.11 19.61C12.61 19.61 10.61 17.61 10.61 15.11S12.61 10.61 15.11 10.61M15.11 12.61C13.73 12.61 12.61 13.73 12.61 15.11S13.73 17.61 15.11 17.61 17.61 16.5 17.61 15.11 16.5 12.61 15.11 12.61" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-text-outline.svg
new file mode 100644
index 00000000..ce7f0e13
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-text-outline" viewBox="0 0 24 24"><path d="M21.4 11.6L12.4 2.6C12 2.2 11.5 2 11 2H4C2.9 2 2 2.9 2 4V11C2 11.5 2.2 12 2.6 12.4L11.6 21.4C12 21.8 12.5 22 13 22C13.5 22 14 21.8 14.4 21.4L21.4 14.4C21.8 14 22 13.5 22 13C22 12.5 21.8 12 21.4 11.6M13 20L4 11V4H11L20 13M6.5 5C7.3 5 8 5.7 8 6.5S7.3 8 6.5 8 5 7.3 5 6.5 5.7 5 6.5 5M10.1 8.9L11.5 7.5L17 13L15.6 14.4L10.1 8.9M7.6 11.4L9 10L13 14L11.6 15.4L7.6 11.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag-text.svg
new file mode 100644
index 00000000..59c56294
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag-text" viewBox="0 0 24 24"><path d="M21.41 11.58L12.41 2.58A2 2 0 0 0 11 2H4A2 2 0 0 0 2 4V11A2 2 0 0 0 2.59 12.41L11.59 21.41A2 2 0 0 0 13 22A2 2 0 0 0 14.41 21.41L21.41 14.41A2 2 0 0 0 22 13A2 2 0 0 0 21.41 11.58M6.5 8A1.5 1.5 0 1 1 8 6.5A1.5 1.5 0 0 1 6.5 8M11.59 15.41L7.59 11.41L9 10L13 14M15.59 14.41L10.09 8.91L11.5 7.5L17 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tag.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tag.svg
new file mode 100644
index 00000000..fbf14b59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tag" viewBox="0 0 24 24"><path d="M5.5,7A1.5,1.5 0 0,1 4,5.5A1.5,1.5 0 0,1 5.5,4A1.5,1.5 0 0,1 7,5.5A1.5,1.5 0 0,1 5.5,7M21.41,11.58L12.41,2.58C12.05,2.22 11.55,2 11,2H4C2.89,2 2,2.89 2,4V11C2,11.55 2.22,12.05 2.59,12.41L11.58,21.41C11.95,21.77 12.45,22 13,22C13.55,22 14.05,21.77 14.41,21.41L21.41,14.41C21.78,14.05 22,13.55 22,13C22,12.44 21.77,11.94 21.41,11.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tailwind.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tailwind.svg
new file mode 100644
index 00000000..d5f1ec64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tailwind.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tailwind" viewBox="0 0 24 24"><path d="M12 6C9.33 6 7.67 7.33 7 10C8 8.67 9.17 8.17 10.5 8.5C11.26 8.69 11.81 9.24 12.41 9.85C13.39 10.85 14.5 12 17 12C19.67 12 21.33 10.67 22 8C21 9.33 19.83 9.83 18.5 9.5C17.74 9.31 17.2 8.76 16.59 8.15C15.61 7.15 14.5 6 12 6M7 12C4.33 12 2.67 13.33 2 16C3 14.67 4.17 14.17 5.5 14.5C6.26 14.69 6.8 15.24 7.41 15.85C8.39 16.85 9.5 18 12 18C14.67 18 16.33 16.67 17 14C16 15.33 14.83 15.83 13.5 15.5C12.74 15.31 12.2 14.76 11.59 14.15C10.61 13.15 9.5 12 7 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-1.svg
new file mode 100644
index 00000000..a315fb07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tally-mark-1" viewBox="0 0 24 24"><path d="M13 19H11V5H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-2.svg
new file mode 100644
index 00000000..c5dec4a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tally-mark-2" viewBox="0 0 24 24"><path d="M11 19H9V5H11V19M15 5H13V19H15V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-3.svg
new file mode 100644
index 00000000..5fa76f4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tally-mark-3" viewBox="0 0 24 24"><path d="M9 19H7V5H9V19M13 5H11V19H13V5M17 5H15V19H17V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-4.svg
new file mode 100644
index 00000000..8d41ce8b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tally-mark-4" viewBox="0 0 24 24"><path d="M7 19H5V5H7V19M11 5H9V19H11V5M15 5H13V19H15V5M19 5H17V19H19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-5.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-5.svg
new file mode 100644
index 00000000..1ea2cbb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tally-mark-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tally-mark-5" viewBox="0 0 24 24"><path d="M19 10.73V19H17V11.36L15 12V19H13V12.62L11 13.26V19H9V13.89L7 14.5V19H5V15.15L2.57 15.92L2 14L5 13.05V5H7V12.42L9 11.79V5H11V11.16L13 10.53V5H15V9.9L17 9.26V5H19V8.63L21 8L21.57 9.92L19 10.73Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tangram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tangram.svg
new file mode 100644
index 00000000..868e7d9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tangram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tangram" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2M18.59 4L12 10.59L5.41 4H18.59M13.41 12L16.5 8.91L19.59 12L16.5 15.09L13.41 12M14.59 16H9.41L12 13.41L14.59 16M4 5.41L10.59 12L4 18.59V5.41M11.59 20H5.41L7.41 18H13.59L11.59 20M20 20H14.41L20 14.41V20M20 9.59L17.91 7.5L20 5.41V9.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tank.svg
new file mode 100644
index 00000000..97821ac8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tank" viewBox="0 0 24 24"><path d="M20,12H4V11H6L7,6H12L13,11H20V12M13.22,7L13.62,9H22V7H13.22M22,16A3,3 0 0,1 19,19H5A3,3 0 0,1 2,16A3,3 0 0,1 5,13H19A3,3 0 0,1 22,16M6,16A1,1 0 0,0 5,15A1,1 0 0,0 4,16A1,1 0 0,0 5,17A1,1 0 0,0 6,16M13,16A1,1 0 0,0 12,15A1,1 0 0,0 11,16A1,1 0 0,0 12,17A1,1 0 0,0 13,16M20,16A1,1 0 0,0 19,15A1,1 0 0,0 18,16A1,1 0 0,0 19,17A1,1 0 0,0 20,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tanker-truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tanker-truck.svg
new file mode 100644
index 00000000..041af7ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tanker-truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tanker-truck" viewBox="0 0 24 24"><path d="M20 8H15V14H2V17H3C3 18.7 4.3 20 6 20S9 18.7 9 17H15C15 18.7 16.3 20 18 20S21 18.7 21 17H23V12L20 8M6 18.5C5.2 18.5 4.5 17.8 4.5 17S5.2 15.5 6 15.5 7.5 16.2 7.5 17 6.8 18.5 6 18.5M18 18.5C17.2 18.5 16.5 17.8 16.5 17S17.2 15.5 18 15.5 19.5 16.2 19.5 17 18.8 18.5 18 18.5M17 12V9.5H19.5L21.5 12H17M14 9.5C14 11.4 12.4 13 10.5 13H4.5C2.6 13 1 11.4 1 9.5S2.6 6 4.5 6H5V5H4V4H8V5H7V6H10.5C12.4 6 14 7.6 14 9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tape-drive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tape-drive.svg
new file mode 100644
index 00000000..c1796ab5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tape-drive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tape-drive" viewBox="0 0 24 24"><path d="M12 10C13.11 10 14 10.9 14 12C14 13.11 13.11 14 12 14C10.9 14 10 13.11 10 12C10 10.9 10.9 10 12 10M5 3H19C20.11 3 21 3.9 21 5V17H16.9C18.2 15.73 19 13.96 19 12C19 8.13 15.87 5 12 5C8.13 5 5 8.13 5 12C5 15.87 8.13 19 12 19H21C21 20.11 20.11 21 19 21H5C3.9 21 3 20.11 3 19V5C3 3.9 3.9 3 5 3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tape-measure.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tape-measure.svg
new file mode 100644
index 00000000..49375415
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tape-measure.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tape-measure" viewBox="0 0 24 24"><path d="M9,5A7,7 0 0,1 16,12H17V15H16V19H9A7,7 0 0,1 2,12A7,7 0 0,1 9,5M9,8A4,4 0 0,0 5,12A4,4 0 0,0 9,16A4,4 0 0,0 13,12A4,4 0 0,0 9,8M17,17H22V19L22,21H20V19H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/target-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/target-account.svg
new file mode 100644
index 00000000..67d2ddc8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/target-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-target-account" viewBox="0 0 24 24"><path d="M20.95,11H22.5V13H20.95C20.5,17.17 17.17,20.5 13,20.95V22.5H11V20.95C6.83,20.5 3.5,17.17 3.05,13H1.5V11H3.05C3.5,6.83 6.83,3.5 11,3.05V1.5H13V3.05C17.17,3.5 20.5,6.83 20.95,11M5.07,11H6.5V13H5.07C5.5,16.07 7.93,18.5 11,18.93V17.5H13V18.93C16.07,18.5 18.5,16.07 18.93,13H17.5V11H18.93C18.5,7.93 16.07,5.5 13,5.07V6.5H11V5.07C7.93,5.5 5.5,7.93 5.07,11M16,16H8V15C8,13.67 10.67,13 12,13C13.33,13 16,13.67 16,15V16M12,8A2,2 0 0,1 14,10A2,2 0 0,1 12,12A2,2 0 0,1 10,10A2,2 0 0,1 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/target-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/target-variant.svg
new file mode 100644
index 00000000..717d0c7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/target-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-target-variant" viewBox="0 0 24 24"><path d="M22.08,11.04H20.08V4H13.05V2H11.04V4H4V11.04H2V13.05H4V20.08H11.04V22.08H13.05V20.08H20.08V13.05H22.08V11.04M18.07,18.07H13.05V16.06H11.04V18.07H6V13.05H8.03V11.04H6V6H11.04V8.03H13.05V6H18.07V11.04H16.06V13.05H18.07V18.07M13.05,12.05A1,1 0 0,1 12.05,13.05C11.5,13.05 11.04,12.6 11.04,12.05C11.04,11.5 11.5,11.04 12.05,11.04C12.6,11.04 13.05,11.5 13.05,12.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/target.svg b/apps/phoenix_webcomponent/priv/mdi/svg/target.svg
new file mode 100644
index 00000000..889759f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/target.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-target" viewBox="0 0 24 24"><path d="M11,2V4.07C7.38,4.53 4.53,7.38 4.07,11H2V13H4.07C4.53,16.62 7.38,19.47 11,19.93V22H13V19.93C16.62,19.47 19.47,16.62 19.93,13H22V11H19.93C19.47,7.38 16.62,4.53 13,4.07V2M11,6.08V8H13V6.09C15.5,6.5 17.5,8.5 17.92,11H16V13H17.91C17.5,15.5 15.5,17.5 13,17.92V16H11V17.91C8.5,17.5 6.5,15.5 6.08,13H8V11H6.09C6.5,8.5 8.5,6.5 11,6.08M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/taxi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/taxi.svg
new file mode 100644
index 00000000..09b7f5c3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/taxi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-taxi" viewBox="0 0 24 24"><path d="M5,11L6.5,6.5H17.5L19,11M17.5,16A1.5,1.5 0 0,1 16,14.5A1.5,1.5 0 0,1 17.5,13A1.5,1.5 0 0,1 19,14.5A1.5,1.5 0 0,1 17.5,16M6.5,16A1.5,1.5 0 0,1 5,14.5A1.5,1.5 0 0,1 6.5,13A1.5,1.5 0 0,1 8,14.5A1.5,1.5 0 0,1 6.5,16M18.92,6C18.72,5.42 18.16,5 17.5,5H15V3H9V5H6.5C5.84,5 5.28,5.42 5.08,6L3,12V20A1,1 0 0,0 4,21H5A1,1 0 0,0 6,20V19H18V20A1,1 0 0,0 19,21H20A1,1 0 0,0 21,20V12L18.92,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tea-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tea-outline.svg
new file mode 100644
index 00000000..95ed5002
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tea-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tea-outline" viewBox="0 0 24 24"><path d="M4,19H20V21H4V19M21.4,3.6C21,3.2 20.6,3 20,3H4V13C4,14.1 4.4,15 5.2,15.8C6,16.6 6.9,17 8,17H14C15.1,17 16,16.6 16.8,15.8C17.6,15 18,14.1 18,13V10H20C20.6,10 21,9.8 21.4,9.4C21.8,9 22,8.6 22,8V5C22,4.5 21.8,4 21.4,3.6M16,5V8L16,10V13C16,13.6 15.8,14 15.4,14.4C15,14.8 14.6,15 14,15H8C7.4,15 7,14.8 6.6,14.4C6.2,14 6,13.5 6,13V5H10V6.4L8.2,7.8C8,7.9 8,8.1 8,8.2V12.5C8,12.8 8.2,13 8.5,13H12.5C12.8,13 13,12.8 13,12.5V8.2C13,8 12.9,7.9 12.8,7.8L11,6.4V5H16M20,8H18V5H20V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tea.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tea.svg
new file mode 100644
index 00000000..984b1473
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tea.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tea" viewBox="0 0 24 24"><path d="M4,19H20V21H4V19M20,8V5H18V8H20M20,3C20.6,3 21,3.2 21.4,3.6C21.8,4 22,4.5 22,5V8C22,8.6 21.8,9 21.4,9.4C21,9.8 20.6,10 20,10H18V13C18,14.1 17.6,15 16.8,15.8C16,16.6 15.1,17 14,17H8C6.9,17 6,16.6 5.2,15.8C4.4,15 4,14.1 4,13V3H9V5.4L7.2,6.8C7.1,6.9 7,7.1 7,7.2V11.5C7,11.8 7.2,12 7.5,12H11.5C11.8,12 12,11.8 12,11.5V7.2C12,7 11.9,6.9 11.8,6.8L10,5.4V3H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/teamviewer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/teamviewer.svg
new file mode 100644
index 00000000..ee25db41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/teamviewer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-teamviewer" viewBox="0 0 24 24"><path d="M10.04 9.2L9.3 11H14.75L14 9.2L19.55 12L14 14.8L14.75 13H9.3L10.04 14.8L4.5 12L10.04 9.2M20.83 22H3.17C2.53 22 2 21.5 2 20.83V3.17C2 2.53 2.53 2 3.17 2H20.83C21.5 2 22 2.53 22 3.17V20.83C22 21.47 21.5 22 20.83 22M11.93 3.76C7.41 3.82 3.78 7.5 3.76 12C3.72 16.5 7.35 20.2 11.86 20.24H12C16.53 20.18 20.18 16.53 20.24 12C20.31 7.5 16.74 3.83 12.26 3.76C12.15 3.75 12.04 3.76 11.93 3.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/teddy-bear.svg b/apps/phoenix_webcomponent/priv/mdi/svg/teddy-bear.svg
new file mode 100644
index 00000000..6127a47a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/teddy-bear.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-teddy-bear" viewBox="0 0 24 24"><path d="M15.75 19.13C14.92 19.13 14.25 18.29 14.25 17.25C14.25 16.22 14.92 15.38 15.75 15.38C16.58 15.38 17.25 16.22 17.25 17.25C17.25 18.29 16.58 19.13 15.75 19.13M12 11.25C10.76 11.25 9.75 10.41 9.75 9.38C9.75 8.34 10.76 7.5 12 7.5C13.24 7.5 14.25 8.34 14.25 9.38C14.25 10.41 13.24 11.25 12 11.25M8.25 19.13C7.42 19.13 6.75 18.29 6.75 17.25C6.75 16.22 7.42 15.38 8.25 15.38C9.08 15.38 9.75 16.22 9.75 17.25C9.75 18.29 9.08 19.13 8.25 19.13M12 8.25C12.41 8.25 12.75 8.59 12.75 9C12.75 9.41 12.41 9.75 12 9.75C11.59 9.75 11.25 9.41 11.25 9C11.25 8.59 11.59 8.25 12 8.25M18.75 12C18.43 12 18.12 12.07 17.84 12.2C17.36 11.59 16.71 11.07 15.93 10.67C16.5 9.87 16.84 8.9 16.84 7.85C16.84 7.83 16.84 7.81 16.84 7.79C17.93 7.56 18.75 6.59 18.75 5.42C18.75 4.09 17.66 3 16.33 3C15.64 3 15 3.29 14.58 3.75C13.83 3.28 12.95 3 12 3C11.05 3 10.16 3.28 9.42 3.75C9 3.29 8.36 3 7.67 3C6.34 3 5.25 4.09 5.25 5.42C5.25 6.58 6.07 7.55 7.15 7.79C7.15 7.81 7.15 7.83 7.15 7.85C7.15 8.9 7.5 9.88 8.06 10.67C7.29 11.07 6.64 11.59 6.16 12.2C5.88 12.07 5.57 12 5.25 12C4 12 3 13 3 14.25C3 15.5 4 16.5 5.25 16.5C5.27 16.5 5.29 16.5 5.31 16.5C5.27 16.74 5.25 17 5.25 17.25C5.25 19.32 6.59 21 8.25 21C9.26 21 10.15 20.37 10.7 19.41C11.12 19.47 11.55 19.5 12 19.5C12.45 19.5 12.88 19.47 13.3 19.41C13.85 20.37 14.74 21 15.75 21C17.41 21 18.75 19.32 18.75 17.25C18.75 17 18.73 16.74 18.69 16.5C18.71 16.5 18.73 16.5 18.75 16.5C20 16.5 21 15.5 21 14.25C21 13 20 12 18.75 12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/telescope.svg b/apps/phoenix_webcomponent/priv/mdi/svg/telescope.svg
new file mode 100644
index 00000000..73604137
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/telescope.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-telescope" viewBox="0 0 24 24"><path d="M21.9,8.9L20.2,9.9L16.2,3L17.9,2L21.9,8.9M9.8,7.9L12.8,13.1L18.9,9.6L15.9,4.4L9.8,7.9M11.4,12.7L9.4,9.2L5.1,11.7L7.1,15.2L11.4,12.7M2.1,14.6L3.1,16.3L5.7,14.8L4.7,13.1L2.1,14.6M12.1,14L11.8,13.6L7.5,16.1L7.8,16.5C8,16.8 8.3,17.1 8.6,17.3L7,22H9L10.4,17.7H10.5L12,22H14L12.1,16.4C12.6,15.7 12.6,14.8 12.1,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-ambient-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-ambient-light.svg
new file mode 100644
index 00000000..b78bd458
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-ambient-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-ambient-light" viewBox="0 0 24 24"><path d="M3 11H0V9H3V11M3 14H0V16H3V14M5 5.12L2.88 3L1.46 4.41L3.59 6.54L5 5.12M10 5V2H8V5H10M24 9H21V11H24V9M16 5V2H14V5H16M20.41 6.54L22.54 4.42L21.12 3L19 5.12L20.41 6.54M24 14H21V16H24V14M19 9V16C19 17.1 18.1 18 17 18H15V20H9V18H7C5.9 18 5 17.1 5 16V9C5 7.9 5.9 7 7 7H17C18.1 7 19 7.9 19 9M17 9H7V16H17V9M19 19.88L21.12 22L22.54 20.59L20.41 18.47L19 19.88M3.59 18.46L1.47 20.59L2.88 22L5 19.88L3.59 18.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-box.svg
new file mode 100644
index 00000000..7247a10d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-box" viewBox="0 0 24 24"><path d="M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M16,16L19,8H16.5L15,12.5L13.5,8H5V10H8V16H10V10H11.77L14,16H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-classic-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-classic-off.svg
new file mode 100644
index 00000000..2a1fec14
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-classic-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-classic-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L21,21.72L19.73,23L17.73,21H4C2.89,21 2,20.11 2,19V9C2,8 2.76,7.14 3.75,7L2,5.27M8.16,3L12,6.84L15.84,3L17.25,4.41L14.66,7H20C21.11,7 22,7.89 22,9V19C22,19.34 21.92,19.66 21.77,19.94L17,15.18V9H10.82L8.82,7H9.34L6.75,4.41L8.16,3M4,9V19H15.73L5.73,9H4M19.5,9A1,1 0 0,0 18.5,10A1,1 0 0,0 19.5,11A1,1 0 0,0 20.5,10A1,1 0 0,0 19.5,9M19.5,12A1,1 0 0,0 18.5,13A1,1 0 0,0 19.5,14A1,1 0 0,0 20.5,13A1,1 0 0,0 19.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-classic.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-classic.svg
new file mode 100644
index 00000000..2a7b20f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-classic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-classic" viewBox="0 0 24 24"><path d="M8.16,3L6.75,4.41L9.34,7H4C2.89,7 2,7.89 2,9V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V9C22,7.89 21.11,7 20,7H14.66L17.25,4.41L15.84,3L12,6.84L8.16,3M4,9H17V19H4V9M19.5,9A1,1 0 0,1 20.5,10A1,1 0 0,1 19.5,11A1,1 0 0,1 18.5,10A1,1 0 0,1 19.5,9M19.5,12A1,1 0 0,1 20.5,13A1,1 0 0,1 19.5,14A1,1 0 0,1 18.5,13A1,1 0 0,1 19.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-guide.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-guide.svg
new file mode 100644
index 00000000..224c34c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-guide.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-guide" viewBox="0 0 24 24"><path d="M21,17V5H3V17H21M21,3A2,2 0 0,1 23,5V17A2,2 0 0,1 21,19H16V21H8V19H3A2,2 0 0,1 1,17V5A2,2 0 0,1 3,3H21M5,7H11V11H5V7M5,13H11V15H5V13M13,7H19V9H13V7M13,11H19V15H13V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-off.svg
new file mode 100644
index 00000000..92385e21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-off" viewBox="0 0 24 24"><path d="M0.5,2.77L1.78,1.5L21,20.72L19.73,22L16.73,19H16V21H8V19H3A2,2 0 0,1 1,17V5C1,4.5 1.17,4.07 1.46,3.73L0.5,2.77M21,17V5H7.82L5.82,3H21A2,2 0 0,1 23,5V17C23,17.85 22.45,18.59 21.7,18.87L19.82,17H21M3,17H14.73L3,5.27V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-pause.svg
new file mode 100644
index 00000000..afdf4420
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-pause" viewBox="0 0 24 24"><path d="M3 3C1.89 3 1 3.89 1 5V17C1 18.1 1.9 19 3 19H8V21H16V19H21C22.1 19 23 18.1 23 17V5C23 3.89 22.1 3 21 3M3 5H21V17H3M9 8V14H11V8M13 8V14H15V8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-play.svg
new file mode 100644
index 00000000..3b0f662a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-play" viewBox="0 0 24 24"><path d="M21,3H3C1.89,3 1,3.89 1,5V17A2,2 0 0,0 3,19H8V21H16V19H21A2,2 0 0,0 23,17V5C23,3.89 22.1,3 21,3M21,17H3V5H21M16,11L9,15V7" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-shimmer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-shimmer.svg
new file mode 100644
index 00000000..8c7f6333
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-shimmer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-shimmer" viewBox="0 0 24 24"><path d="M21 17H3V5H21M21 3H3C1.9 3 1 3.9 1 5V17C1 18.11 1.9 19 3 19H8V21H16V19H21C22.11 19 23 18.11 23 17V5C23 3.9 22.11 3 21 3M15 6.5L14.38 7.87L13 8.5L14.38 9.13L15 10.5L15.63 9.13L17 8.5L15.63 7.87L15 6.5M10.5 8.5L9.41 10.91L7 12L9.41 13.09L10.5 15.5L11.6 13.09L14 12L11.6 10.91L10.5 8.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker-off.svg
new file mode 100644
index 00000000..f2ec7a36
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-speaker-off" viewBox="0 0 24 24"><path d="M21 9H16C15 9 14.1 9.8 14 10.8L17.8 14.6C18 14.5 18.2 14.5 18.5 14.5H18.6C20.3 14.5 21.6 15.8 21.6 17.5C21.6 17.7 21.6 18 21.5 18.2L23.1 19.8V11C23 9.9 22.1 9 21 9M18.5 13.5C17.7 13.5 17 12.8 17 12S17.7 10.5 18.5 10.5 20 11.2 20 12 19.3 13.5 18.5 13.5M23 5V7H21V5H8.2L6.2 3H21C22.1 3 23 3.9 23 5M2.4 1.7L1.1 3L1.6 3.5C1.3 3.9 1 4.4 1 5V17C1 18.1 1.9 19 3 19H8V21H12V17H3V5H3.1L14 15.9V20C14 21.1 14.9 22 16 22H20.1L20.8 22.7L22.2 21.5L2.4 1.7M18.5 20.5C16.8 20.5 15.5 19.2 15.5 17.5V17.4L18.6 20.5H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker.svg
new file mode 100644
index 00000000..aa4ecb04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-speaker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-speaker" viewBox="0 0 24 24"><path d="M3 3C1.9 3 1 3.9 1 5V17C1 18.1 1.9 19 3 19H8V21H12V17H3V5H21V7H23V5C23 3.9 22.1 3 21 3H3M21 9H16C14.9 9 14 9.9 14 11V20C14 21.1 14.9 22 16 22H21C22.1 22 23 21.1 23 20V11C23 9.9 22.1 9 21 9M18.5 10.5C19.3 10.5 20 11.2 20 12S19.3 13.5 18.5 13.5 17 12.8 17 12 17.7 10.5 18.5 10.5M18.5 20.5C16.8 20.5 15.5 19.2 15.5 17.5C15.5 15.9 16.8 14.5 18.4 14.5H18.5C20.2 14.5 21.5 15.8 21.5 17.5S20.2 20.5 18.5 20.5M18.5 16C17.7 16 17 16.7 17 17.5S17.7 19 18.5 19 20 18.3 20 17.5 19.3 16 18.5 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television-stop.svg
new file mode 100644
index 00000000..aad45f15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television-stop" viewBox="0 0 24 24"><path d="M3 3H21C22.1 3 23 3.89 23 5V17C23 18.1 22.1 19 21 19H16V21H8V19H3C1.9 19 1 18.1 1 17V5C1 3.89 1.89 3 3 3M3 5V17H21V5H3M9 8H15V14H9V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/television.svg b/apps/phoenix_webcomponent/priv/mdi/svg/television.svg
new file mode 100644
index 00000000..c7b77001
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/television.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-television" viewBox="0 0 24 24"><path d="M21,17H3V5H21M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H8V21H16V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temperature-celsius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-celsius.svg
new file mode 100644
index 00000000..38fa0128
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-celsius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temperature-celsius" viewBox="0 0 24 24"><path d="M16.5,5C18.05,5 19.5,5.47 20.69,6.28L19.53,9.17C18.73,8.44 17.67,8 16.5,8C14,8 12,10 12,12.5C12,15 14,17 16.5,17C17.53,17 18.47,16.66 19.23,16.08L20.37,18.93C19.24,19.61 17.92,20 16.5,20A7.5,7.5 0 0,1 9,12.5A7.5,7.5 0 0,1 16.5,5M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temperature-fahrenheit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-fahrenheit.svg
new file mode 100644
index 00000000..98d5783f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-fahrenheit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temperature-fahrenheit" viewBox="0 0 24 24"><path d="M11,20V5H20V8H14V11H19V14H14V20H11M6,3A3,3 0 0,1 9,6A3,3 0 0,1 6,9A3,3 0 0,1 3,6A3,3 0 0,1 6,3M6,5A1,1 0 0,0 5,6A1,1 0 0,0 6,7A1,1 0 0,0 7,6A1,1 0 0,0 6,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temperature-kelvin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-kelvin.svg
new file mode 100644
index 00000000..b266c8ab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temperature-kelvin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temperature-kelvin" viewBox="0 0 24 24"><path d="M7,5H10V11L15,5H19L13.88,10.78L19,20H15.38L11.76,13.17L10,15.15V20H7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist-outline.svg
new file mode 100644
index 00000000..ae01e066
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temple-buddhist-outline" viewBox="0 0 24 24"><path d="M21 9C21 10.1 20.1 11 19 11H18V8.9C19.7 8.5 21 6.9 21 5.1H19C19 6.2 18.1 7.1 17 7.1H16.5L12 1L7.5 7H7C5.9 7 5 6.1 5 5H3C3 6.9 4.3 8.4 6 8.8V11H5C3.9 11 3 10.1 3 9H1C1 10.9 2.3 12.4 4 12.8V22H11V18C11 17.5 11.4 17 12 17S13 17.5 13 18V22H20V12.9C21.7 12.5 23 10.9 23 9.1L21 9M12 4.3L14 7H10L12 4.3M8 9H16V11H8V9M18 20H15V18C15 16.4 13.6 15 12 15S9 16.4 9 18V20H6V13H18V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist.svg
new file mode 100644
index 00000000..58a22061
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temple-buddhist.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temple-buddhist" viewBox="0 0 24 24"><path d="M21 9C21 10.1 20.1 11 19 11H5C3.9 11 3 10.1 3 9H1C1 10.9 2.3 12.4 4 12.8V22H10V19C10 17.9 10.9 17 12 17S14 17.9 14 19V22H20V12.9C20.5 12.8 23 11.9 23 9H21M6 8.9V10H18V8.9C18.5 8.8 21 7.9 21 5H19C19 6.1 18.1 7 17 7H7C5.9 7 5 6.1 5 5H3C3 6.9 4.3 8.4 6 8.9M12 1L8.2 6H15.7L12 1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu-outline.svg
new file mode 100644
index 00000000..fbb9b8ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temple-hindu-outline" viewBox="0 0 24 24"><path d="M20 11V13H18L15 3V1H13V3H11V1H9V3.1L6 13H4V11H2V22H11V17H13V22H22V11H20M15.3 11H8.7L9.3 9H14.7L15.3 11M14.1 7H9.9L10.5 5H13.5L14.1 7M20 20H15V15H9V20H4V15H7.5L8.1 13H15.9L16.5 15H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu.svg
new file mode 100644
index 00000000..734e6114
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/temple-hindu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-temple-hindu" viewBox="0 0 24 24"><path d="M6.6 11H17.4L16.5 8H7.5L6.6 11M20 11V13H4V11H2V22H10V17H14V22H22V11H20M15.9 6L15 3V1H13V3H11V1H9V3.1L8.1 6H15.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tennis-ball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tennis-ball.svg
new file mode 100644
index 00000000..f415215e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tennis-ball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tennis-ball" viewBox="0 0 24 24"><path d="M12,2C14.5,2 16.75,2.9 18.5,4.4C16.36,6.23 15,8.96 15,12C15,15.04 16.36,17.77 18.5,19.6C16.75,21.1 14.5,22 12,22C9.5,22 7.25,21.1 5.5,19.6C7.64,17.77 9,15.04 9,12C9,8.96 7.64,6.23 5.5,4.4C7.25,2.9 9.5,2 12,2M22,12C22,14.32 21.21,16.45 19.88,18.15C18.12,16.68 17,14.47 17,12C17,9.53 18.12,7.32 19.88,5.85C21.21,7.55 22,9.68 22,12M2,12C2,9.68 2.79,7.55 4.12,5.85C5.88,7.32 7,9.53 7,12C7,14.47 5.88,16.68 4.12,18.15C2.79,16.45 2,14.32 2,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tennis.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tennis.svg
new file mode 100644
index 00000000..44e3f9ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tennis.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tennis" viewBox="0 0 24 24"><path d="M18,15A4,4 0 0,1 22,19A4,4 0 0,1 18,23A4,4 0 0,1 14,19A4,4 0 0,1 18,15M18,17A2,2 0 0,0 16,19A2,2 0 0,0 18,21A2,2 0 0,0 20,19A2,2 0 0,0 18,17M6.05,14.54C6.05,14.54 7.46,13.12 7.47,10.3C7.11,8.11 7.97,5.54 9.94,3.58C12.87,0.65 17.14,0.17 19.5,2.5C21.83,4.86 21.35,9.13 18.42,12.06C16.46,14.03 13.89,14.89 11.7,14.53C8.88,14.54 7.46,15.95 7.46,15.95L3.22,20.19L1.81,18.78L6.05,14.54M18.07,3.93C16.5,2.37 13.5,2.84 11.35,5C9.21,7.14 8.73,10.15 10.29,11.71C11.86,13.27 14.86,12.79 17,10.65C19.16,8.5 19.63,5.5 18.07,3.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tent.svg
new file mode 100644
index 00000000..7a7c40c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tent" viewBox="0 0 24 24"><path d="M4,6C4,7.19 4.39,8.27 5,9A3,3 0 0,1 2,6A3,3 0 0,1 5,3C4.39,3.73 4,4.81 4,6M2,21V19H4.76L12,4.78L19.24,19H22V21H2M12,9.19L7,19H17L12,9.19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/terraform.svg b/apps/phoenix_webcomponent/priv/mdi/svg/terraform.svg
new file mode 100644
index 00000000..85fe759e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/terraform.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-terraform" viewBox="0 0 24 24"><path d="M21 5.4V11.8L15.4 15V8.7L21 5.4M14.8 8.7V15L9.2 11.8V5.4L14.8 8.7M14.8 15.7V22.1L9.2 18.9V12.5L14.8 15.7M8.6 5.1V11.5L3 8.3V1.9L8.6 5.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/terrain.svg b/apps/phoenix_webcomponent/priv/mdi/svg/terrain.svg
new file mode 100644
index 00000000..b6665f9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/terrain.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-terrain" viewBox="0 0 24 24"><path d="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-empty.svg
new file mode 100644
index 00000000..ba407039
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-test-tube-empty" viewBox="0 0 24 24"><path d="M7,2H17V4H16V18A4,4 0 0,1 12,22A4,4 0 0,1 8,18V4H7V2M14,4H10V18A2,2 0 0,0 12,20A2,2 0 0,0 14,18V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-off.svg
new file mode 100644
index 00000000..872a7422
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-test-tube-off" viewBox="0 0 24 24"><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.84,19.11C15.36,20.77 13.82,22 12,22A4,4 0 0,1 8,18V11.27L2,5.27M7,2H17V4H16V14.18L13.63,11.81C13.86,11.63 14,11.35 14,11C14,10.4 13.6,10 13,10C12.65,10 12.37,10.14 12.19,10.37L8,6.18V4H7V2M11,16C11.5,16 11.88,15.71 12,15.24L10.76,14C10.29,14.12 10,14.5 10,15C10,15.6 10.4,16 11,16M14,7V4H10V7H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/test-tube.svg b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube.svg
new file mode 100644
index 00000000..f6156ed9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/test-tube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-test-tube" viewBox="0 0 24 24"><path d="M7,2V4H8V18A4,4 0 0,0 12,22A4,4 0 0,0 16,18V4H17V2H7M11,16C10.4,16 10,15.6 10,15C10,14.4 10.4,14 11,14C11.6,14 12,14.4 12,15C12,15.6 11.6,16 11,16M13,12C12.4,12 12,11.6 12,11C12,10.4 12.4,10 13,10C13.6,10 14,10.4 14,11C14,11.6 13.6,12 13,12M14,7H10V4H14V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-account.svg
new file mode 100644
index 00000000..cfb22864
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-account" viewBox="0 0 24 24"><path d="M21 5V7H3V5H21M3 17H12V15H3V17M3 12H21V10H3V12M18 14C19.11 14 20 14.9 20 16S19.11 18 18 18 16 17.11 16 16 16.9 14 18 14M14 22V21C14 19.9 15.79 19 18 19S22 19.9 22 21V22H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check-outline.svg
new file mode 100644
index 00000000..f871ccd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-check-outline" viewBox="0 0 24 24"><path d="M17,21L14.25,18L15.41,16.84L17,18.43L20.59,14.84L21.75,16.25M12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21M12,17H7V15H12M14.68,13H7V11H17V12.08C16.15,12.22 15.37,12.54 14.68,13M17,9H7V7H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check.svg
new file mode 100644
index 00000000..8a9e6a4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-check" viewBox="0 0 24 24"><path d="M17,21L14.25,18L15.41,16.84L17,18.43L20.59,14.84L21.75,16.25M12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21M12,15H7V17H12M17,7H7V9H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit-outline.svg
new file mode 100644
index 00000000..efc246a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-edit-outline" viewBox="0 0 24 24"><path d="M10 21H5C3.89 21 3 20.11 3 19V5C3 3.89 3.89 3 5 3H19C20.11 3 21 3.89 21 5V10.33C20.7 10.21 20.37 10.14 20.04 10.14C19.67 10.14 19.32 10.22 19 10.37V5H5V19H10.11L10 19.11V21M7 9H17V7H7V9M7 17H12.11L14 15.12V15H7V17M7 13H16.12L17 12.12V11H7V13M21.7 13.58L20.42 12.3C20.21 12.09 19.86 12.09 19.65 12.3L18.65 13.3L20.7 15.35L21.7 14.35C21.91 14.14 21.91 13.79 21.7 13.58M12 22H14.06L20.11 15.93L18.06 13.88L12 19.94V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit.svg
new file mode 100644
index 00000000..7c13309f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-edit" viewBox="0 0 24 24"><path d="M10 19.11L12.11 17H7V15H14V15.12L16.12 13H7V11H17V12.12L18.24 10.89C18.72 10.41 19.35 10.14 20.04 10.14C20.37 10.14 20.7 10.21 21 10.33V5C21 3.89 20.1 3 19 3H5C3.89 3 3 3.89 3 5V19C3 20.11 3.9 21 5 21H10V19.11M7 7H17V9H7V7M21.7 14.35L20.7 15.35L18.65 13.3L19.65 12.3C19.86 12.09 20.21 12.09 20.42 12.3L21.7 13.58C21.91 13.79 21.91 14.14 21.7 14.35M12 19.94L18.06 13.88L20.11 15.93L14.06 22H12V19.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus-outline.svg
new file mode 100644
index 00000000..f1a4b449
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-minus-outline" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus.svg
new file mode 100644
index 00000000..9796127f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-minus" viewBox="0 0 24 24"><path d="M22,17V19H14V17H22M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple-outline.svg
new file mode 100644
index 00000000..07759c1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-multiple-outline" viewBox="0 0 24 24"><path d="M16,15H9V13H16V15M19,11H9V9H19V11M19,7H9V5H19V7M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3M21,1A2,2 0 0,1 23,3V17C23,18.11 22.11,19 21,19H7A2,2 0 0,1 5,17V3C5,1.89 5.89,1 7,1H21M7,3V17H21V3H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple.svg
new file mode 100644
index 00000000..c9a579f9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-multiple" viewBox="0 0 24 24"><path d="M16,15H9V13H16M19,11H9V9H19M19,7H9V5H19M21,1H7C5.89,1 5,1.89 5,3V17C5,18.11 5.9,19 7,19H21C22.11,19 23,18.11 23,17V3C23,1.89 22.1,1 21,1M3,5V21H19V23H3A2,2 0 0,1 1,21V5H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-outline.svg
new file mode 100644
index 00000000..cd59d6be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.89 3,5V19C3,20.11 3.89,21 5,21H19C20.11,21 21,20.11 21,19V5C21,3.89 20.11,3 19,3H5M5,5H19V19H5V5M7,7V9H17V7H7M7,11V13H17V11H7M7,15V17H14V15H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus-outline.svg
new file mode 100644
index 00000000..3989e932
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-plus-outline" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus.svg
new file mode 100644
index 00000000..95bbe1b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-plus" viewBox="0 0 24 24"><path d="M17,14H19V17H22V19H19V22H17V19H14V17H17V14M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove-outline.svg
new file mode 100644
index 00000000..bf939d4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-remove-outline" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M5,3H19C20.11,3 21,3.89 21,5V12.8C20.39,12.45 19.72,12.2 19,12.08V5H5V19H12.08C12.2,19.72 12.45,20.39 12.8,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H17V12.08C16.15,12.22 15.37,12.54 14.68,13H7V11M7,15H12V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove.svg
new file mode 100644
index 00000000..d0a9501a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-remove" viewBox="0 0 24 24"><path d="M14.46,15.88L15.88,14.46L18,16.59L20.12,14.46L21.54,15.88L19.41,18L21.54,20.12L20.12,21.54L18,19.41L15.88,21.54L14.46,20.12L16.59,18L14.46,15.88M12,17V15H7V17H12M17,11H7V13H14.69C13.07,14.07 12,15.91 12,18C12,19.09 12.29,20.12 12.8,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V12.8C20.12,12.29 19.09,12 18,12L17,12.08V11M17,9V7H7V9H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search-outline.svg
new file mode 100644
index 00000000..e29f7034
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-search-outline" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M5,3H19C20.11,3 21,3.89 21,5V13.03C20.5,12.23 19.81,11.54 19,11V5H5V19H9.5C9.81,19.75 10.26,20.42 10.81,21H5C3.89,21 3,20.11 3,19V5C3,3.89 3.89,3 5,3M7,7H17V9H7V7M7,11H12.03C11.23,11.5 10.54,12.19 10,13H7V11M7,15H9.17C9.06,15.5 9,16 9,16.5V17H7V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search.svg
new file mode 100644
index 00000000..20c917af
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box-search" viewBox="0 0 24 24"><path d="M15.5,12C18,12 20,14 20,16.5C20,17.38 19.75,18.21 19.31,18.9L22.39,22L21,23.39L17.88,20.32C17.19,20.75 16.37,21 15.5,21C13,21 11,19 11,16.5C11,14 13,12 15.5,12M15.5,14A2.5,2.5 0 0,0 13,16.5A2.5,2.5 0 0,0 15.5,19A2.5,2.5 0 0,0 18,16.5A2.5,2.5 0 0,0 15.5,14M7,15V17H9C9.14,18.55 9.8,19.94 10.81,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19A2,2 0 0,1 21,5V13.03C19.85,11.21 17.82,10 15.5,10C14.23,10 13.04,10.37 12.04,11H7V13H10C9.64,13.6 9.34,14.28 9.17,15H7M17,9V7H7V9H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-box.svg
new file mode 100644
index 00000000..7add62ac
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-box" viewBox="0 0 24 24"><path d="M14,17H7V15H14M17,13H7V11H17M17,9H7V7H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-long.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-long.svg
new file mode 100644
index 00000000..d4ca47b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-long.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-long" viewBox="0 0 24 24"><path d="M4,5H20V7H4V5M4,9H20V11H4V9M4,13H20V15H4V13M4,17H14V19H4V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-recognition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-recognition.svg
new file mode 100644
index 00000000..30dde950
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-recognition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-recognition" viewBox="0 0 24 24"><path d="M2 4C2 2.9 2.9 2 4 2H8V4H4V8H2V4M22 20C22 21.11 21.11 22 20 22H16V20H20V16H22V20M4 22C2.9 22 2 21.11 2 20V16H4V20H8V22H4M20 2C21.11 2 22 2.9 22 4V8H20V4H16V2H20M9 7V9H11V17H13V9H15V7H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-search-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-search-variant.svg
new file mode 100644
index 00000000..326b786b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-search-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-search-variant" viewBox="0 0 24 24"><path d="M9 6V8H2V6H9M9 11V13H2V11H9M18 16V18H2V16H18M19.31 11.5C19.75 10.82 20 10 20 9.11C20 6.61 18 4.61 15.5 4.61S11 6.61 11 9.11 13 13.61 15.5 13.61C16.37 13.61 17.19 13.36 17.88 12.93L21 16L22.39 14.61L19.31 11.5M15.5 11.61C14.12 11.61 13 10.5 13 9.11S14.12 6.61 15.5 6.61 18 7.73 18 9.11 16.88 11.61 15.5 11.61Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-search.svg
new file mode 100644
index 00000000..c0bac8ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-search" viewBox="0 0 24 24"><path d="M19.31 18.9L22.39 22L21 23.39L17.88 20.32C17.19 20.75 16.37 21 15.5 21C13 21 11 19 11 16.5C11 14 13 12 15.5 12C18 12 20 14 20 16.5C20 17.38 19.75 18.21 19.31 18.9M15.5 19C16.88 19 18 17.88 18 16.5C18 15.12 16.88 14 15.5 14C14.12 14 13 15.12 13 16.5C13 17.88 14.12 19 15.5 19M21 4V6H3V4H21M3 16V14H9V16H3M3 11V9H21V11H18.97C17.96 10.37 16.77 10 15.5 10C14.23 10 13.04 10.37 12.03 11H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-shadow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-shadow.svg
new file mode 100644
index 00000000..4ff8b71a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-shadow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-shadow" viewBox="0 0 24 24"><path d="M3,3H16V6H11V18H8V6H3V3M12,7H14V9H12V7M15,7H17V9H15V7M18,7H20V9H18V7M12,10H14V12H12V10M12,13H14V15H12V13M12,16H14V18H12V16M12,19H14V21H12V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text-short.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text-short.svg
new file mode 100644
index 00000000..28f6f339
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text-short.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text-short" viewBox="0 0 24 24"><path d="M4,9H20V11H4V9M4,13H14V15H4V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/text.svg
new file mode 100644
index 00000000..af1050fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-text" viewBox="0 0 24 24"><path d="M21,6V8H3V6H21M3,18H12V16H3V18M3,13H21V11H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/texture-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/texture-box.svg
new file mode 100644
index 00000000..179b2773
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/texture-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-texture-box" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.11 2.9 22 4 22H20C21.11 22 22 21.11 22 20V4C22 2.9 21.11 2 20 2M4 6L6 4H10.9L4 10.9V6M4 13.7L13.7 4H18.6L4 18.6V13.7M20 18L18 20H13.1L20 13.1V18M20 10.3L10.3 20H5.4L20 5.4V10.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/texture.svg b/apps/phoenix_webcomponent/priv/mdi/svg/texture.svg
new file mode 100644
index 00000000..66196199
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/texture.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-texture" viewBox="0 0 24 24"><path d="M9.29,21H12.12L21,12.12V9.29M19,21C19.55,21 20.05,20.78 20.41,20.41C20.78,20.05 21,19.55 21,19V17L17,21M5,3A2,2 0 0,0 3,5V7L7,3M11.88,3L3,11.88V14.71L14.71,3M19.5,3.08L3.08,19.5C3.17,19.85 3.35,20.16 3.59,20.41C3.84,20.65 4.15,20.83 4.5,20.92L20.93,4.5C20.74,3.8 20.2,3.26 19.5,3.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/theater.svg b/apps/phoenix_webcomponent/priv/mdi/svg/theater.svg
new file mode 100644
index 00000000..11ab6aff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/theater.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-theater" viewBox="0 0 24 24"><path d="M4,15H6A2,2 0 0,1 8,17V19H9V17A2,2 0 0,1 11,15H13A2,2 0 0,1 15,17V19H16V17A2,2 0 0,1 18,15H20A2,2 0 0,1 22,17V19H23V22H1V19H2V17A2,2 0 0,1 4,15M11,7L15,10L11,13V7M4,2H20A2,2 0 0,1 22,4V13.54C21.41,13.19 20.73,13 20,13V4H4V13C3.27,13 2.59,13.19 2,13.54V4A2,2 0 0,1 4,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/theme-light-dark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/theme-light-dark.svg
new file mode 100644
index 00000000..92d02182
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/theme-light-dark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-theme-light-dark" viewBox="0 0 24 24"><path d="M7.5,2C5.71,3.15 4.5,5.18 4.5,7.5C4.5,9.82 5.71,11.85 7.53,13C4.46,13 2,10.54 2,7.5A5.5,5.5 0 0,1 7.5,2M19.07,3.5L20.5,4.93L4.93,20.5L3.5,19.07L19.07,3.5M12.89,5.93L11.41,5L9.97,6L10.39,4.3L9,3.24L10.75,3.12L11.33,1.47L12,3.1L13.73,3.13L12.38,4.26L12.89,5.93M9.59,9.54L8.43,8.81L7.31,9.59L7.65,8.27L6.56,7.44L7.92,7.35L8.37,6.06L8.88,7.33L10.24,7.36L9.19,8.23L9.59,9.54M19,13.5A5.5,5.5 0 0,1 13.5,19C12.28,19 11.15,18.6 10.24,17.93L17.93,10.24C18.6,11.15 19,12.28 19,13.5M14.6,20.08L17.37,18.93L17.13,22.28L14.6,20.08M18.93,17.38L20.08,14.61L22.28,17.15L18.93,17.38M20.08,12.42L18.94,9.64L22.28,9.88L20.08,12.42M9.63,18.93L12.4,20.08L9.87,22.27L9.63,18.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-alert.svg
new file mode 100644
index 00000000..d3c52136
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-alert" viewBox="0 0 24 24"><path d="M17 13V7H19V13H17M17 17V15H19V17H17M13 13V5C13 3.3 11.7 2 10 2S7 3.3 7 5V13C4.8 14.7 4.3 17.8 6 20S10.8 22.7 13 21 15.7 16.2 14 14C13.7 13.6 13.4 13.3 13 13M10 4C10.6 4 11 4.4 11 5V8H9V5C9 4.4 9.4 4 10 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-auto.svg
new file mode 100644
index 00000000..138bbc5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-auto" viewBox="0 0 24 24"><path d="M12 14C11.7 13.6 11.4 13.3 11 13V5C11 3.3 9.7 2 8 2S5 3.3 5 5V13C2.8 14.7 2.3 17.8 4 20S8.8 22.7 11 21 13.7 16.2 12 14M9 8H7V5C7 4.5 7.5 4 8 4S9 4.5 9 5V8M18 3H16L12.8 12H14.7L15.4 10H18.6L19.3 12H21.2L18 3M15.8 8.7L17 5L18.2 8.7H15.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-bluetooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-bluetooth.svg
new file mode 100644
index 00000000..089c1f3a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-bluetooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-bluetooth" viewBox="0 0 24 24"><path d="M11 13V5C11 3.34 9.66 2 8 2S5 3.34 5 5V13C2.79 14.66 2.34 17.79 4 20S8.79 22.66 11 21 13.66 16.21 12 14C11.72 13.62 11.38 13.28 11 13M8 4C8.55 4 9 4.45 9 5V8H7V5C7 4.45 7.45 4 8 4M18 8V11.79L15.71 9.5L15 10.21L17.79 13L15 15.79L15.71 16.5L18 14.21V18H18.5L21.35 15.14L19.21 13L21.35 10.85L18.5 8H18M19 9.91L19.94 10.85L19 11.79V9.91M19 14.21L19.94 15.14L19 16.08V14.21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-check.svg
new file mode 100644
index 00000000..096cc455
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-check" viewBox="0 0 24 24"><path d="M10 13V5C10 3.34 8.66 2 7 2S4 3.34 4 5V13C1.79 14.66 1.34 17.79 3 20S7.79 22.66 10 21 12.66 16.21 11 14C10.72 13.62 10.38 13.28 10 13M7 4C7.55 4 8 4.45 8 5V8H6V5C6 4.45 6.45 4 7 4M16.25 15.16L13.5 12.16L14.66 11L16.25 12.59L19.84 9L21 10.41L16.25 15.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-down.svg
new file mode 100644
index 00000000..dbaf1e21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-chevron-down" viewBox="0 0 24 24"><path d="M17.41 12.17L14.24 9L12.83 10.41L17.41 15L22 10.41L20.58 9M10 13V5C10 3.34 8.66 2 7 2S4 3.34 4 5V13C1.79 14.66 1.34 17.79 3 20S7.79 22.66 10 21 12.66 16.21 11 14C10.72 13.62 10.38 13.28 10 13M7 4C7.55 4 8 4.45 8 5V8H6V5C6 4.45 6.45 4 7 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-up.svg
new file mode 100644
index 00000000..34c10023
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-chevron-up" viewBox="0 0 24 24"><path d="M17.41 11.83L20.58 15L22 13.59L17.41 9L12.82 13.59L14.24 15L17.41 11.83M10 13V5C10 3.34 8.66 2 7 2S4 3.34 4 5V13C1.79 14.66 1.34 17.79 3 20S7.79 22.66 10 21 12.66 16.21 11 14C10.72 13.62 10.38 13.28 10 13M7 4C7.55 4 8 4.45 8 5V8H6V5C6 4.45 6.45 4 7 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-high.svg
new file mode 100644
index 00000000..6650db79
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-high" viewBox="0 0 24 24"><path d="M15 13V5A3 3 0 0 0 9 5V13A5 5 0 1 0 15 13M12 4A1 1 0 0 1 13 5H11A1 1 0 0 1 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-lines.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-lines.svg
new file mode 100644
index 00000000..2f729431
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-lines.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-lines" viewBox="0 0 24 24"><path d="M17 3H21V5H17V3M17 7H21V9H17V7M17 11H21V13H17.75L17 12.1V11M21 15V17H19C19 16.31 18.9 15.63 18.71 15H21M7 3V5H3V3H7M7 7V9H3V7H7M7 11V12.1L6.25 13H3V11H7M3 15H5.29C5.1 15.63 5 16.31 5 17H3V15M15 13V5C15 3.34 13.66 2 12 2S9 3.34 9 5V13C6.79 14.66 6.34 17.79 8 20S12.79 22.66 15 21 17.66 16.21 16 14C15.72 13.62 15.38 13.28 15 13M12 4C12.55 4 13 4.45 13 5V8H11V5C11 4.45 11.45 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-low.svg
new file mode 100644
index 00000000..5d1ec5d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-low" viewBox="0 0 24 24"><path d="M15 13V5A3 3 0 0 0 9 5V13A5 5 0 1 0 15 13M12 4A1 1 0 0 1 13 5V12H11V5A1 1 0 0 1 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-minus.svg
new file mode 100644
index 00000000..09d9325a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-minus" viewBox="0 0 24 24"><path d="M22 11H14V13H22V11M11 13V5C11 3.34 9.66 2 8 2S5 3.34 5 5V13C2.79 14.66 2.34 17.79 4 20S8.79 22.66 11 21 13.66 16.21 12 14C11.72 13.62 11.38 13.28 11 13M8 4C8.55 4 9 4.45 9 5V8H7V5C7 4.45 7.45 4 8 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-off.svg
new file mode 100644
index 00000000..6df03d65
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-off" viewBox="0 0 24 24"><path d="M11 7.8L9 5.8V5C9 3.34 10.34 2 12 2S15 3.34 15 5V11.8L11.2 8H13V5C13 4.45 12.55 4 12 4S11 4.45 11 5V7.8M22.11 21.46L2.39 1.73L1.11 3L9 10.89V13C6.79 14.66 6.34 17.79 8 20C9.66 22.21 12.79 22.66 15 21C15.84 20.37 16.4 19.5 16.71 18.6L20.84 22.73L22.11 21.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-plus.svg
new file mode 100644
index 00000000..52cc08a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-plus" viewBox="0 0 24 24"><path d="M19 11V8H17V11H14V13H17V16H19V13H22V11M11 13V5C11 3.34 9.66 2 8 2S5 3.34 5 5V13C2.79 14.66 2.34 17.79 4 20S8.79 22.66 11 21 13.66 16.21 12 14C11.72 13.62 11.38 13.28 11 13M8 4C8.55 4 9 4.45 9 5V8H7V5C7 4.45 7.45 4 8 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe-off.svg
new file mode 100644
index 00000000..756ec81d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-probe-off" viewBox="0 0 24 24"><path d="M2 3.64L9.24 10.88L2.81 17.31C1.74 18.38 1.74 20.12 2.81 21.2C3.88 22.27 5.62 22.27 6.7 21.2L13.13 14.77L20.73 22.37L22 21.1L3.27 2.37L2 3.64M10.23 11.86L12.14 13.77C11.89 14.14 11.47 14.38 11 14.38C10.24 14.38 9.62 13.76 9.62 13C9.62 12.53 9.86 12.11 10.23 11.86M14.46 11L13 9.55L13.47 9.47L19.47 3.47L22 2L20.54 4.54L14.54 10.54L14.46 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe.svg
new file mode 100644
index 00000000..29a7b3a7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-probe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-probe" viewBox="0 0 24 24"><path d="M19.47 3.47L13.47 9.47L10.53 10C10.22 10.03 9.94 10.18 9.72 10.4L2.81 17.31C1.74 18.38 1.74 20.12 2.81 21.2C3.88 22.27 5.62 22.27 6.7 21.2L13.61 14.29C13.83 14.07 14 13.79 14.03 13.5L14.54 10.54L20.54 4.54L22 2L19.47 3.47M11 14.38C10.24 14.38 9.62 13.76 9.62 13S10.24 11.62 11 11.62 12.38 12.24 12.38 13C12.37 13.76 11.76 14.38 11 14.38Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-water.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-water.svg
new file mode 100644
index 00000000..7086e803
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer-water.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer-water" viewBox="0 0 24 24"><path d="M10 13V5C10 3.34 8.66 2 7 2S4 3.34 4 5V13C1.79 14.66 1.34 17.79 3 20S7.79 22.66 10 21 12.66 16.21 11 14C10.72 13.62 10.38 13.28 10 13M7 4C7.55 4 8 4.45 8 5V8H6V5C6 4.45 6.45 4 7 4M18 7C18 7 14 11.34 14 14.07C14 19.31 22 19.31 22 14.07C22 11.34 18 7 18 7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer.svg
new file mode 100644
index 00000000..a7815ac2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermometer" viewBox="0 0 24 24"><path d="M15 13V5A3 3 0 0 0 9 5V13A5 5 0 1 0 15 13M12 4A1 1 0 0 1 13 5V8H11V5A1 1 0 0 1 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-auto.svg
new file mode 100644
index 00000000..df72fb37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermostat-auto" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22C12.4 22 12.7 22 13.1 21.9L15.4 15.3L14.8 14.7C15.5 14 16 13 16 11.9C16 11.2 15.8 10.5 15.4 9.9L17.6 7.7C18.5 9 19 10.4 19 12H20C20.3 12 20.6 12.1 20.8 12.2C20.8 12.2 20.9 12.2 20.9 12.3C21.3 12.5 21.7 12.9 21.9 13.4C22 12.9 22 12.5 22 12C22 6.5 17.5 2 12 2M14 8.6C13.4 8.2 12.7 8 12 8C9.8 8 8 9.8 8 12C8 13.1 8.4 14.1 9.2 14.8L7.1 16.9C5.8 15.7 5 13.9 5 12C5 8.1 8.1 5 12 5C13.6 5 15 5.5 16.2 6.4L14 8.6M20 14H18L14.8 23H16.7L17.4 21H20.6L21.3 23H23.2L20 14M17.8 19.7L19 16L20.2 19.7H17.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box-auto.svg
new file mode 100644
index 00000000..0f2eca9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermostat-box-auto" viewBox="0 0 24 24"><path d="M20 14H18L14.8 23H16.7L17.4 21H20.6L21.3 23H23.2L20 14M17.8 19.7L19 16L20.2 19.7H17.8M15.4 15.4L14.8 14.8C15.5 14.1 16 13.1 16 12C16 11.3 15.8 10.6 15.4 10L17.6 7.8C18.5 9 19 10.4 19 12H21V5C21 3.9 20.1 3 19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H13.4L15.4 15.4M9.2 14.8L7 17C5.7 15.7 5 14 5 12C5 8.1 8.1 5 12 5C13.6 5 15 5.5 16.2 6.4L14 8.6C13.4 8.2 12.7 8 12 8C9.8 8 8 9.8 8 12C8 13.1 8.5 14.1 9.2 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box.svg
new file mode 100644
index 00000000..f3daee21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermostat-box" viewBox="0 0 24 24"><path d="M5,3A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3H5M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thermostat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat.svg
new file mode 100644
index 00000000..84c85fef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thermostat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thermostat" viewBox="0 0 24 24"><path d="M16.95,16.95L14.83,14.83C15.55,14.1 16,13.1 16,12C16,11.26 15.79,10.57 15.43,10L17.6,7.81C18.5,9 19,10.43 19,12C19,13.93 18.22,15.68 16.95,16.95M12,5C13.57,5 15,5.5 16.19,6.4L14,8.56C13.43,8.21 12.74,8 12,8A4,4 0 0,0 8,12C8,13.1 8.45,14.1 9.17,14.83L7.05,16.95C5.78,15.68 5,13.93 5,12A7,7 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble-outline.svg
new file mode 100644
index 00000000..3c6d8d35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thought-bubble-outline" viewBox="0 0 24 24"><path d="M3.5,19A1.5,1.5 0 0,1 5,20.5A1.5,1.5 0 0,1 3.5,22A1.5,1.5 0 0,1 2,20.5A1.5,1.5 0 0,1 3.5,19M8.5,16A2.5,2.5 0 0,1 11,18.5A2.5,2.5 0 0,1 8.5,21A2.5,2.5 0 0,1 6,18.5A2.5,2.5 0 0,1 8.5,16M14.5,15C13.31,15 12.23,14.5 11.5,13.65C10.77,14.5 9.69,15 8.5,15C6.54,15 4.91,13.59 4.57,11.74C3.07,11.16 2,9.7 2,8A4,4 0 0,1 6,4L6.77,4.07C7.5,3.41 8.45,3 9.5,3C10.69,3 11.77,3.5 12.5,4.35C13.23,3.5 14.31,3 15.5,3C17.46,3 19.09,4.41 19.43,6.26C20.93,6.84 22,8.3 22,10A4,4 0 0,1 18,14L17.23,13.93C16.5,14.59 15.55,15 14.5,15M6,6A2,2 0 0,0 4,8A2,2 0 0,0 6,10C6.33,10 6.64,9.92 6.92,9.78C6.66,10.12 6.5,10.54 6.5,11A2,2 0 0,0 8.5,13C9.1,13 9.64,12.73 10,12.31V12.31L11.47,10.63L13,12.34V12.34C13.38,12.74 13.91,13 14.5,13C15.5,13 16.33,12.26 16.5,11.3C16.84,11.73 17.39,12 18,12A2,2 0 0,0 20,10A2,2 0 0,0 18,8C17.67,8 17.36,8.08 17.08,8.22C17.34,7.88 17.5,7.46 17.5,7A2,2 0 0,0 15.5,5C14.91,5 14.38,5.26 14,5.66L12.47,7.37L11,5.69V5.69C10.64,5.27 10.1,5 9.5,5C8.5,5 7.67,5.74 7.5,6.7C7.16,6.27 6.61,6 6,6M8.5,17.5A1,1 0 0,0 7.5,18.5A1,1 0 0,0 8.5,19.5A1,1 0 0,0 9.5,18.5A1,1 0 0,0 8.5,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble.svg
new file mode 100644
index 00000000..5ef7c9bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thought-bubble.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thought-bubble" viewBox="0 0 24 24"><path d="M3.5,19A1.5,1.5 0 0,1 5,20.5A1.5,1.5 0 0,1 3.5,22A1.5,1.5 0 0,1 2,20.5A1.5,1.5 0 0,1 3.5,19M8.5,16A2.5,2.5 0 0,1 11,18.5A2.5,2.5 0 0,1 8.5,21A2.5,2.5 0 0,1 6,18.5A2.5,2.5 0 0,1 8.5,16M14.5,15C13.31,15 12.23,14.5 11.5,13.65C10.77,14.5 9.69,15 8.5,15C6.54,15 4.91,13.59 4.57,11.74C3.07,11.16 2,9.7 2,8A4,4 0 0,1 6,4C6.26,4 6.5,4.03 6.77,4.07C7.5,3.41 8.45,3 9.5,3C10.69,3 11.77,3.5 12.5,4.35C13.23,3.5 14.31,3 15.5,3C17.46,3 19.09,4.41 19.43,6.26C20.93,6.84 22,8.3 22,10A4,4 0 0,1 18,14L17.23,13.93C16.5,14.59 15.55,15 14.5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down-outline.svg
new file mode 100644
index 00000000..1aa85029
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumb-down-outline" viewBox="0 0 24 24"><path d="M19,15V3H23V15H19M15,3A2,2 0 0,1 17,5V15C17,15.55 16.78,16.05 16.41,16.41L9.83,23L8.77,21.94C8.5,21.67 8.33,21.3 8.33,20.88L8.36,20.57L9.31,16H3C1.89,16 1,15.1 1,14V12C1,11.74 1.05,11.5 1.14,11.27L4.16,4.22C4.46,3.5 5.17,3 6,3H15M15,5H5.97L3,12V14H11.78L10.65,19.32L15,14.97V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down.svg
new file mode 100644
index 00000000..12743800
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumb-down" viewBox="0 0 24 24"><path d="M19,15H23V3H19M15,3H6C5.17,3 4.46,3.5 4.16,4.22L1.14,11.27C1.05,11.5 1,11.74 1,12V14A2,2 0 0,0 3,16H9.31L8.36,20.57C8.34,20.67 8.33,20.77 8.33,20.88C8.33,21.3 8.5,21.67 8.77,21.94L9.83,23L16.41,16.41C16.78,16.05 17,15.55 17,15V5C17,3.89 16.1,3 15,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up-outline.svg
new file mode 100644
index 00000000..cab7383c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumb-up-outline" viewBox="0 0 24 24"><path d="M5,9V21H1V9H5M9,21A2,2 0 0,1 7,19V9C7,8.45 7.22,7.95 7.59,7.59L14.17,1L15.23,2.06C15.5,2.33 15.67,2.7 15.67,3.11L15.64,3.43L14.69,8H21C22.11,8 23,8.9 23,10V12C23,12.26 22.95,12.5 22.86,12.73L19.84,19.78C19.54,20.5 18.83,21 18,21H9M9,19H18.03L21,12V10H12.21L13.34,4.68L9,9.03V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up.svg
new file mode 100644
index 00000000..cd613a9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumb-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumb-up" viewBox="0 0 24 24"><path d="M23,10C23,8.89 22.1,8 21,8H14.68L15.64,3.43C15.66,3.33 15.67,3.22 15.67,3.11C15.67,2.7 15.5,2.32 15.23,2.05L14.17,1L7.59,7.58C7.22,7.95 7,8.45 7,9V19A2,2 0 0,0 9,21H18C18.83,21 19.54,20.5 19.84,19.78L22.86,12.73C22.95,12.5 23,12.26 23,12V10M1,21H5V9H1V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down-outline.svg
new file mode 100644
index 00000000..85f86b28
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumbs-up-down-outline" viewBox="0 0 24 24"><path d="M12 6C12 5.45 11.55 5 11 5H5.82L6.5 1.82L6.5 1.59C6.5 1.28 6.37 1 6.17 .79L5.38 0L.44 4.94C.17 5.21 0 5.59 0 6V12.5C0 13.33 .67 14 1.5 14H8.25C8.87 14 9.4 13.62 9.63 13.09L11.89 7.8C11.96 7.63 12 7.44 12 7.25V6M10 7.13L7.92 12H2V6.21L3.93 4.28L3.36 7H10V7.13M22.5 10H15.75C15.13 10 14.6 10.38 14.37 10.91L12.11 16.2C12.04 16.37 12 16.56 12 16.75V18C12 18.55 12.45 19 13 19H18.18L17.5 22.18L17.5 22.42C17.5 22.73 17.63 23 17.83 23.22L18.62 24L23.56 19.06C23.83 18.79 24 18.41 24 18V11.5C24 10.67 23.33 10 22.5 10M22 17.79L20.07 19.72L20.64 17H14V16.87L16.08 12H22V17.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down.svg
new file mode 100644
index 00000000..0c6c3dfa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/thumbs-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-thumbs-up-down" viewBox="0 0 24 24"><path d="M22.5,10H15.75C15.13,10 14.6,10.38 14.37,10.91L12.11,16.2C12.04,16.37 12,16.56 12,16.75V18A1,1 0 0,0 13,19H18.18L17.5,22.18V22.42C17.5,22.73 17.63,23 17.83,23.22L18.62,24L23.56,19.06C23.83,18.79 24,18.41 24,18V11.5A1.5,1.5 0 0,0 22.5,10M12,6A1,1 0 0,0 11,5H5.82L6.5,1.82V1.59C6.5,1.28 6.37,1 6.17,0.79L5.38,0L0.44,4.94C0.17,5.21 0,5.59 0,6V12.5A1.5,1.5 0 0,0 1.5,14H8.25C8.87,14 9.4,13.62 9.63,13.09L11.89,7.8C11.96,7.63 12,7.44 12,7.25V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-account.svg
new file mode 100644
index 00000000..a2fb9769
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-account" viewBox="0 0 24 24"><path d="M20,12A2,2 0 0,0 22,14V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V14C3.11,14 4,13.1 4,12A2,2 0 0,0 2,10V6C2,4.89 2.9,4 4,4H20A2,2 0 0,1 22,6V10A2,2 0 0,0 20,12M16.5,16.25C16.5,14.75 13.5,14 12,14C10.5,14 7.5,14.75 7.5,16.25V17H16.5V16.25M12,12.25A2.25,2.25 0 0,0 14.25,10A2.25,2.25 0 0,0 12,7.75A2.25,2.25 0 0,0 9.75,10A2.25,2.25 0 0,0 12,12.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation-outline.svg
new file mode 100644
index 00000000..1069a33f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-confirmation-outline" viewBox="0 0 24 24"><path d="M22 10V6C22 4.89 21.1 4 20 4H4C2.9 4 2 4.89 2 6V10C3.11 10 4 10.9 4 12S3.11 14 2 14V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V14C20.9 14 20 13.1 20 12S20.9 10 22 10M20 8.54C18.81 9.23 18 10.53 18 12S18.81 14.77 20 15.46V18H4V15.46C5.19 14.77 6 13.47 6 12C6 10.5 5.2 9.23 4 8.54L4 6H20V8.54M11 15H13V17H11M11 11H13V13H11M11 7H13V9H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation.svg
new file mode 100644
index 00000000..add0a018
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-confirmation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-confirmation" viewBox="0 0 24 24"><path d="M13,8.5H11V6.5H13V8.5M13,13H11V11H13V13M13,17.5H11V15.5H13V17.5M22,10V6C22,4.89 21.1,4 20,4H4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12A2,2 0 0,1 22,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-outline.svg
new file mode 100644
index 00000000..4fc66ffd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-outline" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V10A2,2 0 0,1 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12A2,2 0 0,1 22,10V6A2,2 0 0,0 20,4H4M4,6H20V8.54C18.76,9.25 18,10.57 18,12C18,13.43 18.76,14.75 20,15.46V18H4V15.46C5.24,14.75 6,13.43 6,12C6,10.57 5.24,9.25 4,8.54V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent-outline.svg
new file mode 100644
index 00000000..5357aa70
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-percent-outline" viewBox="0 0 24 24"><path d="M14.8 8L16 9.2L9.2 16L8 14.8L14.8 8M4 4H20C21.11 4 22 4.89 22 6V10C20.9 10 20 10.9 20 12C20 13.11 20.9 14 22 14V18C22 19.11 21.11 20 20 20H4C2.9 20 2 19.11 2 18V14C3.11 14 4 13.11 4 12C4 10.9 3.11 10 2 10V6C2 4.89 2.9 4 4 4M4 6V8.54C5.24 9.26 6 10.57 6 12C6 13.43 5.24 14.75 4 15.46V18H20V15.46C18.76 14.75 18 13.43 18 12C18 10.57 18.76 9.26 20 8.54V6H4M9.5 8C10.33 8 11 8.67 11 9.5C11 10.33 10.33 11 9.5 11C8.67 11 8 10.33 8 9.5C8 8.67 8.67 8 9.5 8M14.5 13C15.33 13 16 13.67 16 14.5C16 15.33 15.33 16 14.5 16C13.67 16 13 15.33 13 14.5C13 13.67 13.67 13 14.5 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent.svg
new file mode 100644
index 00000000..d8fe61e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket-percent" viewBox="0 0 24 24"><path d="M4,4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12C20,10.89 20.9,10 22,10V6C22,4.89 21.1,4 20,4H4M15.5,7L17,8.5L8.5,17L7,15.5L15.5,7M8.81,7.04C9.79,7.04 10.58,7.83 10.58,8.81A1.77,1.77 0 0,1 8.81,10.58C7.83,10.58 7.04,9.79 7.04,8.81A1.77,1.77 0 0,1 8.81,7.04M15.19,13.42C16.17,13.42 16.96,14.21 16.96,15.19A1.77,1.77 0 0,1 15.19,16.96C14.21,16.96 13.42,16.17 13.42,15.19A1.77,1.77 0 0,1 15.19,13.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ticket.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ticket.svg
new file mode 100644
index 00000000..a8f9d3f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ticket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ticket" viewBox="0 0 24 24"><path d="M15.58,16.8L12,14.5L8.42,16.8L9.5,12.68L6.21,10L10.46,9.74L12,5.8L13.54,9.74L17.79,10L14.5,12.68M20,12C20,10.89 20.9,10 22,10V6C22,4.89 21.1,4 20,4H4A2,2 0 0,0 2,6V10C3.11,10 4,10.9 4,12A2,2 0 0,1 2,14V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V14A2,2 0 0,1 20,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tie.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tie.svg
new file mode 100644
index 00000000..db3d9669
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tie.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tie" viewBox="0 0 24 24"><path d="M6,2L10,6L7,17L12,22L17,17L14,6L18,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tilde-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tilde-off.svg
new file mode 100644
index 00000000..a2438849
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tilde-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tilde-off" viewBox="0 0 24 24"><path d="M20.84 22.73L10.78 12.67C10 12.03 9.27 11.5 8.5 11.5C4.5 11.5 4.5 15 4.5 15H2C2 15 2 9.59 7.16 9.05L1.11 3L2.39 1.73L10.03 9.37L10.03 9.37L15.64 15L15.63 15L22.11 21.46L20.84 22.73M22 9H19.5C19.5 9 19.5 12.38 15.69 12.5L17.95 14.75C22 13.62 22 9 22 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tilde.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tilde.svg
new file mode 100644
index 00000000..f4b786d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tilde.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tilde" viewBox="0 0 24 24"><path d="M2,15C2,15 2,9 8,9C12,9 12.5,12.5 15.5,12.5C19.5,12.5 19.5,9 19.5,9H22C22,9 22,15 16,15C12,15 10.5,11.5 8.5,11.5C4.5,11.5 4.5,15 4.5,15H2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timelapse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timelapse.svg
new file mode 100644
index 00000000..cb028905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timelapse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timelapse" viewBox="0 0 24 24"><path d="M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M16.24,7.76C15.07,6.58 13.53,6 12,6V12L7.76,16.24C10.1,18.58 13.9,18.58 16.24,16.24C18.59,13.9 18.59,10.1 16.24,7.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert-outline.svg
new file mode 100644
index 00000000..5183f836
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-alert-outline" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M10 6V18H22V6H10M15 7H17V13H15V7M15 15H17V17H15V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert.svg
new file mode 100644
index 00000000..2945d5e4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-alert" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M15 7V13H17V7H15M15 15V17H17V15H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check-outline.svg
new file mode 100644
index 00000000..91b829fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-check-outline" viewBox="0 0 24 24"><path d="M22 4H10C8.9 4 8 4.89 8 6V10L6 12L8 14V18C8 19.11 8.9 20 10 20H22C23.11 20 24 19.11 24 18V6C24 4.89 23.11 4 22 4M22 18H10V6H22V18M4 8H2V2H4V8M2 16H4V22H2V16M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M15 15.08L12.25 12.08L13.41 10.92L15 12.5L18.59 8.92L19.75 10.33L15 15.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check.svg
new file mode 100644
index 00000000..0274ebd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-check" viewBox="0 0 24 24"><path d="M4 8H2V2H4V8M2 22H4V16H2V22M3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12C5 10.9 4.11 10 3 10M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19.75 10.33L18.59 8.92L15 12.5L13.41 10.92L12.25 12.08L15 15.08L19.75 10.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock-outline.svg
new file mode 100644
index 00000000..819c60c8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-clock-outline" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M16 4C20.42 4 24 7.58 24 12C24 16.42 20.42 20 16 20C12.4 20 9.36 17.62 8.35 14.35L6 12L8.35 9.65C9.36 6.38 12.4 4 16 4M16 6C12.69 6 10 8.69 10 12C10 15.31 12.69 18 16 18C19.31 18 22 15.31 22 12C22 8.69 19.31 6 16 6M15 13V8H16.5V12.2L19.5 14L18.68 15.26L15 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock.svg
new file mode 100644
index 00000000..7d82b20e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-clock" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M16 4C20.42 4 24 7.58 24 12C24 16.42 20.42 20 16 20C12.4 20 9.36 17.62 8.35 14.35L6 12L8.35 9.65C9.36 6.38 12.4 4 16 4M15 13L19.53 15.79L20.33 14.5L16.5 12.2V7H15V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus-outline.svg
new file mode 100644
index 00000000..946c653f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-minus-outline" viewBox="0 0 24 24"><path d="M2 16H4V22H2V16M4 2H2V8H4V2M20 11H12V13H20V11M3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12C5 10.9 4.11 10 3 10M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M22 6H10V18H22V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus.svg
new file mode 100644
index 00000000..1160e437
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-minus" viewBox="0 0 24 24"><path d="M4 8H2V2H4V8M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M20 11H12V13H20V11M2 22H4V16H2V22M3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12C5 10.9 4.11 10 3 10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-outline.svg
new file mode 100644
index 00000000..5ae1e16a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-outline" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M10 6V18H22V6H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus-outline.svg
new file mode 100644
index 00000000..04f9a5da
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-plus-outline" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M20 11V13H17V16H15V13H12V11H15V8H17V11H20M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M10 6V18H22V6H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus.svg
new file mode 100644
index 00000000..4898ec89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-plus" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M20 11H17V8H15V11H12V13H15V16H17V13H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question-outline.svg
new file mode 100644
index 00000000..71f8fdca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-question-outline" viewBox="0 0 24 24"><path d="M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M4 2V8H2V2H4M2 22V16H4V22H2M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M22 6H10V10.83L8.83 12L10 13.17V18H22V6M16.5 15.5V17H15V15.5H16.5M14.5 10.5H13V10C13 8.34 14.34 7 16 7C17.66 7 19 8.34 19 10C19 10.97 18.5 11.88 17.71 12.41L17.41 12.6C16.84 13 16.5 13.62 16.5 14.3V14.5H15V14.3C15 13.11 15.6 12 16.59 11.35L16.88 11.16C17.27 10.9 17.5 10.47 17.5 10C17.5 9.18 16.83 8.5 16 8.5C15.17 8.5 14.5 9.17 14.5 10V10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question.svg
new file mode 100644
index 00000000..7cac9e90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-question" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M16.5 15.5H15V17H16.5V15.5M14.5 10.5V10C14.5 9.17 15.17 8.5 16 8.5C16.83 8.5 17.5 9.18 17.5 10C17.5 10.47 17.27 10.9 16.88 11.16L16.59 11.35C15.6 12 15 13.11 15 14.3V14.5H16.5V14.3C16.5 13.62 16.84 13 17.41 12.6L17.71 12.41C18.5 11.88 19 10.97 19 10C19 8.34 17.66 7 16 7C14.34 7 13 8.34 13 10V10.5H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove-outline.svg
new file mode 100644
index 00000000..e343c238
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-remove-outline" viewBox="0 0 24 24"><path d="M4 8H2V2H4V8M2 22H4V16H2V22M3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12C5 10.9 4.11 10 3 10M13.88 15.54L16 13.41L18.12 15.53L19.53 14.12L17.41 12L19.53 9.88L18.12 8.47L16 10.59L13.88 8.47L12.47 9.88L14.59 12L12.47 14.12L13.88 15.54M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M22 6H10V18H22V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove.svg
new file mode 100644
index 00000000..6228bb45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-remove" viewBox="0 0 24 24"><path d="M4 8H2V2H4V8M2 22H4V16H2V22M3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12C5 10.9 4.11 10 3 10M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M17.41 12L19.53 9.88L18.12 8.47L16 10.59L13.88 8.47L12.47 9.88L14.59 12L12.47 14.12L13.88 15.53L16 13.41L18.12 15.53L19.53 14.12L17.41 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text-outline.svg
new file mode 100644
index 00000000..2dae74ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-text-outline" viewBox="0 0 24 24"><path d="M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M4 2V8H2V2H4M2 22V16H4V22H2M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M22 6H10V10.83L8.83 12L10 13.17V18H22V6M12 9H20V11H12V9M12 13H18V15H12V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text.svg
new file mode 100644
index 00000000..84061f9d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline-text" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22H4V16H2V22M5 12C5 10.9 4.11 10 3 10C1.9 10 1 10.9 1 12C1 13.11 1.9 14 3 14C4.11 14 5 13.11 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6M19 13H11V15H19V13M21 9H11V11H21V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timeline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timeline.svg
new file mode 100644
index 00000000..7746b5d7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timeline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timeline" viewBox="0 0 24 24"><path d="M4 2V8H2V2H4M2 22V16H4V22H2M5 12C5 13.11 4.11 14 3 14C1.9 14 1 13.11 1 12C1 10.9 1.9 10 3 10C4.11 10 5 10.9 5 12M24 6V18C24 19.11 23.11 20 22 20H10C8.9 20 8 19.11 8 18V14L6 12L8 10V6C8 4.89 8.9 4 10 4H22C23.11 4 24 4.89 24 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-10.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-10.svg
new file mode 100644
index 00000000..3e868dfd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-10.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-10" viewBox="0 0 24 24"><path d="M12.9,13.22C12.9,13.82 12.86,14.33 12.78,14.75C12.7,15.17 12.58,15.5 12.42,15.77C12.26,16.03 12.06,16.22 11.83,16.34C11.6,16.46 11.32,16.5 11,16.5C10.71,16.5 10.43,16.46 10.19,16.34C9.95,16.22 9.75,16.03 9.59,15.77C9.43,15.5 9.3,15.17 9.21,14.75C9.12,14.33 9.08,13.82 9.08,13.22V10.72C9.08,10.12 9.12,9.61 9.21,9.2C9.3,8.79 9.42,8.46 9.59,8.2C9.75,7.95 9.95,7.77 10.19,7.65C10.43,7.54 10.7,7.5 11,7.5C11.31,7.5 11.58,7.54 11.81,7.65C12.05,7.76 12.25,7.94 12.41,8.2C12.57,8.45 12.7,8.78 12.78,9.19C12.86,9.6 12.91,10.11 12.91,10.71V13.22M13.82,7.05C13.5,6.65 13.07,6.35 12.59,6.17C12.12,6 11.58,5.9 11,5.9C10.42,5.9 9.89,6 9.41,6.17C8.93,6.35 8.5,6.64 8.18,7.05C7.84,7.46 7.58,8 7.39,8.64C7.21,9.29 7.11,10.09 7.11,11.03V12.95C7.11,13.89 7.2,14.69 7.39,15.34C7.58,16 7.84,16.53 8.19,16.94C8.53,17.35 8.94,17.65 9.42,17.83C9.9,18 10.43,18.11 11,18.11C11.6,18.11 12.13,18 12.6,17.83C13.08,17.65 13.5,17.35 13.82,16.94C14.16,16.53 14.42,16 14.6,15.34C14.78,14.69 14.88,13.89 14.88,12.95V11.03C14.88,10.09 14.79,9.29 14.6,8.64C14.42,8 14.16,7.45 13.82,7.05M23.78,14.37C23.64,14.09 23.43,13.84 23.15,13.63C22.87,13.42 22.54,13.24 22.14,13.1C21.74,12.96 21.29,12.83 20.79,12.72C20.44,12.65 20.15,12.57 19.92,12.5C19.69,12.41 19.5,12.33 19.37,12.24C19.23,12.15 19.14,12.05 19.09,11.94C19.04,11.83 19,11.7 19,11.55C19,11.41 19.04,11.27 19.1,11.14C19.16,11 19.25,10.89 19.37,10.8C19.5,10.7 19.64,10.62 19.82,10.56C20,10.5 20.22,10.47 20.46,10.47C20.71,10.47 20.93,10.5 21.12,10.58C21.31,10.65 21.47,10.75 21.6,10.87C21.73,11 21.82,11.13 21.89,11.29C21.95,11.45 22,11.61 22,11.78H23.94C23.94,11.39 23.86,11.03 23.7,10.69C23.54,10.35 23.31,10.06 23,9.81C22.71,9.56 22.35,9.37 21.92,9.22C21.5,9.07 21,9 20.46,9C19.95,9 19.5,9.07 19.07,9.21C18.66,9.35 18.3,9.54 18,9.78C17.72,10 17.5,10.3 17.34,10.62C17.18,10.94 17.11,11.27 17.11,11.63C17.11,12 17.19,12.32 17.34,12.59C17.5,12.87 17.7,13.11 18,13.32C18.25,13.53 18.58,13.7 18.96,13.85C19.34,14 19.77,14.11 20.23,14.21C20.62,14.29 20.94,14.38 21.18,14.47C21.42,14.56 21.61,14.66 21.75,14.76C21.88,14.86 21.97,15 22,15.1C22.07,15.22 22.09,15.35 22.09,15.5C22.09,15.81 21.96,16.06 21.69,16.26C21.42,16.46 21.03,16.55 20.5,16.55C20.3,16.55 20.09,16.53 19.88,16.47C19.67,16.42 19.5,16.34 19.32,16.23C19.15,16.12 19,15.97 18.91,15.79C18.8,15.61 18.74,15.38 18.73,15.12H16.84C16.84,15.5 16.92,15.83 17.08,16.17C17.24,16.5 17.47,16.82 17.78,17.1C18.09,17.37 18.47,17.59 18.93,17.76C19.39,17.93 19.91,18 20.5,18C21.04,18 21.5,17.95 21.95,17.82C22.38,17.69 22.75,17.5 23.06,17.28C23.37,17.05 23.6,16.77 23.77,16.45C23.94,16.13 24,15.78 24,15.39C24,15 23.93,14.65 23.78,14.37M0,7.72V9.4L3,8.4V18H5V6H4.75L0,7.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-3.svg
new file mode 100644
index 00000000..6c015b4a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-3" viewBox="0 0 24 24"><path d="M20.87,14.37C20.73,14.09 20.5,13.84 20.24,13.63C19.96,13.42 19.63,13.24 19.23,13.1C18.83,12.96 18.38,12.83 17.88,12.72C17.53,12.65 17.24,12.57 17,12.5C16.78,12.41 16.6,12.33 16.46,12.24C16.32,12.15 16.23,12.05 16.18,11.94C16.13,11.83 16.1,11.7 16.1,11.55C16.1,11.4 16.13,11.27 16.19,11.14C16.25,11 16.34,10.89 16.46,10.8C16.58,10.7 16.73,10.62 16.91,10.56C17.09,10.5 17.31,10.47 17.55,10.47C17.8,10.47 18,10.5 18.21,10.58C18.4,10.65 18.56,10.75 18.69,10.87C18.82,11 18.91,11.13 19,11.29C19.04,11.45 19.08,11.61 19.08,11.78H21.03C21.03,11.39 20.95,11.03 20.79,10.69C20.63,10.35 20.4,10.06 20.1,9.81C19.8,9.56 19.44,9.37 19,9.22C18.58,9.07 18.09,9 17.55,9C17.04,9 16.57,9.07 16.16,9.21C15.75,9.35 15.39,9.54 15.1,9.78C14.81,10 14.59,10.3 14.43,10.62C14.27,10.94 14.2,11.27 14.2,11.63C14.2,12 14.28,12.31 14.43,12.59C14.58,12.87 14.8,13.11 15.07,13.32C15.34,13.53 15.67,13.7 16.05,13.85C16.43,14 16.86,14.11 17.32,14.21C17.71,14.29 18.03,14.38 18.27,14.47C18.5,14.56 18.7,14.66 18.84,14.76C18.97,14.86 19.06,15 19.11,15.1C19.16,15.22 19.18,15.35 19.18,15.5C19.18,15.81 19.05,16.06 18.78,16.26C18.5,16.46 18.12,16.55 17.61,16.55C17.39,16.55 17.18,16.53 16.97,16.47C16.76,16.42 16.57,16.34 16.41,16.23C16.24,16.12 16.11,15.97 16,15.79C15.89,15.61 15.83,15.38 15.82,15.12H13.93C13.93,15.5 14,15.83 14.17,16.17C14.33,16.5 14.56,16.82 14.87,17.1C15.18,17.37 15.56,17.59 16,17.76C16.5,17.93 17,18 17.6,18C18.13,18 18.61,17.95 19.04,17.82C19.47,17.69 19.84,17.5 20.15,17.28C20.46,17.05 20.69,16.77 20.86,16.45C21.03,16.13 21.11,15.78 21.11,15.39C21.09,15 21,14.65 20.87,14.37M11.61,12.97C11.45,12.73 11.25,12.5 11,12.32C10.74,12.13 10.43,11.97 10.06,11.84C10.36,11.7 10.63,11.54 10.86,11.34C11.09,11.14 11.28,10.93 11.43,10.7C11.58,10.47 11.7,10.24 11.77,10C11.85,9.75 11.88,9.5 11.88,9.26C11.88,8.71 11.79,8.22 11.6,7.8C11.42,7.38 11.16,7.03 10.82,6.74C10.5,6.46 10.09,6.24 9.62,6.1C9.17,5.97 8.65,5.9 8.09,5.9C7.54,5.9 7.03,6 6.57,6.14C6.1,6.31 5.7,6.54 5.37,6.83C5.04,7.12 4.77,7.46 4.59,7.86C4.39,8.25 4.3,8.69 4.3,9.15H6.28C6.28,8.89 6.33,8.66 6.42,8.46C6.5,8.26 6.64,8.08 6.8,7.94C6.97,7.8 7.16,7.69 7.38,7.61C7.6,7.53 7.84,7.5 8.11,7.5C8.72,7.5 9.17,7.65 9.47,7.96C9.77,8.27 9.91,8.71 9.91,9.28C9.91,9.55 9.87,9.8 9.79,10C9.71,10.24 9.58,10.43 9.41,10.59C9.24,10.75 9.03,10.87 8.78,10.96C8.53,11.05 8.23,11.09 7.89,11.09H6.72V12.66H7.9C8.24,12.66 8.54,12.7 8.81,12.77C9.08,12.85 9.31,12.96 9.5,13.12C9.69,13.28 9.84,13.5 9.94,13.73C10.04,13.97 10.1,14.27 10.1,14.6C10.1,15.22 9.92,15.69 9.57,16C9.22,16.35 8.73,16.5 8.12,16.5C7.83,16.5 7.56,16.47 7.32,16.38C7.08,16.3 6.88,16.18 6.71,16C6.54,15.86 6.41,15.68 6.32,15.46C6.23,15.24 6.18,15 6.18,14.74H4.19C4.19,15.29 4.3,15.77 4.5,16.19C4.72,16.61 5,16.96 5.37,17.24C5.73,17.5 6.14,17.73 6.61,17.87C7.08,18 7.57,18.08 8.09,18.08C8.66,18.08 9.18,18 9.67,17.85C10.16,17.7 10.58,17.47 10.93,17.17C11.29,16.87 11.57,16.5 11.77,16.07C11.97,15.64 12.07,15.14 12.07,14.59C12.07,14.3 12.03,14 11.96,13.73C11.88,13.5 11.77,13.22 11.61,12.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert-outline.svg
new file mode 100644
index 00000000..292a705c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-alert-outline" viewBox="0 0 24 24"><path d="M9 8H11V14H9V8M13 1H7V3H13V1M17.03 7.39C18.26 8.93 19 10.88 19 13C19 17.97 15 22 10 22C5.03 22 1 17.97 1 13S5.03 4 10 4C12.12 4 14.07 4.74 15.62 6L17.04 4.56C17.55 5 18 5.46 18.45 5.97L17.03 7.39M17 13C17 9.13 13.87 6 10 6S3 9.13 3 13 6.13 20 10 20 17 16.87 17 13M21 7V13H23V7H21M21 17H23V15H21V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert.svg
new file mode 100644
index 00000000..14c81bc9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-alert" viewBox="0 0 24 24"><path d="M18.45 5.97C18 5.46 17.55 5 17.04 4.56L15.62 6C14.07 4.74 12.12 4 10 4C5.03 4 1 8.03 1 13S5.03 22 10 22C15 22 19 17.97 19 13C19 10.88 18.26 8.93 17.03 7.39L18.45 5.97M11 14H9V7H11V14M13 3H7V1H13V3M23 7V13H21V7H23M21 15H23V17H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel-outline.svg
new file mode 100644
index 00000000..1bb7cb15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-cancel-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C15.54 6 18.45 8.62 18.93 12.03C19.65 12.08 20.34 12.23 21 12.5C20.87 10.57 20.16 8.81 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.34 22 12.67 22 13 21.94C12.63 21.35 12.35 20.69 12.18 20C12.12 20 12.06 20 12 20M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel.svg
new file mode 100644
index 00000000..76791788
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-cancel" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M12 18.5C12 19.77 12.37 20.94 13 21.94C12.67 22 12.34 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.16 8.81 20.87 10.57 21 12.5C20.22 12.18 19.38 12 18.5 12C14.91 12 12 14.91 12 18.5M13 7H11V14H13V7M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-check-outline.svg
new file mode 100644
index 00000000..40994641
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-check-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-check.svg
new file mode 100644
index 00000000..b0f3afc2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-check" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19M13 7H11V14H13V7M21.34 15.84L17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog-outline.svg
new file mode 100644
index 00000000..54442ffd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-cog-outline" viewBox="0 0 24 24"><path d="M22.8 19.4C22.9 19.4 22.9 19.5 22.8 19.6L21.8 21.3C21.7 21.4 21.6 21.4 21.5 21.4L20.3 21C20 21.2 19.8 21.3 19.5 21.5L19.3 22.8C19.3 22.9 19.2 23 19.1 23H17.1C17 23 16.9 22.9 16.8 22.8L16.6 21.5C16.3 21.4 16 21.2 15.8 21L14.6 21.5C14.5 21.5 14.4 21.5 14.3 21.4L13.3 19.7C13.2 19.6 13.3 19.5 13.4 19.4L14.5 18.6V17.6L13.4 16.8C13.3 16.7 13.3 16.6 13.3 16.5L14.3 14.8C14.4 14.7 14.5 14.7 14.6 14.7L15.8 15.2C16.1 15 16.3 14.9 16.6 14.7L16.8 13.4C16.8 13.3 16.9 13.2 17.1 13.2H19.1C19.2 13.2 19.3 13.3 19.3 13.4L19.5 14.7C19.8 14.8 20.1 15 20.4 15.2L21.6 14.7C21.7 14.7 21.9 14.7 21.9 14.8L22.9 16.5C23 16.6 22.9 16.7 22.8 16.8L21.7 17.6V18.6L22.8 19.4M19.5 18C19.5 17.2 18.8 16.5 18 16.5S16.5 17.2 16.5 18 17.2 19.5 18 19.5 19.5 18.8 19.5 18M13 14V8H11V14M15 1H9V3H15V1M11.3 20C7.8 19.6 5 16.6 5 13C5 9.1 8.1 6 12 6C15.2 6 17.9 8.1 18.7 11C19.5 11.1 20.2 11.3 20.9 11.6C20.6 10 20 8.6 19 7.4L20.5 6C20 5.5 19.5 5 19 4.6L17.6 6C16.1 4.7 14.1 4 12 4C7 4 3 8 3 13S7 22 12 22H12.3C11.8 21.4 11.5 20.7 11.3 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog.svg
new file mode 100644
index 00000000..c49ab12c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-cog" viewBox="0 0 24 24"><path d="M22.8 19.4C22.9 19.4 22.9 19.5 22.8 19.6L21.8 21.3C21.7 21.4 21.6 21.4 21.5 21.4L20.3 21C20 21.2 19.8 21.3 19.5 21.5L19.3 22.8C19.3 22.9 19.2 23 19.1 23H17.1C17 23 16.9 22.9 16.8 22.8L16.6 21.5C16.3 21.4 16 21.2 15.8 21L14.6 21.5C14.5 21.5 14.4 21.5 14.3 21.4L13.3 19.7C13.2 19.6 13.3 19.5 13.4 19.4L14.5 18.6V17.6L13.4 16.8C13.3 16.7 13.3 16.6 13.3 16.5L14.3 14.8C14.4 14.7 14.5 14.7 14.6 14.7L15.8 15.2C16.1 15 16.3 14.9 16.6 14.7L16.8 13.4C16.8 13.3 16.9 13.2 17.1 13.2H19.1C19.2 13.2 19.3 13.3 19.3 13.4L19.5 14.7C19.8 14.8 20.1 15 20.4 15.2L21.6 14.7C21.7 14.7 21.9 14.7 21.9 14.8L22.9 16.5C23 16.6 22.9 16.7 22.8 16.8L21.7 17.6V18.6L22.8 19.4M19.5 18C19.5 17.2 18.8 16.5 18 16.5S16.5 17.2 16.5 18 17.2 19.5 18 19.5 19.5 18.8 19.5 18M11 18C11 16.5 11.5 15.1 12.3 14H11V7H13V13.1C14.3 11.8 16 11 18 11C19 11 20 11.2 20.9 11.6C20.6 10 20 8.6 19 7.4L20.5 6C20 5.5 19.5 5 19 4.6L17.6 6C16.1 4.7 14.1 4 12 4C7 4 3 8 3 13S7 22 12 22H12.3C11.5 20.9 11 19.5 11 18M15 1H9V3H15V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit-outline.svg
new file mode 100644
index 00000000..fea0916b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-edit-outline" viewBox="0 0 24 24"><path d="M13 14H11V8H13V14M15 1H9V3H15V1M5 13C5 9.13 8.13 6 12 6C15.29 6 18.05 8.28 18.79 11.34L19.39 10.74C19.71 10.42 20.1 10.21 20.5 10.1C20.18 9.11 19.67 8.19 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13C3 17.63 6.5 21.44 11 21.94V19.92C7.61 19.43 5 16.53 5 13M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit.svg
new file mode 100644
index 00000000..7728ddec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-edit" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M19.39 10.74L11 19.13V21.94C6.5 21.44 3 17.63 3 13C3 8.03 7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C19.67 8.19 20.17 9.11 20.5 10.1C20.1 10.21 19.71 10.42 19.39 10.74M13 7H11V14H13V7M13 19.96V22H15.04L21.17 15.88L19.13 13.83L13 19.96M22.85 13.47L21.53 12.15C21.33 11.95 21 11.95 20.81 12.15L19.83 13.13L21.87 15.17L22.85 14.19C23.05 14 23.05 13.67 22.85 13.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open-outline.svg
new file mode 100644
index 00000000..6fad032c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-lock-open-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M13 19.92C12.67 19.97 12.34 20 12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C14.44 6 16.59 7.26 17.85 9.15C18.22 9.06 18.6 9 19 9C19.39 9 19.76 9.06 20.12 9.14C19.82 8.5 19.46 7.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.42 22 12.83 21.96 13.24 21.91C13.09 21.53 13 21.12 13 20.7V19.92M15 1H9V3H15V1M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open.svg
new file mode 100644
index 00000000..6f2cc71d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-lock-open" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.7C13 21.12 13.09 21.53 13.24 21.91C12.83 21.96 12.42 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C19.46 7.93 19.82 8.5 20.12 9.14C19.76 9.06 19.39 9 19 9C16.4 9 14.2 11.06 14.2 13.5M13 7H11V14H13V7M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-outline.svg
new file mode 100644
index 00000000..cbb20c15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-lock-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M13 19.92C12.67 19.97 12.34 20 12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C14.82 6 17.24 7.67 18.35 10.06C18.56 10.04 18.78 10 19 10C19.55 10 20.07 10.11 20.57 10.28C20.23 9.22 19.71 8.24 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.42 22 12.83 21.96 13.24 21.91C13.09 21.53 13 21.12 13 20.7V19.92M15 1H9V3H15V1M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock.svg
new file mode 100644
index 00000000..3c77be38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-lock" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20.7C13 21.12 13.09 21.53 13.24 21.91C12.83 21.96 12.42 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C19.71 8.24 20.23 9.22 20.57 10.28C20.07 10.11 19.55 10 19 10C16.4 10 14.2 12.06 14.2 14.5M13 7H11V14H13V7M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker-outline.svg
new file mode 100644
index 00000000..29fcd33b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-marker-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C14.79 6 17.2 7.64 18.32 10C18.38 10 18.44 10 18.5 10C19.25 10 19.97 10.16 20.62 10.44C20.29 9.32 19.74 8.28 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C13.21 22 14.37 21.76 15.42 21.33C15.05 20.81 14.67 20.22 14.32 19.6C13.59 19.85 12.81 20 12 20M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker.svg
new file mode 100644
index 00000000..8d0bee0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-marker" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 15.5C13 17.5 14.28 19.73 15.42 21.33C14.37 21.76 13.21 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C19.74 8.28 20.29 9.32 20.62 10.44C19.97 10.16 19.25 10 18.5 10C15.5 10 13 12.5 13 15.5M13 14V7H11V14H13M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus-outline.svg
new file mode 100644
index 00000000..32952aad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-minus-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus.svg
new file mode 100644
index 00000000..fcc76374
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-minus" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.26 21 13 20.03 13 19C13 15.69 15.69 13 19 13M13 14H11V7H13V14M15 3H9V1H15V3M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-music-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-music-outline.svg
new file mode 100644
index 00000000..81bf3d9a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-music-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-music-outline" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M11 14H13V8H11V14M13.05 19.91C12.71 19.97 12.36 20 12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C15.17 6 17.85 8.11 18.71 11H20.77C20.46 9.66 19.86 8.43 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.42 22 12.83 21.96 13.24 21.91C13.09 21.46 13 21 13 20.5C13 20.3 13.03 20.11 13.05 19.91M18.5 13V18.21C18.19 18.07 17.86 18 17.5 18C16.12 18 15 19.12 15 20.5S16.12 23 17.5 23 20 21.88 20 20.5V15H22V13H18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-music.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-music.svg
new file mode 100644
index 00000000..bf6dd413
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-music.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-music" viewBox="0 0 24 24"><path d="M16.5 16.11V11H20.77C20.46 9.66 19.86 8.43 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.42 22 12.83 21.96 13.24 21.91C13.09 21.46 13 21 13 20.5C13 18.36 14.5 16.57 16.5 16.11M13 14H11V7H13V14M15 3H9V1H15V3M22 13V15H20V20.5C20 21.88 18.88 23 17.5 23S15 21.88 15 20.5 16.12 18 17.5 18C17.86 18 18.19 18.07 18.5 18.21V13H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-off-outline.svg
new file mode 100644
index 00000000..13e25d84
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-off-outline" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13C5,11.72 5.35,10.5 5.95,9.5L15.5,19.04C14.5,19.65 13.28,20 12,20M3,4L1.75,5.27L4.5,8.03C3.55,9.45 3,11.16 3,13A9,9 0 0,0 12,22C13.84,22 15.55,21.45 17,20.5L19.5,23L20.75,21.73L13.04,14L3,4M11,9.44L13,11.44V8H11M15,1H9V3H15M19.04,4.55L17.62,5.97C16.07,4.74 14.12,4 12,4C10.17,4 8.47,4.55 7.05,5.5L8.5,6.94C9.53,6.35 10.73,6 12,6A7,7 0 0,1 19,13C19,14.27 18.65,15.47 18.06,16.5L19.5,17.94C20.45,16.53 21,14.83 21,13C21,10.88 20.26,8.93 19.03,7.39L20.45,5.97L19.04,4.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-off.svg
new file mode 100644
index 00000000..9da8d142
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-off" viewBox="0 0 24 24"><path d="M3 4L1.75 5.27L4.5 8.03C3.55 9.45 3 11.16 3 13C3 17.97 7.03 22 12 22C13.84 22 15.55 21.45 17 20.5L19.5 23L20.75 21.73L13.04 14L3 4M15 1H9V3H15M21 13C21 14.83 20.45 16.53 19.5 17.94L13 11.45V7H11V9.45L7.05 5.5C8.47 4.55 10.17 4 12 4C14.12 4 16.07 4.74 17.62 5.97L19.04 4.55L20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-outline.svg
new file mode 100644
index 00000000..f99a5ff4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-outline" viewBox="0 0 24 24"><path d="M12,20A7,7 0 0,1 5,13A7,7 0 0,1 12,6A7,7 0 0,1 19,13A7,7 0 0,1 12,20M19.03,7.39L20.45,5.97C20,5.46 19.55,5 19.04,4.56L17.62,6C16.07,4.74 14.12,4 12,4A9,9 0 0,0 3,13A9,9 0 0,0 12,22C17,22 21,17.97 21,13C21,10.88 20.26,8.93 19.03,7.39M11,14H13V8H11M15,1H9V3H15V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause-outline.svg
new file mode 100644
index 00000000..9b0708bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-pause-outline" viewBox="0 0 24 24"><path d="M21 13.35C20.36 13.13 19.7 13 19 13C19 9.13 15.87 6 12 6S5 9.13 5 13 8.13 20 12 20C12.37 20 12.72 19.96 13.08 19.91C13.18 20.6 13.4 21.25 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35M11 14H13V8H11V14M15 1H9V3H15V1M19.63 16.5V21.5H21.5V16.5H19.63M16.5 21.5H18.38V16.5H16.5V21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause.svg
new file mode 100644
index 00000000..456c1bde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-pause" viewBox="0 0 24 24"><path d="M16.5 16.5H18.38V21.5H16.5V16.5M19.63 16.5V21.5H21.5V16.5H19.63M15 1H9V3H15V1M21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35M13 7H11V14H13V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-play-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-play-outline.svg
new file mode 100644
index 00000000..e03136b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-play-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-play-outline" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M11 14H13V8H11V14M19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-play.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-play.svg
new file mode 100644
index 00000000..c325f93b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-play" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19M13 7H11V14H13V7M17 16V22L22 19L17 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus-outline.svg
new file mode 100644
index 00000000..a4f630a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-plus-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus.svg
new file mode 100644
index 00000000..44adc3bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-plus" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19M13 7H11V14H13V7M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh-outline.svg
new file mode 100644
index 00000000..b482ff19
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-refresh-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C15.54 6 18.45 8.62 18.93 12.03C19.65 12.08 20.34 12.23 21 12.5C20.87 10.57 20.16 8.81 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.34 22 12.67 22 13 21.94C12.63 21.35 12.35 20.69 12.18 20C12.12 20 12.06 20 12 20M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh.svg
new file mode 100644
index 00000000..4335f909
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-refresh" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M12 18.5C12 19.77 12.37 20.94 13 21.94C12.67 22 12.34 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.16 8.81 20.87 10.57 21 12.5C20.22 12.18 19.38 12 18.5 12C14.91 12 12 14.91 12 18.5M13 7H11V14H13V7M22 18.5V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove-outline.svg
new file mode 100644
index 00000000..2c5f8eb3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-remove-outline" viewBox="0 0 24 24"><path d="M13.08 19.91C13.18 20.6 13.4 21.25 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C19 9.13 15.87 6 12 6S5 9.13 5 13 8.13 20 12 20C12.37 20 12.72 19.96 13.08 19.91M11 14H13V8H11V14M15 1H9V3H15V1M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove.svg
new file mode 100644
index 00000000..069f2c6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-remove" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19M13 7H11V14H13V7M22.54 16.88L21.12 15.47L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-complete.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-complete.svg
new file mode 100644
index 00000000..589c7343
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-complete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sand-complete" viewBox="0 0 24 24"><path d="M18 22H6V16L10 12L6 8V2H18V8L14 12L18 16M8 7.5L12 11.5L16 7.5V4H8M12 12.5L8 16.5V20H16V16.5M14 18H10V17.2L12 15.2L14 17.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-empty.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-empty.svg
new file mode 100644
index 00000000..8b954078
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-empty.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sand-empty" viewBox="0 0 24 24"><path d="M6,2V8H6V8L10,12L6,16V16H6V22H18V16H18V16L14,12L18,8V8H18V2H6M16,16.5V20H8V16.5L12,12.5L16,16.5M12,11.5L8,7.5V4H16V7.5L12,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-full.svg
new file mode 100644
index 00000000..444f2f47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sand-full" viewBox="0 0 24 24"><path d="M6,2V8H6V8L10,12L6,16V16H6V22H18V16H18V16L14,12L18,8V8H18V2H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-paused.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-paused.svg
new file mode 100644
index 00000000..c031b434
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand-paused.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sand-paused" viewBox="0 0 24 24"><path d="M22 6V18H16L12 14L8 18H2V6H8L12 10L16 6M7.5 16L11.5 12L7.5 8H4V16M12.5 12L16.5 16H20V8H16.5M18 12V14H17.2L15.2 12M8.8 12L6.8 14H6V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand.svg
new file mode 100644
index 00000000..8415c037
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sand" viewBox="0 0 24 24"><path d="M6,2H18V8H18V8L14,12L18,16V16H18V22H6V16H6V16L10,12L6,8V8H6V2M16,16.5L12,12.5L8,16.5V20H16V16.5M12,11.5L16,7.5V4H8V7.5L12,11.5M10,6H14V6.75L12,8.75L10,6.75V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings-outline.svg
new file mode 100644
index 00000000..b69d837a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-settings-outline" viewBox="0 0 24 24"><path d="M12 19C8.1 19 5 15.9 5 12S8.1 5 12 5 19 8.1 19 12 15.9 19 12 19M19 6.4L20.5 5C20 4.5 19.5 4 19 3.6L17.6 5C16 3.7 14.1 3 12 3C7 3 3 7 3 12S7 21 12 21C17 21 21 17 21 12C21 9.9 20.3 7.9 19 6.4M11 13H13V7H11M15 0H9V2H15V0M13 22H11V24H13V22M17 22H15V24H17V22M9 22H7V24H9V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings.svg
new file mode 100644
index 00000000..7f6d5878
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-settings" viewBox="0 0 24 24"><path d="M19 6.4L20.5 5C20 4.5 19.5 4 19 3.6L17.6 5C16 3.7 14.1 3 12 3C7 3 3 7 3 12S7 21 12 21C17 21 21 17 21 12C21 9.9 20.3 7.9 19 6.4M13 13H11V6H13V13M15 0H9V2H15V0M13 24H11V22H13V24M17 24H15V22H17V24M9 24H7V22H9V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-star-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-star-outline.svg
new file mode 100644
index 00000000..ac23d696
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-star-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-star-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M15 1H9V3H15V1M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-star.svg
new file mode 100644
index 00000000..5463ea47
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-star" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 19C13 20.03 13.26 21 13.71 21.83C13.16 21.94 12.59 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C20.26 8.93 21 10.88 21 13C21 13.12 21 13.23 21 13.35C20.36 13.13 19.7 13 19 13C15.69 13 13 15.69 13 19M13 7H11V14H13V7M23 17.89L20.11 17.64L19 15L17.87 17.64L15 17.89L17.18 19.77L16.5 22.58L19 21.09L21.45 22.58L20.8 19.77L23 17.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop-outline.svg
new file mode 100644
index 00000000..96b4db48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-stop-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6 19 9.13 19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.4 21.25 13.18 20.6 13.08 19.91C12.72 19.96 12.37 20 12 20M15 1H9V3H15V1M16.5 16.5V21.5H21.5V16.5H16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop.svg
new file mode 100644
index 00000000..704de003
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-stop" viewBox="0 0 24 24"><path d="M19 13C19.7 13 20.36 13.13 21 13.35C21 13.23 21 13.12 21 13C21 10.88 20.26 8.93 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.59 22 13.16 21.94 13.71 21.83C13.26 21 13 20.03 13 19C13 15.69 15.69 13 19 13M13 14H11V7H13V14M15 3H9V1H15V3M21.5 16.5V21.5H16.5V16.5H21.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync-outline.svg
new file mode 100644
index 00000000..3626ab68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sync-outline" viewBox="0 0 24 24"><path d="M11 8H13V14H11V8M12 20C8.13 20 5 16.87 5 13S8.13 6 12 6C15.19 6 17.88 8.14 18.72 11.05C19 11 19.24 11 19.5 11C19.94 11 20.38 11.05 20.8 11.13C20.5 9.74 19.89 8.46 19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C12.87 22 13.7 21.87 14.5 21.65C14.05 21.11 13.7 20.5 13.45 19.85C13 19.95 12.5 20 12 20M15 1H9V3H15V1M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync.svg
new file mode 100644
index 00000000..05aaff0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer-sync" viewBox="0 0 24 24"><path d="M15 3H9V1H15V3M13 17.5C13 19.08 13.56 20.5 14.5 21.65C13.7 21.87 12.87 22 12 22C7.03 22 3 17.97 3 13S7.03 4 12 4C14.12 4 16.07 4.74 17.62 6L19.04 4.56C19.55 5 20 5.46 20.45 5.97L19.03 7.39C19.89 8.46 20.5 9.74 20.8 11.13C20.38 11.05 19.94 11 19.5 11C15.91 11 13 13.91 13 17.5M13 7H11V14H13V7M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timer.svg
new file mode 100644
index 00000000..698be15f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timer" viewBox="0 0 24 24"><path d="M19.03 7.39L20.45 5.97C20 5.46 19.55 5 19.04 4.56L17.62 6C16.07 4.74 14.12 4 12 4C7.03 4 3 8.03 3 13S7.03 22 12 22C17 22 21 17.97 21 13C21 10.88 20.26 8.93 19.03 7.39M13 14H11V7H13V14M15 1H9V3H15V1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/timetable.svg b/apps/phoenix_webcomponent/priv/mdi/svg/timetable.svg
new file mode 100644
index 00000000..f2634a37
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/timetable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-timetable" viewBox="0 0 24 24"><path d="M14,12H15.5V14.82L17.94,16.23L17.19,17.53L14,15.69V12M4,2H18A2,2 0 0,1 20,4V10.1C21.24,11.36 22,13.09 22,15A7,7 0 0,1 15,22C13.09,22 11.36,21.24 10.1,20H4A2,2 0 0,1 2,18V4A2,2 0 0,1 4,2M4,15V18H8.67C8.24,17.09 8,16.07 8,15H4M4,8H10V5H4V8M18,8V5H12V8H18M4,13H8.29C8.63,11.85 9.26,10.82 10.1,10H4V13M15,10.15A4.85,4.85 0 0,0 10.15,15C10.15,17.68 12.32,19.85 15,19.85A4.85,4.85 0 0,0 19.85,15C19.85,12.32 17.68,10.15 15,10.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tire.svg
new file mode 100644
index 00000000..70025610
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tire" viewBox="0 0 24 24"><path d="M19.66 9.64L19.3 8.7L21.16 8C20.24 5.88 18.6 4.18 16.54 3.14L15.74 4.92L14.82 4.5L15.62 2.7C14.5 2.26 13.28 2 12 2C10.94 2 9.92 2.22 8.96 2.5L9.64 4.34L8.7 4.7L8 2.84C5.88 3.76 4.18 5.4 3.14 7.46L4.92 8.26L4.5 9.18L2.7 8.38C2.26 9.5 2 10.72 2 12C2 13.06 2.22 14.08 2.5 15.04L4.34 14.36L4.7 15.3L2.84 16C3.76 18.12 5.4 19.82 7.46 20.86L8.26 19.08L9.18 19.5L8.38 21.3C9.5 21.74 10.72 22 12 22C13.06 22 14.08 21.78 15.04 21.5L14.36 19.66L15.3 19.3L16 21.16C18.12 20.24 19.82 18.6 20.86 16.54L19.08 15.74L19.5 14.82L21.3 15.62C21.74 14.5 22 13.28 22 12C22 10.94 21.78 9.92 21.5 8.96L19.66 9.64M14.3 17.54C11.24 18.8 7.72 17.36 6.46 14.3S6.64 7.72 9.7 6.46 16.28 6.64 17.54 9.7C18.82 12.76 17.36 16.28 14.3 17.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toaster-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toaster-off.svg
new file mode 100644
index 00000000..72f7e860
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toaster-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toaster-off" viewBox="0 0 24 24"><path d="M20.8 22.7L18.1 20H3V13H2V11H3C3 9.9 3.9 9 5 9H7.1L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M15.3 12.1C15.6 11.5 16.3 11 17 11C18.1 11 19 11.9 19 13C19 13.8 18.6 14.4 17.9 14.7L21 17.8V13H22V11H21C21 9.9 20.1 9 19 9H12.2L15.3 12.1M18 8C17.6 5.8 15.1 4 12 4C10.6 4 9.2 4.4 8.2 5L11.2 8H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toaster-oven.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toaster-oven.svg
new file mode 100644
index 00000000..5ffe1a7e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toaster-oven.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toaster-oven" viewBox="0 0 24 24"><path d="M4,5A2,2 0 0,0 2,7V17A2,2 0 0,0 4,19H20A2,2 0 0,0 22,17V7A2,2 0 0,0 20,5H4M4,7H16V17H4V7M19,7A1,1 0 0,1 20,8A1,1 0 0,1 19,9A1,1 0 0,1 18,8A1,1 0 0,1 19,7M6,9V11H14V9H6M19,11A1,1 0 0,1 20,12A1,1 0 0,1 19,13A1,1 0 0,1 18,12A1,1 0 0,1 19,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toaster.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toaster.svg
new file mode 100644
index 00000000..a9d2b102
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toaster.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toaster" viewBox="0 0 24 24"><path d="M21 11A2 2 0 0 0 19 9H5A2 2 0 0 0 3 11H2V13H3V20H21V13H22V11M17 15A2 2 0 1 1 19 13A2 2 0 0 1 17 15M18 8H6C6.33 5.75 8.88 4 12 4S17.63 5.75 18 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off-outline.svg
new file mode 100644
index 00000000..1f049cae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch-off-outline" viewBox="0 0 24 24"><path d="M17 6H7c-3.31 0-6 2.69-6 6s2.69 6 6 6h10c3.31 0 6-2.69 6-6s-2.69-6-6-6zm0 10H7c-2.21 0-4-1.79-4-4s1.79-4 4-4h10c2.21 0 4 1.79 4 4s-1.79 4-4 4zM7 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off.svg
new file mode 100644
index 00000000..c791965b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch-off" viewBox="0 0 24 24"><path d="M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M7,15A3,3 0 0,1 4,12A3,3 0 0,1 7,9A3,3 0 0,1 10,12A3,3 0 0,1 7,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-outline.svg
new file mode 100644
index 00000000..d761bbc3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch-outline" viewBox="0 0 24 24"><path d="M17 6H7C3.69 6 1 8.69 1 12S3.69 18 7 18H17C20.31 18 23 15.31 23 12S20.31 6 17 6M17 16H7C4.79 16 3 14.21 3 12S4.79 8 7 8H17C19.21 8 21 9.79 21 12S19.21 16 17 16M17 9C15.34 9 14 10.34 14 12S15.34 15 17 15 20 13.66 20 12 18.66 9 17 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant-off.svg
new file mode 100644
index 00000000..22a9dac9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch-variant-off" viewBox="0 0 24 24"><path d="M5.6 1.6C6 1.2 6.5 1 7 1H17C17.5 1 18 1.2 18.4 1.6C18.8 2 19 2.5 19 3V21C19 21.5 18.8 22 18.4 22.4C18 22.8 17.5 23 17 23H7C6.5 23 6 22.8 5.6 22.4C5.2 22 5 21.5 5 21V3C5 2.5 5.2 2 5.6 1.6M8 3C7.4 3 7 3.4 7 4V20C7 20.6 7.4 21 8 21H16C16.6 21 17 20.6 17 20V4C17 3.4 16.6 3 16 3H8M8 17C8 16.4 8.4 16 9 16H15C15.6 16 16 16.4 16 17V19C16 19.6 15.6 20 15 20H9C8.4 20 8 19.6 8 19V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant.svg
new file mode 100644
index 00000000..b0d2eb8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch-variant" viewBox="0 0 24 24"><path d="M18.4 1.6C18 1.2 17.5 1 17 1H7C6.5 1 6 1.2 5.6 1.6C5.2 2 5 2.5 5 3V21C5 21.5 5.2 22 5.6 22.4C6 22.8 6.5 23 7 23H17C17.5 23 18 22.8 18.4 22.4C18.8 22 19 21.5 19 21V3C19 2.5 18.8 2 18.4 1.6M16 7C16 7.6 15.6 8 15 8H9C8.4 8 8 7.6 8 7V5C8 4.4 8.4 4 9 4H15C15.6 4 16 4.4 16 5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch.svg
new file mode 100644
index 00000000..bc740420
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toggle-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toggle-switch" viewBox="0 0 24 24"><path d="M17,7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7M17,15A3,3 0 0,1 14,12A3,3 0 0,1 17,9A3,3 0 0,1 20,12A3,3 0 0,1 17,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toilet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toilet.svg
new file mode 100644
index 00000000..49110f35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toilet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toilet" viewBox="0 0 24 24"><path d="M9,22H17V19.5C19.41,17.87 21,15.12 21,12V4A2,2 0 0,0 19,2H15C13.89,2 13,2.9 13,4V12H3C3,15.09 5,18 9,19.5V22M5.29,14H18.71C18.14,15.91 16.77,17.5 15,18.33V20H11V18.33C9,18 5.86,15.91 5.29,14M15,4H19V12H15V4M16,5V8H18V5H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toolbox-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toolbox-outline.svg
new file mode 100644
index 00000000..eda3f040
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toolbox-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toolbox-outline" viewBox="0 0 24 24"><path d="M20 8H17V6C17 4.9 16.1 4 15 4H9C7.9 4 7 4.9 7 6V8H4C2.9 8 2 8.9 2 10V20H22V10C22 8.9 21.1 8 20 8M9 6H15V8H9V6M20 18H4V15H6V16H8V15H16V16H18V15H20V18M18 13V12H16V13H8V12H6V13H4V10H20V13H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toolbox.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toolbox.svg
new file mode 100644
index 00000000..1f586330
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toolbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toolbox" viewBox="0 0 24 24"><path d="M18 16H16V15H8V16H6V15H2V20H22V15H18V16M20 8H17V6C17 4.9 16.1 4 15 4H9C7.9 4 7 4.9 7 6V8H4C2.9 8 2 8.9 2 10V14H6V12H8V14H16V12H18V14H22V10C22 8.9 21.1 8 20 8M15 8H9V6H15V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tools.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tools.svg
new file mode 100644
index 00000000..78c37b5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tools.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tools" viewBox="0 0 24 24"><path d="M21.71 20.29L20.29 21.71A1 1 0 0 1 18.88 21.71L7 9.85A3.81 3.81 0 0 1 6 10A4 4 0 0 1 2.22 4.7L4.76 7.24L5.29 6.71L6.71 5.29L7.24 4.76L4.7 2.22A4 4 0 0 1 10 6A3.81 3.81 0 0 1 9.85 7L21.71 18.88A1 1 0 0 1 21.71 20.29M2.29 18.88A1 1 0 0 0 2.29 20.29L3.71 21.71A1 1 0 0 0 5.12 21.71L10.59 16.25L7.76 13.42M20 2L16 4V6L13.83 8.17L15.83 10.17L18 8H20L22 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-account.svg
new file mode 100644
index 00000000..3f9e3fc4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-account" viewBox="0 0 24 24"><path d="M20,2H4A2,2 0 0,0 2,4V16A2,2 0 0,0 4,18H8L12,22L16,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2M12,4.3C13.5,4.3 14.7,5.5 14.7,7C14.7,8.5 13.5,9.7 12,9.7C10.5,9.7 9.3,8.5 9.3,7C9.3,5.5 10.5,4.3 12,4.3M18,15H6V14.1C6,12.1 10,11 12,11C14,11 18,12.1 18,14.1V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-cellphone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-cellphone.svg
new file mode 100644
index 00000000..6d382891
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-cellphone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-cellphone" viewBox="0 0 24 24"><path d="M9 6H15V14H9V6M22 4V16C22 17.11 21.11 18 20 18H16L12 22L8 18H4C2.9 18 2 17.11 2 16V4C2 2.9 2.9 2 4 2H20C21.11 2 22 2.9 22 4M16 5.09C16 4.5 15.5 4 14.86 4H9.14C8.5 4 8 4.5 8 5.09V14.91C8 15.5 8.5 16 9.14 16H14.86C15.5 16 16 15.5 16 14.91V5.09Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check-outline.svg
new file mode 100644
index 00000000..c2228dce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-check-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H15.17L12 19.17L8.83 16H4V4H20V16M10.75 13.71L7.25 10.21L8.66 8.79L10.75 10.88L15.34 6.3L16.75 7.71L10.75 13.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check.svg
new file mode 100644
index 00000000..74dea4a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-check" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M10.46 14L6.96 10.5L8.37 9.08L10.46 11.17L15.64 6L17.05 7.41L10.46 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit-outline.svg
new file mode 100644
index 00000000..f81fddf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-edit-outline" viewBox="0 0 24 24"><path d="M4 2H20C21.11 2 22 2.9 22 4V16C22 17.11 21.11 18 20 18H16L12 22L8 18H4C2.9 18 2 17.11 2 16V4C2 2.9 2.9 2 4 2M4 4V16H8.83L12 19.17L15.17 16H20V4H4M15.84 8.2L14.83 9.21L12.76 7.18L13.77 6.16C13.97 5.95 14.31 5.94 14.55 6.16L15.84 7.41C16.05 7.62 16.06 7.96 15.84 8.2M8 11.91L12.17 7.72L14.24 9.8L10.08 14H8V11.91Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit.svg
new file mode 100644
index 00000000..29d753c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-edit" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M9.08 15H7V12.91L13.17 6.72L15.24 8.8L9.08 15M16.84 7.2L15.83 8.21L13.76 6.18L14.77 5.16C14.97 4.95 15.31 4.94 15.55 5.16L16.84 6.41C17.05 6.62 17.06 6.96 16.84 7.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image-outline.svg
new file mode 100644
index 00000000..b2e4478f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-image-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M7.5,6A1.5,1.5 0 0,1 9,7.5A1.5,1.5 0 0,1 7.5,9A1.5,1.5 0 0,1 6,7.5A1.5,1.5 0 0,1 7.5,6M6,14L11,9L13,11L18,6V14H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image.svg
new file mode 100644
index 00000000..445a9fe5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-image" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M19,15V7L15,11L13,9L7,15H19M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus-outline.svg
new file mode 100644
index 00000000..4ca1bf52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-minus-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H15.17L12 19.17L8.83 16H4V4H20V16M16 11H8V9H16V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus.svg
new file mode 100644
index 00000000..abe51037
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-minus" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M16 11H8V9H16V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-outline.svg
new file mode 100644
index 00000000..4c71e0f3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus-outline.svg
new file mode 100644
index 00000000..7fd93595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-plus-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M11,6H13V9H16V11H13V14H11V11H8V9H11V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus.svg
new file mode 100644
index 00000000..d39ffe45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-plus" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M11,6V9H8V11H11V14H13V11H16V9H13V6H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question-outline.svg
new file mode 100644
index 00000000..29df3ca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-question-outline" viewBox="0 0 24 24"><path d="M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M4 16V4H20V16H15.17L12 19.17L8.83 16M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question.svg
new file mode 100644
index 00000000..a66a4148
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-question.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-question" viewBox="0 0 24 24"><path d="M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove-outline.svg
new file mode 100644
index 00000000..d9df57db
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-remove-outline" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H15.17L12 19.17L8.83 16H4V4H20V16M8.46 12.12L10.59 10L8.46 7.88L9.88 6.47L12 8.59L14.12 6.47L15.54 7.88L13.41 10L15.54 12.12L14.12 13.54L12 11.41L9.88 13.54L8.46 12.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove.svg
new file mode 100644
index 00000000..818132b7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-remove" viewBox="0 0 24 24"><path d="M20 2H4C2.9 2 2 2.9 2 4V16C2 17.11 2.9 18 4 18H8L12 22L16 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M15.54 12.12L14.12 13.54L12 11.41L9.88 13.54L8.47 12.12L10.59 10L8.46 7.88L9.88 6.47L12 8.59L14.12 6.47L15.54 7.88L13.41 10L15.54 12.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text-outline.svg
new file mode 100644
index 00000000..f0c153ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-text-outline" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,4V16H8.83L12,19.17L15.17,16H20V4H4M6,7H18V9H6V7M6,11H16V13H6V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text.svg
new file mode 100644
index 00000000..d19cbfb7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip-text" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M5,5V7H19V5H5M5,9V11H15V9H5M5,13V15H17V13H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooltip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip.svg
new file mode 100644
index 00000000..81d242ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooltip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooltip" viewBox="0 0 24 24"><path d="M4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H16L12,22L8,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooth-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooth-outline.svg
new file mode 100644
index 00000000..13c23e32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooth-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooth-outline" viewBox="0 0 24 24"><path d="M7,2C4,2 2,5 2,8C2,10.11 3,13 4,14C5,15 6,22 8,22C12.54,22 10,15 12,15C14,15 11.46,22 16,22C18,22 19,15 20,14C21,13 22,10.11 22,8C22,5 20,2 17,2C14,2 14,3 12,3C10,3 10,2 7,2M7,4C9,4 10,5 12,5C14,5 15,4 17,4C18.67,4 20,6 20,8C20,9.75 19.14,12.11 18.19,13.06C17.33,13.92 16.06,19.94 15.5,19.94C15.29,19.94 15,18.88 15,17.59C15,15.55 14.43,13 12,13C9.57,13 9,15.55 9,17.59C9,18.88 8.71,19.94 8.5,19.94C7.94,19.94 6.67,13.92 5.81,13.06C4.86,12.11 4,9.75 4,8C4,6 5.33,4 7,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tooth.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tooth.svg
new file mode 100644
index 00000000..8762027e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tooth.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tooth" viewBox="0 0 24 24"><path d="M7,2C4,2 2,5 2,8C2,10.11 3,13 4,14C5,15 6,22 8,22C12.54,22 10,15 12,15C14,15 11.46,22 16,22C18,22 19,15 20,14C21,13 22,10.11 22,8C22,5 20,2 17,2C14,2 14,3 12,3C10,3 10,2 7,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-electric.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-electric.svg
new file mode 100644
index 00000000..4b25b0f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-electric.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toothbrush-electric" viewBox="0 0 24 24"><path d="M12 1.5V14C10.34 14 9 15.34 9 17V22H17V17C17 15.34 15.66 14 14 14V3.5C14 2.4 13.11 1.5 12 1.5M7.5 2V9H11V7.5H9V3.5H11V2H7.5M13 17.5C13.83 17.5 14.5 18.17 14.5 19C14.5 19.83 13.83 20.5 13 20.5C12.17 20.5 11.5 19.83 11.5 19C11.5 18.17 12.17 17.5 13 17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-paste.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-paste.svg
new file mode 100644
index 00000000..173fb4f1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush-paste.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toothbrush-paste" viewBox="0 0 24 24"><path d="M17.86 1.5L12.91 6.43L15.03 8.55L16.09 7.5L15.03 6.43L17.86 3.6L18.92 4.66L20 3.6M21.4 3.6L15.56 9.44L13.43 10.15L3 20.57L4.43 22L10.08 16.33L14.33 20.57L18.57 16.33L14.33 12.09L14.5 11.9L16.63 11.19L21.4 6.43C22.18 5.65 22.18 4.38 21.4 3.6M6.55 4.31L2.31 8.55L7.26 13.5L11.5 9.26M18.22 18.1L16.09 20.22L17.5 21.63L19.63 19.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush.svg
new file mode 100644
index 00000000..3ccf776b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toothbrush.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toothbrush" viewBox="0 0 24 24"><path d="M12.91 6.43L15.03 8.55L16.09 7.5L15.03 6.43L17.86 3.6L18.92 4.66L20 3.6L17.86 1.5M3 20.57L4.43 22L14.5 11.9L16.63 11.19L21.4 6.43C22.18 5.65 22.18 4.38 21.4 3.6L15.55 9.44L13.43 10.15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/torch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/torch.svg
new file mode 100644
index 00000000..cce0e6dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/torch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-torch" viewBox="0 0 24 24"><path d="M8.6 9.6C9 10.2 9.5 10.7 10.2 11H14.2C14.5 10.9 14.7 10.7 14.9 10.5C15.9 9.5 16.3 8 15.8 6.7L15.7 6.5C15.6 6.2 15.4 6 15.2 5.8C15.1 5.6 14.9 5.5 14.8 5.3C14.4 5 14 4.7 13.6 4.3C12.7 3.4 12.6 2 13.1 1C12.6 1.1 12.1 1.4 11.7 1.8C10.2 3 9.6 5.1 10.3 7V7.2C10.3 7.3 10.2 7.4 10.1 7.5C10 7.6 9.8 7.5 9.7 7.4L9.6 7.3C9 6.5 8.9 5.3 9.3 4.3C8.4 5.1 7.9 6.4 8 7.7C8 8 8.1 8.3 8.2 8.6C8.2 8.9 8.4 9.3 8.6 9.6M12.3 8.1C12.4 7.6 12.2 7.2 12.1 6.8C12 6.4 12 6 12.2 5.6L12.5 6.2C12.9 6.8 13.6 7 13.8 7.8V8.1C13.8 8.6 13.6 9.1 13.3 9.4C13.1 9.5 12.9 9.7 12.7 9.7C12.1 9.9 11.4 9.6 11 9.2C11.8 9.2 12.2 8.6 12.3 8.1M15 12V14H14L13 22H11L10 14H9V12H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tortoise.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tortoise.svg
new file mode 100644
index 00000000..cf58a715
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tortoise.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tortoise" viewBox="0 0 24 24"><path d="M19.31,5.6C18.09,5.56 16.88,6.5 16.5,8C16,10 16,10 15,11C13,13 10,14 4,15C3,15.16 2.5,15.5 2,16C4,16 6,16 4.5,17.5L3,19H6L8,17C10,18 11.33,18 13.33,17L14,19H17L16,16C16,16 17,12 18,11C19,10 19,11 20,11C21,11 22,10 22,8.5C22,8 22,7 20.5,6C20.15,5.76 19.74,5.62 19.31,5.6M9,6A6,6 0 0,0 3,12C3,12.6 3.13,13.08 3.23,13.6C9.15,12.62 12.29,11.59 13.93,9.94L14.43,9.44C13.44,7.34 11.32,6 9,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toslink.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toslink.svg
new file mode 100644
index 00000000..af23fb59
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toslink.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toslink" viewBox="0 0 24 24"><path d="M20 10V7L17 4H7L4 7V10C2.9 10 2 10.9 2 12S2.9 14 4 14V18C4 19.1 4.9 20 6 20H18C19.1 20 20 19.1 20 18V14C21.11 14 22 13.11 22 12S21.11 10 20 10M12 16C9.79 16 8 14.21 8 12S9.79 8 12 8 16 9.79 16 12 14.21 16 12 16M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tournament.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tournament.svg
new file mode 100644
index 00000000..110b2ff6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tournament.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tournament" viewBox="0 0 24 24"><path d="M2,2V4H7V8H2V10H7C8.11,10 9,9.11 9,8V7H14V17H9V16C9,14.89 8.11,14 7,14H2V16H7V20H2V22H7C8.11,22 9,21.11 9,20V19H14C15.11,19 16,18.11 16,17V13H22V11H16V7C16,5.89 15.11,5 14,5H9V4C9,2.89 8.11,2 7,2H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tow-truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tow-truck.svg
new file mode 100644
index 00000000..5cc8d897
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tow-truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tow-truck" viewBox="0 0 24 24"><path d="M15,10H20.39L17.06,6H15V10M17.5,18.5C17.89,18.5 18.24,18.37 18.54,18.07C18.84,17.77 19,17.42 19,17C19,16.61 18.84,16.26 18.54,15.96C18.24,15.66 17.89,15.5 17.5,15.5C17.08,15.5 16.73,15.66 16.43,15.96C16.13,16.26 16,16.61 16,17C16,17.42 16.13,17.77 16.43,18.07C16.73,18.37 17.08,18.5 17.5,18.5M6,18.5C6.44,18.5 6.8,18.37 7.08,18.07C7.36,17.77 7.5,17.42 7.5,17C7.5,16.61 7.36,16.26 7.08,15.96C6.8,15.66 6.44,15.5 6,15.5C5.56,15.5 5.2,15.66 4.92,15.96C4.64,16.26 4.5,16.61 4.5,17C4.5,17.42 4.64,17.77 4.92,18.07C5.2,18.37 5.56,18.5 6,18.5M18,4L23,10V17H20.5C20.5,17.83 20.19,18.53 19.59,19.13C19,19.72 18.3,20 17.5,20C16.67,20 15.97,19.72 15.38,19.13C14.78,18.53 14.5,17.83 14.5,17H9C9,17.83 8.7,18.53 8.11,19.13C7.5,19.72 6.81,20 6,20C5.19,20 4.5,19.72 3.89,19.13C3.3,18.53 3,17.83 3,17H1V13H9.19L3,8.11V11H1V5H2L13,11.06V4H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tower-beach.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tower-beach.svg
new file mode 100644
index 00000000..171cb658
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tower-beach.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tower-beach" viewBox="0 0 24 24"><path d="M17,4V8H18V10H17.64L21,23H18.93L18.37,20.83L12,17.15L5.63,20.83L5.07,23H3L6.36,10H6V8H7V4H6V3L18,1V4H17M7.28,14.43L6.33,18.12L10,16L7.28,14.43M15.57,10H8.43L7.8,12.42L12,14.85L16.2,12.42L15.57,10M17.67,18.12L16.72,14.43L14,16L17.67,18.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tower-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tower-fire.svg
new file mode 100644
index 00000000..ac05cce6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tower-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tower-fire" viewBox="0 0 24 24"><path d="M17,4V8H18V10H17.64L21,23H18.93L18.37,20.83L12,17.15L5.63,20.83L5.07,23H3L6.36,10H6V8H7V4H6V3L12,1L18,3V4H17M7.28,14.43L6.33,18.12L10,16L7.28,14.43M15.57,10H8.43L7.8,12.42L12,14.85L16.2,12.42L15.57,10M17.67,18.12L16.72,14.43L14,16L17.67,18.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/town-hall.svg b/apps/phoenix_webcomponent/priv/mdi/svg/town-hall.svg
new file mode 100644
index 00000000..598d0994
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/town-hall.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-town-hall" viewBox="0 0 24 24"><path d="M21 10H17V8L12.5 6.2V4H15V2H11.5V6.2L7 8V10H3C2.45 10 2 10.45 2 11V22H10V17H14V22H22V11C22 10.45 21.55 10 21 10M8 20H4V17H8V20M8 15H4V12H8V15M12 8C12.55 8 13 8.45 13 9S12.55 10 12 10 11 9.55 11 9 11.45 8 12 8M14 15H10V12H14V15M20 20H16V17H20V20M20 15H16V12H20V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker-outline.svg
new file mode 100644
index 00000000..e38e96bf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-marker-outline" viewBox="0 0 24 24"><path d="M18.5 12A3.54 3.54 0 0 0 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5A3.54 3.54 0 0 0 18.5 12M18.5 16.8A1.2 1.2 0 1 1 18.5 14.4A1.29 1.29 0 0 1 19.7 15.6A1.15 1.15 0 0 1 18.5 16.8M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H14.54A15.55 15.55 0 0 1 13.54 18H5V8H19V10A5.11 5.11 0 0 1 21 10.6V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker.svg
new file mode 100644
index 00000000..82486890
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-marker" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H14.54A9.55 9.55 0 0 1 13 15.5A5.58 5.58 0 0 1 18.5 10A5.3 5.3 0 0 1 21 10.63V6M18.5 12A3.54 3.54 0 0 0 15 15.5C15 18.1 18.5 22 18.5 22S22 18.1 22 15.5A3.54 3.54 0 0 0 18.5 12M18.5 16.8A1.2 1.2 0 1 1 18.5 14.4A1.29 1.29 0 0 1 19.7 15.6A1.15 1.15 0 0 1 18.5 16.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus-outline.svg
new file mode 100644
index 00000000..64fb8e41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-minus-outline" viewBox="0 0 24 24"><path d="M13.09 20H3V6H5V5C5 3.9 5.9 3 7 3H9C10.11 3 11 3.9 11 5V6H13V5C13 3.9 13.9 3 15 3H17C18.11 3 19 3.9 19 5V6H21V13.35C20.37 13.13 19.7 13 19 13V8H5V18H13.09C13.04 18.33 13 18.66 13 19S13.04 19.67 13.09 20M23 18H15V20H23V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus.svg
new file mode 100644
index 00000000..112df233
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-minus" viewBox="0 0 24 24"><path d="M23 20H15V18H23V20M13 19C13 15.69 15.69 13 19 13C19.7 13 20.37 13.13 21 13.35V6H19V5C19 3.9 18.11 3 17 3H15C13.9 3 13 3.9 13 5V6H11V5C11 3.9 10.11 3 9 3H7C5.9 3 5 3.9 5 5V6H3V20H13.09C13.04 19.67 13 19.34 13 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-outline.svg
new file mode 100644
index 00000000..312a8128
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-outline" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H21V6M19 18H5V8H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus-outline.svg
new file mode 100644
index 00000000..32a1b3ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-plus-outline" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H14V18H5V8H19V13H21V6M21 15V18H24V20H21V23H19V20H16V18H19V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus.svg
new file mode 100644
index 00000000..c540f4eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-plus" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 21 13.34V6M20 15V18H23V20H20V23H18V20H15V18H18V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove-outline.svg
new file mode 100644
index 00000000..05d65ea6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-remove-outline" viewBox="0 0 24 24"><path d="M19 6V5C19 3.9 18.1 3 17 3H15C13.9 3 13 3.9 13 5V6H11V5C11 3.9 10.1 3 9 3H7C5.9 3 5 3.9 5 5V6H3V20H14V18H5V8H19V13H21V6M17.88 15.46L20 17.59L22.12 15.47L23.54 16.88L21.41 19L23.54 21.12L22.12 22.54L20 20.41L17.88 22.54L16.46 21.12L18.59 19L16.47 16.88" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove.svg
new file mode 100644
index 00000000..aa252d26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-remove" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H13.09A5.47 5.47 0 0 1 13 19A6 6 0 0 1 21 13.34V6M22.54 16.88L20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.46 21.12L17.59 19L15.46 16.88L16.88 15.46L19 17.59L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search-outline.svg
new file mode 100644
index 00000000..7bb85330
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-search-outline" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H11.81A6.59 6.59 0 0 1 10.5 18H5V8H19V9.5A6.59 6.59 0 0 1 21 10.81V6M20.31 17.9A4.5 4.5 0 1 0 18.88 19.32L22 22.39L23.39 21M16.5 18A2.5 2.5 0 1 1 19 15.5A2.5 2.5 0 0 1 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search.svg
new file mode 100644
index 00000000..bfef5d76
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick-search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick-search" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H11.81A6.5 6.5 0 0 1 21 10.81V6M20.31 17.9A4.5 4.5 0 1 0 18.88 19.32L22 22.39L23.39 21M16.5 18A2.5 2.5 0 1 1 19 15.5A2.5 2.5 0 0 1 16.5 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick.svg b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick.svg
new file mode 100644
index 00000000..d57ecd06
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/toy-brick.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-toy-brick" viewBox="0 0 24 24"><path d="M19 6V5A2 2 0 0 0 17 3H15A2 2 0 0 0 13 5V6H11V5A2 2 0 0 0 9 3H7A2 2 0 0 0 5 5V6H3V20H21V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/track-light-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/track-light-off.svg
new file mode 100644
index 00000000..361ffb73
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/track-light-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-track-light-off" viewBox="0 0 24 24"><path d="M19.78 13.57L22.55 14.72L21.79 16.57L19 15.42L19.78 13.57M22.57 8.14L21.81 6.29L19.5 7.25L20.26 9.1L22.57 8.14M14.34 19.69L15.3 22L17.15 21.23L16.19 18.93L14.34 19.69M2.39 1.73L1.11 3L3.64 5.53L1.43 10.84L6.97 13.14L11.94 16.82L13.79 17.59L14.35 16.24L20.84 22.73L22.11 21.46L2.39 1.73M6.2 3L6 2.8V1H14V3H11V6.87L15.77 7.58L17.62 8.35L15.84 12.64L9 5.8V3H6.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/track-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/track-light.svg
new file mode 100644
index 00000000..e8818070
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/track-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-track-light" viewBox="0 0 24 24"><path d="M6,1V3H9V6.4L4.11,4.38L1.43,10.84L6.97,13.14L11.94,16.82L13.79,17.59L17.62,8.35L15.77,7.58L11,6.87V3H14V1H6M21.81,6.29L19.5,7.25L20.26,9.1L22.57,8.14L21.81,6.29M19.78,13.57L19,15.42L21.79,16.57L22.55,14.72L19.78,13.57M16.19,18.93L14.34,19.69L15.3,22L17.15,21.23L16.19,18.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trackpad-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trackpad-lock.svg
new file mode 100644
index 00000000..b5000f62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trackpad-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trackpad-lock" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V17C1,18.11 1.89,19 3,19H14V17H12V13H16.68C17.5,12.35 18.47,12 19.5,12C20,12 20.5,12.09 21,12.26V3C21,1.89 20.11,1 19,1H3M3,3H19V11H3V3M3,13H10V17H3V13M19.5,14A2.5,2.5 0 0,0 17,16.5V17A1,1 0 0,0 16,18V22A1,1 0 0,0 17,23H22A1,1 0 0,0 23,22V18A1,1 0 0,0 22,17V16.5A2.5,2.5 0 0,0 19.5,14M19.5,15A1.5,1.5 0 0,1 21,16.5V17H18V16.5A1.5,1.5 0 0,1 19.5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trackpad.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trackpad.svg
new file mode 100644
index 00000000..11df3077
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trackpad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trackpad" viewBox="0 0 24 24"><path d="M4,3H20A2,2 0 0,1 22,5V19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19V5A2,2 0 0,1 4,3M4,5V13H20V5H4M4,19H11V15H4V19M20,19V15H13V19H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tractor-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tractor-variant.svg
new file mode 100644
index 00000000..756563c2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tractor-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tractor-variant" viewBox="0 0 24 24"><path d="M13.3 2.79L9.8 6.29L10.5 7L11.9 5.61L13 6.71V9C13 10.11 12.11 11 11 11H10.46A6 6 0 0 1 12 15A6 6 0 0 1 11.91 16H15.03A4.5 4.5 0 0 1 19.5 12A4.5 4.5 0 0 1 22 12.76V8C22 6.89 21.11 6 20 6H13.71L12.61 4.9L14 3.5L13.3 2.79M4 7C3.45 7 3 7.45 3 8C3 8.55 3.45 9 4 9H9C9 7.9 8.11 7 7 7H4M6 10A5 5 0 0 0 4.44 10.25L4.8 11.18L4.33 11.36L4 10.43A5 5 0 0 0 1.54 12.74L2.45 13.15L2.24 13.6L1.34 13.2A5 5 0 0 0 1 15A5 5 0 0 0 1.25 16.56L2.18 16.2L2.36 16.67L1.43 17A5 5 0 0 0 3.74 19.46L4.14 18.55L4.6 18.76L4.2 19.66A5 5 0 0 0 6 20A5 5 0 0 0 7.56 19.75L7.2 18.82L7.67 18.64L8 19.57A5 5 0 0 0 10.46 17.26L9.55 16.86L9.76 16.4L10.66 16.8A5 5 0 0 0 11 15A5 5 0 0 0 10.75 13.44L9.82 13.8L9.64 13.33L10.57 13A5 5 0 0 0 8.26 10.54L7.86 11.45L7.4 11.24L7.8 10.34A5 5 0 0 0 6 10M6 12A3 3 0 0 1 9 15A3 3 0 0 1 6 18A3 3 0 0 1 3 15A3 3 0 0 1 6 12M19.5 13A3.5 3.5 0 0 0 16 16.5A3.5 3.5 0 0 0 19.5 20A3.5 3.5 0 0 0 23 16.5A3.5 3.5 0 0 0 19.5 13M19.5 15A1.5 1.5 0 0 1 21 16.5A1.5 1.5 0 0 1 19.5 18A1.5 1.5 0 0 1 18 16.5A1.5 1.5 0 0 1 19.5 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tractor.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tractor.svg
new file mode 100644
index 00000000..759a964e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tractor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tractor" viewBox="0 0 24 24"><path d="M5,4V11.26C3.2,11.9 2,13.6 2,15.5C2,18 4,20 6.5,20C8.79,20 10.71,18.28 10.97,16H15.17C15.06,16.32 15,16.66 15,17A3,3 0 0,0 18,20A3,3 0 0,0 21,17C21,16.66 20.94,16.32 20.82,16H22V13C22,11.89 21.11,11 20,11H15.04L13.65,4H5M7,6H12L13,11V14H10.74C10.16,12.38 8.71,11.23 7,11.03V6M6.5,13.25A2.25,2.25 0 0,1 8.75,15.5A2.25,2.25 0 0,1 6.5,17.75A2.25,2.25 0 0,1 4.25,15.5A2.25,2.25 0 0,1 6.5,13.25M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trademark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trademark.svg
new file mode 100644
index 00000000..6011173e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trademark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trademark" viewBox="0 0 24 24"><path d="M9.8,8.44H6.87V16H4.89V8.44H2V7H9.8V8.44M13.5,7L15.96,13.5L18.41,7H21V16H19V13.5L19.22,9.24L16.63,16H15.28L12.7,9.25L12.9,13.5V16H10.93V7H13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/traffic-cone.svg b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-cone.svg
new file mode 100644
index 00000000..c1feb47f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-cone.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-traffic-cone" viewBox="0 0 24 24"><path d="M17 15L18 19H21V22H3V19H6L7 15H17M15 8L16 12H8L9 8H15M13 1L14 5H10L11 1H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light-outline.svg
new file mode 100644
index 00000000..91efdaf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-traffic-light-outline" viewBox="0 0 24 24"><path d="M20 10H17V8.86C18.72 8.41 20 6.86 20 5H17V4C17 3.45 16.55 3 16 3H8C7.45 3 7 3.45 7 4V5H4C4 6.86 5.28 8.41 7 8.86V10H4C4 11.86 5.28 13.41 7 13.86V15H4C4 16.86 5.28 18.41 7 18.86V20C7 20.55 7.45 21 8 21H16C16.55 21 17 20.55 17 20V18.86C18.72 18.41 20 16.86 20 15H17V13.86C18.72 13.41 20 11.86 20 10M15 19H9V5H15V19M12 18C12.83 18 13.5 17.33 13.5 16.5S12.83 15 12 15 10.5 15.67 10.5 16.5 11.17 18 12 18M12 13.5C12.83 13.5 13.5 12.83 13.5 12S12.83 10.5 12 10.5 10.5 11.17 10.5 12 11.17 13.5 12 13.5M12 9C12.83 9 13.5 8.33 13.5 7.5S12.83 6 12 6 10.5 6.67 10.5 7.5 11.17 9 12 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light.svg
new file mode 100644
index 00000000..b1d848b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/traffic-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-traffic-light" viewBox="0 0 24 24"><path d="M12,9A2,2 0 0,1 10,7C10,5.89 10.9,5 12,5C13.11,5 14,5.89 14,7A2,2 0 0,1 12,9M12,14A2,2 0 0,1 10,12C10,10.89 10.9,10 12,10C13.11,10 14,10.89 14,12A2,2 0 0,1 12,14M12,19A2,2 0 0,1 10,17C10,15.89 10.9,15 12,15C13.11,15 14,15.89 14,17A2,2 0 0,1 12,19M20,10H17V8.86C18.72,8.41 20,6.86 20,5H17V4A1,1 0 0,0 16,3H8A1,1 0 0,0 7,4V5H4C4,6.86 5.28,8.41 7,8.86V10H4C4,11.86 5.28,13.41 7,13.86V15H4C4,16.86 5.28,18.41 7,18.86V20A1,1 0 0,0 8,21H16A1,1 0 0,0 17,20V18.86C18.72,18.41 20,16.86 20,15H17V13.86C18.72,13.41 20,11.86 20,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-autorack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-autorack.svg
new file mode 100644
index 00000000..45abc39d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-autorack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-autorack" viewBox="0 0 24 24"><path d="M21 6H3C1.9 6 1 6.9 1 8V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V8C23 6.9 22.11 6 21 6M7.58 12.18C8.19 12.18 8.68 12.68 8.68 13.29S8.19 14.39 7.58 14.39C6.97 14.39 6.47 13.9 6.47 13.29S6.97 12.18 7.58 12.18M7.03 11.08L8.68 9.61H11.63L14.58 11.08H7.03M9.66 14.03H14.34C14.5 14.42 14.74 14.75 15.05 15H8.95C9.26 14.75 9.5 14.42 9.66 14.03M15.32 13.29C15.32 12.68 15.81 12.18 16.42 12.18C17.03 12.18 17.53 12.68 17.53 13.29S17.03 14.39 16.42 14.39C15.81 14.4 15.32 13.9 15.32 13.29M17.79 15C18.11 14.75 18.36 14.42 18.5 14.03H20.11V13.29C20.11 12.47 19.35 12.21 18.63 11.82L12 8.5H8.32L6.11 10.34H5.37C4.55 10.34 3.89 11 3.89 11.82V14.03H5.5C5.64 14.42 5.89 14.75 6.21 15H3V8H21V15H17.79Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-full.svg
new file mode 100644
index 00000000..eab44b7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-box-full" viewBox="0 0 24 24"><path d="M1 7V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V7H1M16 16H14V11H10V16H8V9H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-open.svg
new file mode 100644
index 00000000..acba2082
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-box-open" viewBox="0 0 24 24"><path d="M1 7V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V7H1M16 16H8V9H16V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box.svg
new file mode 100644
index 00000000..cb234de7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-box" viewBox="0 0 24 24"><path d="M1 7V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V7H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-caboose.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-caboose.svg
new file mode 100644
index 00000000..165496e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-caboose.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-caboose" viewBox="0 0 24 24"><path d="M23 9V7H15V6H16V4H8V6H9V7H1V9H2V15H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V15H22V9H23M4 15H3V9H4V15M11 12H6V9H11V12M18 12H13V9H18V12M21 15H20V9H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam-full.svg
new file mode 100644
index 00000000..7827acdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-centerbeam-full" viewBox="0 0 24 24"><path d="M23 6V17H22C22 18.11 21.11 19 20 19S18 18.11 18 17H6C6 18.11 5.11 19 4 19S2 18.11 2 17H1V6H3V15H21V6H23M8 12H4V14H8V12M15 12H9V14H15V12M20 12H16V14H20V12M8 9H4V11H8V9M15 9H9V11H15V9M20 9H16V11H20V9M8 6H4V8H8V6M15 6H9V8H15V6M20 6H16V8H20V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam.svg
new file mode 100644
index 00000000..936eabeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-centerbeam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-centerbeam" viewBox="0 0 24 24"><path d="M23 6V17H22C22 18.11 21.11 19 20 19S18 18.11 18 17H6C6 18.11 5.11 19 4 19S2 18.11 2 17H1V6H3V15H21V6H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-container.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-container.svg
new file mode 100644
index 00000000..41e91543
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-container.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-container" viewBox="0 0 24 24"><path d="M1 6V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V6H1M21 15H19V9H17V15H15V9H13V15H11V9H9V15H7V9H5V15H3V8H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-car.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-car.svg
new file mode 100644
index 00000000..ee7d0a90
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-flatbed-car" viewBox="0 0 24 24"><path d="M23 13V10C23 8.89 22.11 8 21 8H19L16 4H6L3 8C1.89 8 1 8.89 1 10V13H3C3 13.77 3.3 14.47 3.78 15H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V15H20.22C20.7 14.47 21 13.77 21 13H23M19.5 13C19.5 13.83 18.83 14.5 18 14.5S16.5 13.83 16.5 13 17.17 11.5 18 11.5 19.5 12.17 19.5 13M12 5.5H15.25L17.14 8H12V5.5M15.78 15H8.22C8.7 14.47 9 13.77 9 13H15C15 13.77 15.3 14.47 15.78 15M6.75 5.5H10.5V8H4.86L6.75 5.5M6 11.5C6.83 11.5 7.5 12.17 7.5 13S6.83 14.5 6 14.5 4.5 13.83 4.5 13 5.17 11.5 6 11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-tank.svg
new file mode 100644
index 00000000..32f00375
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed-tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-flatbed-tank" viewBox="0 0 24 24"><path d="M21.22 15C21.7 14.47 22 13.77 22 13C22 11.34 20.66 10 19 10H5C3.34 10 2 11.34 2 13C2 13.77 2.3 14.47 2.78 15H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V15H21.22M19 12C19.55 12 20 12.45 20 13S19.55 14 19 14 18 13.55 18 13 18.45 12 19 12M12 12C12.55 12 13 12.45 13 13S12.55 14 12 14 11 13.55 11 13 11.45 12 12 12M5 12C5.55 12 6 12.45 6 13S5.55 14 5 14 4 13.55 4 13 4.45 12 5 12M13.62 6L13.22 4H22V6H13.62M20 9H4V8H6L7 3H12L13 8H20V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed.svg
new file mode 100644
index 00000000..4c651ec2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-flatbed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-flatbed" viewBox="0 0 24 24"><path d="M23 15V17H22C22 18.11 21.11 19 20 19S18 18.11 18 17H6C6 18.11 5.11 19 4 19S2 18.11 2 17H1V15H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola-full.svg
new file mode 100644
index 00000000..bef710de
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-gondola-full" viewBox="0 0 24 24"><path d="M21 10C19.04 8.19 15.74 7 12 7S4.96 8.19 3 10H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V10H21M21 15H19V13H17V15H15V13H13V15H11V13H9V15H7V13H5V15H3V12H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola.svg
new file mode 100644
index 00000000..ce4d18c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-gondola.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-gondola" viewBox="0 0 24 24"><path d="M1 10V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V10H1M21 15H19V13H17V15H15V13H13V15H11V13H9V15H7V13H5V15H3V12H21V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-covered.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-covered.svg
new file mode 100644
index 00000000..bf33fad5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-covered.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-hopper-covered" viewBox="0 0 24 24"><path d="M23 9V7H1V9L2 10.33V15H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H10L11 18H13L14 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V15H22V10.33L23 9M4 15V13L5.5 15H4M5 10V9H19V10H5M20 15H18.5L20 13V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-full.svg
new file mode 100644
index 00000000..6b191c83
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-hopper-full" viewBox="0 0 24 24"><path d="M21 8C19.04 6.19 15.74 5 12 5S4.96 6.19 3 8H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V8H21M13 15V11H11V15H8V11H6V15H3V10H21V15H18V11H16V15H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper.svg
new file mode 100644
index 00000000..fc31c8a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-hopper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-hopper" viewBox="0 0 24 24"><path d="M1 8V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V8H1M13 15V11H11V15H8V11H6V15H3V10H21V15H18V11H16V15H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-intermodal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-intermodal.svg
new file mode 100644
index 00000000..fedc6949
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-intermodal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-intermodal" viewBox="0 0 24 24"><path d="M21 15V11H3V15H1V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V15H21M16 14H8V13H16V14M21 5H3V10H21V5M16 8H8V7H16V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door-open.svg
new file mode 100644
index 00000000..38702423
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-passenger-door-open" viewBox="0 0 24 24"><path d="M21 7H3C1.9 7 1 7.9 1 9V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V9C23 7.9 22.11 7 21 7M8 12H3V9H8V12M14 16H10V9H14V16M21 12H16V9H21V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door.svg
new file mode 100644
index 00000000..a7c81ccc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-door.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-passenger-door" viewBox="0 0 24 24"><path d="M21 7H3C1.9 7 1 7.9 1 9V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V9C23 7.9 22.11 7 21 7M7 12H3V9H7V12M11 16H9V9H11V16M15 16H13V9H15V16M21 12H17V9H21V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-variant.svg
new file mode 100644
index 00000000..957a4a29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-passenger-variant" viewBox="0 0 24 24"><path d="M21 7H3C1.9 7 1 7.9 1 9V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V9C23 7.9 22.11 7 21 7M11 12H3V9H11V12M21 12H13V9H21V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger.svg
new file mode 100644
index 00000000..6d669219
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-passenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-passenger" viewBox="0 0 24 24"><path d="M21 7H3C1.9 7 1 7.9 1 9V17H2C2 18.11 2.9 19 4 19S6 18.11 6 17H18C18 18.11 18.9 19 20 19S22 18.11 22 17H23V9C23 7.9 22.11 7 21 7M7 12H3V9H7V12M15 12H9V9H15V12M21 12H17V9H21V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car-tank.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-tank.svg
new file mode 100644
index 00000000..f2635f75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car-tank.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car-tank" viewBox="0 0 24 24"><path d="M23 15V17H22C22 18.11 21.11 19 20 19S18 18.11 18 17H6C6 18.11 5.11 19 4 19S2 18.11 2 17H1V15H23M21 8H15V7H9V8H3C1.9 8 1 8.9 1 10V12C1 13.11 1.9 14 3 14H21C22.11 14 23 13.11 23 12V10C23 8.9 22.11 8 21 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-car.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-car.svg
new file mode 100644
index 00000000..4e4706a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-car.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-car" viewBox="0 0 24 24"><path d="M12,4H5A3,3 0 0,0 2,7V15A3,3 0 0,0 5,18L4,19V20H5L7,17.97L9,18V13H4V6H13V8H15V7A3,3 0 0,0 12,4M5,14A1,1 0 0,1 6,15A1,1 0 0,1 5,16A1,1 0 0,1 4,15A1,1 0 0,1 5,14M20.57,9.66C20.43,9.26 20.05,9 19.6,9H12.41C11.95,9 11.58,9.26 11.43,9.66L10,13.77V19.28C10,19.66 10.32,20 10.7,20H11.32C11.7,20 12,19.62 12,19.24V18H20V19.24C20,19.62 20.31,20 20.69,20H21.3C21.68,20 22,19.66 22,19.28V17.91L22,13.77L20.57,9.66M12.41,10H19.6L20.63,13H11.38L12.41,10M12,16A1,1 0 0,1 11,15A1,1 0 0,1 12,14A1,1 0 0,1 13,15A1,1 0 0,1 12,16M20,16A1,1 0 0,1 19,15A1,1 0 0,1 20,14A1,1 0 0,1 21,15A1,1 0 0,1 20,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train-variant.svg
new file mode 100644
index 00000000..e2214edb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train-variant" viewBox="0 0 24 24"><path d="M18,10H6V5H18M12,17C10.89,17 10,16.1 10,15C10,13.89 10.89,13 12,13A2,2 0 0,1 14,15A2,2 0 0,1 12,17M4,15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V5C20,1.5 16.42,1 12,1C7.58,1 4,1.5 4,5V15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/train.svg b/apps/phoenix_webcomponent/priv/mdi/svg/train.svg
new file mode 100644
index 00000000..5f913007
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/train.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-train" viewBox="0 0 24 24"><path d="M12,2C8,2 4,2.5 4,6V15.5A3.5,3.5 0 0,0 7.5,19L6,20.5V21H8.23L10.23,19H14L16,21H18V20.5L16.5,19A3.5,3.5 0 0,0 20,15.5V6C20,2.5 16.42,2 12,2M7.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,14A1.5,1.5 0 0,1 9,15.5A1.5,1.5 0 0,1 7.5,17M11,10H6V6H11V10M13,10V6H18V10H13M16.5,17A1.5,1.5 0 0,1 15,15.5A1.5,1.5 0 0,1 16.5,14A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 16.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tram-side.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tram-side.svg
new file mode 100644
index 00000000..dbb50dd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tram-side.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tram-side" viewBox="0 0 24 24"><path d="M9 1L5 4L7.5 6H5C5 6 2 6 2 9V19H7C7 19 7 17 9 17H22V14H18V8H22V6H10.5L13 4L9 1M4 8H9V14H4V8M11 8H16V14H11V8M4 16H5V18H4V16M9 19V19.5C9 20.88 10.12 22 11.5 22C12.5 22 13.39 21.41 13.79 20.5H15.21C15.61 21.41 16.5 22 17.5 22C18.88 22 20 20.88 20 19.5V19H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tram.svg
new file mode 100644
index 00000000..6cb19abf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tram" viewBox="0 0 24 24"><path d="M19,16.94V8.5C19,5.71 16.39,5.1 13,5L13.75,3.5H17V2H7V3.5H11.75L11,5C7.86,5.11 5,5.73 5,8.5V16.94C5,18.39 6.19,19.6 7.59,19.91L6,21.5V22H8.23L10.23,20H14L16,22H18V21.5L16.5,20H16.42C18.11,20 19,18.63 19,16.94M12,18.5A1.5,1.5 0 0,1 10.5,17A1.5,1.5 0 0,1 12,15.5A1.5,1.5 0 0,1 13.5,17A1.5,1.5 0 0,1 12,18.5M17,14H7V9H17V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transcribe-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transcribe-close.svg
new file mode 100644
index 00000000..072f557d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transcribe-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transcribe-close" viewBox="0 0 24 24"><path d="M12,23L8,19H16L12,23M20,3A2,2 0 0,1 22,5V15A2,2 0 0,1 20,17H4A2,2 0 0,1 2,15V5A2,2 0 0,1 4,3H20M18,15V13H12.5L10.5,15H18M6,15H8.5L15.35,8.12C15.55,7.93 15.55,7.61 15.35,7.42L13.59,5.65C13.39,5.45 13.07,5.45 12.88,5.65L6,12.53V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transcribe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transcribe.svg
new file mode 100644
index 00000000..dc8ca245
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transcribe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transcribe" viewBox="0 0 24 24"><path d="M20,5A2,2 0 0,1 22,7V17A2,2 0 0,1 20,19H4C2.89,19 2,18.1 2,17V7C2,5.89 2.89,5 4,5H20M18,17V15H12.5L10.5,17H18M6,17H8.5L15.35,10.12C15.55,9.93 15.55,9.61 15.35,9.41L13.59,7.65C13.39,7.45 13.07,7.45 12.88,7.65L6,14.53V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transfer-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-down.svg
new file mode 100644
index 00000000..04e23131
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer-down" viewBox="0 0 24 24"><path d="M16,3V5H8V3H16M16,7V9H8V7H16M16,11V13H8V11H16M5,15H19L12,22L5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transfer-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-left.svg
new file mode 100644
index 00000000..87f9e647
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer-left" viewBox="0 0 24 24"><path d="M21,16H19V8H21V16M17,16H15V8H17V16M13,16H11V8H13V16M9,5V19L2,12L9,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transfer-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-right.svg
new file mode 100644
index 00000000..1174a9c4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer-right" viewBox="0 0 24 24"><path d="M3,8H5V16H3V8M7,8H9V16H7V8M11,8H13V16H11V8M15,19.25V4.75L22.25,12L15,19.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transfer-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-up.svg
new file mode 100644
index 00000000..257fcbdd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transfer-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer-up" viewBox="0 0 24 24"><path d="M8,21V19H16V21H8M8,17V15H16V17H8M8,13V11H16V13H8M19,9H5L12,2L19,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transfer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transfer.svg
new file mode 100644
index 00000000..d67c3cd7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transfer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer" viewBox="0 0 24 24"><path d="M8 4A2 2 0 0 0 6 6V10H8V6H16V9H13.5L17 12.5L20.5 9H18V6A2 2 0 0 0 16 4H8M3 12V14H11V12H3M3 15V17H11V15H3M13 15V17H21V15H13M3 18V20H11V18H3M13 18V20H21V18H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-horizontal.svg
new file mode 100644
index 00000000..9224065f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-connection-horizontal" viewBox="0 0 24 24"><path d="M12 9C10.7 9 9.6 9.8 9.2 11H6.8C6.4 9.8 5.3 9 4 9C2.3 9 1 10.3 1 12S2.3 15 4 15C5.3 15 6.4 14.2 6.8 13H9.2C9.6 14.2 10.7 15 12 15S14.4 14.2 14.8 13H17.2C17.6 14.2 18.7 15 20 15C21.7 15 23 13.7 23 12S21.7 9 20 9C18.7 9 17.6 9.8 17.2 11H14.8C14.4 9.8 13.3 9 12 9M3 12C3 11.4 3.4 11 4 11S5 11.4 5 12 4.6 13 4 13 3 12.6 3 12M21 12C21 12.6 20.6 13 20 13S19 12.6 19 12 19.4 11 20 11 21 11.4 21 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-variant.svg
new file mode 100644
index 00000000..4eac892d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-connection-variant" viewBox="0 0 24 24"><path d="M18,11H14.82C14.4,9.84 13.3,9 12,9C10.7,9 9.6,9.84 9.18,11H6C5.67,11 4,10.9 4,9V8C4,6.17 5.54,6 6,6H16.18C16.6,7.16 17.7,8 19,8A3,3 0 0,0 22,5A3,3 0 0,0 19,2C17.7,2 16.6,2.84 16.18,4H6C4.39,4 2,5.06 2,8V9C2,11.94 4.39,13 6,13H9.18C9.6,14.16 10.7,15 12,15C13.3,15 14.4,14.16 14.82,13H18C18.33,13 20,13.1 20,15V16C20,17.83 18.46,18 18,18H7.82C7.4,16.84 6.3,16 5,16A3,3 0 0,0 2,19A3,3 0 0,0 5,22C6.3,22 7.4,21.16 7.82,20H18C19.61,20 22,18.93 22,16V15C22,12.07 19.61,11 18,11M19,4A1,1 0 0,1 20,5A1,1 0 0,1 19,6A1,1 0 0,1 18,5A1,1 0 0,1 19,4M5,20A1,1 0 0,1 4,19A1,1 0 0,1 5,18A1,1 0 0,1 6,19A1,1 0 0,1 5,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection.svg
new file mode 100644
index 00000000..c974aff2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-connection.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-connection" viewBox="0 0 24 24"><path d="M15,12C15,10.7 14.16,9.6 13,9.18V6.82C14.16,6.4 15,5.3 15,4A3,3 0 0,0 12,1A3,3 0 0,0 9,4C9,5.3 9.84,6.4 11,6.82V9.19C9.84,9.6 9,10.7 9,12C9,13.3 9.84,14.4 11,14.82V17.18C9.84,17.6 9,18.7 9,20A3,3 0 0,0 12,23A3,3 0 0,0 15,20C15,18.7 14.16,17.6 13,17.18V14.82C14.16,14.4 15,13.3 15,12M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M12,21A1,1 0 0,1 11,20A1,1 0 0,1 12,19A1,1 0 0,1 13,20A1,1 0 0,1 12,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-detour.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-detour.svg
new file mode 100644
index 00000000..10f2b5e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-detour.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-detour" viewBox="0 0 24 24"><path d="M19 3A3 3 0 0 0 16.61 4.21A11.5 11.5 0 0 0 13.75 4L13.88 6A9.47 9.47 0 0 1 16 6.13A3 3 0 1 0 19 3M19 7A1 1 0 1 1 20 6A1 1 0 0 1 19 7M8.86 7.86L7.67 6.25A11.5 11.5 0 0 1 11.6 4.37L12.1 6.31A9.5 9.5 0 0 0 8.86 7.86M21 18A3 3 0 1 1 15.69 16.11A9.47 9.47 0 0 0 8.59 13.46C8.37 13.47 8.16 13.5 7.94 13.54A3 3 0 1 1 4.39 10.06A11.54 11.54 0 0 1 6.04 7.7L7.5 9.06A9.34 9.34 0 0 0 6.5 10.41A3.04 3.04 0 0 1 7.62 11.56C7.91 11.5 8.19 11.5 8.5 11.46A11.47 11.47 0 0 1 17.46 15.05A2.96 2.96 0 0 1 18 15A3 3 0 0 1 21 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-skip.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-skip.svg
new file mode 100644
index 00000000..948d2c5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-skip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-skip" viewBox="0 0 24 24"><path d="M21 12C21 8 18.5 4.7 15 3.5C14.7 2.1 13.5 1 12 1C10.3 1 9 2.3 9 4S10.3 7 12 7C13.1 7 14.1 6.4 14.6 5.5C17.2 6.5 19 9 19 12C19 14.9 17.2 17.5 14.6 18.5C14.1 17.6 13.1 17 12 17C10.3 17 9 18.3 9 20S10.3 23 12 23C13.5 23 14.7 21.9 15 20.5C18.5 19.3 21 15.9 21 12M12 5C11.4 5 11 4.6 11 4S11.4 3 12 3 13 3.4 13 4 12.6 5 12 5M12 21C11.4 21 11 20.6 11 20S11.4 19 12 19 13 19.4 13 20 12.6 21 12 21M12 9C13.7 9 15 10.3 15 12S13.7 15 12 15 9 13.7 9 12 10.3 9 12 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transit-transfer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transit-transfer.svg
new file mode 100644
index 00000000..8d51e7e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transit-transfer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transit-transfer" viewBox="0 0 24 24"><path d="M16.5,15.5H22V17H16.5V18.75L14,16.25L16.5,13.75V15.5M19.5,19.75V18L22,20.5L19.5,23V21.25H14V19.75H19.5M9.5,5.5A2,2 0 0,1 7.5,3.5A2,2 0 0,1 9.5,1.5A2,2 0 0,1 11.5,3.5A2,2 0 0,1 9.5,5.5M5.75,8.9L4,9.65V13H2V8.3L7.25,6.15C7.5,6.05 7.75,6 8,6C8.7,6 9.35,6.35 9.7,6.95L10.65,8.55C11.55,10 13.15,11 15,11V13C12.8,13 10.85,12 9.55,10.4L8.95,13.4L11,15.45V23H9V17L6.85,15L5.1,23H3L5.75,8.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transition-masked.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transition-masked.svg
new file mode 100644
index 00000000..716650a6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transition-masked.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transition-masked" viewBox="0 0 24 24"><path d="M15,2C16.94,2 18.59,2.7 19.95,4.05C21.3,5.41 22,7.06 22,9C22,10.56 21.5,11.96 20.58,13.2C19.64,14.43 18.44,15.27 16.97,15.7L17,15.38V15C17,12.81 16.23,10.93 14.65,9.35C13.07,7.77 11.19,7 9,7H8.63L8.3,7.03C8.73,5.56 9.57,4.36 10.8,3.42C12.04,2.5 13.44,2 15,2M9,8A7,7 0 0,1 16,15A7,7 0 0,1 9,22A7,7 0 0,1 2,15A7,7 0 0,1 9,8M9,10A5,5 0 0,0 4,15A5,5 0 0,0 9,20A5,5 0 0,0 14,15A5,5 0 0,0 9,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transition.svg
new file mode 100644
index 00000000..423b0be0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transition" viewBox="0 0 24 24"><path d="M15,2A7,7 0 0,1 22,9C22,11.71 20.46,14.05 18.22,15.22C17.55,16.5 16.5,17.55 15.22,18.22C14.05,20.46 11.71,22 9,22A7,7 0 0,1 2,15C2,12.29 3.54,9.95 5.78,8.78C6.45,7.5 7.5,6.45 8.78,5.78C9.95,3.54 12.29,2 15,2M12,19A7,7 0 0,1 5,12C4.37,12.84 4,13.87 4,15A5,5 0 0,0 9,20C10.13,20 11.16,19.63 12,19M15,16A7,7 0 0,1 8,9H8C7.37,9.84 7,10.87 7,12A5,5 0 0,0 12,17C13.13,17 14.16,16.63 15,16V16M15,4C13.87,4 12.84,4.37 12,5V5A7,7 0 0,1 19,12H19C19.63,11.16 20,10.13 20,9A5,5 0 0,0 15,4M10,9A5,5 0 0,0 15,14C15.6,14 16.17,13.9 16.7,13.7C16.9,13.17 17,12.6 17,12A5,5 0 0,0 12,7C11.4,7 10.83,7.1 10.3,7.3C10.1,7.83 10,8.4 10,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/translate-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/translate-off.svg
new file mode 100644
index 00000000..e37cf6ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/translate-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-translate-off" viewBox="0 0 24 24"><path d="M12.17,5.81C11.87,6.69 11.47,7.55 11,8.39L12.35,9.74C13.11,8.5 13.71,7.18 14.13,5.81H17.16V3.75H9.94V1.69H7.87V3.75H6.37L8.43,5.81H12.17M15.53,12.91L17.03,14.41L17.67,12.69L19.08,16.47L22.39,19.77L18.7,9.94H16.64L15.53,12.91M1.31,1.31L0,2.62L1.13,3.75H0.65V5.81H3.19L5.26,7.88H4.46C5.21,9.56 6.24,11.15 7.53,12.58L2.28,17.76L3.75,19.22L8.91,14.07L12.11,17.27L12.8,15.43L14.1,16.72L12,22.31H14.06L15.22,19.22H16.6L21.38,24L22.69,22.69L1.31,1.31Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/translate-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/translate-variant.svg
new file mode 100644
index 00000000..83b29f82
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/translate-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-translate-variant" viewBox="0 0 24 24"><path d="M11 1H3C1.9 1 1 1.9 1 3V15L4 12H9V11C9 8.8 10.79 7 13 7V3C13 1.9 12.1 1 11 1M11 4L9.5 4C9.16 5.19 8.54 6.3 7.68 7.26L7.66 7.28L8.92 8.53L8.55 9.54L7 8L4.5 10.5L3.81 9.77L6.34 7.28C5.72 6.59 5.22 5.82 4.86 5H5.85C6.16 5.6 6.54 6.17 7 6.68C7.72 5.88 8.24 4.97 8.57 4L3 4V3H6.5V2H7.5V3H11V4M21 9H13C11.9 9 11 9.9 11 11V18C11 19.1 11.9 20 13 20H20L23 23V11C23 9.9 22.1 9 21 9M19.63 19L18.78 16.75H15.22L14.38 19H12.88L16.25 10H17.75L21.13 19H19.63M17 12L18.22 15.25H15.79L17 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/translate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/translate.svg
new file mode 100644
index 00000000..0a13b4a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/translate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-translate" viewBox="0 0 24 24"><path d="M12.87,15.07L10.33,12.56L10.36,12.53C12.1,10.59 13.34,8.36 14.07,6H17V4H10V2H8V4H1V6H12.17C11.5,7.92 10.44,9.75 9,11.35C8.07,10.32 7.3,9.19 6.69,8H4.69C5.42,9.63 6.42,11.17 7.67,12.56L2.58,17.58L4,19L9,14L12.11,17.11L12.87,15.07M18.5,10H16.5L12,22H14L15.12,19H19.87L21,22H23L18.5,10M15.88,17L17.5,12.67L19.12,17H15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-export.svg
new file mode 100644
index 00000000..94443118
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transmission-tower-export" viewBox="0 0 24 24"><path d="M5.18 5.45L3.4 4.55L4.66 2H13.13L14.4 4.55L12.62 5.44L11.9 4H5.9L5.18 5.45M15.5 8H11L10.2 5H7.6L6.81 8H2.28L1 10.55L2.79 11.44L3.5 10H14.28L15 11.45L16.79 10.56L15.5 8M14.67 22H12.6L12.36 21.1L8.9 15.9L5.43 21.1L5.2 22H3.13L6 11H8.09L7.73 12.35L8.9 14.1L10.06 12.35L9.71 11H11.78L14.67 22M8.3 15L7.4 13.65L6.22 18.13L8.3 15M11.58 18.12L10.4 13.64L9.5 15L11.58 18.12M23 16L19 12V15H15V17H19V20L23 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-import.svg
new file mode 100644
index 00000000..3a6ff595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transmission-tower-import" viewBox="0 0 24 24"><path d="M11.39 5.45L9.61 4.55L10.87 2H19.34L20.61 4.55L18.83 5.44L18.11 4H12.11L11.39 5.45M21.73 8H17.2L16.41 5H13.81L13 8H8.5L7.21 10.55L9 11.44L9.73 10H20.5L21.21 11.45L23 10.56L21.73 8M20.88 22H18.81L18.57 21.1L15.11 15.9L11.64 21.1L11.41 22H9.34L12.23 11H14.3L13.94 12.35L15.11 14.1L16.27 12.35L15.92 11H18L20.88 22M14.5 15L13.61 13.65L12.43 18.13L14.5 15M17.79 18.12L16.61 13.64L15.71 15L17.79 18.12M9 16L5 12V15H1V17H5V20L9 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-off.svg
new file mode 100644
index 00000000..d7523f97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transmission-tower-off" viewBox="0 0 24 24"><path d="M22.1 21.5L2.4 1.7L1.1 3L6.1 8H5.4L4.1 10.5L5.9 11.4L6.6 10H8.1L9.1 11L6.2 22H8.3L8.5 21.1L12 15.9L15.5 21.1L15.7 22H17.8L17 18.8L20.9 22.7L22.1 21.5M9.3 18.1L10.5 13.6L11.4 14.9L9.3 18.1M14.7 18.1L12.6 15L12.8 14.7L14.1 16L14.7 18.1M14.2 11H14.9L15.1 11.9L14.2 11M14.1 8H18.6L19.9 10.6L18.1 11.5L17.4 10H13.2L10.2 7L10.7 5H13.3L14.1 8M8.4 5.2L6.9 3.7L7.8 2H16.3L17.6 4.5L15.8 5.4L15 4H9L8.4 5.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower.svg b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower.svg
new file mode 100644
index 00000000..ddfad6ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/transmission-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transmission-tower" viewBox="0 0 24 24"><path d="M8.28,5.45L6.5,4.55L7.76,2H16.23L17.5,4.55L15.72,5.44L15,4H9L8.28,5.45M18.62,8H14.09L13.3,5H10.7L9.91,8H5.38L4.1,10.55L5.89,11.44L6.62,10H17.38L18.1,11.45L19.89,10.56L18.62,8M17.77,22H15.7L15.46,21.1L12,15.9L8.53,21.1L8.3,22H6.23L9.12,11H11.19L10.83,12.35L12,14.1L13.16,12.35L12.81,11H14.88L17.77,22M11.4,15L10.5,13.65L9.32,18.13L11.4,15M14.68,18.12L13.5,13.64L12.6,15L14.68,18.12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trash-can-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trash-can-outline.svg
new file mode 100644
index 00000000..7515b215
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trash-can-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trash-can-outline" viewBox="0 0 24 24"><path d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trash-can.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trash-can.svg
new file mode 100644
index 00000000..a1879e9c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trash-can.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trash-can" viewBox="0 0 24 24"><path d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M9,8H11V17H9V8M13,8H15V17H13V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-alert.svg
new file mode 100644
index 00000000..2aea1ac2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-alert" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17M13 12H11V14H13M13 4H11V10H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-down.svg
new file mode 100644
index 00000000..78aeb3ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-arrow-down" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-up.svg
new file mode 100644
index 00000000..00d94821
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-arrow-up" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 2L6.46 7.46L7.88 8.88L11 5.75V15H13V5.75L16.13 8.88L17.55 7.45L12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-full.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-full.svg
new file mode 100644
index 00000000..7471e699
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-full.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-full" viewBox="0 0 24 24"><path d="M18 5H6V7H18M6 9H18V11H6M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17M18 13H6V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-minus.svg
new file mode 100644
index 00000000..1e0b2add
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-minus" viewBox="0 0 24 24"><path d="M16 10H8V8H16M2 17A2 2 0 0 0 4 19H20A2 2 0 0 0 22 17V12H20V17H4V12H2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-plus.svg
new file mode 100644
index 00000000..d309e6bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-plus" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17M11 5H13V8H16V10H13V13H11V10H8V8H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray-remove.svg
new file mode 100644
index 00000000..ee253626
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray-remove" viewBox="0 0 24 24"><path d="M2 17A2 2 0 0 0 4 19H20A2 2 0 0 0 22 17V12H20V17H4V12H2M14.12 5.46L15.54 6.88L13.41 9L15.54 11.12L14.12 12.54L12 10.41L9.88 12.54L8.46 11.12L10.59 9L8.46 6.88L9.88 5.46L12 7.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tray.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tray.svg
new file mode 100644
index 00000000..f00e2cd2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tray" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17A2 2 0 0 1 20 19H4A2 2 0 0 1 2 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/treasure-chest.svg b/apps/phoenix_webcomponent/priv/mdi/svg/treasure-chest.svg
new file mode 100644
index 00000000..ad2ef263
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/treasure-chest.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-treasure-chest" viewBox="0 0 24 24"><path d="M5,4H19A3,3 0 0,1 22,7V11H15V10H9V11H2V7A3,3 0 0,1 5,4M11,11H13V13H11V11M2,12H9V13L11,15H13L15,13V12H22V20H2V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tree-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tree-outline.svg
new file mode 100644
index 00000000..2ac2e51d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tree-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tree-outline" viewBox="0 0 24 24"><path d="M10.5,3C8,3 6,5 6,7.5C6,8.11 6.13,8.71 6.37,9.27C5.5,10.12 5,11.28 5,12.5C5,15 7,17 9.5,17C10,17 10.5,16.89 11,16.72V21H13V15.77C13.5,15.91 14,16 14.5,16A5.5,5.5 0 0,0 20,10.5A5.5,5.5 0 0,0 14.5,5C14.41,5 14.33,5 14.24,5C13.41,3.76 12,3 10.5,3M10.5,5C11.82,5 12.91,6.03 13,7.35C13.46,7.12 14,7 14.5,7A3.5,3.5 0 0,1 18,10.5A3.5,3.5 0 0,1 14.5,14C13.54,14 12.63,13.61 11.96,12.91C11.76,14.12 10.72,15 9.5,15A2.5,2.5 0 0,1 7,12.5C7,11.12 7.8,10.54 9,9.79C8.2,8.76 8,8.16 8,7.5A2.5,2.5 0 0,1 10.5,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tree.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tree.svg
new file mode 100644
index 00000000..f2e2af1e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tree.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tree" viewBox="0 0 24 24"><path d="M11,21V16.74C10.53,16.91 10.03,17 9.5,17C7,17 5,15 5,12.5C5,11.23 5.5,10.09 6.36,9.27C6.13,8.73 6,8.13 6,7.5C6,5 8,3 10.5,3C12.06,3 13.44,3.8 14.25,5C14.33,5 14.41,5 14.5,5A5.5,5.5 0 0,1 20,10.5A5.5,5.5 0 0,1 14.5,16C14,16 13.5,15.93 13,15.79V21H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trello.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trello.svg
new file mode 100644
index 00000000..dd4ca501
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trello.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trello" viewBox="0 0 24 24"><path d="M19.5,2H4.5A2.5,2.5 0 0,0 2,4.5V19.5A2.5,2.5 0 0,0 4.5,22H19.5A2.5,2.5 0 0,0 22,19.5V4.5A2.5,2.5 0 0,0 19.5,2M10.7,17.2A1.2,1.2 0 0,1 9.5,18.4H5.8C5.14,18.4 4.6,17.86 4.6,17.2V5.8A1.2,1.2 0 0,1 5.8,4.6H9.5C10.16,4.6 10.7,5.14 10.7,5.8V17.2M19.4,12.2C19.4,12.86 18.86,13.4 18.2,13.4H14.5C13.84,13.4 13.3,12.86 13.3,12.2V5.8C13.3,5.14 13.84,4.6 14.5,4.6H18.2C18.86,4.6 19.4,5.14 19.4,5.8V12.2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trending-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trending-down.svg
new file mode 100644
index 00000000..2216dcde
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trending-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trending-down" viewBox="0 0 24 24"><path d="M16,18L18.29,15.71L13.41,10.83L9.41,14.83L2,7.41L3.41,6L9.41,12L13.41,8L19.71,14.29L22,12V18H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trending-neutral.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trending-neutral.svg
new file mode 100644
index 00000000..3c8e34d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trending-neutral.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trending-neutral" viewBox="0 0 24 24"><path d="M22,12L18,8V11H3V13H18V16L22,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trending-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trending-up.svg
new file mode 100644
index 00000000..8a4cde6e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trending-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trending-up" viewBox="0 0 24 24"><path d="M16,6L18.29,8.29L13.41,13.17L9.41,9.17L2,16.59L3.41,18L9.41,12L13.41,16L19.71,9.71L22,12V6H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triangle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-outline.svg
new file mode 100644
index 00000000..386233ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triangle-outline" viewBox="0 0 24 24"><path d="M12,2L1,21H23M12,6L19.53,19H4.47" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-down.svg
new file mode 100644
index 00000000..727add9f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triangle-small-down" viewBox="0 0 24 24"><path d="M8 9H16L12 16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-up.svg
new file mode 100644
index 00000000..832e661d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-small-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triangle-small-up" viewBox="0 0 24 24"><path d="M8 15H16L12 8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triangle-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-wave.svg
new file mode 100644
index 00000000..cfd583b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triangle-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triangle-wave" viewBox="0 0 24 24"><path d="M22 12L17 22L7.1 6.04L4.24 12H2L7 2L16.9 17.96L19.76 12H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triangle.svg
new file mode 100644
index 00000000..441e3429
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triangle" viewBox="0 0 24 24"><path d="M1,21H23L12,2" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/triforce.svg b/apps/phoenix_webcomponent/priv/mdi/svg/triforce.svg
new file mode 100644
index 00000000..c0e204d9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/triforce.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-triforce" viewBox="0 0 24 24"><path d="M1.5,21L12,3.5L22.5,21H1.5M12,21L17,12H7L12,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy-award.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-award.svg
new file mode 100644
index 00000000..b071a758
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-award.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy-award" viewBox="0 0 24 24"><path d="M15.2 10.7L16.6 16L12 12.2L7.4 16L8.8 10.8L4.6 7.3L10 7L12 2L14 7L19.4 7.3L15.2 10.7M14 19H13V16L12 15L11 16V19H10C8.9 19 8 19.9 8 21V22H16V21C16 19.9 15.11 19 14 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy-broken.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-broken.svg
new file mode 100644
index 00000000..712a3453
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-broken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy-broken" viewBox="0 0 24 24"><path d="M6.2 13C6.6 14.8 7.6 16.3 10 16.8V19.34C8 20.12 8 22 8 22H13.2L10.2 15L14.2 10L10.7 4H8C8 3 6.9 2 6 2H2V11C2 12 3 13 4 13H6.2M6 11H4V4H6V11M17.8 13H20C21 13 22 12 22 11V2H18C17.1 2 16 3 16 4H13.9L16.7 10L12.2 15L13.2 22H16C16 22 16 20.12 14 19.34L14 16.85C16.39 16.35 17.5 14.7 17.8 13M20 11H18V4H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-outline.svg
new file mode 100644
index 00000000..30551c35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy-outline" viewBox="0 0 24 24"><path d="M18 2C17.1 2 16 3 16 4H8C8 3 6.9 2 6 2H2V11C2 12 3 13 4 13H6.2C6.6 15 7.9 16.7 11 17V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V17C16.1 16.7 17.4 15 17.8 13H20C21 13 22 12 22 11V2H18M6 11H4V4H6V11M16 11.5C16 13.43 15.42 15 12 15C8.59 15 8 13.43 8 11.5V6H16V11.5M20 11H18V4H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant-outline.svg
new file mode 100644
index 00000000..373a596b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy-variant-outline" viewBox="0 0 24 24"><path d="M17 4V2H7V4H2V11C2 12.1 2.9 13 4 13H7.1C7.5 14.96 9.04 16.5 11 16.9V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V16.9C14.96 16.5 16.5 14.96 16.9 13H20C21.1 13 22 12.1 22 11V4H17M4 11V6H7V11L4 11M15 12C15 13.65 13.65 15 12 15S9 13.65 9 12V4H15V12M20 11L17 11V6H20L20 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant.svg
new file mode 100644
index 00000000..6dc811ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy-variant" viewBox="0 0 24 24"><path d="M17 4V2H7V4H2V11C2 12.1 2.9 13 4 13H7.1C7.5 14.96 9.04 16.5 11 16.9V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V16.9C14.96 16.5 16.5 14.96 16.9 13H20C21.1 13 22 12.1 22 11V4H17M4 11V6H7V11L4 11M20 11L17 11V6H20L20 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trophy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trophy.svg
new file mode 100644
index 00000000..92853c4c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trophy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trophy" viewBox="0 0 24 24"><path d="M18 2C17.1 2 16 3 16 4H8C8 3 6.9 2 6 2H2V11C2 12 3 13 4 13H6.2C6.6 15 7.9 16.7 11 17V19.08C8 19.54 8 22 8 22H16C16 22 16 19.54 13 19.08V17C16.1 16.7 17.4 15 17.8 13H20C21 13 22 12 22 11V2H18M6 11H4V4H6V11M20 11H18V4H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert-outline.svg
new file mode 100644
index 00000000..e5f45438
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-alert-outline" viewBox="0 0 24 24"><path d="M8 12H10V14H8V12M8 7H10V11H8V7M18 18.5C18.8 18.5 19.5 17.8 19.5 17S18.8 15.5 18 15.5 16.5 16.2 16.5 17 17.2 18.5 18 18.5M19.5 9.5H17V12H21.5L19.5 9.5M6 18.5C6.8 18.5 7.5 17.8 7.5 17S6.8 15.5 6 15.5 4.5 16.2 4.5 17 5.2 18.5 6 18.5M20 8L23 12V17H21C21 18.7 19.7 20 18 20S15 18.7 15 17H9C9 18.7 7.7 20 6 20S3 18.7 3 17H1V6C1 4.9 1.9 4 3 4H17V8H20M3 6V15H3.8C4.3 14.4 5.2 14 6 14S7.7 14.4 8.2 15H15V6H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert.svg
new file mode 100644
index 00000000..d1112667
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-alert" viewBox="0 0 24 24"><path d="M3 4C1.9 4 1 4.9 1 6V17H3C3 18.7 4.3 20 6 20S9 18.7 9 17H15C15 18.7 16.3 20 18 20S21 18.7 21 17H23V12L20 8H17V4H3M8 6H10V10H8V6M17 9.5H19.5L21.5 12H17V9.5M8 12H10V14H8V12M6 15.5C6.8 15.5 7.5 16.2 7.5 17S6.8 18.5 6 18.5 4.5 17.8 4.5 17 5.2 15.5 6 15.5M18 15.5C18.8 15.5 19.5 16.2 19.5 17S18.8 18.5 18 18.5 16.5 17.8 16.5 17 17.2 15.5 18 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-cargo-container.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-cargo-container.svg
new file mode 100644
index 00000000..997b777e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-cargo-container.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-cargo-container" viewBox="0 0 24 24"><path d="M20 8H17V4H1V17H3C3 18.66 4.34 20 6 20S9 18.66 9 17H15C15 18.66 16.34 20 18 20S21 18.66 21 17H23V12L20 8M6 18.5C5.17 18.5 4.5 17.83 4.5 17S5.17 15.5 6 15.5 7.5 16.17 7.5 17 6.83 18.5 6 18.5M15 7H13V14H11V7H9V14H7V7H5V14H3V6H15V7M18 18.5C17.17 18.5 16.5 17.83 16.5 17S17.17 15.5 18 15.5 19.5 16.17 19.5 17 18.83 18.5 18 18.5M17 12V9.5H19.5L21.46 12H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-check-outline.svg
new file mode 100644
index 00000000..f4020fff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-check-outline" viewBox="0 0 24 24"><path d="M18 18.5C18.83 18.5 19.5 17.83 19.5 17C19.5 16.17 18.83 15.5 18 15.5C17.17 15.5 16.5 16.17 16.5 17C16.5 17.83 17.17 18.5 18 18.5M19.5 9.5H17V12H21.46L19.5 9.5M6 18.5C6.83 18.5 7.5 17.83 7.5 17C7.5 16.17 6.83 15.5 6 15.5C5.17 15.5 4.5 16.17 4.5 17C4.5 17.83 5.17 18.5 6 18.5M20 8L23 12V17H21C21 18.66 19.66 20 18 20C16.34 20 15 18.66 15 17H9C9 18.66 7.66 20 6 20C4.34 20 3 18.66 3 17H1V6C1 4.89 1.89 4 3 4H17V8H20M3 6V15H3.76C4.31 14.39 5.11 14 6 14C6.89 14 7.69 14.39 8.24 15H15V6H3M5 10.5L6.5 9L8 10.5L11.5 7L13 8.5L8 13.5L5 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-check.svg
new file mode 100644
index 00000000..d2404b46
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-check" viewBox="0 0 24 24"><path d="M3,4H17V8H20L23,12V17H21A3,3 0 0,1 18,20A3,3 0 0,1 15,17H9A3,3 0 0,1 6,20A3,3 0 0,1 3,17H1V6C1,4.89 1.9,4 3,4M17,9.5V12H21.47L19.5,9.5H17M6,15.5A1.5,1.5 0 0,0 4.5,17A1.5,1.5 0 0,0 6,18.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 6,15.5M18,15.5A1.5,1.5 0 0,0 16.5,17A1.5,1.5 0 0,0 18,18.5A1.5,1.5 0 0,0 19.5,17A1.5,1.5 0 0,0 18,15.5M8,14L14,8L12.59,6.58L8,11.17L5.91,9.08L4.5,10.5L8,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery-outline.svg
new file mode 100644
index 00000000..e0681605
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-delivery-outline" viewBox="0 0 24 24"><path d="M18 18.5C18.83 18.5 19.5 17.83 19.5 17C19.5 16.17 18.83 15.5 18 15.5C17.17 15.5 16.5 16.17 16.5 17C16.5 17.83 17.17 18.5 18 18.5M19.5 9.5H17V12H21.46L19.5 9.5M6 18.5C6.83 18.5 7.5 17.83 7.5 17C7.5 16.17 6.83 15.5 6 15.5C5.17 15.5 4.5 16.17 4.5 17C4.5 17.83 5.17 18.5 6 18.5M20 8L23 12V17H21C21 18.66 19.66 20 18 20C16.34 20 15 18.66 15 17H9C9 18.66 7.66 20 6 20C4.34 20 3 18.66 3 17H1V6C1 4.89 1.89 4 3 4H17V8H20M3 6V15H3.76C4.31 14.39 5.11 14 6 14C6.89 14 7.69 14.39 8.24 15H15V6H3M10 7L13.5 10.5L10 14V11.5H5V9.5H10V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery.svg
new file mode 100644
index 00000000..18b0c01b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-delivery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-delivery" viewBox="0 0 24 24"><path d="M3,4A2,2 0 0,0 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8H17V4M10,6L14,10L10,14V11H4V9H10M17,9.5H19.5L21.47,12H17M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast-outline.svg
new file mode 100644
index 00000000..13972c97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-fast-outline" viewBox="0 0 24 24"><path d="M.75 7.5H10.5L11.25 9H1.5L.75 7.5M1.75 10.5H11.5L12.25 12H2.5L1.75 10.5M18 18.5C18.83 18.5 19.5 17.83 19.5 17C19.5 16.17 18.83 15.5 18 15.5C17.17 15.5 16.5 16.17 16.5 17C16.5 17.83 17.17 18.5 18 18.5M19.5 9.5H17V12H21.46L19.5 9.5M8 18.5C8.83 18.5 9.5 17.83 9.5 17C9.5 16.17 8.83 15.5 8 15.5C7.17 15.5 6.5 16.17 6.5 17C6.5 17.83 7.17 18.5 8 18.5M20 8L23 12V17H21C21 18.66 19.66 20 18 20C16.34 20 15 18.66 15 17H11C11 18.66 9.65 20 8 20C6.34 20 5 18.66 5 17H3V13.5 13.5H5V15H5.76C6.31 14.39 7.11 14 8 14C8.89 14 9.69 14.39 10.24 15H15V6H3V6C3 4.89 3.89 4 5 4H17V8H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast.svg
new file mode 100644
index 00000000..660394ce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-fast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-fast" viewBox="0 0 24 24"><path d="M3,13.5L2.25,12H7.5L6.9,10.5H2L1.25,9H9.05L8.45,7.5H1.11L0.25,6H4A2,2 0 0,1 6,4H18V8H21L24,12V17H22A3,3 0 0,1 19,20A3,3 0 0,1 16,17H12A3,3 0 0,1 9,20A3,3 0 0,1 6,17H4V13.5H3M19,18.5A1.5,1.5 0 0,0 20.5,17A1.5,1.5 0 0,0 19,15.5A1.5,1.5 0 0,0 17.5,17A1.5,1.5 0 0,0 19,18.5M20.5,9.5H18V12H22.46L20.5,9.5M9,18.5A1.5,1.5 0 0,0 10.5,17A1.5,1.5 0 0,0 9,15.5A1.5,1.5 0 0,0 7.5,17A1.5,1.5 0 0,0 9,18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-flatbed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-flatbed.svg
new file mode 100644
index 00000000..50753d6d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-flatbed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-flatbed" viewBox="0 0 24 24"><path d="M18 4H13V13H1V17H3C3 17.83 3.3 18.53 3.89 19.13C4.5 19.72 5.19 20 6 20S7.5 19.72 8.11 19.13C8.7 18.53 9 17.83 9 17H14.5C14.5 17.83 14.78 18.53 15.38 19.13C15.97 19.72 16.67 20 17.5 20C18.3 20 19 19.72 19.59 19.13C20.19 18.53 20.5 17.83 20.5 17H23V10L18 4M7.08 18.07C6.8 18.37 6.44 18.5 6 18.5S5.2 18.37 4.92 18.07C4.64 17.77 4.5 17.42 4.5 17C4.5 16.61 4.64 16.26 4.92 15.96C5.2 15.66 5.56 15.5 6 15.5S6.8 15.66 7.08 15.96C7.36 16.26 7.5 16.61 7.5 17C7.5 17.42 7.36 17.77 7.08 18.07M18.54 18.07C18.24 18.37 17.89 18.5 17.5 18.5C17.08 18.5 16.73 18.37 16.43 18.07S16 17.42 16 17C16 16.61 16.13 16.26 16.43 15.96C16.73 15.66 17.08 15.5 17.5 15.5C17.89 15.5 18.24 15.66 18.54 15.96C18.84 16.26 19 16.61 19 17C19 17.42 18.84 17.77 18.54 18.07M15 10V6H17.06L20.39 10H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus-outline.svg
new file mode 100644
index 00000000..846ad326
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-minus-outline" viewBox="0 0 24 24"><path d="M20 8H17V4H3C1.9 4 1 4.9 1 6V17H3C3 18.7 4.3 20 6 20S9 18.7 9 17H15C15 18.7 16.3 20 18 20S21 18.7 21 17H23V12L20 8M6 18.5C5.2 18.5 4.5 17.8 4.5 17S5.2 15.5 6 15.5 7.5 16.2 7.5 17 6.8 18.5 6 18.5M15 15H8.2C7.7 14.4 6.9 14 6 14S4.3 14.4 3.8 15H3V6H15V15M18 18.5C17.2 18.5 16.5 17.8 16.5 17S17.2 15.5 18 15.5 19.5 16.2 19.5 17 18.8 18.5 18 18.5M17 12V9.5H19.5L21.5 12H17M6 11V9H12V11H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus.svg
new file mode 100644
index 00000000..e125b80d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-minus" viewBox="0 0 24 24"><path d="M20 8H17V4H3C1.89 4 1 4.89 1 6V17H3C3 18.66 4.34 20 6 20S9 18.66 9 17H15C15 18.66 16.34 20 18 20S21 18.66 21 17H23V12L20 8M6 18.5C5.17 18.5 4.5 17.83 4.5 17S5.17 15.5 6 15.5 7.5 16.17 7.5 17 6.83 18.5 6 18.5M13 11H5V9H13V11M18 18.5C17.17 18.5 16.5 17.83 16.5 17S17.17 15.5 18 15.5 19.5 16.17 19.5 17 18.83 18.5 18 18.5M17 12V9.5H19.5L21.46 12H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-outline.svg
new file mode 100644
index 00000000..031f3db1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-outline" viewBox="0 0 24 24"><path d="M18 18.5C18.83 18.5 19.5 17.83 19.5 17C19.5 16.17 18.83 15.5 18 15.5C17.17 15.5 16.5 16.17 16.5 17C16.5 17.83 17.17 18.5 18 18.5M19.5 9.5H17V12H21.46L19.5 9.5M6 18.5C6.83 18.5 7.5 17.83 7.5 17C7.5 16.17 6.83 15.5 6 15.5C5.17 15.5 4.5 16.17 4.5 17C4.5 17.83 5.17 18.5 6 18.5M20 8L23 12V17H21C21 18.66 19.66 20 18 20C16.34 20 15 18.66 15 17H9C9 18.66 7.66 20 6 20C4.34 20 3 18.66 3 17H1V6C1 4.89 1.89 4 3 4H17V8H20M3 6V15H3.76C4.31 14.39 5.11 14 6 14C6.89 14 7.69 14.39 8.24 15H15V6H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus-outline.svg
new file mode 100644
index 00000000..f58fb162
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-plus-outline" viewBox="0 0 24 24"><path d="M20 8H17V4H3C1.9 4 1 4.9 1 6V17H3C3 18.7 4.3 20 6 20S9 18.7 9 17H15C15 18.7 16.3 20 18 20S21 18.7 21 17H23V12L20 8M6 18.5C5.2 18.5 4.5 17.8 4.5 17S5.2 15.5 6 15.5 7.5 16.2 7.5 17 6.8 18.5 6 18.5M15 15H8.2C7.7 14.4 6.9 14 6 14S4.3 14.4 3.8 15H3V6H15V15M18 18.5C17.2 18.5 16.5 17.8 16.5 17S17.2 15.5 18 15.5 19.5 16.2 19.5 17 18.8 18.5 18 18.5M17 12V9.5H19.5L21.5 12H17M8 11H6V9H8V7H10V9H12V11H10V13H8V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus.svg
new file mode 100644
index 00000000..ecf8cc24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-plus" viewBox="0 0 24 24"><path d="M18 18.5C18.83 18.5 19.5 17.83 19.5 17S18.83 15.5 18 15.5 16.5 16.17 16.5 17 17.17 18.5 18 18.5M19.5 9.5H17V12H21.46L19.5 9.5M6 18.5C6.83 18.5 7.5 17.83 7.5 17S6.83 15.5 6 15.5 4.5 16.17 4.5 17 5.17 18.5 6 18.5M20 8L23 12V17H21C21 18.66 19.66 20 18 20S15 18.66 15 17H9C9 18.66 7.66 20 6 20S3 18.66 3 17H1V6C1 4.89 1.89 4 3 4H17V8H20M8 6V9H5V11H8V14H10V11H13V9H10V6H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove-outline.svg
new file mode 100644
index 00000000..5127a9e9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-remove-outline" viewBox="0 0 24 24"><path d="M20 8H17V4H3C1.89 4 1 4.89 1 6V17H3C3 18.66 4.34 20 6 20S9 18.66 9 17H15C15 18.66 16.34 20 18 20S21 18.66 21 17H23V12L20 8M6 18.5C5.17 18.5 4.5 17.83 4.5 17S5.17 15.5 6 15.5 7.5 16.17 7.5 17 6.83 18.5 6 18.5M15 15H8.24C7.69 14.39 6.89 14 6 14S4.31 14.39 3.76 15H3V6H15V15M18 18.5C17.17 18.5 16.5 17.83 16.5 17S17.17 15.5 18 15.5 19.5 16.17 19.5 17 18.83 18.5 18 18.5M17 12V9.5H19.5L21.46 12H17M5.82 11.77L7.59 10L5.82 8.23L7.23 6.82L9 8.59L10.77 6.82L12.18 8.23L10.41 10L12.18 11.77L10.77 13.18L9 11.41L7.23 13.18L5.82 11.77Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove.svg
new file mode 100644
index 00000000..31d5c5d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-remove" viewBox="0 0 24 24"><path d="M20 8H17V4H3C1.89 4 1 4.89 1 6V17H3C3 18.66 4.34 20 6 20S9 18.66 9 17H15C15 18.66 16.34 20 18 20S21 18.66 21 17H23V12L20 8M6 18.5C5.17 18.5 4.5 17.83 4.5 17S5.17 15.5 6 15.5 7.5 16.17 7.5 17 6.83 18.5 6 18.5M12.54 12.12L11.12 13.54L9 11.41L6.88 13.54L5.47 12.12L7.59 10L5.46 7.88L6.88 6.47L9 8.59L11.12 6.47L12.54 7.88L10.41 10L12.54 12.12M18 18.5C17.17 18.5 16.5 17.83 16.5 17S17.17 15.5 18 15.5 19.5 16.17 19.5 17 18.83 18.5 18 18.5M17 12V9.5H19.5L21.46 12H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-snowflake.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-snowflake.svg
new file mode 100644
index 00000000..e88d08ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-snowflake.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-snowflake" viewBox="0 0 24 24"><path d="M17 4H3C1.9 4 1 4.9 1 6V17H3C3 18.7 4.3 20 6 20S9 18.7 9 17H15C15 18.7 16.3 20 18 20S21 18.7 21 17H23V12L20 8H17V4M10.2 5.3H10.5C11 5.4 11.3 5.9 11.2 6.4L10.7 8.4L12.7 7.9C13.2 7.8 13.7 8.1 13.8 8.6C13.9 9.1 13.6 9.6 13.2 9.7L11.2 10.2L12.6 11.6C13 11.9 13 12.5 12.6 12.9C12.3 13.3 11.7 13.3 11.3 12.9L9.8 11.5L9.3 13.5C9.2 14 8.7 14.3 8.2 14.1C7.7 14 7.4 13.5 7.6 13L8.1 11L6.1 11.5C5.6 11.6 5.1 11.3 5 10.9C4.9 10.4 5.2 9.9 5.6 9.8L7.6 9.3L6.2 7.7C5.9 7.4 5.9 6.8 6.2 6.4C6.5 6.1 7.1 6.1 7.5 6.4L8.9 7.8L9.4 5.8C9.5 5.6 9.8 5.3 10.2 5.3M17 9.5H19.5L21.5 12H17V9.5M6 15.5C6.8 15.5 7.5 16.2 7.5 17S6.8 18.5 6 18.5 4.5 17.8 4.5 17 5.2 15.5 6 15.5M18 15.5C18.8 15.5 19.5 16.2 19.5 17S18.8 18.5 18 18.5 16.5 17.8 16.5 17 17.2 15.5 18 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck-trailer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck-trailer.svg
new file mode 100644
index 00000000..7128e452
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck-trailer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck-trailer" viewBox="0 0 24 24"><path d="M22,15V17H10A3,3 0 0,1 7,20A3,3 0 0,1 4,17H2V6A2,2 0 0,1 4,4H17A2,2 0 0,1 19,6V15H22M7,16A1,1 0 0,0 6,17A1,1 0 0,0 7,18A1,1 0 0,0 8,17A1,1 0 0,0 7,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/truck.svg b/apps/phoenix_webcomponent/priv/mdi/svg/truck.svg
new file mode 100644
index 00000000..8dc619d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/truck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-truck" viewBox="0 0 24 24"><path d="M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/trumpet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/trumpet.svg
new file mode 100644
index 00000000..4d505d6b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/trumpet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-trumpet" viewBox="0 0 24 24"><path d="M22 6C21 11 15 11 15 11H4C3 11 2 10 2 10H1V14H2C2 14 3 13 4 13H4.3C4.1 13.3 4 13.6 4 14V16C4 17.1 4.9 18 6 18H7V19H9V18H10V19H12V18H13V19H15V18H16C17.1 18 18 17.1 18 16V14C18 13.9 18 13.7 17.9 13.6C19.6 14.2 21.4 15.4 22 18H23V6H22M6 16.5C5.7 16.5 5.5 16.3 5.5 16V14C5.5 13.7 5.7 13.5 6 13.5H7V16.5H6M9 16.5V13.5H10V16.5H9M12 16.5V13.5H13V16.5H12M16.5 16C16.5 16.3 16.3 16.5 16 16.5H15V13.5H16C16.3 13.5 16.5 13.7 16.5 14V16M9 10H7V9H9V10M12 10H10V9H12V10M15 10H13V9H15V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew-outline.svg
new file mode 100644
index 00000000..d1abb56c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tshirt-crew-outline" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15.8,5.63 15.43,5.94 15,6.2C14.16,6.7 13.13,7 12,7C10.3,7 8.79,6.32 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew.svg
new file mode 100644
index 00000000..cc688c1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-crew.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tshirt-crew" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.07C5.31,13.46 4.68,13.46 4.29,13.07L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10.34,5 12,5C13.66,5 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.12V20A1,1 0 0,1 16,21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v-outline.svg
new file mode 100644
index 00000000..48deb12b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tshirt-v-outline" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.12C5.31,13.5 4.68,13.5 4.29,13.12L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9,4.1 10,6 12,7.25C14,6 15,4.1 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.07V20A1,1 0 0,1 16,21M20.42,9.58L16.11,5.28C15,7 14,8.25 12,9.25C10,8.25 9,7 7.89,5.28L3.58,9.58L5,11L8,9H9V19H15V9H16L19,11L20.42,9.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v.svg
new file mode 100644
index 00000000..127b50aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tshirt-v.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tshirt-v" viewBox="0 0 24 24"><path d="M16,21H8A1,1 0 0,1 7,20V12.07L5.7,13.07C5.31,13.46 4.68,13.46 4.29,13.07L1.46,10.29C1.07,9.9 1.07,9.27 1.46,8.88L7.34,3H9C9.29,4.8 10.4,6.37 12,7.25C13.6,6.37 14.71,4.8 15,3H16.66L22.54,8.88C22.93,9.27 22.93,9.9 22.54,10.29L19.71,13.12C19.32,13.5 18.69,13.5 18.3,13.12L17,12.12V20A1,1 0 0,1 16,21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tsunami.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tsunami.svg
new file mode 100644
index 00000000..c4e35f0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tsunami.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tsunami" viewBox="0 0 24 24"><path d="M18.67 17.63C14.87 20.43 12.55 18.03 12 17.63C11.34 18.12 9.08 20.39 5.33 17.63C3.43 19.03 2.65 19 2 19V21C3.16 21 4.3 20.68 5.33 20.07C7.39 21.29 9.94 21.29 12 20.07C14.06 21.29 16.61 21.29 18.67 20.07C19.7 20.68 20.84 21 22 21V19C21.34 19 20.5 19 18.67 17.63M19.33 12H22V10H19.33C17.5 10 16 8.5 16 6.67C16 5.65 16.38 4.93 17.09 3.33C15.72 3.12 15.09 3 14 3C7.36 3 2.15 8.03 2 14.5L2 16.5C3.16 16.5 4.3 16.18 5.33 15.57C7.39 16.79 9.94 16.79 12 15.57C14.06 16.79 16.61 16.79 18.67 15.57C19.7 16.18 20.84 16.5 22 16.5V14.5C21.34 14.5 20.5 14.5 18.67 13.13C14.87 15.93 12.55 13.53 12 13.13C11.1 13.8 11.46 13.54 11.09 13.76C10.39 12.82 10 11.7 10 10.5C10 7.92 11.77 5.76 14.21 5.17C14.08 5.68 14 6.19 14 6.67C14 9.61 16.39 12 19.33 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-alert.svg
new file mode 100644
index 00000000..24968636
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tumble-dryer-alert" viewBox="0 0 24 24"><path d="M4 2H16C17.11 2 18 2.9 18 4V20C18 21.11 17.11 22 16 22H4C2.9 22 2 21.11 2 20V4C2 2.9 2.9 2 4 2M5 4C4.45 4 4 4.45 4 5S4.45 6 5 6 6 5.55 6 5 5.55 4 5 4M8 4C7.45 4 7 4.45 7 5S7.45 6 8 6 9 5.55 9 5 8.55 4 8 4M10 8C6.69 8 4 10.69 4 14S6.69 20 10 20 16 17.31 16 14 13.31 8 10 8M6.11 10.5H8C7.76 11.88 8 12.67 8.58 13.29C9.68 14.36 10.16 15.71 9.89 17.5H8C8.24 16.12 8 15.33 7.42 14.71C6.32 13.64 5.85 12.29 6.11 10.5M10.11 10.5H12C11.76 11.88 12 12.67 12.58 13.29C13.68 14.36 14.16 15.71 13.89 17.5H12C12.24 16.12 12 15.33 11.42 14.71C10.32 13.64 9.85 12.29 10.11 10.5M20 15H22V17H20V15M20 7H22V13H20V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-off.svg
new file mode 100644
index 00000000..2df2719a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tumble-dryer-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4 5.89V20C4 21.11 4.89 22 6 22H18C18.58 22 19.1 21.75 19.46 21.35L20.84 22.73L22.11 21.46M12 20C8.69 20 6 17.31 6 14C6 12.32 6.7 10.8 7.82 9.71L8.61 10.5H8.11C7.85 12.29 8.32 13.64 9.42 14.71C10 15.33 10.24 16.12 10 17.5H11.89C12.16 15.71 11.68 14.36 10.58 13.29C10.22 12.91 10 12.44 9.95 11.84L14.03 15.92C14.11 16.35 14.11 16.86 14 17.5H15.61L16.29 18.18C15.2 19.3 13.69 20 12 20M11.25 8.05C11.5 8 11.75 8 12 8C15.31 8 18 10.69 18 14C18 14.25 18 14.5 17.95 14.75L20 16.8V4C20 2.9 19.11 2 18 2H6C5.76 2 5.54 2.05 5.33 2.13L11.25 8.05M10 4C10.55 4 11 4.45 11 5S10.55 6 10 6 9 5.55 9 5 9.45 4 10 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer.svg
new file mode 100644
index 00000000..7b74ca1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tumble-dryer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tumble-dryer" viewBox="0 0 24 24"><path d="M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M10,4A1,1 0 0,0 9,5A1,1 0 0,0 10,6A1,1 0 0,0 11,5A1,1 0 0,0 10,4M12,8A6,6 0 0,0 6,14A6,6 0 0,0 12,20A6,6 0 0,0 18,14A6,6 0 0,0 12,8M8.11,10.5H10C9.76,11.88 10,12.67 10.58,13.29C11.68,14.36 12.16,15.71 11.89,17.5H10C10.24,16.12 10,15.33 9.42,14.71C8.32,13.64 7.85,12.29 8.11,10.5M12.11,10.5H14C13.76,11.88 14,12.67 14.58,13.29C15.68,14.36 16.16,15.71 15.89,17.5H14C14.24,16.12 14,15.33 13.42,14.71C12.32,13.64 11.85,12.29 12.11,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tune-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tune-variant.svg
new file mode 100644
index 00000000..fc2f6629
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tune-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tune-variant" viewBox="0 0 24 24"><path d="M8 13C6.14 13 4.59 14.28 4.14 16H2V18H4.14C4.59 19.72 6.14 21 8 21S11.41 19.72 11.86 18H22V16H11.86C11.41 14.28 9.86 13 8 13M8 19C6.9 19 6 18.1 6 17C6 15.9 6.9 15 8 15S10 15.9 10 17C10 18.1 9.1 19 8 19M19.86 6C19.41 4.28 17.86 3 16 3S12.59 4.28 12.14 6H2V8H12.14C12.59 9.72 14.14 11 16 11S19.41 9.72 19.86 8H22V6H19.86M16 9C14.9 9 14 8.1 14 7C14 5.9 14.9 5 16 5S18 5.9 18 7C18 8.1 17.1 9 16 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical-variant.svg
new file mode 100644
index 00000000..a8d60cc6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tune-vertical-variant" viewBox="0 0 24 24"><path d="M8 12.14V2H6V12.14C4.28 12.59 3 14.14 3 16S4.28 19.41 6 19.86V22H8V19.86C9.72 19.41 11 17.86 11 16S9.72 12.59 8 12.14M7 14C8.1 14 9 14.9 9 16S8.1 18 7 18C5.9 18 5 17.1 5 16S5.9 14 7 14M18 2H16V4.14C14.28 4.59 13 6.14 13 8S14.28 11.41 16 11.86V22H18V11.86C19.72 11.41 21 9.86 21 8S19.72 4.59 18 4.14V2M17 6C18.1 6 19 6.9 19 8S18.1 10 17 10C15.9 10 15 9.1 15 8S15.9 6 17 6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical.svg
new file mode 100644
index 00000000..80dd44d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tune-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tune-vertical" viewBox="0 0 24 24"><path d="M7 3H5V9H7V3M19 3H17V13H19V3M3 13H5V21H7V13H9V11H3V13M15 7H13V3H11V7H9V9H15V7M11 21H13V11H11V21M15 15V17H17V21H19V17H21V15H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tune.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tune.svg
new file mode 100644
index 00000000..db254ac0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tune.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tune" viewBox="0 0 24 24"><path d="M3,17V19H9V17H3M3,5V7H13V5H3M13,21V19H21V17H13V15H11V21H13M7,9V11H3V13H7V15H9V9H7M21,13V11H11V13H21M15,9H17V7H21V5H17V3H15V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tunnel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tunnel-outline.svg
new file mode 100644
index 00000000..ba5c93cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tunnel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tunnel-outline" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12V22H22V12C22 6.5 17.5 2 12 2M15.47 7.11C14.75 6.6 13.91 6.24 13 6.09V4.07C14.46 4.25 15.79 4.83 16.9 5.69L15.47 7.11M8.53 7.11L7.1 5.69C8.21 4.83 9.54 4.25 11 4.07V6.09C10.09 6.24 9.25 6.6 8.53 7.11M5.69 7.1L7.11 8.53C6.6 9.25 6.24 10.09 6.09 11H4.07C4.25 9.54 4.83 8.21 5.69 7.1M6 13V15.5H4V13H6M4 20V17.5H6V20H4M16 20H8V12C8 9.79 9.79 8 12 8C14.21 8 16 9.79 16 12V20M16.89 8.53L18.31 7.1C19.17 8.21 19.75 9.54 19.93 11H17.91C17.76 10.09 17.4 9.25 16.89 8.53M18 13H20V15.5H18V13M18 20V17.5H20V20H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/tunnel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/tunnel.svg
new file mode 100644
index 00000000..d583cc10
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/tunnel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-tunnel" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12V22H22V12C22 6.5 17.5 2 12 2M7.1 5.69C8.21 4.83 9.54 4.25 11 4.07V6.09C10.09 6.24 9.25 6.6 8.53 7.11L7.1 5.69M15.47 7.11C14.75 6.6 13.91 6.24 13 6.09V4.07C14.46 4.25 15.79 4.83 16.9 5.69L15.47 7.11M5.69 7.1L7.11 8.53C6.6 9.25 6.24 10.09 6.09 11H4.07C4.25 9.54 4.83 8.21 5.69 7.1M6 13V15.5H4V13H6M4 20V17.5H6V20H4M16.89 8.53L18.31 7.1C19.17 8.21 19.75 9.54 19.93 11H17.91C17.76 10.09 17.4 9.25 16.89 8.53M18 13H20V15.5H18V13M18 20V17.5H20V20H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/turbine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/turbine.svg
new file mode 100644
index 00000000..6d43fbd6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/turbine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-turbine" viewBox="0 0 24 24"><path d="M12 2H12C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22S22 17.5 22 12 17.5 2 12 2M12 20C7.58 20 4 16.42 4 12S7.58 4 12 4 20 7.58 20 12 16.42 20 12 20M17.21 12.55L15.86 12.19L17.3 11.81L19.23 11.29C18.95 10.22 17.85 9.59 16.79 9.87L15.44 10.23L16.5 9.18L17.91 7.77C17.13 7 15.86 7 15.08 7.76L15.08 7.77L14.1 8.75L14.5 7.31L15 5.38C13.93 5.09 12.84 5.72 12.55 6.79L12.19 8.14L11.81 6.7L11.29 4.77C10.22 5.05 9.59 6.15 9.87 7.22L10.23 8.56L9.18 7.5L7.77 6.09C7 6.87 7 8.14 7.76 8.92L7.77 8.92L8.75 9.9L7.31 9.5L5.38 9C5.09 10.07 5.72 11.16 6.79 11.45L8.14 11.81L6.7 12.2L4.77 12.71C5.05 13.78 6.15 14.41 7.22 14.13L8.56 13.77L7.5 14.82L6.09 16.23C6.87 17 8.14 17 8.92 16.24L8.92 16.23L9.9 15.25L9.5 16.69L9 18.62C10.07 18.91 11.16 18.28 11.45 17.21L11.81 15.86L12.2 17.3L12.71 19.23C13.78 18.95 14.41 17.85 14.13 16.79L13.77 15.44L14.82 16.5L16.24 17.91C17 17.13 17 15.86 16.24 15.08L16.24 15.08L15.25 14.1L16.69 14.5L18.62 15C18.91 13.93 18.28 12.84 17.21 12.55M12 13.5C11.17 13.5 10.5 12.83 10.5 12S11.17 10.5 12 10.5 13.5 11.17 13.5 12 12.83 13.5 12 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/turkey.svg b/apps/phoenix_webcomponent/priv/mdi/svg/turkey.svg
new file mode 100644
index 00000000..c932042e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/turkey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-turkey" viewBox="0 0 24 24"><path d="M10.5 19.44C9.75 19.8 8.9 20 8 20C4.69 20 2 17.31 2 14V9C2 5.69 4.69 3 8 3L10.5 7.58C8.1 8.81 6.5 11 6.5 13.5C6.5 16 8.11 18.2 10.5 19.44M16 18.94V20H17C17.55 20 18 20.45 18 21S17.55 22 17 22H14C13.45 22 13 21.55 13 21S13.45 20 14 20V18.94C10.61 18.56 8 16.27 8 13.5C8 10.46 11.13 8 15 8C15.19 8 15.37 8 15.56 8C14.84 6.63 14 5.23 14 4C14 2.9 14.9 2 16 2C18.21 2 20 3.79 20 6H18C18 6 22 9 22 13.5C22 16.27 19.39 18.56 16 18.94M16 4C16 4.55 16.45 5 17 5S18 4.55 18 4 17.55 3 17 3 16 3.45 16 4M17 12C17 10.9 16.11 10 15 10C12.79 10 11 11.79 11 14H15C16.11 14 17 13.11 17 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/turnstile-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/turnstile-outline.svg
new file mode 100644
index 00000000..436c7d71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/turnstile-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-turnstile-outline" viewBox="0 0 24 24"><path d="M13.41,10.41C13.04,10.79 12.53,11 12,11A2,2 0 0,1 10,9C10,8.47 10.21,7.96 10.59,7.59L9.17,6.17C8.42,6.92 8,7.94 8,9H2V11H8.55C8.9,11.6 9.4,12.1 10,12.45V19H12V13C13.06,13 14.08,12.58 14.83,11.83L13.41,10.41M10,2V5L16,11V22H22V2H10M20,20H18V10.17L12,4.17V4H20V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/turnstile.svg b/apps/phoenix_webcomponent/priv/mdi/svg/turnstile.svg
new file mode 100644
index 00000000..1412751b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/turnstile.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-turnstile" viewBox="0 0 24 24"><path d="M22,22H16V11L10,5V2H22V22M9.17,6.17C8.42,6.92 8,7.94 8,9H2V11H8.55C8.9,11.6 9.4,12.1 10,12.45V19H12V13C13.06,13 14.08,12.58 14.83,11.83L9.17,6.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/turtle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/turtle.svg
new file mode 100644
index 00000000..03cf31bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/turtle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-turtle" viewBox="0 0 24 24"><path d="M8.47,5.95C8.95,5.67 9.47,5.44 10,5.28V4C10,2.9 10.87,2 11.97,1.97C13.13,2 14,2.9 14,4V5.28C14.53,5.45 15.05,5.67 15.53,5.95L13.93,8.07H10.07L8.47,5.95M19,12C19,12.5 18.95,12.95 18.86,13.4L16.33,12.62L15.14,8.96L16.74,6.85C17.17,7.25 17.55,7.7 17.88,8.2C18.67,8.13 19.43,8.25 20.11,8.59C21.14,9.12 21.84,10.13 22,11.28L19,11.64C19,11.76 19,11.88 19,12M5,12C5,11.88 5,11.76 5,11.65L2,11.28C2.16,10.13 2.86,9.12 3.89,8.59C4.57,8.25 5.34,8.13 6.08,8.26C6.41,7.75 6.79,7.28 7.24,6.87L8.86,8.95L7.67,12.62L5.14,13.4C5.05,12.95 5,12.5 5,12M10.24,9.57H13.76L14.85,12.93L12,15L9.15,12.93L10.24,9.57M8.13,14.05L11.25,16.31V18.96C10.68,18.9 10.13,18.77 9.62,18.58L8.39,21.34C7.33,20.87 6.57,19.9 6.37,18.76C6.23,18 6.35,17.24 6.69,16.56C6.24,16.04 5.87,15.46 5.59,14.82L8.13,14.05M15.87,14.05L18.41,14.82C18.13,15.46 17.76,16.04 17.31,16.56C17.65,17.24 17.77,18 17.64,18.76C17.43,19.9 16.67,20.87 15.61,21.34L14.39,18.58C13.86,18.77 13.33,18.94 12.75,19V16.31L15.87,14.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/twitch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/twitch.svg
new file mode 100644
index 00000000..c6f8c78d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/twitch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-twitch" viewBox="0 0 24 24"><path d="M11.64 5.93H13.07V10.21H11.64M15.57 5.93H17V10.21H15.57M7 2L3.43 5.57V18.43H7.71V22L11.29 18.43H14.14L20.57 12V2M19.14 11.29L16.29 14.14H13.43L10.93 16.64V14.14H7.71V3.43H19.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/twitter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/twitter.svg
new file mode 100644
index 00000000..0993d58f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-twitter" viewBox="0 0 24 24"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/two-factor-authentication.svg b/apps/phoenix_webcomponent/priv/mdi/svg/two-factor-authentication.svg
new file mode 100644
index 00000000..21f78275
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/two-factor-authentication.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-two-factor-authentication" viewBox="0 0 24 24"><path d="M2,7V9H6V11H4A2,2 0 0,0 2,13V17H8V15H4V13H6A2,2 0 0,0 8,11V9C8,7.89 7.1,7 6,7H2M9,7V17H11V13H14V11H11V9H15V7H9M18,7A2,2 0 0,0 16,9V17H18V14H20V17H22V9A2,2 0 0,0 20,7H18M18,9H20V12H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/typewriter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/typewriter.svg
new file mode 100644
index 00000000..007551aa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/typewriter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-typewriter" viewBox="0 0 24 24"><path d="M20 13H16C16 14.1 15.1 15 14 15H10C8.9 15 8 14.1 8 13H4L2 18V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V18M6 20C5.11 20 4.66 18.92 5.29 18.29C5.92 17.66 7 18.11 7 19C7 19.55 6.55 20 6 20M10 20C9.11 20 8.66 18.92 9.29 18.29C9.92 17.66 11 18.11 11 19C11 19.55 10.55 20 10 20M14 20C13.11 20 12.66 18.92 13.29 18.29C13.92 17.66 15 18.11 15 19C15 19.55 14.55 20 14 20M18 20C17.11 20 16.66 18.92 17.29 18.29C17.92 17.66 19 18.11 19 19C19 19.55 18.55 20 18 20M18 10V3H6V10H3V12H21V10M8 5H16V6H8M8 7H14V8H8" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ubisoft.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ubisoft.svg
new file mode 100644
index 00000000..4dbe0070
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ubisoft.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ubisoft" viewBox="0 0 24 24"><path d="M11.41,2C5.21,2 2.53,7.53 2.53,7.53L3.32,8.09C3.32,8.09 2.33,10 2.35,12.4C2.35,17.34 6.29,22 12.07,22C17.33,22 21.67,17.71 21.67,12.41C21.67,5.5 16.31,2 11.41,2M11.47,3.69C16.31,3.69 20.07,7.6 20.07,12.14C20.07,16.95 16.45,20.3 12.23,20.3C9.13,20.3 6.33,17.94 6.33,14.7C6.33,12.82 7.32,11.5 8.44,10.82L8.6,11C8.3,11.24 7.43,12.64 7.43,14C7.43,16.56 9.43,18.33 11.95,18.33C15.16,18.33 17.3,15.59 17.3,12.41C17.3,8.71 14.03,5.57 10.1,5.57C7.93,5.57 6.09,6.5 5.03,7.33L4.86,7.18C6.25,5.04 8.65,3.69 11.47,3.69M10,7.23C12.53,7.23 14.97,8.89 15.59,11.25L15.36,11.33C14.27,9.88 12.47,8.68 10.35,8.68C6.44,8.68 4.39,12.23 4.69,15.19L4.46,15.28C4.46,15.28 4.03,14.33 4.03,13.2C4.03,9.93 6.71,7.23 10,7.23M11.68,11.33C12.86,11.33 13.81,12.3 13.81,13.44C13.81,14.38 13.21,14.94 13.21,14.94L13.92,15.45C13.92,15.45 13.21,16.57 11.76,16.57C10.37,16.57 9.13,15.44 9.13,13.93C9.13,12.38 10.47,11.33 11.68,11.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ubuntu.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ubuntu.svg
new file mode 100644
index 00000000..8395e1a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ubuntu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ubuntu" viewBox="0 0 24 24"><path d="M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12M14.34,7.74C14.92,8.07 15.65,7.87 16,7.3C16.31,6.73 16.12,6 15.54,5.66C14.97,5.33 14.23,5.5 13.9,6.1C13.57,6.67 13.77,7.41 14.34,7.74M11.88,15.5C11.35,15.5 10.85,15.39 10.41,15.18L9.57,16.68C10.27,17 11.05,17.22 11.88,17.22C12.37,17.22 12.83,17.15 13.28,17.03C13.36,16.54 13.64,16.1 14.1,15.84C14.56,15.57 15.08,15.55 15.54,15.72C16.43,14.85 17,13.66 17.09,12.33L15.38,12.31C15.22,14.1 13.72,15.5 11.88,15.5M11.88,8.5C13.72,8.5 15.22,9.89 15.38,11.69L17.09,11.66C17,10.34 16.43,9.15 15.54,8.28C15.08,8.45 14.55,8.42 14.1,8.16C13.64,7.9 13.36,7.45 13.28,6.97C12.83,6.85 12.37,6.78 11.88,6.78C11.05,6.78 10.27,6.97 9.57,7.32L10.41,8.82C10.85,8.61 11.35,8.5 11.88,8.5M8.37,12C8.37,10.81 8.96,9.76 9.86,9.13L9,7.65C7.94,8.36 7.15,9.43 6.83,10.69C7.21,11 7.45,11.47 7.45,12C7.45,12.53 7.21,13 6.83,13.31C7.15,14.56 7.94,15.64 9,16.34L9.86,14.87C8.96,14.24 8.37,13.19 8.37,12M14.34,16.26C13.77,16.59 13.57,17.32 13.9,17.9C14.23,18.47 14.97,18.67 15.54,18.34C16.12,18 16.31,17.27 16,16.7C15.65,16.12 14.92,15.93 14.34,16.26M5.76,10.8C5.1,10.8 4.56,11.34 4.56,12C4.56,12.66 5.1,13.2 5.76,13.2C6.43,13.2 6.96,12.66 6.96,12C6.96,11.34 6.43,10.8 5.76,10.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ufo-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ufo-outline.svg
new file mode 100644
index 00000000..eb075f1a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ufo-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ufo-outline" viewBox="0 0 24 24"><path d="M17 10.54C16.78 7.44 14.63 5 12 5S7.22 7.44 7 10.54C4 11.23 2 12.5 2 14C2 16.21 6.5 18 12 18S22 16.21 22 14C22 12.5 20 11.23 17 10.54M14.93 11.84C13.03 12.05 10.97 12.05 9.07 11.84C9.03 11.56 9 11.28 9 11C9 8.8 10.35 7 12 7S15 8.8 15 11C15 11.28 15 11.56 14.93 11.84Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ufo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ufo.svg
new file mode 100644
index 00000000..a19fe663
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ufo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ufo" viewBox="0 0 24 24"><path d="M15.94 10.28C15.66 7.87 14 6 12 6S8.34 7.87 8.06 10.28C4.5 10.82 2 12.06 2 13.5C2 15.43 6.5 17 12 17S22 15.43 22 13.5C22 12.06 19.5 10.82 15.94 10.28Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ultra-high-definition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ultra-high-definition.svg
new file mode 100644
index 00000000..f33101e5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ultra-high-definition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ultra-high-definition" viewBox="0 0 24 24"><path d="M9,7H11V11H13V7H15V17H13V13H11V17H9V7M17,7H20A3,3 0 0,1 23,10V14A3,3 0 0,1 20,17H17V7M20,15A1,1 0 0,0 21,14V10A1,1 0 0,0 20,9H19V15H20M7,14A3,3 0 0,1 4,17A3,3 0 0,1 1,14V7H3V14A1,1 0 0,0 4,15A1,1 0 0,0 5,14V7H7V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbraco.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbraco.svg
new file mode 100644
index 00000000..85bdd261
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbraco.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbraco" viewBox="0 0 24 24"><path d="M8.6,8.6L7.17,8.38C6.5,11.67 6.46,14.24 7.61,15.5C8.6,16.61 11.89,16.61 11.89,16.61C11.89,16.61 15.29,16.61 16.28,15.5C17.43,14.24 17.38,11.67 16.72,8.38L15.29,8.6C15.29,8.6 16.54,13.88 14.69,14.69C13.81,15.07 11.89,15.07 11.89,15.07C11.89,15.07 10.08,15.07 9.2,14.69C7.35,13.88 8.6,8.6 8.6,8.6M12,3A9,9 0 0,1 21,12A9,9 0 0,1 12,21A9,9 0 0,1 3,12A9,9 0 0,1 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach-outline.svg
new file mode 100644
index 00000000..cd160792
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-beach-outline" viewBox="0 0 24 24"><path d="M21 19.57L19.57 21L13.13 14.56L14.56 13.13L21 19.57M13.12 3C10.54 3 7.96 4 6 5.95L5.97 5.96C2 9.91 2 16.32 5.97 20.27L20.27 5.96C18.3 4 15.71 3 13.12 3M6.14 17.27C5.4 16.03 5 14.61 5 13.12C5 12.19 5.16 11.3 5.46 10.45C5.65 12.36 6.35 14.24 7.53 15.89L6.14 17.27M9 14.43C7.63 12.38 7.12 9.93 7.6 7.6C8.18 7.5 8.76 7.42 9.35 7.42C11.15 7.42 12.9 7.97 14.43 9L9 14.43M10.45 5.46C11.3 5.16 12.19 5 13.12 5C14.61 5 16.03 5.4 17.27 6.14L15.88 7.53C14.23 6.35 12.36 5.65 10.45 5.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach.svg
new file mode 100644
index 00000000..25c895e6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-beach.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-beach" viewBox="0 0 24 24"><path d="M13.13 14.56L14.56 13.13L21 19.57L19.57 21L13.13 14.56M17.42 8.83L20.28 5.97C16.33 2 9.93 2 6 5.95C9.91 4.65 14.29 5.7 17.42 8.83M5.95 6C2 9.93 2 16.33 5.97 20.28L8.83 17.42C5.7 14.29 4.65 9.91 5.95 6M5.97 5.96L5.96 5.97C5.58 9 7.13 12.85 10.26 16L16 10.26C12.86 7.13 9 5.58 5.97 5.96Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-outline.svg
new file mode 100644
index 00000000..cf29e3cd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-closed-outline" viewBox="0 0 24 24"><path d="M12 2C12.4 2 12.8 2.2 12.9 2.6L17.5 15H13V19C13 20.7 11.7 22 10 22S7 20.7 7 19V18H9V19C9 19.6 9.4 20 10 20C10.6 20 11 19.6 11 19V15H6.5L11.1 2.6C11.2 2.2 11.6 2 12 2M12 5.9L9.4 13H14.7L12 5.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-variant.svg
new file mode 100644
index 00000000..88f31a03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-closed-variant" viewBox="0 0 24 24"><path d="M15 7L13 6V3.5C13 3.2 13.2 3 13.5 3S14 3.2 14 3.5V4H16V3.5C16 2.1 14.9 1 13.5 1S11 2.1 11 3.5V6L9 7L6 6L11.1 21.3C11.4 22.2 12.7 22.2 13 21.3C14.6 16.2 18 6 18 6L15 7M11 15L9 8.9L9.7 9.1L11 8.1V15M13 8.1L14.3 9.1L15 8.9L13 15V8.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed.svg
new file mode 100644
index 00000000..8dbdb142
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-closed" viewBox="0 0 24 24"><path d="M12 2C11.6 2 11.3 2.2 11.1 2.6L6.5 15H11V19C11 19.6 10.6 20 10 20C9.4 20 9 19.6 9 19V18H7V19C7 20.7 8.3 22 10 22S13 20.7 13 19V15H17.5L12.9 2.6C12.7 2.2 12.4 2 12 2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-outline.svg
new file mode 100644
index 00000000..34ba15f2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella-outline" viewBox="0 0 24 24"><path d="M12,4C8.9,4 6.18,6.03 5.3,9H18.7C17.82,6.04 15.09,4 12,4M12,2A9,9 0 0,1 21,11H13V19A3,3 0 0,1 10,22A3,3 0 0,1 7,19V18H9V19A1,1 0 0,0 10,20A1,1 0 0,0 11,19V11H3A9,9 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/umbrella.svg b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella.svg
new file mode 100644
index 00000000..7c41dfab
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/umbrella.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-umbrella" viewBox="0 0 24 24"><path d="M12,2A9,9 0 0,1 21,11H13V19A3,3 0 0,1 10,22A3,3 0 0,1 7,19V18H9V19A1,1 0 0,0 10,20A1,1 0 0,0 11,19V11H3A9,9 0 0,1 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/undo-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/undo-variant.svg
new file mode 100644
index 00000000..6cff26a8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/undo-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-undo-variant" viewBox="0 0 24 24"><path d="M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/undo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/undo.svg
new file mode 100644
index 00000000..6f3cc453
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-undo" viewBox="0 0 24 24"><path d="M12.5,8C9.85,8 7.45,9 5.6,10.6L2,7V16H11L7.38,12.38C8.77,11.22 10.54,10.5 12.5,10.5C16.04,10.5 19.05,12.81 20.1,16L22.47,15.22C21.08,11.03 17.15,8 12.5,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-horizontal.svg
new file mode 100644
index 00000000..3f631b96
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unfold-less-horizontal" viewBox="0 0 24 24"><path d="M16.59,5.41L15.17,4L12,7.17L8.83,4L7.41,5.41L12,10M7.41,18.59L8.83,20L12,16.83L15.17,20L16.58,18.59L12,14L7.41,18.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-vertical.svg
new file mode 100644
index 00000000..9778eca3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-less-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unfold-less-vertical" viewBox="0 0 24 24"><path d="M5.41,7.41L10,12L5.41,16.59L4,15.17L7.17,12L4,8.83L5.41,7.41M18.59,16.59L14,12L18.59,7.42L20,8.83L16.83,12L20,15.17L18.59,16.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-horizontal.svg
new file mode 100644
index 00000000..b84130dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unfold-more-horizontal" viewBox="0 0 24 24"><path d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-vertical.svg
new file mode 100644
index 00000000..2c94bfda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unfold-more-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unfold-more-vertical" viewBox="0 0 24 24"><path d="M18.17,12L15,8.83L16.41,7.41L21,12L16.41,16.58L15,15.17L18.17,12M5.83,12L9,15.17L7.59,16.59L3,12L7.59,7.42L9,8.83L5.83,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/ungroup.svg b/apps/phoenix_webcomponent/priv/mdi/svg/ungroup.svg
new file mode 100644
index 00000000..25a6797b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/ungroup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-ungroup" viewBox="0 0 24 24"><path d="M2,2H6V3H13V2H17V6H16V9H18V8H22V12H21V18H22V22H18V21H12V22H8V18H9V16H6V17H2V13H3V6H2V2M18,12V11H16V13H17V17H13V16H11V18H12V19H18V18H19V12H18M13,6V5H6V6H5V13H6V14H9V12H8V8H12V9H14V6H13M12,12H11V14H13V13H14V11H12V12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unicode.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unicode.svg
new file mode 100644
index 00000000..674c008f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unicode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unicode" viewBox="0 0 24 24"><path d="M22 6A1.46 1.46 0 0 1 20.54 7.44A1.46 1.46 0 0 1 19.09 6A1.46 1.46 0 0 1 20.54 4.5A1.46 1.46 0 0 1 22 6M21.56 8.86H19.53C19.4 8.85 19.34 8.91 19.34 9V12.59C19.34 13.08 19.34 13.5 19.35 13.86L19.37 14.76C19.38 15 19.39 15.21 19.39 15.39C19.4 15.56 19.4 15.72 19.4 15.86H19.38C19.26 15.6 19.07 15.22 18.82 14.74C18.58 14.27 18.29 13.72 17.97 13.11C17.64 12.5 17.29 11.84 16.92 11.15C16.55 10.47 16.18 9.78 15.81 9.11C15.45 8.43 15.09 7.78 14.75 7.16C14.4 6.54 14.1 6 13.85 5.54C13.82 5.5 13.79 5.44 13.77 5.42C13.74 5.4 13.68 5.39 13.6 5.39H10.62C10.5 5.39 10.47 5.44 10.47 5.54H10.5C10.47 5.56 10.47 5.57 10.47 5.58V13.84C10.47 14.5 10.4 15 10.25 15.45C10.1 15.88 9.9 16.23 9.64 16.5C9.38 16.75 9.07 16.93 8.72 17.05C8.36 17.16 8 17.22 7.56 17.22C6.54 17.22 5.79 16.91 5.3 16.31C4.8 15.7 4.56 14.89 4.56 13.88V5.56C4.56 5.45 4.5 5.39 4.39 5.39H2.17C2.06 5.39 2 5.45 2 5.58V14.07C2 15 2.13 15.78 2.38 16.46C2.63 17.13 3 17.69 3.5 18.14C3.96 18.58 4.53 18.92 5.21 19.14C5.89 19.36 6.64 19.5 7.47 19.5C8.24 19.5 8.97 19.38 9.65 19.17C10.34 18.97 10.93 18.64 11.42 18.2C11.91 17.75 12.3 17.18 12.59 16.5C12.88 15.79 13.03 14.95 13.03 13.96V8.62C13.14 8.86 13.28 9.15 13.44 9.47C13.73 10.05 14.05 10.68 14.42 11.38C14.79 12.08 15.17 12.8 15.58 13.56C16 14.32 16.39 15.06 16.77 15.76C17.16 16.46 17.5 17.11 17.83 17.7C18.15 18.29 18.4 18.76 18.58 19.12C18.63 19.22 18.73 19.27 18.85 19.27H21.54C21.68 19.27 21.75 19.2 21.75 19.08V9.05C21.75 8.92 21.68 8.85 21.56 8.85Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unicorn-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unicorn-variant.svg
new file mode 100644
index 00000000..ef819552
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unicorn-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unicorn-variant" viewBox="0 0 24 24"><path d="M20 12V19L17 20L14 15.33C13.71 14.89 13 15.14 13.08 15.67L14 23L4 18L4.96 12.75C5.56 9.42 8.46 7 11.84 7H13L19 1L17 7H20L18.42 9.37C19.36 9.88 20 10.86 20 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unicorn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unicorn.svg
new file mode 100644
index 00000000..430ce616
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unicorn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unicorn" viewBox="0 0 24 24"><path d="M22 5L21.11 6.34C21.65 6.7 22 7.31 22 8V11.5L20.5 12L18.96 9.54C18.83 9.33 18.5 9.42 18.5 9.67V13.25C18.5 14.23 18.11 15.11 17.5 15.78V22H15V17C14.92 17 14.84 17 14.75 17C14.54 17 14.33 16.97 14.13 16.94L9.45 16.16L8.57 18.12L9.54 22H6.96L6.04 18.3C5.97 18.03 6 17.74 6.11 17.5L7 15.5C6.12 14.92 5.53 13.94 5.5 12.81C5.46 12.96 5.44 13.18 5.47 13.5C5.5 13.94 5.61 14.59 5.54 15.31C5.5 16.03 5.18 16.77 4.76 17.26C4.32 17.75 3.85 18.09 3.35 18.35L2.65 17.65C2.84 17.18 3.03 16.76 3.07 16.37C3.13 16 3.06 15.7 2.95 15.43L2.42 14.3C2.21 13.79 1.95 13.05 2 12.18C2.03 11.33 2.5 10.22 3.39 9.61C4.29 9 5.26 8.91 6.05 9.08C6.55 9.18 7.06 9.42 7.5 9.76C7.87 9.59 8.3 9.5 8.75 9.5H14.5V9C14.5 6.79 16.29 5 18.5 5L22 2L21 5H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unicycle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unicycle.svg
new file mode 100644
index 00000000..c0608fa7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unicycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unicycle" viewBox="0 0 24 24"><path d="M13 9.09V5H14C14.55 5 15 4.55 15 4S14.55 3 14 3H10C9.45 3 9 3.45 9 4S9.45 5 10 5H11V9.09C8.16 9.57 6 12.03 6 15C6 18.31 8.69 21 12 21S18 18.31 18 15C18 12.03 15.84 9.57 13 9.09M12 19C9.79 19 8 17.21 8 15C8 13.14 9.28 11.59 11 11.14V16H13V11.14C14.72 11.59 16 13.14 16 15C16 17.21 14.21 19 12 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unity.svg
new file mode 100644
index 00000000..4a42a497
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unity" viewBox="0 0 24 24"><path d="M10.11,17H7.5L2.59,12L7.5,7H10.11L11.42,4.74L18.21,3L20.08,9.74L18.77,12L20.08,14.26L18.21,21L11.42,19.26L10.11,17M10.25,16.75L15.38,18.13L12.42,13H6.5L10.25,16.75M17.12,17.13L18.5,12L17.12,6.87L14.15,12L17.12,17.13M10.25,7.25L6.5,11H12.42L15.38,5.87L10.25,7.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/unreal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/unreal.svg
new file mode 100644
index 00000000..fddf2b95
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/unreal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-unreal" viewBox="0 0 24 24"><path d="M2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12M5.24,18.76C3.43,16.95 2.44,14.55 2.44,12C2.44,9.45 3.43,7.05 5.24,5.24C7.05,3.43 9.45,2.44 12,2.44C14.55,2.44 16.95,3.43 18.76,5.24C20.57,7.05 21.56,9.45 21.56,12C21.56,14.55 20.57,16.95 18.76,18.76C16.95,20.57 14.55,21.56 12,21.56C9.45,21.56 7.05,20.57 5.24,18.76M6.35,9.5C4.34,11.79 4.73,13.68 4.73,13.68C4.73,13.68 5.28,12.38 6.61,11C7.25,10.37 7.72,10.15 8.04,10.15C8.4,10.15 8.57,10.41 8.57,10.65V15.29C8.57,15.75 8.27,15.85 8,15.84C7.77,15.84 7.55,15.76 7.55,15.76C8.92,17.73 12.19,18 12.19,18L13.63,16.5H13.67L15,17.63C17.39,16.21 18.55,13.58 18.55,13.58C17.5,14.7 16.79,14.97 16.39,14.96C16.03,14.96 15.88,14.75 15.88,14.75C15.87,14.65 15.82,8.9 15.89,8.9C16.31,8.13 17.63,6.56 17.63,6.56C15.16,7.05 13.81,8.66 13.81,8.66C13.41,8.35 12.59,8.4 12.59,8.4C12.97,8.61 13.35,9.21 13.35,9.72V14.65C13.35,14.65 12.5,15.38 11.88,15.38C11.5,15.38 11.27,15.17 11.14,15C11.05,14.88 11,14.79 11,14.79V8.69C10.93,8.75 10.82,8.8 10.71,8.8C10.57,8.79 10.43,8.73 10.34,8.53C10.26,8.38 10.22,8.15 10.22,7.83C10.22,6.7 11.5,5.96 11.5,5.96C9.87,6.39 8.36,7.22 6.35,9.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/update.svg b/apps/phoenix_webcomponent/priv/mdi/svg/update.svg
new file mode 100644
index 00000000..d819ac6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/update.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-update" viewBox="0 0 24 24"><path d="M21,10.12H14.22L16.96,7.3C14.23,4.6 9.81,4.5 7.08,7.2C4.35,9.91 4.35,14.28 7.08,17C9.81,19.7 14.23,19.7 16.96,17C18.32,15.65 19,14.08 19,12.1H21C21,14.08 20.12,16.65 18.36,18.39C14.85,21.87 9.15,21.87 5.64,18.39C2.14,14.92 2.11,9.28 5.62,5.81C9.13,2.34 14.76,2.34 18.27,5.81L21,3V10.12M12.5,8V12.25L16,14.33L15.28,15.54L11,13V8H12.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock-outline.svg
new file mode 100644
index 00000000..3a147f62
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-lock-outline" viewBox="0 0 24 24"><path d="M22 22H17C16.5 22 16 21.5 16 21V17C16 16.5 16.5 16 17 16V14.5C17 13.1 18.1 12 19.5 12C20.9 12 22 13.1 22 14.5V16C22.5 16 23 16.5 23 17V21C23 21.5 22.5 22 22 22M5 18H14V20H5V18M21 16V14.5C21 13.7 20.3 13 19.5 13C18.7 13 18 13.7 18 14.5V16H21M9 16V10H5L12 3L19 10H15V16H9M9.83 8H11V14H13V8H14.17L12 5.83L9.83 8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock.svg
new file mode 100644
index 00000000..07d7e957
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-lock" viewBox="0 0 24 24"><path d="M22 22H17C16.5 22 16 21.5 16 21V17C16 16.5 16.5 16 17 16V14.5C17 13.1 18.1 12 19.5 12C20.9 12 22 13.1 22 14.5V16C22.5 16 23 16.5 23 17V21C23 21.5 22.5 22 22 22M14 20H5V18H14V20M21 16V14.5C21 13.7 20.3 13 19.5 13C18.7 13 18 13.7 18 14.5V16H21M15 16H9V10H5L12 3L19 10H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-multiple.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-multiple.svg
new file mode 100644
index 00000000..c498e751
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-multiple.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-multiple" viewBox="0 0 24 24"><path d="M9,14V8H5L12,1L19,8H15V14H9M5,18V16H19V18H5M19,20H5V22H19V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-network-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-network-outline.svg
new file mode 100644
index 00000000..34ad8ee6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-network-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-network-outline" viewBox="0 0 24 24"><path d="M15,20A1,1 0 0,0 14,19H13V17H17A2,2 0 0,0 19,15V5A2,2 0 0,0 17,3H7A2,2 0 0,0 5,5V15A2,2 0 0,0 7,17H11V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15M7,15V5H17V15H7M12,6L8,10H11V14H13V10H16L12,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-network.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-network.svg
new file mode 100644
index 00000000..04803054
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-network" viewBox="0 0 24 24"><path d="M17,3A2,2 0 0,1 19,5V15A2,2 0 0,1 17,17H13V19H14A1,1 0 0,1 15,20H22V22H15A1,1 0 0,1 14,23H10A1,1 0 0,1 9,22H2V20H9A1,1 0 0,1 10,19H11V17H7C5.89,17 5,16.1 5,15V5A2,2 0 0,1 7,3H17M12,5.5L7.5,10H11V14H13V10H16.5L12,5.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-off-outline.svg
new file mode 100644
index 00000000..93a66474
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.56 8.45L5 10H8.11L9 10.89V16H14.11L16.11 18H5V20H18.11L20.84 22.73L22.11 21.46M11 14V12.89L12.11 14H11M12 5.8L14.2 8H13V9.8L15 11.8V10H19L12 3L9.1 5.9L10.5 7.3L12 5.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-off.svg
new file mode 100644
index 00000000..cf02a69e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L6.56 8.45L5 10H8.11L9 10.89V16H14.11L16.11 18H5V20H18.11L20.84 22.73L22.11 21.46M15 10H19L12 3L9.1 5.9L15 11.8V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload-outline.svg
new file mode 100644
index 00000000..801dd99f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload-outline" viewBox="0 0 24 24"><path d="M9,10V16H15V10H19L12,3L5,10H9M12,5.8L14.2,8H13V14H11V8H9.8L12,5.8M19,18H5V20H19V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/upload.svg b/apps/phoenix_webcomponent/priv/mdi/svg/upload.svg
new file mode 100644
index 00000000..f9e61726
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/upload.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-upload" viewBox="0 0 24 24"><path d="M9,16V10H5L12,3L19,10H15V16H9M5,20V18H19V20H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive-outline.svg
new file mode 100644
index 00000000..ada82b8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-usb-flash-drive-outline" viewBox="0 0 24 24"><path d="M8 13C9.66 13 11 14.34 11 16C11 17.66 9.66 19 8 19C6.34 19 5 17.66 5 16C5 14.34 6.34 13 8 13M8 15C7.45 15 7 15.45 7 16C7 16.55 7.45 17 8 17C8.55 17 9 16.55 9 16C9 15.45 8.55 15 8 15M9.77 4.33L10.5 5.08L14.29 1.29C14.47 1.11 14.72 1 15 1C15.28 1 15.53 1.11 15.71 1.29L22.78 8.36L22.78 8.37C22.92 8.54 23 8.76 23 9C23 9.3 22.87 9.57 22.66 9.76L22.66 9.76L18.93 13.5L19.67 14.23L12.95 20.95C11.68 22.22 9.93 23 8 23C4.13 23 1 19.87 1 16C1 14.07 1.78 12.32 3.05 11.05L9.77 4.33M11.54 19.54L16.84 14.23L9.77 7.16L4.46 12.46C3.56 13.37 3 14.62 3 16C3 18.76 5.24 21 8 21C9.38 21 10.63 20.44 11.54 19.54M15.07 4.69L16.5 6.1L15.07 7.5L13.66 6.1L15.07 4.69M17.9 7.5L19.31 8.93L17.9 10.34L16.5 8.93L17.9 7.5M20.59 9L15 3.41L11.93 6.5L17.5 12.08L20.59 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive.svg b/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive.svg
new file mode 100644
index 00000000..31fb37ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/usb-flash-drive.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-usb-flash-drive" viewBox="0 0 24 24"><path d="M8 15C8.55 15 9 15.45 9 16C9 16.55 8.55 17 8 17C7.45 17 7 16.55 7 16C7 15.45 7.45 15 8 15M15.07 4.69L16.5 6.1L15.07 7.5L13.66 6.1L15.07 4.69M17.9 7.5L19.31 8.93L17.9 10.34L16.5 8.93L17.9 7.5M8 13C6.34 13 5 14.34 5 16C5 17.66 6.34 19 8 19C9.66 19 11 17.66 11 16C11 14.34 9.66 13 8 13M9.77 4.33L10.5 5.08L14.29 1.29C14.47 1.11 14.72 1 15 1C15.28 1 15.53 1.11 15.71 1.29L22.78 8.36L22.78 8.37C22.92 8.54 23 8.76 23 9C23 9.3 22.87 9.57 22.66 9.76L22.66 9.76L18.93 13.5L19.67 14.23L12.95 20.95C11.68 22.22 9.93 23 8 23C4.13 23 1 19.87 1 16C1 14.07 1.78 12.32 3.05 11.05L9.77 4.33M20.59 9L15 3.41L11.93 6.5L17.5 12.08L20.59 9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/usb-port.svg b/apps/phoenix_webcomponent/priv/mdi/svg/usb-port.svg
new file mode 100644
index 00000000..b0c1b160
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/usb-port.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-usb-port" viewBox="0 0 24 24"><path d="M8 2C6.9 2 6 2.9 6 4V12H5V16L9 20V22H15V20L19 16V12H18V4C18 2.9 17.11 2 16 2M8 4H16V12H8M9 7V9H11V7M13 7V9H15V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/usb.svg b/apps/phoenix_webcomponent/priv/mdi/svg/usb.svg
new file mode 100644
index 00000000..edeb943e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/usb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-usb" viewBox="0 0 24 24"><path d="M15,7V11H16V13H13V5H15L12,1L9,5H11V13H8V10.93C8.7,10.56 9.2,9.85 9.2,9C9.2,7.78 8.21,6.8 7,6.8C5.78,6.8 4.8,7.78 4.8,9C4.8,9.85 5.3,10.56 6,10.93V13A2,2 0 0,0 8,15H11V18.05C10.29,18.41 9.8,19.15 9.8,20A2.2,2.2 0 0,0 12,22.2A2.2,2.2 0 0,0 14.2,20C14.2,19.15 13.71,18.41 13,18.05V15H16A2,2 0 0,0 18,13V11H19V7H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vacuum-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vacuum-outline.svg
new file mode 100644
index 00000000..c4da1857
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vacuum-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vacuum-outline" viewBox="0 0 24 24"><path d="M20.66 20L13.87 3.81C13.5 2.97 12.93 2.29 12.16 1.77C11.4 1.26 10.55 1 9.61 1C8.77 1 8 1.21 7.3 1.63S6.04 2.62 5.63 3.32 5 4.8 5 5.64L5.03 9H2.03V14.45C2.65 14.17 3.31 14.03 4 14.03V11.03H9C9.57 11.03 10.04 11.23 10.43 11.62C10.82 12 11 12.47 11 13V20.03H8.91C8.76 20.75 8.44 21.41 7.97 22H13V13C13 12.28 12.8 11.62 12.45 11S11.61 9.91 11 9.56C10.42 9.2 9.75 9 9 9H7V5.64C7 4.92 7.25 4.31 7.76 3.79S8.89 3 9.61 3C10.14 3 10.63 3.16 11.06 3.46S11.81 4.14 12 4.61L18.46 20L16 20.03V22H23V20.03L20.66 20M4 18C4.55 18 5 18.45 5 19S4.55 20 4 20 3 19.55 3 19 3.45 18 4 18M4 16C2.34 16 1 17.34 1 19S2.34 22 4 22 7 20.66 7 19 5.66 16 4 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vacuum.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vacuum.svg
new file mode 100644
index 00000000..7fd23447
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vacuum.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vacuum" viewBox="0 0 24 24"><path d="M23 20V22H16L16 20H18.46L12 4.61C11.81 4.14 11.5 3.76 11.06 3.46S10.14 3 9.61 3C8.9 3 8.28 3.27 7.76 3.79S7 4.92 7 5.64L7 9H8C10.21 9 12 10.79 12 13V22H8C8.61 21.16 9 20.13 9 19C9 16.24 6.76 14 4 14C3.29 14 2.61 14.15 2 14.42V9H5V5.64C5 4.8 5.23 4 5.63 3.32C6.04 2.62 6.59 2.06 7.3 1.63C8 1.21 8.77 1 9.61 1C10.55 1 11.4 1.26 12.16 1.77S13.5 2.97 13.87 3.81L20.66 20H23M7 19C7 20.66 5.66 22 4 22S1 20.66 1 19 2.34 16 4 16 7 17.34 7 19M5 19C5 18.45 4.55 18 4 18S3 18.45 3 19 3.45 20 4 20 5 19.55 5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/valve-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/valve-closed.svg
new file mode 100644
index 00000000..23dd7064
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/valve-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-valve-closed" viewBox="0 0 24 24"><path d="M22 2V22H20V13H14.82A3 3 0 0 1 9.18 13H4V22H2V2H4V11H9.18A3 3 0 0 1 14.82 11H20V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/valve-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/valve-open.svg
new file mode 100644
index 00000000..eb9dac3f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/valve-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-valve-open" viewBox="0 0 24 24"><path d="M4 22H2V2H4M22 2H20V22H22M11 4V9.18A3 3 0 0 0 11 14.82V20H13V14.82A3 3 0 0 0 13 9.18V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/valve.svg b/apps/phoenix_webcomponent/priv/mdi/svg/valve.svg
new file mode 100644
index 00000000..c5266158
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/valve.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-valve" viewBox="0 0 24 24"><path d="M4 22H2V2H4M22 2H20V22H22M17.24 5.34L13.24 9.34A3 3 0 0 0 9.24 13.34L5.24 17.34L6.66 18.76L10.66 14.76A3 3 0 0 0 14.66 10.76L18.66 6.76Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/van-passenger.svg b/apps/phoenix_webcomponent/priv/mdi/svg/van-passenger.svg
new file mode 100644
index 00000000..93836045
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/van-passenger.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-van-passenger" viewBox="0 0 24 24"><path d="M3,7C1.89,7 1,7.89 1,9V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V13C23,11.89 22.11,11 21,11L18,7H3M3,8.5H7V11H3V8.5M9,8.5H13V11H9V8.5M15,8.5H17.5L19.46,11H15V8.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/van-utility.svg b/apps/phoenix_webcomponent/priv/mdi/svg/van-utility.svg
new file mode 100644
index 00000000..ca857db5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/van-utility.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-van-utility" viewBox="0 0 24 24"><path d="M3,7C1.89,7 1,7.89 1,9V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V13C23,11.89 22.11,11 21,11L18,7H3M15,8.5H17.5L19.46,11H15V8.5M6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5M18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vanish-quarter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vanish-quarter.svg
new file mode 100644
index 00000000..e6201441
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vanish-quarter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vanish-quarter" viewBox="0 0 24 24"><path d="M11 3H13V8H11V3M4.9 6.3L6.3 4.9L9.1 7.7L7.8 9.2L4.9 6.3M8 13H3V11H8V13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vanish.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vanish.svg
new file mode 100644
index 00000000..d10e50a4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vanish.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vanish" viewBox="0 0 24 24"><path d="M16,13V11H21V13H16M14.83,7.76L17.66,4.93L19.07,6.34L16.24,9.17L14.83,7.76M11,16H13V21H11V16M11,3H13V8H11V3M4.93,17.66L7.76,14.83L9.17,16.24L6.34,19.07L4.93,17.66M4.93,6.34L6.34,4.93L9.17,7.76L7.76,9.17L4.93,6.34M8,13H3V11H8V13M19.07,17.66L17.66,19.07L14.83,16.24L16.24,14.83L19.07,17.66Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vanity-light.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vanity-light.svg
new file mode 100644
index 00000000..95be5a4f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vanity-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vanity-light" viewBox="0 0 24 24"><path d="M22 20H16C16 18.34 17.34 13 19 13S22 18.34 22 20M12 13C10.34 13 9 18.34 9 20H15C15 18.34 13.66 13 12 13M5 13C3.34 13 2 18.34 2 20H8C8 18.34 6.66 13 5 13M14.82 6C14.26 4.44 12.53 3.64 11 4.2C10.14 4.5 9.5 5.17 9.18 6H2V8H4V12H6V8H9.18C9.5 8.85 10.15 9.5 11 9.82V12H13V9.82C13.85 9.5 14.5 8.85 14.82 8H18V12H20V8H22V6H14.82Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/variable-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/variable-box.svg
new file mode 100644
index 00000000..ff078250
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/variable-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-variable-box" viewBox="0 0 24 24"><path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3M7.4 18C5.9 16.5 5 14.3 5 12S5.9 7.5 7.4 6L9 6.7C7.7 7.9 7 9.9 7 12S7.7 16.1 9 17.3L7.4 18M12.7 15L11.9 13L10.5 15H9L11.3 11.9L10 9H11.3L12.1 11L13.5 9H15L12.8 12L14.1 15H12.7M16.6 18L15 17.3C16.3 16 17 14.1 17 12S16.3 7.9 15 6.7L16.6 6C18.1 7.5 19 9.7 19 12S18.1 16.5 16.6 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/variable.svg b/apps/phoenix_webcomponent/priv/mdi/svg/variable.svg
new file mode 100644
index 00000000..06ef0d5d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/variable.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-variable" viewBox="0 0 24 24"><path d="M20.41,3C21.8,5.71 22.35,8.84 22,12C21.8,15.16 20.7,18.29 18.83,21L17.3,20C18.91,17.57 19.85,14.8 20,12C20.34,9.2 19.89,6.43 18.7,4L20.41,3M5.17,3L6.7,4C5.09,6.43 4.15,9.2 4,12C3.66,14.8 4.12,17.57 5.3,20L3.61,21C2.21,18.29 1.65,15.17 2,12C2.2,8.84 3.3,5.71 5.17,3M12.08,10.68L14.4,7.45H16.93L13.15,12.45L15.35,17.37H13.09L11.71,14L9.28,17.33H6.76L10.66,12.21L8.53,7.45H10.8L12.08,10.68Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-above.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-above.svg
new file mode 100644
index 00000000..af6cc2fa
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-above.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-arrange-above" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C6.67,16 10.33,16 14,16C15.11,16 16,15.11 16,14C16,10.33 16,6.67 16,3C16,1.89 15.11,1 14,1H3M3,3H14V14H3V3M18,7V9H20V20H9V18H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-below.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-below.svg
new file mode 100644
index 00000000..3ad478ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-arrange-below.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-arrange-below" viewBox="0 0 24 24"><path d="M20,22C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C16.33,7 12.67,7 9,7C7.89,7 7,7.89 7,9C7,12.67 7,16.33 7,20C7,21.11 7.89,22 9,22H20M20,20H9V9H20V20M5,16V14H3V3H14V5H16V3C16,1.89 15.11,1 14,1H3C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-bezier.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-bezier.svg
new file mode 100644
index 00000000..2128bb1b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-bezier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-bezier" viewBox="0 0 24 24"><path d="M7.5,4A1.5,1.5 0 0,0 6,5.5A1.5,1.5 0 0,0 7.5,7C8.13,7 8.7,6.6 8.91,6H13C13.67,5.33 14.33,5 15,5H8.91C8.7,4.4 8.13,4 7.5,4M19,5C8,5 14,17 5,17V19C16,19 10,7 19,7V5M16.5,17C15.87,17 15.3,17.4 15.09,18H11C10.33,18.67 9.67,19 9,19H15.09C15.3,19.6 15.87,20 16.5,20A1.5,1.5 0 0,0 18,18.5A1.5,1.5 0 0,0 16.5,17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle-variant.svg
new file mode 100644
index 00000000..29b42d44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-circle-variant" viewBox="0 0 24 24"><path d="M22,9H19.97C18.7,5.41 15.31,3 11.5,3A9,9 0 0,0 2.5,12C2.5,17 6.53,21 11.5,21C15.31,21 18.7,18.6 20,15H22M20,11V13H18V11M17.82,15C16.66,17.44 14.2,19 11.5,19C7.64,19 4.5,15.87 4.5,12C4.5,8.14 7.64,5 11.5,5C14.2,5 16.66,6.57 17.81,9H16V15" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle.svg
new file mode 100644
index 00000000..192a24a0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-circle" viewBox="0 0 24 24"><path d="M9,2V4.06C6.72,4.92 4.92,6.72 4.05,9H2V15H4.06C4.92,17.28 6.72,19.09 9,19.95V22H15V19.94C17.28,19.08 19.09,17.28 19.95,15H22V9H19.94C19.08,6.72 17.28,4.92 15,4.05V2M11,4H13V6H11M9,6.25V8H15V6.25C16.18,6.86 17.14,7.82 17.75,9H16V15H17.75C17.14,16.18 16.18,17.14 15,17.75V16H9V17.75C7.82,17.14 6.86,16.18 6.25,15H8V9H6.25C6.86,7.82 7.82,6.86 9,6.25M4,11H6V13H4M18,11H20V13H18M11,18H13V20H11" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-combine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-combine.svg
new file mode 100644
index 00000000..7b05899a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-combine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-combine" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C4.33,16 7,16 7,16C7,16 7,18.67 7,20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C18.67,7 16,7 16,7C16,7 16,4.33 16,3C16,1.89 15.11,1 14,1H3M3,3H14C14,4.33 14,7 14,7H9C7.89,7 7,7.89 7,9V14C7,14 4.33,14 3,14V3M9,9H14V14H9V9M16,9C16,9 18.67,9 20,9V20H9C9,18.67 9,16 9,16H14C15.11,16 16,15.11 16,14V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-curve.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-curve.svg
new file mode 100644
index 00000000..ca9287c7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-curve.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-curve" viewBox="0 0 24 24"><path d="M18.5,2A1.5,1.5 0 0,1 20,3.5A1.5,1.5 0 0,1 18.5,5C18.27,5 18.05,4.95 17.85,4.85L14.16,8.55L14.5,9C16.69,7.74 19.26,7 22,7L23,7.03V9.04L22,9C19.42,9 17,9.75 15,11.04A3.96,3.96 0 0,1 11.04,15C9.75,17 9,19.42 9,22L9.04,23H7.03L7,22C7,19.26 7.74,16.69 9,14.5L8.55,14.16L4.85,17.85C4.95,18.05 5,18.27 5,18.5A1.5,1.5 0 0,1 3.5,20A1.5,1.5 0 0,1 2,18.5A1.5,1.5 0 0,1 3.5,17C3.73,17 3.95,17.05 4.15,17.15L7.84,13.45C7.31,12.78 7,11.92 7,11A4,4 0 0,1 11,7C11.92,7 12.78,7.31 13.45,7.84L17.15,4.15C17.05,3.95 17,3.73 17,3.5A1.5,1.5 0 0,1 18.5,2M11,9A2,2 0 0,0 9,11A2,2 0 0,0 11,13A2,2 0 0,0 13,11A2,2 0 0,0 11,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ab.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ab.svg
new file mode 100644
index 00000000..bff22170
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ab.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-difference-ab" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V5H3V3H5V1H3M7,1V3H10V1H7M12,1V3H14V5H16V3C16,1.89 15.11,1 14,1H12M1,7V10H3V7H1M14,7C14,7 14,11.67 14,14C11.67,14 7,14 7,14C7,14 7,18 7,20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7C18,7 14,7 14,7M16,9H20V20H9V16H14C15.11,16 16,15.11 16,14V9M1,12V14C1,15.11 1.89,16 3,16H5V14H3V12H1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ba.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ba.svg
new file mode 100644
index 00000000..77b5bd97
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference-ba.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-difference-ba" viewBox="0 0 24 24"><path d="M20,22C21.11,22 22,21.11 22,20V18H20V20H18V22H20M16,22V20H13V22H16M11,22V20H9V18H7V20C7,21.11 7.89,22 9,22H11M22,16V13H20V16H22M9,16C9,16 9,11.33 9,9C11.33,9 16,9 16,9C16,9 16,5 16,3C16,1.89 15.11,1 14,1H3C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16C5,16 9,16 9,16M7,14H3V3H14V7H9C7.89,7 7,7.89 7,9V14M22,11V9C22,7.89 21.11,7 20,7H18V9H20V11H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference.svg
new file mode 100644
index 00000000..900d2b61
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-difference.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-difference" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H5V14H3V3H14V5H16V3C16,1.89 15.11,1 14,1H3M9,7C7.89,7 7,7.89 7,9V11H9V9H11V7H9M13,7V9H14V10H16V7H13M18,7V9H20V20H9V18H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H18M14,12V14H12V16H14C15.11,16 16,15.11 16,14V12H14M7,13V16H10V14H9V13H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-ellipse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-ellipse.svg
new file mode 100644
index 00000000..2931fe99
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-ellipse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-ellipse" viewBox="0 0 24 24"><path d="M23,9V15H20.35C19.38,17.12 17.43,18.78 15,19.54V22H9V19.54C5.5,18.45 3,15.5 3,12C3,7.58 7.03,4 12,4C15.78,4 19,6.07 20.35,9H23M17,15V9H18.06C16.85,7.21 14.59,6 12,6C8.13,6 5,8.69 5,12C5,14.39 6.64,16.46 9,17.42V16H15V17.42C16.29,16.9 17.35,16.05 18.06,15H17M19,13H21V11H19V13M11,20H13V18H11V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-intersection.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-intersection.svg
new file mode 100644
index 00000000..89a61b91
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-intersection.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-intersection" viewBox="0 0 24 24"><path d="M3.14,1A2.14,2.14 0 0,0 1,3.14V5H3V3H5V1H3.14M7,1V3H10V1H7M12,1V3H14V5H16V3.14C16,1.96 15.04,1 13.86,1H12M1,7V10H3V7H1M9,7C7.89,7 7,7.89 7,9C7,11.33 7,16 7,16C7,16 11.57,16 13.86,16A2.14,2.14 0 0,0 16,13.86C16,11.57 16,7 16,7C16,7 11.33,7 9,7M18,7V9H20V11H22V9C22,7.89 21.11,7 20,7H18M9,9H14V14H9V9M1,12V13.86C1,15.04 1.96,16 3.14,16H5V14H3V12H1M20,13V16H22V13H20M7,18V20C7,21.11 7.89,22 9,22H11V20H9V18H7M20,18V20H18V22H20C21.11,22 22,21.11 22,20V18H20M13,20V22H16V20H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-line.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-line.svg
new file mode 100644
index 00000000..25dff304
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-line" viewBox="0 0 24 24"><path d="M15,3V7.59L7.59,15H3V21H9V16.42L16.42,9H21V3M17,5H19V7H17M5,17H7V19H5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-link.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-link.svg
new file mode 100644
index 00000000..9dd344be
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-link" viewBox="0 0 24 24"><path d="M3 1C1.89 1 1 1.89 1 3V14C1 15.11 1.89 16 3 16H14C15.11 16 16 15.11 16 14V11H14V14H3V3H14V5H16V3C16 1.89 15.11 1 14 1M9 7C7.89 7 7 7.89 7 9V12H9V9H20V20H9V18H7V20C7 21.11 7.89 22 9 22H20C21.11 22 22 21.11 22 20V9C22 7.89 21.11 7 20 7H9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-edit.svg
new file mode 100644
index 00000000..6102ceb9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-point-edit" viewBox="0 0 24 24"><path d="M9 9V15H15V9H9M11 11H13V13H11V11M21.2 13C21.1 13 20.9 13.1 20.8 13.2L19.8 14.2L21.9 16.3L22.9 15.3C23.1 15.1 23.1 14.7 22.9 14.5L21.6 13.2C21.4 13.1 21.3 13 21.2 13M19.1 14.8L13 20.9V23H15.1L21.2 16.8L19.1 14.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-minus.svg
new file mode 100644
index 00000000..d37d4a26
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-point-minus" viewBox="0 0 24 24"><path d="M9 9V15H15V9H9M11 11H13V13H11V11M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-plus.svg
new file mode 100644
index 00000000..85bd21ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-point-plus" viewBox="0 0 24 24"><path d="M9 9V15H15V9H9M11 11H13V13H11V11M18 15V18H15V20H18V23H20V20H23V18H20V15H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-select.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-select.svg
new file mode 100644
index 00000000..41938953
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point-select.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-point-select" viewBox="0 0 24 24"><path d="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-point.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point.svg
new file mode 100644
index 00000000..9667d189
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-point.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-point" viewBox="0 0 24 24"><path d="M9 9V15H15V9H9M11 11H13V13H11V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon-variant.svg
new file mode 100644
index 00000000..29ea4101
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polygon-variant" viewBox="0 0 24 24"><path d="M22 8V2H16V5.8L14.4 8H9.6L8 5.8V2H2V8H4V16H2V22H8V20H16V22H22V16H20V8H22M11 10H13V12H11V10M4 4H6V6H4V4M6 20H4V18H6V20M16 18H8V16H6V8H7.1L9 10.6V14H15V10.6L16.9 8H18V16H16V18M20 20H18V18H20V20M18 6V4H20V6H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon.svg
new file mode 100644
index 00000000..8b193357
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polygon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polygon" viewBox="0 0 24 24"><path d="M2,2V8H4.28L5.57,16H4V22H10V20.06L15,20.05V22H21V16H19.17L20,9H22V3H16V6.53L14.8,8H9.59L8,5.82V2M4,4H6V6H4M18,5H20V7H18M6.31,8H7.11L9,10.59V14H15V10.91L16.57,9H18L17.16,16H15V18.06H10V16H7.6M11,10H13V12H11M6,18H8V20H6M17,18H19V20H17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-edit.svg
new file mode 100644
index 00000000..1757b6b6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polyline-edit" viewBox="0 0 24 24"><path d="M2 3V9H4.95L6.95 15H6V21H12V16.41L17.41 11H22V5H16V9.57L10.59 15H9.06L7.06 9H8V3H2M4 5H6V7H4V5M18 7H20V9H18V7M21.15 13C21 13 20.87 13.05 20.76 13.16L19.75 14.18L21.82 16.25L22.84 15.24C23.05 15.03 23.05 14.67 22.84 14.46L21.54 13.16C21.43 13.05 21.29 13 21.15 13M19.15 14.76L13 20.91V23H15.09L21.23 16.84L19.15 14.76M8 17H10V19H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-minus.svg
new file mode 100644
index 00000000..ab11a46f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polyline-minus" viewBox="0 0 24 24"><path d="M2 3V9H4.95L6.95 15H6V21H12V16.41L17.41 11H22V5H16V9.57L10.59 15H9.06L7.06 9H8V3H2M4 5H6V7H4V5M18 7H20V9H18V7M8 17H10V19H8V17M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-plus.svg
new file mode 100644
index 00000000..5eed7515
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polyline-plus" viewBox="0 0 24 24"><path d="M2 3V9H4.95L6.95 15H6V21H12V16.41L17.41 11H22V5H16V9.57L10.59 15H9.06L7.06 9H8V3H2M4 5H6V7H4V5M18 7H20V9H18V7M18 15V18H15V20H18V23H20V20H23V18H20V15H18M8 17H10V19H8V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-remove.svg
new file mode 100644
index 00000000..8cbd437c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polyline-remove" viewBox="0 0 24 24"><path d="M21.1 15.5L19 17.6L16.9 15.5L15.5 16.9L17.6 19L15.5 21.1L16.9 22.5L19 20.4L21.1 22.5L22.5 21.1L20.4 19L22.5 16.9L21.1 15.5M16 5V9.6L10.6 15H9.1L7.1 9H8V3H2V9H5L7 15H6V21H12V16.4L17.4 11H22V5H16M6 7H4V5H6V7M10 19H8V17H10V19M20 9H18V7H20V9" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline.svg
new file mode 100644
index 00000000..14aa88d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-polyline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-polyline" viewBox="0 0 24 24"><path d="M2 3V9H4.95L6.95 15H6V21H12V16.41L17.41 11H22V5H16V9.57L10.59 15H9.06L7.06 9H8V3M4 5H6V7H4M18 7H20V9H18M8 17H10V19H8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-radius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-radius.svg
new file mode 100644
index 00000000..9af5a269
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-radius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-radius" viewBox="0 0 24 24"><path d="M2,4H4V2H10V4A10,10 0 0,1 20,14H22V20H20V22H18V20H16V14H18A8,8 0 0,0 10,6V8H4V6H2V4M18,16V18H20V16H18M6,4V6H8V4H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-rectangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-rectangle.svg
new file mode 100644
index 00000000..8bc5ee7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-rectangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-rectangle" viewBox="0 0 24 24"><path d="M2,4H8V6H16V4H22V10H20V14H22V20H16V18H8V20H2V14H4V10H2V4M16,10V8H8V10H6V14H8V16H16V14H18V10H16M4,6V8H6V6H4M18,6V8H20V6H18M4,16V18H6V16H4M18,16V18H20V16H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-selection.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-selection.svg
new file mode 100644
index 00000000..e55e92bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-selection.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-selection" viewBox="0 0 24 24"><path d="M3,1H5V3H3V5H1V3A2,2 0 0,1 3,1M14,1A2,2 0 0,1 16,3V5H14V3H12V1H14M20,7A2,2 0 0,1 22,9V11H20V9H18V7H20M22,20A2,2 0 0,1 20,22H18V20H20V18H22V20M20,13H22V16H20V13M13,9V7H16V10H14V9H13M13,22V20H16V22H13M9,22A2,2 0 0,1 7,20V18H9V20H11V22H9M7,16V13H9V14H10V16H7M7,3V1H10V3H7M3,16A2,2 0 0,1 1,14V12H3V14H5V16H3M1,7H3V10H1V7M9,7H11V9H9V11H7V9A2,2 0 0,1 9,7M16,14A2,2 0 0,1 14,16H12V14H14V12H16V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-close.svg
new file mode 100644
index 00000000..be0c0263
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-close" viewBox="0 0 24 24"><path d="M4 4H6V6H4V4M6 20H4V18H6V20M18 8V16H16V18H8V16H6V8H8V2H2V8H4V16H2V22H8V20H16V22H22V16H20V8H22V2H16V8H18M20 20H18V18H20V20M18 6V4H20V6H18M14 6H10V4H14V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-edit.svg
new file mode 100644
index 00000000..74eac32d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-edit" viewBox="0 0 24 24"><path d="M22.7 14.4L21.7 15.4L19.6 13.3L20.6 12.3C20.8 12.1 21.2 12.1 21.4 12.3L22.7 13.6C22.9 13.8 22.9 14.1 22.7 14.4M13 19.9L19.1 13.8L21.2 15.9L15.1 22H13V19.9M11 19.9V19.1L11.6 18.5L12.1 18H8V16H6V8H8V6H16V8H18V12.1L19.1 11L19.3 10.8C19.5 10.6 19.8 10.4 20.1 10.3V8H22.1V2H16.1V4H8V2H2V8H4V16H2V22H8V20L11 19.9M18 4H20V6H18V4M4 4H6V6H4V4M6 20H4V18H6V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-minus.svg
new file mode 100644
index 00000000..5f03209e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-minus" viewBox="0 0 24 24"><path d="M13 19C13 18.7 13 18.3 13.1 18H8V16H6V8H8V6H16V8H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V8H22V2H16V4H8V2H2V8H4V16H2V22H8V20H13.1C13 19.7 13 19.3 13 19M18 4H20V6H18V4M4 4H6V6H4V4M6 20H4V18H6V20M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-open.svg
new file mode 100644
index 00000000..06b295f4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-open" viewBox="0 0 24 24"><path d="M4 4H6V6H4V4M6 20H4V18H6V20M18 8V16H16V18H8V16H6V8H8V2H2V8H4V16H2V22H8V20H16V22H22V16H20V8H22V2H16V8H18M20 20H18V18H20V20M18 6V4H20V6H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-plus.svg
new file mode 100644
index 00000000..5d75ba44
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-plus" viewBox="0 0 24 24"><path d="M13 19C13 18.7 13 18.3 13.1 18H8V16H6V8H8V6H16V8H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V8H22V2H16V4H8V2H2V8H4V16H2V22H8V20H13.1C13 19.7 13 19.3 13 19M18 4H20V6H18V4M4 4H6V6H4V4M6 20H4V18H6V20M20 15V18H23V20H20V23H18V20H15V18H18V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-remove.svg
new file mode 100644
index 00000000..6f54bdd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square-remove" viewBox="0 0 24 24"><path d="M13 19C13 18.7 13 18.3 13.1 18H8V16H6V8H8V6H16V8H18V13.1C18.3 13 18.7 13 19 13C19.3 13 19.7 13 20 13.1V8H22V2H16V4H8V2H2V8H4V16H2V22H8V20H13.1C13 19.7 13 19.3 13 19M18 4H20V6H18V4M4 4H6V6H4V4M6 20H4V18H6V20M22.5 16.9L20.4 19L22.5 21.1L21.1 22.5L19 20.4L16.9 22.5L15.5 21.1L17.6 19L15.5 16.9L16.9 15.5L19 17.6L21.1 15.5L22.5 16.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-square.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square.svg
new file mode 100644
index 00000000..b5875bcd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-square" viewBox="0 0 24 24"><path d="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-triangle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-triangle.svg
new file mode 100644
index 00000000..1f8b2a49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-triangle" viewBox="0 0 24 24"><path d="M9,3V9H9.73L5.79,16H2V22H8V20H16V22H22V16H18.21L14.27,9H15V3M11,5H13V7H11M12,9.04L16,16.15V18H8V16.15M4,18H6V20H4M18,18H20V20H18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vector-union.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vector-union.svg
new file mode 100644
index 00000000..aabe6e41
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vector-union.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vector-union" viewBox="0 0 24 24"><path d="M3,1C1.89,1 1,1.89 1,3V14C1,15.11 1.89,16 3,16H7V20C7,21.11 7.89,22 9,22H20C21.11,22 22,21.11 22,20V9C22,7.89 21.11,7 20,7H16V3C16,1.89 15.11,1 14,1H3M3,3H14V9H20V20H9V14H3V3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vhs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vhs.svg
new file mode 100644
index 00000000..7a4608bd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vhs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vhs" viewBox="0 0 24 24"><path d="M4,6A2,2 0 0,0 2,8V16A2,2 0 0,0 4,18H20A2,2 0 0,0 22,16V8A2,2 0 0,0 20,6H4M4.54,10H7V14H4.54C4.19,13.39 4,12.7 4,12C4,11.3 4.19,10.61 4.54,10M9,10H15V14H9V10M17,10H19.46C19.81,10.61 20,11.3 20,12C20,12.7 19.81,13.39 19.46,14H17V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vibrate-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vibrate-off.svg
new file mode 100644
index 00000000..f8de8a1c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vibrate-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vibrate-off" viewBox="0 0 24 24"><path d="M8.2,5L6.55,3.35C6.81,3.12 7.15,3 7.5,3H16.5A1.5,1.5 0 0,1 18,4.5V14.8L16,12.8V5H8.2M0,15H2V9H0V15M21,17V7H19V15.8L20.2,17H21M3,17H5V7H3V17M18,17.35L22.11,21.46L20.84,22.73L18,19.85C17.83,20.54 17.21,21 16.5,21H7.5A1.5,1.5 0 0,1 6,19.5V7.89L1.11,3L2.39,1.73L6.09,5.44L8,7.34L16,15.34L18,17.34V17.35M16,17.89L8,9.89V19H16V17.89M22,9V15H24V9H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vibrate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vibrate.svg
new file mode 100644
index 00000000..ed02104b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vibrate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vibrate" viewBox="0 0 24 24"><path d="M16,19H8V5H16M16.5,3H7.5A1.5,1.5 0 0,0 6,4.5V19.5A1.5,1.5 0 0,0 7.5,21H16.5A1.5,1.5 0 0,0 18,19.5V4.5A1.5,1.5 0 0,0 16.5,3M19,17H21V7H19M22,9V15H24V9M3,17H5V7H3M0,15H2V9H0V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-2d.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-2d.svg
new file mode 100644
index 00000000..5400ef04
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-2d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-2d" viewBox="0 0 24 24"><path d="M13 7H16C17.66 7 19 8.34 19 10V14C19 15.66 17.66 17 16 17H13V7M16 15C16.55 15 17 14.55 17 14V10C17 9.45 16.55 9 16 9H15V15H16M5 7H9C10.11 7 11 7.9 11 9V11C11 12.11 10.11 13 9 13H7V15H11V17H5V13C5 11.9 5.9 11 7 11H9V9H5V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-off.svg
new file mode 100644
index 00000000..a003100f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-3d-off" viewBox="0 0 24 24"><path d="M2.61 2L21.35 20.74L19.94 22.15L14.8 17H13V15.2L11 13.23V15.21C10.93 15.68 10.74 16.08 10.41 16.41C10.08 16.73 9.68 16.93 9.21 17H5V15H9V13H6V11H8.8L6.79 9H5V7.23L1.2 3.41L2.61 2M16 7H16.22C17 7.07 17.63 7.36 18.14 7.88C18.65 8.39 18.93 9 19 9.76V14.24C18.95 14.63 18.87 15 18.72 15.3L17 13.6V9.85C16.95 9.63 16.84 9.44 16.69 9.28C16.53 9.13 16.34 9.03 16.12 9H15V11.59L13 9.57V7H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-variant.svg
new file mode 100644
index 00000000..a42be183
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-3d-variant" viewBox="0 0 24 24"><path d="M14,10V14A0.5,0.5 0 0,1 13.5,14.5H12.5V9.5H13.5A0.5,0.5 0 0,1 14,10M21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M9.5,9.5A1.5,1.5 0 0,0 8,8H4.5V9.5H8V11.25H5.5V12.75H8V14.5H4.5V16H8A1.5,1.5 0 0,0 9.5,14.5M15.5,9.5A1.5,1.5 0 0,0 14,8H11V16H14A1.5,1.5 0 0,0 15.5,14.5" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-3d.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d.svg
new file mode 100644
index 00000000..6e91bdb8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-3d.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-3d" viewBox="0 0 24 24"><path d="M5,7H9A2,2 0 0,1 11,9V15A2,2 0 0,1 9,17H5V15H9V13H6V11H9V9H5V7M13,7H16A3,3 0 0,1 19,10V14A3,3 0 0,1 16,17H13V7M16,15A1,1 0 0,0 17,14V10A1,1 0 0,0 16,9H15V15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-4k-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-4k-box.svg
new file mode 100644
index 00000000..371057b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-4k-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-4k-box" viewBox="0 0 24 24"><path d="M19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3M12,13.5H11V15H9.5V13.5H6.5V9H8V12H9.5V9H11V12H12V13.5M18,15H16.2L14.4,12.8V15H13V9H14.5V11.2L16.2,9H18L15.8,12L18,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-account.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-account.svg
new file mode 100644
index 00000000..9c5eff1d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-account.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-account" viewBox="0 0 24 24"><path d="M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M14,16V15C14,13.67 11.33,13 10,13C8.67,13 6,13.67 6,15V16H14M10,8A2,2 0 0,0 8,10A2,2 0 0,0 10,12A2,2 0 0,0 12,10A2,2 0 0,0 10,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-box-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-box-off.svg
new file mode 100644
index 00000000..8ab4d505
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-box-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-box-off" viewBox="0 0 24 24"><path d="M6,8H6.73L14,15.27V16H6M2.27,1L1,2.27L3,4.28C2.41,4.62 2,5.26 2,6V18A2,2 0 0,0 4,20H18.73L20.73,22L22,20.73M20,4H7.82L11.82,8H14V10.18L14.57,10.75L18,8V14.18L22,18.17C22,18.11 22,18.06 22,18V6A2,2 0 0,0 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-box.svg
new file mode 100644
index 00000000..d2e1558f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-box" viewBox="0 0 24 24"><path d="M18,16L14,12.8V16H6V8H14V11.2L18,8M20,4H4A2,2 0 0,0 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-check-outline.svg
new file mode 100644
index 00000000..9dbb425d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-check-outline" viewBox="0 0 24 24"><path d="M15 8V16H5V8H15M16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5V7C17 6.45 16.55 6 16 6M6.35 12.08L7.5 10.95L9 12.5L12.5 9L13.65 10.37L9 15L6.35 12.08Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-check.svg
new file mode 100644
index 00000000..190be3eb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-check" viewBox="0 0 24 24"><path d="M17 10.5V7C17 6.45 16.55 6 16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5M8.93 15L6 11.8L7.24 10.56L8.93 12.26L12.76 8.43L14 9.93L8.93 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-high-definition.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-high-definition.svg
new file mode 100644
index 00000000..74ef96c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-high-definition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-high-definition" viewBox="0 0 24 24"><path d="M14 10V14C14 14.3 13.8 14.5 13.5 14.5H12.5V9.5H13.5C13.8 9.5 14 9.7 14 10M17 10.5V7C17 6.4 16.6 6 16 6H4C3.4 6 3 6.4 3 7V17C3 17.6 3.4 18 4 18H16C16.6 18 17 17.6 17 17V13.5L21 17.5V6.5L17 10.5M9.5 16H8V12.8H6V16H4.5V8H6V11.2H8V8H9.5V16M15.5 14.5C15.5 15.3 14.8 16 14 16H11V8H14C14.8 8 15.5 8.7 15.5 9.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-image.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-image.svg
new file mode 100644
index 00000000..a647cbcb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-image.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-image" viewBox="0 0 24 24"><path d="M17,10.5L21,6.5V17.5L17,13.5V17A1,1 0 0,1 16,18H4A1,1 0 0,1 3,17V7A1,1 0 0,1 4,6H16A1,1 0 0,1 17,7V10.5M10.91,9.55L9.2,11.82L10.5,13.55L9.77,14.09L7.73,11.36L5,15H15L10.91,9.55Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-input-antenna.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-antenna.svg
new file mode 100644
index 00000000..966de969
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-antenna.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-input-antenna" viewBox="0 0 24 24"><path d="M12,5A7,7 0 0,0 5,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H19A7,7 0 0,0 12,5M13,14.29C13.88,13.9 14.5,13.03 14.5,12A2.5,2.5 0 0,0 12,9.5A2.5,2.5 0 0,0 9.5,12C9.5,13 10.12,13.9 11,14.29V17.59L7.59,21L9,22.41L12,19.41L15,22.41L16.41,21L13,17.59V14.29M12,1A11,11 0 0,0 1,12H3A9,9 0 0,1 12,3A9,9 0 0,1 21,12H23A11,11 0 0,0 12,1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-input-component.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-component.svg
new file mode 100644
index 00000000..3f6cb079
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-component.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-input-component" viewBox="0 0 24 24"><path d="M5,2A1,1 0 0,0 4,1A1,1 0 0,0 3,2V6H1V12H7V6H5V2M9,16C9,17.3 9.84,18.4 11,18.82V23H13V18.82C14.16,18.41 15,17.31 15,16V14H9V16M1,16C1,17.3 1.84,18.4 3,18.82V23H5V18.82C6.16,18.4 7,17.3 7,16V14H1V16M21,6V2A1,1 0 0,0 20,1A1,1 0 0,0 19,2V6H17V12H23V6H21M13,2A1,1 0 0,0 12,1A1,1 0 0,0 11,2V6H9V12H15V6H13V2M17,16C17,17.3 17.84,18.4 19,18.82V23H21V18.82C22.16,18.41 23,17.31 23,16V14H17V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-input-hdmi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-hdmi.svg
new file mode 100644
index 00000000..126e96b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-hdmi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-input-hdmi" viewBox="0 0 24 24"><path d="M18,7V4A2,2 0 0,0 16,2H8A2,2 0 0,0 6,4V7H5V13L8,19V22H16V19L19,13V7H18M8,4H16V7H14V5H13V7H11V5H10V7H8V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-input-scart.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-scart.svg
new file mode 100644
index 00000000..64648d18
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-scart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-input-scart" viewBox="0 0 24 24"><path d="M20.6 2.2L17.3 2.4L13.8 4.4L13.3 3.5L2 10V17H3V19C3 20.1 3.9 21 5 21H15C16.1 21 17 20.1 17 19V17H18V10H17L16.8 9.6L20.3 7.6L22.1 4.8L20.6 2.2M15 17V19H5V17H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-input-svideo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-svideo.svg
new file mode 100644
index 00000000..75439e29
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-input-svideo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-input-svideo" viewBox="0 0 24 24"><path d="M8,11.5A1.5,1.5 0 0,0 6.5,10A1.5,1.5 0 0,0 5,11.5A1.5,1.5 0 0,0 6.5,13A1.5,1.5 0 0,0 8,11.5M15,6.5A1.5,1.5 0 0,0 13.5,5H10.5A1.5,1.5 0 0,0 9,6.5A1.5,1.5 0 0,0 10.5,8H13.5A1.5,1.5 0 0,0 15,6.5M8.5,15A1.5,1.5 0 0,0 7,16.5A1.5,1.5 0 0,0 8.5,18A1.5,1.5 0 0,0 10,16.5A1.5,1.5 0 0,0 8.5,15M12,1A11,11 0 0,0 1,12A11,11 0 0,0 12,23A11,11 0 0,0 23,12A11,11 0 0,0 12,1M12,21C7.04,21 3,16.96 3,12C3,7.04 7.04,3 12,3C16.96,3 21,7.04 21,12C21,16.96 16.96,21 12,21M17.5,10A1.5,1.5 0 0,0 16,11.5A1.5,1.5 0 0,0 17.5,13A1.5,1.5 0 0,0 19,11.5A1.5,1.5 0 0,0 17.5,10M15.5,15A1.5,1.5 0 0,0 14,16.5A1.5,1.5 0 0,0 15.5,18A1.5,1.5 0 0,0 17,16.5A1.5,1.5 0 0,0 15.5,15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-marker-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-marker-outline.svg
new file mode 100644
index 00000000..93297dd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-marker-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-marker-outline" viewBox="0 0 24 24"><path d="M5.5 16.8C4.8 16.8 4.3 16.2 4.3 15.6C4.3 14.9 4.9 14.4 5.5 14.4S6.7 15 6.7 15.6C6.8 16.2 6.2 16.8 5.5 16.8M5.5 12C3.6 12 2 13.6 2 15.5C2 18.1 5.5 22 5.5 22S9 18.1 9 15.5C9 13.6 7.4 12 5.5 12M4 6C3.4 6 3 6.4 3 7V10.6C3.6 10.3 4.3 10.1 5 10V8H15V16H11C10.9 16.7 10.8 17.4 10.5 18H16C16.6 18 17 17.6 17 17V13.5L21 17.5V6.5L17 10.5V7C17 6.4 16.6 6 16 6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-marker.svg
new file mode 100644
index 00000000..73dd0f35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-marker" viewBox="0 0 24 24"><path d="M5.5 16.8C4.8 16.8 4.3 16.2 4.3 15.6C4.3 14.9 4.9 14.4 5.5 14.4S6.7 15 6.7 15.6C6.8 16.2 6.2 16.8 5.5 16.8M5.5 12C3.6 12 2 13.6 2 15.5C2 18.1 5.5 22 5.5 22S9 18.1 9 15.5C9 13.6 7.4 12 5.5 12M4 6C3.4 6 3 6.4 3 7V10.6C3.8 10.2 4.6 10 5.5 10C8.5 10 11 12.5 11 15.5C11 16.4 10.8 17.2 10.5 18H16C16.6 18 17 17.6 17 17V13.5L21 17.5V6.5L17 10.5V7C17 6.4 16.6 6 16 6H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-minus-outline.svg
new file mode 100644
index 00000000..1c7b7f3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-minus-outline" viewBox="0 0 24 24"><path d="M15 8V16H5V8H15M16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5V7C17 6.45 16.55 6 16 6M13 13H7V11H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-minus.svg
new file mode 100644
index 00000000..4edb1651
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-minus" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5M14,13H6V11H14V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-off-outline.svg
new file mode 100644
index 00000000..2a7447f0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-off-outline" viewBox="0 0 24 24"><path d="M3.41,1.86L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.21,18 16.39,17.92 16.55,17.82L19.73,21L21.14,19.59L12.28,10.73L3.41,1.86M5,16V8H6.73L14.73,16H5M15,8V10.61L21,16.61V6.5L17,10.5V7A1,1 0 0,0 16,6H10.39L12.39,8H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-off.svg
new file mode 100644
index 00000000..7023a03e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-off" viewBox="0 0 24 24"><path d="M3.27,2L2,3.27L4.73,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16C16.2,18 16.39,17.92 16.54,17.82L19.73,21L21,19.73M21,6.5L17,10.5V7A1,1 0 0,0 16,6H9.82L21,17.18V6.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-outline.svg
new file mode 100644
index 00000000..be45c0f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-outline" viewBox="0 0 24 24"><path d="M15,8V16H5V8H15M16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5V7A1,1 0 0,0 16,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-plus-outline.svg
new file mode 100644
index 00000000..02f39d24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-plus-outline" viewBox="0 0 24 24"><path d="M15 8V16H5V8H15M16 6H4C3.45 6 3 6.45 3 7V17C3 17.55 3.45 18 4 18H16C16.55 18 17 17.55 17 17V13.5L21 17.5V6.5L17 10.5V7C17 6.45 16.55 6 16 6M13 13H11V15H9V13H7V11H9V9H11V11H13V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-plus.svg
new file mode 100644
index 00000000..deb56752
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-plus" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5M14,13H11V16H9V13H6V11H9V8H11V11H14V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-stabilization.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-stabilization.svg
new file mode 100644
index 00000000..44dd89c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-stabilization.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-stabilization" viewBox="0 0 24 24"><path d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4A2,2 0 0,1 2,18V6A2,2 0 0,1 4,4M4,6V18H20V6H4M7.24,6.58L18.83,9.69L16.76,17.42L5.17,14.31L7.24,6.58Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-switch-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-switch-outline.svg
new file mode 100644
index 00000000..d565045f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-switch-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-switch-outline" viewBox="0 0 24 24"><path d="M8 13H12V15L15 12L12 9V11H8V9L5 12L8 15V13M18 9.5V6C18 5.4 17.5 5 17 5H3C2.5 5 2 5.4 2 6V18C2 18.5 2.5 19 3 19H17C17.5 19 18 18.5 18 18V14.5L22 18.5V5.5L18 9.5M16 17H4V7H16V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-switch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-switch.svg
new file mode 100644
index 00000000..2098e43c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-switch" viewBox="0 0 24 24"><path d="M13,15.5V13H7V15.5L3.5,12L7,8.5V11H13V8.5L16.5,12M18,9.5V6A1,1 0 0,0 17,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H17A1,1 0 0,0 18,18V14.5L22,18.5V5.5L18,9.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-vintage.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-vintage.svg
new file mode 100644
index 00000000..ef622d24
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-vintage.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-vintage" viewBox="0 0 24 24"><path d="M18,14.5V11A1,1 0 0,0 17,10H16C18.24,8.39 18.76,5.27 17.15,3C15.54,0.78 12.42,0.26 10.17,1.87C9.5,2.35 8.96,3 8.6,3.73C6.25,2.28 3.17,3 1.72,5.37C0.28,7.72 1,10.8 3.36,12.25C3.57,12.37 3.78,12.5 4,12.58V21A1,1 0 0,0 5,22H17A1,1 0 0,0 18,21V17.5L22,21.5V10.5L18,14.5M13,4A2,2 0 0,1 15,6A2,2 0 0,1 13,8A2,2 0 0,1 11,6A2,2 0 0,1 13,4M6,6A2,2 0 0,1 8,8A2,2 0 0,1 6,10A2,2 0 0,1 4,8A2,2 0 0,1 6,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless-outline.svg
new file mode 100644
index 00000000..5ed4f6d4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-wireless-outline" viewBox="0 0 24 24"><path d="M15,12V20H5V12H15M16,10H4A1,1 0 0,0 3,11V21A1,1 0 0,0 4,22H16A1,1 0 0,0 17,21V17.5L21,21.5V10.5L17,14.5V11A1,1 0 0,0 16,10M3,3.86L4.4,5.24C7.5,2.19 12.5,2.19 15.6,5.24L17,3.86C13.14,0.05 6.87,0.05 3,3.86M5.8,6.63L7.2,8C8.75,6.5 11.25,6.5 12.8,8L14.2,6.63C11.88,4.34 8.12,4.34 5.8,6.63Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless.svg
new file mode 100644
index 00000000..137904cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video-wireless.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video-wireless" viewBox="0 0 24 24"><path d="M17,14.5V11A1,1 0 0,0 16,10H4A1,1 0 0,0 3,11V21A1,1 0 0,0 4,22H16A1,1 0 0,0 17,21V17.5L21,21.5V10.5M3,3.86L4.4,5.24C7.5,2.19 12.5,2.19 15.6,5.24L17,3.86C13.14,0.05 6.87,0.05 3,3.86M5.8,6.62L7.2,8C8.75,6.5 11.25,6.5 12.8,8L14.2,6.62C11.88,4.34 8.12,4.34 5.8,6.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/video.svg b/apps/phoenix_webcomponent/priv/mdi/svg/video.svg
new file mode 100644
index 00000000..cdccbe21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/video.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-video" viewBox="0 0 24 24"><path d="M17,10.5V7A1,1 0 0,0 16,6H4A1,1 0 0,0 3,7V17A1,1 0 0,0 4,18H16A1,1 0 0,0 17,17V13.5L21,17.5V6.5L17,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda-outline.svg
new file mode 100644
index 00000000..d1361e75
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-agenda-outline" viewBox="0 0 24 24"><path d="M21 13H3A1 1 0 0 0 2 14V20A1 1 0 0 0 3 21H21A1 1 0 0 0 22 20V14A1 1 0 0 0 21 13M20 19H4V15H20M21 3H3A1 1 0 0 0 2 4V10A1 1 0 0 0 3 11H21A1 1 0 0 0 22 10V4A1 1 0 0 0 21 3M20 9H4V5H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda.svg
new file mode 100644
index 00000000..055892a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-agenda.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-agenda" viewBox="0 0 24 24"><path d="M21 3H3C2.4 3 2 3.4 2 4V10C2 10.6 2.4 11 3 11H21C21.6 11 22 10.6 22 10V4C22 3.4 21.6 3 21 3M21 13H3C2.4 13 2 13.4 2 14V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20V14C22 13.4 21.6 13 21 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-array-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-array-outline.svg
new file mode 100644
index 00000000..e829fcfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-array-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-array-outline" viewBox="0 0 24 24"><path d="M15 7V16H10V7H15M21 5H18V18H21V5M17 5H8V18H17V5M7 5H4V18H7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-array.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-array.svg
new file mode 100644
index 00000000..e9fddc68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-array.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-array" viewBox="0 0 24 24"><path d="M8,18H17V5H8M18,5V18H21V5M4,18H7V5H4V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel-outline.svg
new file mode 100644
index 00000000..b99a711e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-carousel-outline" viewBox="0 0 24 24"><path d="M2 6H6V17H2V6M7 19H17V4H7V19M9 6H15V17H9V6M18 6H22V17H18V6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel.svg
new file mode 100644
index 00000000..d121c7d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-carousel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-carousel" viewBox="0 0 24 24"><path d="M18,6V17H22V6M2,17H6V6H2M7,19H17V4H7V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-column-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-column-outline.svg
new file mode 100644
index 00000000..1fe2a349
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-column-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-column-outline" viewBox="0 0 24 24"><path d="M4 5V18H21V5H4M14 7V16H11V7H14M6 7H9V16H6V7M19 16H16V7H19V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-column.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-column.svg
new file mode 100644
index 00000000..d0618837
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-column.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-column" viewBox="0 0 24 24"><path d="M16,5V18H21V5M4,18H9V5H4M10,18H15V5H10V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy-outline.svg
new file mode 100644
index 00000000..fd6c5c52
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-comfy-outline" viewBox="0 0 24 24"><path d="M3 5V19H22V5H3M20 9H17.75V7H20V9M9.25 11H11.5V13H9.25V11M7.25 13H5V11H7.25V13M11.5 9H9.25V7H11.5V9M13.5 7H15.75V9H13.5V7M11.5 15V17H9.25V15H11.5M13.5 15H15.75V17H13.5V15M13.5 13V11H15.75V13H13.5M17.75 11H20V13H17.75V11M7.25 7V9H5V7H7.25M5 15H7.25V17H5V15M17.75 17V15H20V17H17.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy.svg
new file mode 100644
index 00000000..88c1a01c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-comfy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-comfy" viewBox="0 0 24 24"><path d="M3,9H7V5H3V9M3,14H7V10H3V14M8,14H12V10H8V14M13,14H17V10H13V14M8,9H12V5H8V9M13,5V9H17V5H13M18,14H22V10H18V14M3,19H7V15H3V19M8,19H12V15H8V19M13,19H17V15H13V19M18,19H22V15H18V19M18,5V9H22V5H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-compact-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-compact-outline.svg
new file mode 100644
index 00000000..50c56436
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-compact-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-compact-outline" viewBox="0 0 24 24"><path d="M3,5V19H22V5H3M5,7H20V11H5V7M5,17V13H9V17H5M11,17V13H20V17H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-compact.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-compact.svg
new file mode 100644
index 00000000..458a4b4d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-compact.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-compact" viewBox="0 0 24 24"><path d="M3,19H9V12H3V19M10,19H22V12H10V19M3,5V11H22V5H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit-outline.svg
new file mode 100644
index 00000000..9e2ec9cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard-edit-outline" viewBox="0 0 24 24"><path d="M21 13.1C20.9 13.1 20.7 13.2 20.6 13.3L19.6 14.3L21.7 16.4L22.7 15.4C22.9 15.2 22.9 14.8 22.7 14.6L21.4 13.3C21.3 13.2 21.2 13.1 21 13.1M19.1 14.9L13 20.9V23H15.1L21.2 16.9L19.1 14.9M21 3H13V9H21V3M19 7H15V5H19V7M13 18.06V11H21V11.1C20.24 11.1 19.57 11.5 19.19 11.89L18.07 13H15V16.07L13 18.06M11 3H3V13H11V3M9 11H5V5H9V11M11 20.06V15H3V21H11V20.06M9 19H5V17H9V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit.svg
new file mode 100644
index 00000000..bcd18572
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard-edit" viewBox="0 0 24 24"><path d="M21 13.1C20.9 13.1 20.7 13.2 20.6 13.3L19.6 14.3L21.7 16.4L22.7 15.4C22.9 15.2 22.9 14.8 22.7 14.6L21.4 13.3C21.3 13.2 21.2 13.1 21 13.1M19.1 14.9L13 20.9V23H15.1L21.2 16.9L19.1 14.9M21 9H13V3H21V9M13 18.06V11H21V11.1C20.24 11.1 19.57 11.5 19.19 11.89L13 18.06M11 13H3V3H11V13M11 21H3V15H11V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-outline.svg
new file mode 100644
index 00000000..a9b9d851
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard-outline" viewBox="0 0 24 24"><path d="M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant-outline.svg
new file mode 100644
index 00000000..fc00c478
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard-variant-outline" viewBox="0 0 24 24"><path d="M2 5V19H22V5H2M20 12H16V7H20V12M14 10H10V7H14V10M10 12H14V17H10V12M4 7H8V17H4V7M16 17V14H20V17H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant.svg
new file mode 100644
index 00000000..cdf01ecb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard-variant" viewBox="0 0 24 24"><path d="M2,5V19H8V5H2M9,5V10H15V5H9M16,5V14H22V5H16M9,11V19H15V11H9M16,15V19H22V15H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard.svg
new file mode 100644
index 00000000..3edda3a3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-dashboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-dashboard" viewBox="0 0 24 24"><path d="M13,3V9H21V3M13,21H21V11H13M3,21H11V15H3M3,13H11V3H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-day-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-day-outline.svg
new file mode 100644
index 00000000..b569999c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-day-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-day-outline" viewBox="0 0 24 24"><path d="M21 18H2V20H21V18M19 10V14H4V10H19M20 8H3C2.45 8 2 8.45 2 9V15C2 15.55 2.45 16 3 16H20C20.55 16 21 15.55 21 15V9C21 8.45 20.55 8 20 8M21 4H2V6H21V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-day.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-day.svg
new file mode 100644
index 00000000..e60ab4df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-day.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-day" viewBox="0 0 24 24"><path d="M2,3V6H21V3M20,8H3A1,1 0 0,0 2,9V15A1,1 0 0,0 3,16H20A1,1 0 0,0 21,15V9A1,1 0 0,0 20,8M2,21H21V18H2V21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery-outline.svg
new file mode 100644
index 00000000..fe042a86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-gallery-outline" viewBox="0 0 24 24"><path d="M1 3V21H23V3H1M21 5V14H3V5H21M11 16V19H8V16H11M3 16H6V19H3V16M13 19V16H16V19H13M18 19V16H21V19H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery.svg
new file mode 100644
index 00000000..1d368b64
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-gallery.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-gallery" viewBox="0 0 24 24"><path d="M21 3H2V16H21V3M2 17H6V21H2V17M7 17H11V21H7V17M12 17H16V21H12V17M17 17H21V21H17V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-outline.svg
new file mode 100644
index 00000000..dcb2aced
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-grid-outline" viewBox="0 0 24 24"><path d="M3 11H11V3H3M5 5H9V9H5M13 21H21V13H13M15 15H19V19H15M3 21H11V13H3M5 15H9V19H5M13 3V11H21V3M19 9H15V5H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus-outline.svg
new file mode 100644
index 00000000..6d78f844
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-grid-plus-outline" viewBox="0 0 24 24"><path d="M3 21H11V13H3M5 15H9V19H5M3 11H11V3H3M5 5H9V9H5M13 3V11H21V3M19 9H15V5H19M18 16H21V18H18V21H16V18H13V16H16V13H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus.svg
new file mode 100644
index 00000000..c11205ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-grid-plus" viewBox="0 0 24 24"><path d="M13 3V11H21V3H13M3 21H11V13H3V21M3 3V11H11V3H3M13 16H16V13H18V16H21V18H18V21H16V18H13V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-grid.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid.svg
new file mode 100644
index 00000000..d7a16269
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-grid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-grid" viewBox="0 0 24 24"><path d="M3,11H11V3H3M3,21H11V13H3M13,21H21V13H13M13,3V11H21V3" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-headline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-headline.svg
new file mode 100644
index 00000000..4b3f391e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-headline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-headline" viewBox="0 0 24 24"><path d="M4,5V7H21V5M4,11H21V9H4M4,19H21V17H4M4,15H21V13H4V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-list-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-list-outline.svg
new file mode 100644
index 00000000..452c7c0f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-list-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-list-outline" viewBox="0 0 24 24"><path d="M3 5V19H20V5H3M7 7V9H5V7H7M5 13V11H7V13H5M5 15H7V17H5V15M18 17H9V15H18V17M18 13H9V11H18V13M18 9H9V7H18V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-list.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-list.svg
new file mode 100644
index 00000000..44d7d4fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-list" viewBox="0 0 24 24"><path d="M9,5V9H21V5M9,19H21V15H9M9,14H21V10H9M4,9H8V5H4M4,19H8V15H4M4,14H8V10H4V14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-module-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-module-outline.svg
new file mode 100644
index 00000000..44b83309
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-module-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-module-outline" viewBox="0 0 24 24"><path d="M4 5V18H21V5H4M14 7V10.5H11V7H14M6 7H9V10.5H6V7M6 16V12.5H9V16H6M11 16V12.5H14V16H11M19 16H16V12.5H19V16M16 10.5V7H19V10.5H16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-module.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-module.svg
new file mode 100644
index 00000000..0c02c274
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-module.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-module" viewBox="0 0 24 24"><path d="M16,5V11H21V5M10,11H15V5H10M16,18H21V12H16M10,18H15V12H10M4,18H9V12H4M4,11H9V5H4V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel-outline.svg
new file mode 100644
index 00000000..461368ec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-parallel-outline" viewBox="0 0 24 24"><path d="M19 3H5V21H19V3M17 19H15V5H17V19M13 19H11V5H13V19M7 5H9V19H7V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel.svg
new file mode 100644
index 00000000..411f50b3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-parallel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-parallel" viewBox="0 0 24 24"><path d="M19 3V21H15V3H19M14 3V21H10V3H14M9 3V21H5V3H9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt-outline.svg
new file mode 100644
index 00000000..87b90d3e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-quilt-outline" viewBox="0 0 24 24"><path d="M4 5V18H21V5H4M6 16V7H9V16H6M11 16V12.5H14V16H11M19 16H16V12.5H19V16M11 10.5V7H19V10.5H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt.svg
new file mode 100644
index 00000000..531db979
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-quilt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-quilt" viewBox="0 0 24 24"><path d="M10,5V11H21V5M16,18H21V12H16M4,18H9V5H4M10,18H15V12H10V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential-outline.svg
new file mode 100644
index 00000000..24ceb58e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-sequential-outline" viewBox="0 0 24 24"><path d="M3 5V19H21V5H3M19 7V9H5V7H19M19 11V13H5V11H19M5 17V15H19V17H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential.svg
new file mode 100644
index 00000000..4c92fcf1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-sequential.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-sequential" viewBox="0 0 24 24"><path d="M3 5H21V9H3V5M3 10H21V14H3V10M3 15H21V19H3V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-split-horizontal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-split-horizontal.svg
new file mode 100644
index 00000000..bd3a5523
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-split-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-split-horizontal" viewBox="0 0 24 24"><path d="M3,5H21V7H3V5M3,11V9H21V11H3M3,19V13H21V19H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-split-vertical.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-split-vertical.svg
new file mode 100644
index 00000000..4cf9c68a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-split-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-split-vertical" viewBox="0 0 24 24"><path d="M13,5H21V19H13V5M3,5H11V7H3V5M3,11V9H11V11H3M3,19V17H11V19H3M3,15V13H11V15H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-stream-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-stream-outline.svg
new file mode 100644
index 00000000..ae368475
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-stream-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-stream-outline" viewBox="0 0 24 24"><path d="M4 6V18H21V6H4M19 16H6V13H19V16M6 11V8H19V11H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-stream.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-stream.svg
new file mode 100644
index 00000000..d7e48f17
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-stream.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-stream" viewBox="0 0 24 24"><path d="M4,5V11H21V5M4,18H21V12H4V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-week-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-week-outline.svg
new file mode 100644
index 00000000..78e39c8d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-week-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-week-outline" viewBox="0 0 24 24"><path d="M21 4H3C2.45 4 2 4.45 2 5V19C2 19.55 2.45 20 3 20H21C21.55 20 22 19.55 22 19V5C22 4.45 21.55 4 21 4M8 18H4V6H8V18M14 18H10V6H14V18M20 18H16V6H20V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/view-week.svg b/apps/phoenix_webcomponent/priv/mdi/svg/view-week.svg
new file mode 100644
index 00000000..4ba8cdda
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/view-week.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-view-week" viewBox="0 0 24 24"><path d="M13,5H10A1,1 0 0,0 9,6V18A1,1 0 0,0 10,19H13A1,1 0 0,0 14,18V6A1,1 0 0,0 13,5M20,5H17A1,1 0 0,0 16,6V18A1,1 0 0,0 17,19H20A1,1 0 0,0 21,18V6A1,1 0 0,0 20,5M6,5H3A1,1 0 0,0 2,6V18A1,1 0 0,0 3,19H6A1,1 0 0,0 7,18V6A1,1 0 0,0 6,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vimeo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vimeo.svg
new file mode 100644
index 00000000..e1ea7744
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vimeo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vimeo" viewBox="0 0 24 24"><path d="M22,7.42C21.91,9.37 20.55,12.04 17.92,15.44C15.2,19 12.9,20.75 11,20.75C9.85,20.75 8.86,19.67 8.05,17.5C7.5,15.54 7,13.56 6.44,11.58C5.84,9.42 5.2,8.34 4.5,8.34C4.36,8.34 3.84,8.66 2.94,9.29L2,8.07C3,7.2 3.96,6.33 4.92,5.46C6.24,4.32 7.23,3.72 7.88,3.66C9.44,3.5 10.4,4.58 10.76,6.86C11.15,9.33 11.42,10.86 11.57,11.46C12,13.5 12.5,14.5 13.05,14.5C13.47,14.5 14.1,13.86 14.94,12.53C15.78,11.21 16.23,10.2 16.29,9.5C16.41,8.36 15.96,7.79 14.94,7.79C14.46,7.79 13.97,7.9 13.46,8.12C14.44,4.89 16.32,3.32 19.09,3.41C21.15,3.47 22.12,4.81 22,7.42Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/violin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/violin.svg
new file mode 100644
index 00000000..382fa6ff
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/violin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-violin" viewBox="0 0 24 24"><path d="M11,2A1,1 0 0,0 10,3V5L10,9A0.5,0.5 0 0,0 10.5,9.5H12A0.5,0.5 0 0,1 12.5,10A0.5,0.5 0 0,1 12,10.5H10.5C9.73,10.5 9,9.77 9,9V5.16C7.27,5.6 6,7.13 6,9V10.5A2.5,2.5 0 0,1 8.5,13A2.5,2.5 0 0,1 6,15.5V17C6,19.77 8.23,22 11,22H13C15.77,22 18,19.77 18,17V15.5A2.5,2.5 0 0,1 15.5,13A2.5,2.5 0 0,1 18,10.5V9C18,6.78 16.22,5 14,5V3A1,1 0 0,0 13,2H11M10.75,16.5H13.25L12.75,20H11.25L10.75,16.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/virtual-reality.svg b/apps/phoenix_webcomponent/priv/mdi/svg/virtual-reality.svg
new file mode 100644
index 00000000..10428f8a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/virtual-reality.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-virtual-reality" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3H5M6,9H7.5L8.5,12.43L9.5,9H11L9.25,15H7.75L6,9M13,9H16.5C17.35,9 18,9.65 18,10.5V11.5C18,12.1 17.6,12.65 17.1,12.9L18,15H16.5L15.65,13H14.5V15H13V9M14.5,10.5V11.5H16.5V10.5H14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/virus-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/virus-off-outline.svg
new file mode 100644
index 00000000..fa6b4288
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/virus-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-virus-off-outline" viewBox="0 0 24 24"><path d="M23 13C23 13.97 22.22 14.75 21.25 14.75C20.66 14.75 20.13 14.45 19.82 14H18.71C18.6 14.38 18.45 14.73 18.28 15.08L16.73 13.53C16.89 13.05 17 12.54 17 12C17 9.24 14.76 7 12 7C11.46 7 10.95 7.11 10.47 7.27L8.92 5.72C9.57 5.41 10.26 5.19 11 5.08V3.68C10.55 3.37 10.25 2.84 10.25 2.25C10.25 1.28 11.03 .5 12 .5S13.75 1.28 13.75 2.25C13.75 2.84 13.45 3.37 13 3.68V5.08C14.19 5.25 15.27 5.71 16.19 6.4L17.53 5.06C17.43 4.5 17.59 3.93 18 3.5C18.35 3.17 18.8 3 19.25 3S20.15 3.17 20.5 3.5C21.17 4.2 21.17 5.31 20.5 6C20.15 6.33 19.7 6.5 19.25 6.5C19.15 6.5 19.05 6.5 18.94 6.47L17.6 7.81C18.5 9 19 10.43 19 12H19.82C20.13 11.55 20.66 11.25 21.25 11.25C22.22 11.25 23 12.03 23 13M22.11 21.46L20.84 22.73L20.1 22C19.7 21.95 19.31 21.79 19 21.5C18.7 21.19 18.54 20.8 18.5 20.4L15.9 17.79C15.57 18 15.22 18.23 14.85 18.39C15.21 18.68 15.46 19.12 15.5 19.62C15.57 20.58 14.85 21.42 13.88 21.5H13.75C12.84 21.5 12.08 20.8 12 19.88C12 19.56 12.05 19.26 12.18 19H12C11.07 19 10.19 18.82 9.38 18.5L8.31 20.47C8.56 20.96 8.57 21.56 8.29 22.08C7.97 22.67 7.37 23 6.75 23C6.47 23 6.18 22.93 5.92 22.79C5.07 22.33 4.75 21.27 5.21 20.42C5.5 19.89 6 19.58 6.55 19.5L7.65 17.5C6.95 16.92 6.35 16.22 5.9 15.43L4.39 15.84C4.21 16.36 3.78 16.78 3.21 16.94C3.05 17 2.9 17 2.75 17C2 17 1.27 16.5 1.06 15.71C.809 14.77 1.36 13.81 2.29 13.56C2.44 13.5 2.6 13.5 2.75 13.5C3.16 13.5 3.56 13.65 3.87 13.91L5.18 13.56C5.07 13.06 5 12.54 5 12C4.64 11.92 4.29 11.77 4 11.5C3.33 10.8 3.33 9.7 4 9C4.35 8.67 4.8 8.5 5.25 8.5C5.46 8.5 5.67 8.54 5.87 8.62C5.97 8.44 6.09 8.27 6.2 8.09L1.11 3L2.39 1.73L22.11 21.46M14.45 16.34L7.66 9.55C7.25 10.28 7 11.11 7 12C7 14.76 9.24 17 12 17C12.9 17 13.73 16.75 14.45 16.34M7.19 2.75C6.84 2.26 6.3 2 5.75 2C5.59 2 5.43 2.03 5.27 2.07L7.42 4.22C7.56 3.73 7.5 3.19 7.19 2.75Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/virus-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/virus-off.svg
new file mode 100644
index 00000000..01e1f383
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/virus-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-virus-off" viewBox="0 0 24 24"><path d="M7.42 4.22L5.28 2.08C5.97 1.88 6.75 2.12 7.19 2.75C7.5 3.19 7.56 3.73 7.42 4.22M21.25 11.25C20.66 11.25 20.13 11.55 19.82 12H19C19 10.43 18.5 9 17.6 7.81L18.94 6.47C19.5 6.57 20.07 6.41 20.5 6C21.17 5.31 21.17 4.2 20.5 3.5C19.81 2.83 18.7 2.83 18 3.5C17.59 3.93 17.43 4.5 17.53 5.06L16.19 6.4C15.27 5.71 14.19 5.25 13 5.08V3.68C13.45 3.37 13.75 2.84 13.75 2.25C13.75 1.28 12.97 .5 12 .5S10.25 1.28 10.25 2.25C10.25 2.84 10.55 3.37 11 3.68V5.08C10.26 5.19 9.57 5.41 8.92 5.72L18.28 15.08C18.45 14.73 18.6 14.38 18.71 14H19.82C20.13 14.45 20.66 14.75 21.25 14.75C22.22 14.75 23 13.97 23 13S22.22 11.25 21.25 11.25M22.11 21.46L20.84 22.73L20.1 22C19.7 21.96 19.31 21.8 19 21.5C18.7 21.19 18.54 20.8 18.5 20.4L15.9 17.79C15.57 18 15.22 18.23 14.85 18.39C15.21 18.68 15.46 19.12 15.5 19.62C15.57 20.58 14.84 21.43 13.88 21.5S12.08 20.85 12 19.88C12 19.56 12.05 19.26 12.18 19H12C11.07 19 10.19 18.82 9.38 18.5L8.31 20.47C8.56 20.96 8.57 21.56 8.29 22.08C7.83 22.93 6.77 23.25 5.92 22.79C5.07 22.33 4.75 21.27 5.21 20.42C5.5 19.89 6 19.58 6.55 19.5L7.65 17.5C6.95 16.92 6.35 16.22 5.9 15.43L4.39 15.84C4.21 16.36 3.78 16.78 3.21 16.94C2.28 17.19 1.31 16.64 1.06 15.71C.808 14.77 1.36 13.81 2.29 13.56C2.87 13.41 3.45 13.56 3.87 13.91L5.18 13.56C5.07 13.06 5 12.54 5 12C4.64 11.93 4.29 11.77 4 11.5C3.33 10.8 3.33 9.7 4 9C4.5 8.5 5.25 8.38 5.87 8.62C5.97 8.44 6.09 8.27 6.2 8.09L1.11 3L2.39 1.73L22.11 21.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/virus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/virus-outline.svg
new file mode 100644
index 00000000..a2165a60
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/virus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-virus-outline" viewBox="0 0 24 24"><path d="M12 .5C11.03 .5 10.25 1.28 10.25 2.25C10.25 2.84 10.55 3.37 11 3.68V5.08C10.1 5.21 9.26 5.5 8.5 5.94L7.39 4.35C7.58 3.83 7.53 3.23 7.19 2.75C6.84 2.26 6.3 2 5.75 2C5.4 2 5.05 2.1 4.75 2.32C3.96 2.87 3.76 3.96 4.32 4.75C4.66 5.24 5.2 5.5 5.75 5.5L6.93 7.18C6.5 7.61 6.16 8.09 5.87 8.62C5.67 8.54 5.46 8.5 5.25 8.5C4.8 8.5 4.35 8.67 4 9C3.33 9.7 3.33 10.8 4 11.5C4.29 11.77 4.64 11.92 5 12L5 12C5 12.54 5.07 13.06 5.18 13.56L3.87 13.91C3.56 13.65 3.16 13.5 2.75 13.5C2.6 13.5 2.44 13.5 2.29 13.56C1.36 13.81 .809 14.77 1.06 15.71C1.27 16.5 2 17 2.75 17C2.9 17 3.05 17 3.21 16.94C3.78 16.78 4.21 16.36 4.39 15.84L5.9 15.43C6.35 16.22 6.95 16.92 7.65 17.5L6.55 19.5C6 19.58 5.5 19.89 5.21 20.42C4.75 21.27 5.07 22.33 5.92 22.79C6.18 22.93 6.47 23 6.75 23C7.37 23 7.97 22.67 8.29 22.08C8.57 21.56 8.56 20.96 8.31 20.47L9.38 18.5C10.19 18.82 11.07 19 12 19C12.06 19 12.12 19 12.18 19C12.05 19.26 12 19.56 12 19.88C12.08 20.8 12.84 21.5 13.75 21.5C13.79 21.5 13.84 21.5 13.88 21.5C14.85 21.42 15.57 20.58 15.5 19.62C15.46 19.12 15.21 18.68 14.85 18.39C15.32 18.18 15.77 17.91 16.19 17.6L18.53 19.94C18.43 20.5 18.59 21.07 19 21.5C19.35 21.83 19.8 22 20.25 22S21.15 21.83 21.5 21.5C22.17 20.8 22.17 19.7 21.5 19C21.15 18.67 20.7 18.5 20.25 18.5C20.15 18.5 20.05 18.5 19.94 18.53L17.6 16.19C18.09 15.54 18.47 14.8 18.71 14H19.82C20.13 14.45 20.66 14.75 21.25 14.75C22.22 14.75 23 13.97 23 13S22.22 11.25 21.25 11.25C20.66 11.25 20.13 11.55 19.82 12H19C19 10.43 18.5 9 17.6 7.81L18.94 6.47C19.05 6.5 19.15 6.5 19.25 6.5C19.7 6.5 20.15 6.33 20.5 6C21.17 5.31 21.17 4.2 20.5 3.5C20.15 3.17 19.7 3 19.25 3S18.35 3.17 18 3.5C17.59 3.93 17.43 4.5 17.53 5.06L16.19 6.4C15.27 5.71 14.19 5.25 13 5.08V3.68C13.45 3.37 13.75 2.84 13.75 2.25C13.75 1.28 12.97 .5 12 .5M12 17C9.24 17 7 14.76 7 12S9.24 7 12 7 17 9.24 17 12 14.76 17 12 17M10.5 9C9.67 9 9 9.67 9 10.5S9.67 12 10.5 12 12 11.33 12 10.5 11.33 9 10.5 9M14 13C13.45 13 13 13.45 13 14C13 14.55 13.45 15 14 15C14.55 15 15 14.55 15 14C15 13.45 14.55 13 14 13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/virus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/virus.svg
new file mode 100644
index 00000000..4f1232f5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/virus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-virus" viewBox="0 0 24 24"><path d="M19.82 14C20.13 14.45 20.66 14.75 21.25 14.75C22.22 14.75 23 13.97 23 13S22.22 11.25 21.25 11.25C20.66 11.25 20.13 11.55 19.82 12H19C19 10.43 18.5 9 17.6 7.81L18.94 6.47C19.5 6.57 20.07 6.41 20.5 6C21.17 5.31 21.17 4.2 20.5 3.5C19.81 2.83 18.7 2.83 18 3.5C17.59 3.93 17.43 4.5 17.53 5.06L16.19 6.4C15.27 5.71 14.19 5.25 13 5.08V3.68C13.45 3.37 13.75 2.84 13.75 2.25C13.75 1.28 12.97 .5 12 .5S10.25 1.28 10.25 2.25C10.25 2.84 10.55 3.37 11 3.68V5.08C10.1 5.21 9.26 5.5 8.5 5.94L7.39 4.35C7.58 3.83 7.53 3.23 7.19 2.75C6.63 1.96 5.54 1.76 4.75 2.32C3.96 2.87 3.76 3.96 4.32 4.75C4.66 5.24 5.2 5.5 5.75 5.5L6.93 7.18C6.5 7.61 6.16 8.09 5.87 8.62C5.25 8.38 4.5 8.5 4 9C3.33 9.7 3.33 10.8 4 11.5C4.29 11.77 4.64 11.93 5 12L5 12C5 12.54 5.07 13.06 5.18 13.56L3.87 13.91C3.45 13.56 2.87 13.41 2.29 13.56C1.36 13.81 .808 14.77 1.06 15.71C1.31 16.64 2.28 17.19 3.21 16.94C3.78 16.78 4.21 16.36 4.39 15.84L5.9 15.43C6.35 16.22 6.95 16.92 7.65 17.5L6.55 19.5C6 19.58 5.5 19.89 5.21 20.42C4.75 21.27 5.07 22.33 5.92 22.79C6.77 23.25 7.83 22.93 8.29 22.08C8.57 21.56 8.56 20.96 8.31 20.47L9.38 18.5C10.19 18.82 11.07 19 12 19C12.06 19 12.12 19 12.18 19C12.05 19.26 12 19.56 12 19.88C12.08 20.85 12.92 21.57 13.88 21.5S15.57 20.58 15.5 19.62C15.46 19.12 15.21 18.68 14.85 18.39C15.32 18.18 15.77 17.91 16.19 17.6L18.53 19.94C18.43 20.5 18.59 21.07 19 21.5C19.7 22.17 20.8 22.17 21.5 21.5S22.17 19.7 21.5 19C21.07 18.59 20.5 18.43 19.94 18.53L17.6 16.19C18.09 15.54 18.47 14.8 18.71 14H19.82M10.5 12C9.67 12 9 11.33 9 10.5S9.67 9 10.5 9 12 9.67 12 10.5 11.33 12 10.5 12M14 15C13.45 15 13 14.55 13 14C13 13.45 13.45 13 14 13S15 13.45 15 14C15 14.55 14.55 15 14 15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vlc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vlc.svg
new file mode 100644
index 00000000..4c3d92e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vlc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vlc" viewBox="0 0 24 24"><path d="M12,1C11.58,1 11.19,1.23 11,1.75L9.88,4.88C10.36,5.4 11.28,5.5 12,5.5C12.72,5.5 13.64,5.4 14.13,4.88L13,1.75C12.82,1.25 12.42,1 12,1M8.44,8.91L7,12.91C8.07,14.27 10.26,14.5 12,14.5C13.74,14.5 15.93,14.27 17,12.91L15.56,8.91C14.76,9.83 13.24,10 12,10C10.76,10 9.24,9.83 8.44,8.91M5.44,15C4.62,15 3.76,15.65 3.53,16.44L2.06,21.56C1.84,22.35 2.3,23 3.13,23H20.88C21.7,23 22.16,22.35 21.94,21.56L20.47,16.44C20.24,15.65 19.38,15 18.56,15H17.75L18.09,15.97C18.21,16.29 18.29,16.69 18.09,16.97C16.84,18.7 14.14,19 12,19C9.86,19 7.16,18.7 5.91,16.97C5.71,16.69 5.79,16.29 5.91,15.97L6.25,15H5.44Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/voicemail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/voicemail.svg
new file mode 100644
index 00000000..03f970c0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/voicemail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-voicemail" viewBox="0 0 24 24"><path d="M18.5,15A3.5,3.5 0 0,1 15,11.5A3.5,3.5 0 0,1 18.5,8A3.5,3.5 0 0,1 22,11.5A3.5,3.5 0 0,1 18.5,15M5.5,15A3.5,3.5 0 0,1 2,11.5A3.5,3.5 0 0,1 5.5,8A3.5,3.5 0 0,1 9,11.5A3.5,3.5 0 0,1 5.5,15M18.5,6A5.5,5.5 0 0,0 13,11.5C13,12.83 13.47,14.05 14.26,15H9.74C10.53,14.05 11,12.83 11,11.5A5.5,5.5 0 0,0 5.5,6A5.5,5.5 0 0,0 0,11.5A5.5,5.5 0 0,0 5.5,17H18.5A5.5,5.5 0 0,0 24,11.5A5.5,5.5 0 0,0 18.5,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volcano-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volcano-outline.svg
new file mode 100644
index 00000000..e29d85cb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volcano-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volcano-outline" viewBox="0 0 24 24"><path d="M18 8H11L9 13H6L2 22H22L18 8M7.3 15H10.35L10.85 13.74L12.35 10H16.5L19.35 20H5.08L7.3 15M13 1H15V5H13V1M16.12 5.47L18.95 2.64L20.36 4.05L17.54 6.88L16.12 5.47M7.64 4.05L9.05 2.64L11.88 5.46L10.47 6.88L7.64 4.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volcano.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volcano.svg
new file mode 100644
index 00000000..00293693
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volcano.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volcano" viewBox="0 0 24 24"><path d="M18 8H11L9 13H6L2 22H22L18 8M13 1H15V5H13V1M16.12 5.47L18.95 2.64L20.36 4.05L17.54 6.88L16.12 5.47M7.64 4.05L9.05 2.64L11.88 5.46L10.47 6.88L7.64 4.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volleyball.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volleyball.svg
new file mode 100644
index 00000000..dccc94a5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volleyball.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volleyball" viewBox="0 0 24 24"><path d="M19.04 4.85C17.34 3.2 15.33 2.25 13 2V5.62L22 10.8C21.72 8.5 20.73 6.5 19.04 4.85M12 22C15.44 22 18.16 20.62 20.17 17.86L17.06 16L8.07 21.2C9.32 21.73 10.64 22 12 22M13 11.41L21.15 16.07C21.59 15.13 21.88 14.14 22 13.11L13 7.93V11.41M3.88 17.81C4.54 18.72 5.26 19.46 6.05 20L15.04 14.9L12 13.15L3.88 17.81M11.04 2C10 2.09 9 2.36 8 2.8V13.15L11.04 11.41V2M2 12C2 13.39 2.3 14.77 2.89 16.12L6 14.28V4C3.33 6 2 8.65 2 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-equal.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-equal.svg
new file mode 100644
index 00000000..087ab9b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-equal" viewBox="0 0 24 24"><path d="M3 9H7L12 4V20L7 15H3V9M14 13H22V15H14M14 9H22V11H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-high.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-high.svg
new file mode 100644
index 00000000..e57a011c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-high.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-high" viewBox="0 0 24 24"><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-low.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-low.svg
new file mode 100644
index 00000000..5e87f04a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-low.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-low" viewBox="0 0 24 24"><path d="M7,9V15H11L16,20V4L11,9H7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-medium.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-medium.svg
new file mode 100644
index 00000000..24013905
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-medium" viewBox="0 0 24 24"><path d="M5,9V15H9L14,20V4L9,9M18.5,12C18.5,10.23 17.5,8.71 16,7.97V16C17.5,15.29 18.5,13.76 18.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-minus.svg
new file mode 100644
index 00000000..00f048b5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-minus" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M14,11H22V13H14V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-mute.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-mute.svg
new file mode 100644
index 00000000..6c91895d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-mute.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-mute" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M16.59,12L14,9.41L15.41,8L18,10.59L20.59,8L22,9.41L19.41,12L22,14.59L20.59,16L18,13.41L15.41,16L14,14.59L16.59,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-off.svg
new file mode 100644
index 00000000..97a8b8c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-off" viewBox="0 0 24 24"><path d="M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-plus.svg
new file mode 100644
index 00000000..7bcc449e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-plus" viewBox="0 0 24 24"><path d="M3,9H7L12,4V20L7,15H3V9M14,11H17V8H19V11H22V13H19V16H17V13H14V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-source.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-source.svg
new file mode 100644
index 00000000..6fce2ef8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-source.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-source" viewBox="0 0 24 24"><path d="M3 9V15H7L12 20V4L7 9H3M16 15H14V9H16V15M20 19H18V5H20V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-variant-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-variant-off.svg
new file mode 100644
index 00000000..21fd1366
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-variant-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-variant-off" viewBox="0 0 24 24"><path d="M5.64,3.64L21.36,19.36L19.95,20.78L16,16.83V20L11,15H7V9H8.17L4.22,5.05L5.64,3.64M16,4V11.17L12.41,7.58L16,4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/volume-vibrate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/volume-vibrate.svg
new file mode 100644
index 00000000..0df07ba0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/volume-vibrate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-vibrate" viewBox="0 0 24 24"><path d="M4 9V15H8L13 20V4L8 9H4M16.55 2.47L15.5 3.53L17.93 6L15 9L17.93 12L15 15L17.93 18L15.5 20.47L16.55 21.53L20 18L17.07 15L20 12L17.07 9L20 6L16.55 2.47Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vote-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vote-outline.svg
new file mode 100644
index 00000000..b3361ff3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vote-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vote-outline" viewBox="0 0 24 24"><path d="M18,13L21,16V20C21,21.11 20.1,22 19,22H5C3.89,22 3,21.1 3,20V16L6,13H6.83L8.83,15H6.78L5,17H19L17.23,15H15.32L17.32,13H18M19,20V19H5V20H19M11.34,15L6.39,10.07C6,9.68 6,9.05 6.39,8.66L12.76,2.29C13.15,1.9 13.78,1.9 14.16,2.3L19.11,7.25C19.5,7.64 19.5,8.27 19.11,8.66L12.75,15C12.36,15.41 11.73,15.41 11.34,15M13.46,4.41L8.5,9.36L12.05,12.9L17,7.95L13.46,4.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vote.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vote.svg
new file mode 100644
index 00000000..a1393e55
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vote.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vote" viewBox="0 0 24 24"><path d="M18,13H17.32L15.32,15H17.23L19,17H5L6.78,15H8.83L6.83,13H6L3,16V20A2,2 0 0,0 5,22H19A2,2 0 0,0 21,20V16L18,13M17,7.95L12.05,12.9L8.5,9.36L13.46,4.41L17,7.95M12.76,2.29L6.39,8.66C6,9.05 6,9.68 6.39,10.07L11.34,15C11.73,15.41 12.36,15.41 12.75,15L19.11,8.66C19.5,8.27 19.5,7.64 19.11,7.25L14.16,2.3C13.78,1.9 13.15,1.9 12.76,2.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vpn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vpn.svg
new file mode 100644
index 00000000..2fb9cb0b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vpn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vpn" viewBox="0 0 24 24"><path d="M9,5H15L12,8L9,5M10.5,14.66C10.2,15 10,15.5 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16C14,15.45 13.78,14.95 13.41,14.59L14.83,13.17C15.55,13.9 16,14.9 16,16A4,4 0 0,1 12,20A4,4 0 0,1 8,16C8,14.93 8.42,13.96 9.1,13.25L9.09,13.24L16.17,6.17V6.17C16.89,5.45 17.89,5 19,5A4,4 0 0,1 23,9A4,4 0 0,1 19,13C17.9,13 16.9,12.55 16.17,11.83L17.59,10.41C17.95,10.78 18.45,11 19,11A2,2 0 0,0 21,9A2,2 0 0,0 19,7C18.45,7 17.95,7.22 17.59,7.59L10.5,14.66M6.41,7.59C6.05,7.22 5.55,7 5,7A2,2 0 0,0 3,9A2,2 0 0,0 5,11C5.55,11 6.05,10.78 6.41,10.41L7.83,11.83C7.1,12.55 6.1,13 5,13A4,4 0 0,1 1,9A4,4 0 0,1 5,5C6.11,5 7.11,5.45 7.83,6.17V6.17L10.59,8.93L9.17,10.35L6.41,7.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vuejs.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vuejs.svg
new file mode 100644
index 00000000..1866acf7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vuejs.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vuejs" viewBox="0 0 24 24"><path d="M2,3H5.5L12,15L18.5,3H22L12,21L2,3M6.5,3H9.5L12,7.58L14.5,3H17.5L12,13.08L6.5,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/vuetify.svg b/apps/phoenix_webcomponent/priv/mdi/svg/vuetify.svg
new file mode 100644
index 00000000..3b6f70b9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/vuetify.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-vuetify" viewBox="0 0 24 24"><path d="M12,11.64L7.92,2H16.08L12,11.64M12,21.95L3.27,4.91H7.84L12,14.47L16.16,4.91H20.73L12,21.95Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/walk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/walk.svg
new file mode 100644
index 00000000..d8a47505
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/walk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-walk" viewBox="0 0 24 24"><path d="M14.12,10H19V8.2H15.38L13.38,4.87C13.08,4.37 12.54,4.03 11.92,4.03C11.74,4.03 11.58,4.06 11.42,4.11L6,5.8V11H7.8V7.33L9.91,6.67L6,22H7.8L10.67,13.89L13,17V22H14.8V15.59L12.31,11.05L13.04,8.18M14,3.8C15,3.8 15.8,3 15.8,2C15.8,1 15,0.2 14,0.2C13,0.2 12.2,1 12.2,2C12.2,3 13,3.8 14,3.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-fire.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-fire.svg
new file mode 100644
index 00000000..c15fe646
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-fire.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-fire" viewBox="0 0 24 24"><path d="M22.14 15.34L22.12 15.35C22.35 15.63 22.55 15.94 22.7 16.27L22.79 16.46C23.5 18.15 23 20.1 21.69 21.32C20.5 22.41 18.84 22.7 17.3 22.5C15.84 22.32 14.5 21.4 13.73 20.13C13.5 19.74 13.3 19.3 13.2 18.85C13.07 18.5 13.03 18.12 13 17.75C12.91 16.15 13.55 14.45 14.76 13.45C14.21 14.66 14.34 16.17 15.15 17.22L15.26 17.35C15.4 17.47 15.57 17.5 15.73 17.44C15.88 17.38 16 17.23 16 17.07L15.93 16.83C15.05 14.5 15.79 11.8 17.66 10.27C18.17 9.85 18.8 9.47 19.46 9.3C18.78 10.66 19 12.44 20.09 13.5C20.55 14 21.11 14.29 21.58 14.73L22.14 15.34M19.86 20L19.85 19.97C20.3 19.58 20.55 18.91 20.53 18.31L20.5 18C20.3 17 19.43 16.66 18.87 15.93L18.44 15.15C18.22 15.65 18.2 16.12 18.29 16.66C18.39 17.23 18.61 17.72 18.5 18.31C18.34 18.96 17.83 19.61 16.94 19.82C17.44 20.31 18.25 20.7 19.06 20.42C19.32 20.35 19.65 20.16 19.86 20M3 16H11.06L11 17C11 18.41 11.36 19.73 12 20.88V21H3V16M2 10H8V15H2V10M9 10H15V10.07C13.17 11.13 11.79 12.9 11.25 15H9V10M3 4H11V9H3V4M12 4H21V9H12V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-outline.svg
new file mode 100644
index 00000000..bfd09b86
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-flat-outline" viewBox="0 0 24 24"><path d="M5 5V11H19V5H5M17 9H7V7H17V9M5.27 13.32L3.5 15.09L4.91 16.5L6.68 14.73L5.27 13.32M18.73 13.32L17.32 14.73L19.09 16.5L20.5 15.09L18.73 13.32M11 16V19H13V16H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant-outline.svg
new file mode 100644
index 00000000..689e614e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-flat-variant-outline" viewBox="0 0 24 24"><path d="M5 13V19H19V13H5M17 17H7V15H17V17M18.73 10.68L20.5 8.91L19.09 7.5L17.32 9.27L18.73 10.68M5.27 10.68L6.68 9.27L4.91 7.5L3.5 8.91L5.27 10.68M13 8V5H11V8H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant.svg
new file mode 100644
index 00000000..230c4ecc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-flat-variant" viewBox="0 0 24 24"><path d="M19 19V13H5V19H19M18.73 10.68L20.5 8.91L19.09 7.5L17.32 9.27L18.73 10.68M5.27 10.68L6.68 9.27L4.91 7.5L3.5 8.91L5.27 10.68M13 8V5H11V8H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat.svg
new file mode 100644
index 00000000..b811108a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-flat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-flat" viewBox="0 0 24 24"><path d="M5,5V11H19V5H5M5.27,13.32L3.5,15.09L4.91,16.5L6.68,14.73L5.27,13.32M18.73,13.32L17.32,14.73L19.09,16.5L20.5,15.09L18.73,13.32M11,16V19H13V16H11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-outline.svg
new file mode 100644
index 00000000..3b6f567e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-outline" viewBox="0 0 24 24"><path d="M13.7 6L15.92 11H10.08L12.3 6H13.7M15 4H11L7 13H19L15 4M4 14V22H6V19H14V14H12V17H6V14H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-outline.svg
new file mode 100644
index 00000000..a0867f0c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-round-outline" viewBox="0 0 24 24"><path d="M13 19V16H11V19H13M19.09 16.5L20.5 15.09L18.73 13.32L17.32 14.73L19.09 16.5M4.91 16.5L6.68 14.73L5.27 13.32L3.5 15.09L4.91 16.5M12 6C13.04 6 14.08 6.28 15 6.81C16.26 7.5 17.19 8.67 17.66 10H6.34C6.81 8.67 7.74 7.5 9 6.81C9.92 6.28 10.96 6 12 6M12 4C10.63 4 9.25 4.36 8 5.07C5.5 6.5 4 9.14 4 12H20C20 9.14 18.5 6.5 16 5.07C14.75 4.36 13.38 4 12 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant-outline.svg
new file mode 100644
index 00000000..75838139
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-round-variant-outline" viewBox="0 0 24 24"><path d="M11 5V8H13V5H11M4.91 7.5L3.5 8.91L5.27 10.68L6.68 9.27L4.91 7.5M19.09 7.5L17.32 9.27L18.73 10.68L20.5 8.91L19.09 7.5M17.66 14C17.19 15.33 16.26 16.5 15 17.19C14.08 17.72 13.04 18 12 18S9.92 17.72 9 17.19C7.74 16.5 6.81 15.33 6.34 14H17.66M20 12H4C4 14.86 5.5 17.5 8 18.93C9.25 19.65 10.63 20 12 20S14.75 19.65 16 18.93C18.5 17.5 20 14.86 20 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant.svg
new file mode 100644
index 00000000..5a9cd45f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-round-variant" viewBox="0 0 24 24"><path d="M11 5V8H13V5H11M4.91 7.5L3.5 8.91L5.27 10.68L6.68 9.27L4.91 7.5M19.09 7.5L17.32 9.27L18.73 10.68L20.5 8.91L19.09 7.5M4 12C4 14.86 5.5 17.5 8 18.93S13.5 20.36 16 18.93 20 14.86 20 12H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round.svg
new file mode 100644
index 00000000..4ab70aba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce-round" viewBox="0 0 24 24"><path d="M13 19V16H11V19H13M19.09 16.5L20.5 15.09L18.73 13.32L17.32 14.73L19.09 16.5M4.91 16.5L6.68 14.73L5.27 13.32L3.5 15.09L4.91 16.5M20 12C20 9.14 18.5 6.5 16 5.07S10.5 3.64 8 5.07 4 9.14 4 12H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce.svg
new file mode 100644
index 00000000..3e4c4a92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall-sconce.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall-sconce" viewBox="0 0 24 24"><path d="M11,4L7,13H19L15,4H11M4,14V22H6V19H14V14H12V17H6V14H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wall.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wall.svg
new file mode 100644
index 00000000..ddff29d3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wall.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wall" viewBox="0 0 24 24"><path d="M3,16H12V21H3V16M2,10H8V15H2V10M9,10H15V15H9V10M16,10H22V15H16V10M13,16H21V21H13V16M3,4H11V9H3V4M12,4H21V9H12V4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-giftcard.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-giftcard.svg
new file mode 100644
index 00000000..12636e35
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-giftcard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-giftcard" viewBox="0 0 24 24"><path d="M20,14H4V8H9.08L7,10.83L8.62,12L11,8.76L12,7.4L13,8.76L15.38,12L17,10.83L14.92,8H20M20,19H4V17H20M9,4A1,1 0 0,1 10,5A1,1 0 0,1 9,6A1,1 0 0,1 8,5A1,1 0 0,1 9,4M15,4A1,1 0 0,1 16,5A1,1 0 0,1 15,6A1,1 0 0,1 14,5A1,1 0 0,1 15,4M20,6H17.82C17.93,5.69 18,5.35 18,5A3,3 0 0,0 15,2C13.95,2 13.04,2.54 12.5,3.35L12,4L11.5,3.34C10.96,2.54 10.05,2 9,2A3,3 0 0,0 6,5C6,5.35 6.07,5.69 6.18,6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-membership.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-membership.svg
new file mode 100644
index 00000000..56759b8f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-membership.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-membership" viewBox="0 0 24 24"><path d="M20,10H4V4H20M20,15H4V13H20M20,2H4C2.89,2 2,2.89 2,4V15C2,16.11 2.89,17 4,17H8V22L12,20L16,22V17H20C21.11,17 22,16.11 22,15V4C22,2.89 21.11,2 20,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-outline.svg
new file mode 100644
index 00000000..78b81f74
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-outline" viewBox="0 0 24 24"><path d="M5,3C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V16.72C21.59,16.37 22,15.74 22,15V9C22,8.26 21.59,7.63 21,7.28V5A2,2 0 0,0 19,3H5M5,5H19V7H13A2,2 0 0,0 11,9V15A2,2 0 0,0 13,17H19V19H5V5M13,9H20V15H13V9M16,10.5A1.5,1.5 0 0,0 14.5,12A1.5,1.5 0 0,0 16,13.5A1.5,1.5 0 0,0 17.5,12A1.5,1.5 0 0,0 16,10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus-outline.svg
new file mode 100644
index 00000000..b5b47f6f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-plus-outline" viewBox="0 0 24 24"><path d="M3 0V3H0V5H3V8H5V5H8V3H5V0H3M10 3V5H19V7H13C11.9 7 11 7.9 11 9V15C11 16.1 11.9 17 13 17H19V19H5V10H3V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V16.72C21.59 16.37 22 15.74 22 15V9C22 8.26 21.59 7.63 21 7.28V5C21 3.9 20.1 3 19 3H10M13 9H20V15H13V9M16 10.5A1.5 1.5 0 0 0 14.5 12A1.5 1.5 0 0 0 16 13.5A1.5 1.5 0 0 0 17.5 12A1.5 1.5 0 0 0 16 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus.svg
new file mode 100644
index 00000000..7bf441df
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-plus" viewBox="0 0 24 24"><path d="M3 0V3H0V5H3V8H5V5H8V3H5V0H3M9 3V6H6V9H3V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.11 21 19V18H12C10.9 18 10 17.11 10 16V8C10 6.9 10.89 6 12 6H21V5C21 3.9 20.11 3 19 3H9M12 8V16H22V8H12M16 10.5C16.83 10.5 17.5 11.17 17.5 12C17.5 12.83 16.83 13.5 16 13.5C15.17 13.5 14.5 12.83 14.5 12C14.5 11.17 15.17 10.5 16 10.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet-travel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-travel.svg
new file mode 100644
index 00000000..22d992ae
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet-travel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet-travel" viewBox="0 0 24 24"><path d="M20,14H4V8H7V10H9V8H15V10H17V8H20M20,19H4V17H20M9,4H15V6H9M20,6H17V4C17,2.89 16.11,2 15,2H9C7.89,2 7,2.89 7,4V6H4C2.89,6 2,6.89 2,8V19C2,20.11 2.89,21 4,21H20C21.11,21 22,20.11 22,19V8C22,6.89 21.11,6 20,6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallet.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallet.svg
new file mode 100644
index 00000000..6cfa7869
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallet" viewBox="0 0 24 24"><path d="M21,18V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V6H12C10.89,6 10,6.9 10,8V16A2,2 0 0,0 12,18M12,16H22V8H12M16,13.5A1.5,1.5 0 0,1 14.5,12A1.5,1.5 0 0,1 16,10.5A1.5,1.5 0 0,1 17.5,12A1.5,1.5 0 0,1 16,13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wallpaper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wallpaper.svg
new file mode 100644
index 00000000..60b786e0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wallpaper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wallpaper" viewBox="0 0 24 24"><path d="M4,4H11V2H4A2,2 0 0,0 2,4V11H4V4M10,13L6,18H18L15,14L12.97,16.71L10,13M17,8.5A1.5,1.5 0 0,0 15.5,7A1.5,1.5 0 0,0 14,8.5A1.5,1.5 0 0,0 15.5,10A1.5,1.5 0 0,0 17,8.5M20,2H13V4H20V11H22V4A2,2 0 0,0 20,2M20,20H13V22H20A2,2 0 0,0 22,20V13H20V20M4,13H2V20A2,2 0 0,0 4,22H11V20H4V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wan.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wan.svg
new file mode 100644
index 00000000..c780b3b8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wan" viewBox="0 0 24 24"><path d="M12,2A8,8 0 0,0 4,10C4,14.03 7,17.42 11,17.93V19H10A1,1 0 0,0 9,20H2V22H9A1,1 0 0,0 10,23H14A1,1 0 0,0 15,22H22V20H15A1,1 0 0,0 14,19H13V17.93C17,17.43 20,14.03 20,10A8,8 0 0,0 12,2M12,4C12,4 12.74,5.28 13.26,7H10.74C11.26,5.28 12,4 12,4M9.77,4.43C9.5,4.93 9.09,5.84 8.74,7H6.81C7.5,5.84 8.5,4.93 9.77,4.43M14.23,4.44C15.5,4.94 16.5,5.84 17.19,7H15.26C14.91,5.84 14.5,4.93 14.23,4.44M6.09,9H8.32C8.28,9.33 8.25,9.66 8.25,10C8.25,10.34 8.28,10.67 8.32,11H6.09C6.03,10.67 6,10.34 6,10C6,9.66 6.03,9.33 6.09,9M10.32,9H13.68C13.72,9.33 13.75,9.66 13.75,10C13.75,10.34 13.72,10.67 13.68,11H10.32C10.28,10.67 10.25,10.34 10.25,10C10.25,9.66 10.28,9.33 10.32,9M15.68,9H17.91C17.97,9.33 18,9.66 18,10C18,10.34 17.97,10.67 17.91,11H15.68C15.72,10.67 15.75,10.34 15.75,10C15.75,9.66 15.72,9.33 15.68,9M6.81,13H8.74C9.09,14.16 9.5,15.07 9.77,15.56C8.5,15.06 7.5,14.16 6.81,13M10.74,13H13.26C12.74,14.72 12,16 12,16C12,16 11.26,14.72 10.74,13M15.26,13H17.19C16.5,14.16 15.5,15.07 14.23,15.57C14.5,15.07 14.91,14.16 15.26,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe-outline.svg
new file mode 100644
index 00000000..6cd54111
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wardrobe-outline" viewBox="0 0 24 24"><path d="M6 2C4.89 2 4 2.9 4 4V19C4 20.11 4.89 21 6 21V22H8V21H16V22H18V21C19.11 21 20 20.11 20 19V4C20 2.9 19.11 2 18 2H6M6 4H11V19H6V4M13 4H18V19H13V4M8 10V13H10V10H8M14 10V13H16V10H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe.svg
new file mode 100644
index 00000000..bf4b5f7f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wardrobe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wardrobe" viewBox="0 0 24 24"><path d="M4 4V19C4 20.1 4.9 21 6 21V22H8V21H11.5V2H6C4.9 2 4 2.9 4 4M8 10H10V13H8V10M18 2H12.5V21H16V22H18V21C19.1 21 20 20.1 20 19V4C20 2.9 19.1 2 18 2M16 13H14V10H16V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/warehouse.svg b/apps/phoenix_webcomponent/priv/mdi/svg/warehouse.svg
new file mode 100644
index 00000000..accb965d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/warehouse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-warehouse" viewBox="0 0 24 24"><path d="M6 19H8V21H6V19M12 3L2 8V21H4V13H20V21H22V8L12 3M8 11H4V9H8V11M14 11H10V9H14V11M20 11H16V9H20V11M6 15H8V17H6V15M10 15H12V17H10V15M10 19H12V21H10V19M14 19H16V21H14V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-alert.svg
new file mode 100644
index 00000000..626f46e8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-washing-machine-alert" viewBox="0 0 24 24"><path d="M12.83 11.17C14.39 12.73 14.39 15.27 12.83 16.83S8.73 18.39 7.17 16.83L12.83 11.17M4 2H16C17.11 2 18 2.9 18 4V20C18 21.11 17.11 22 16 22H4C2.9 22 2 21.11 2 20V4C2 2.9 2.9 2 4 2M5 4C4.45 4 4 4.45 4 5S4.45 6 5 6 6 5.55 6 5 5.55 4 5 4M8 4C7.45 4 7 4.45 7 5S7.45 6 8 6 9 5.55 9 5 8.55 4 8 4M10 8C6.69 8 4 10.69 4 14S6.69 20 10 20 16 17.31 16 14 13.31 8 10 8M20 15H22V17H20V15M20 7H22V13H20V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-off.svg
new file mode 100644
index 00000000..909f4157
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-washing-machine-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4 5.89V20C4 21.11 4.89 22 6 22H18C18.58 22 19.1 21.75 19.46 21.35L20.84 22.73L22.11 21.46M12 20C8.69 20 6 17.31 6 14C6 12.32 6.7 10.8 7.82 9.71L12.06 13.95L9.17 16.83C10.73 18.39 13.27 18.39 14.83 16.83C14.85 16.81 14.86 16.79 14.88 16.77L16.29 18.18C15.2 19.3 13.69 20 12 20M11.25 8.05C11.5 8 11.75 8 12 8C15.31 8 18 10.69 18 14C18 14.25 18 14.5 17.95 14.75L20 16.8V4C20 2.9 19.11 2 18 2H6C5.76 2 5.54 2.05 5.33 2.13L11.25 8.05M10 4C10.55 4 11 4.45 11 5S10.55 6 10 6 9 5.55 9 5 9.45 4 10 4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine.svg
new file mode 100644
index 00000000..86253037
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/washing-machine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-washing-machine" viewBox="0 0 24 24"><path d="M14.83,11.17C16.39,12.73 16.39,15.27 14.83,16.83C13.27,18.39 10.73,18.39 9.17,16.83L14.83,11.17M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2M7,4A1,1 0 0,0 6,5A1,1 0 0,0 7,6A1,1 0 0,0 8,5A1,1 0 0,0 7,4M10,4A1,1 0 0,0 9,5A1,1 0 0,0 10,6A1,1 0 0,0 11,5A1,1 0 0,0 10,4M12,8A6,6 0 0,0 6,14A6,6 0 0,0 12,20A6,6 0 0,0 18,14A6,6 0 0,0 12,8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-export-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-export-variant.svg
new file mode 100644
index 00000000..a22440fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-export-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-export-variant" viewBox="0 0 24 24"><path d="M14,11H19L16.5,8.5L17.92,7.08L22.84,12L17.92,16.92L16.5,15.5L19,13H14V11M8,0H16L16.83,5H17C17.28,5 17.54,5.06 17.78,5.16L15.94,7H7V17H15.94L17.78,18.84C17.54,18.94 17.28,19 17,19H16.83L16,24H8L7.17,19H7A2,2 0 0,1 5,17V7C5,5.89 5.9,5 7,5H7.17L8,0Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-export.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-export.svg
new file mode 100644
index 00000000..8c846037
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-export" viewBox="0 0 24 24"><path d="M14,11H19L16.5,8.5L17.92,7.08L22.84,12L17.92,16.92L16.5,15.5L19,13H14V11M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.4,6 14.69,6.5 15.71,7.29L17.13,5.87L16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.46 4,12C4,14.55 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27L17.13,18.13L15.71,16.71C14.69,17.5 13.4,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-import-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-import-variant.svg
new file mode 100644
index 00000000..54dee220
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-import-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-import-variant" viewBox="0 0 24 24"><path d="M1,11H6L3.5,8.5L4.92,7.08L9.84,12L4.92,16.92L3.5,15.5L6,13H1V11M8,0H16L16.83,5H17A2,2 0 0,1 19,7V17C19,18.11 18.1,19 17,19H16.83L16,24H8L7.17,19H7C6.46,19 6,18.79 5.62,18.44L7.06,17H17V7H7.06L5.62,5.56C6,5.21 6.46,5 7,5H7.17L8,0Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-import.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-import.svg
new file mode 100644
index 00000000..50c453d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-import.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-import" viewBox="0 0 24 24"><path d="M2,11H7L4.5,8.5L5.92,7.08L10.84,12L5.92,16.92L4.5,15.5L7,13H2V11M12,18A6,6 0 0,0 18,12A6,6 0 0,0 12,6C10.6,6 9.31,6.5 8.29,7.29L6.87,5.87L7.05,5.73L8,0H16L16.95,5.73C18.81,7.19 20,9.45 20,12C20,14.54 18.81,16.81 16.95,18.27L16,24H8L7.05,18.27L6.87,18.13L8.29,16.71C9.31,17.5 10.6,18 12,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-variant.svg
new file mode 100644
index 00000000..37b039cf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-variant" viewBox="0 0 24 24"><path d="M8,0L7.17,5H7A2,2 0 0,0 5,7V17C5,18.11 5.9,19 7,19H7.17L8,24H16L16.83,19H17A2,2 0 0,0 19,17V7C19,5.89 18.1,5 17,5H16.83L16,0H8M7,7H17V17H7V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate-off.svg
new file mode 100644
index 00000000..8b2baf45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-vibrate-off" viewBox="0 0 24 24"><path d="M0,9H2V15H0V9M12,7.5C14.47,7.5 16.47,9.53 16.46,12C16.45,12.38 16.4,12.76 16.3,13.13L17.5,14.31C17.81,13.58 18,12.8 18,12C18,10.17 17.16,8.44 15.72,7.31L15,3H9L8.59,5.39L10.86,7.66C11.23,7.55 11.61,7.5 12,7.5M21,17V7H19V15.8L20.2,17H21M16.5,15.86L22.11,21.46L20.84,22.73L15.55,17.44L15,21H9L8.27,16.72C5.85,14.82 5.27,11.4 6.91,8.8L1.11,3L2.39,1.73L8.09,7.44L9.17,8.5L15.44,14.79L16.5,15.86M14.05,15.94L8.05,9.94C7.7,10.57 7.5,11.28 7.5,12C7.5,14.47 9.53,16.47 12,16.46C12.72,16.46 13.42,16.28 14.05,15.94M22,9V15H24V9H22M3,17H5V7H3V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate.svg
new file mode 100644
index 00000000..e44b7abb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch-vibrate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch-vibrate" viewBox="0 0 24 24"><path d="M3,17V7H5V17H3M19,17V7H21V17H19M22,9H24V15H22V9M0,15V9H2V15H0M17.96,11.97C17.96,13.87 17.07,15.57 15.68,16.67L14.97,20.95H9L8.27,16.67C6.88,15.57 6,13.87 6,11.97C6,10.07 6.88,8.37 8.27,7.28L9,3H14.97L15.68,7.28C17.07,8.37 17.96,10.07 17.96,11.97M7.5,11.97C7.5,14.45 9.5,16.46 11.97,16.46A4.5,4.5 0 0,0 16.46,11.97C16.46,9.5 14.45,7.5 11.97,7.5A4.47,4.47 0 0,0 7.5,11.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watch.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watch.svg
new file mode 100644
index 00000000..c94d921d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watch" viewBox="0 0 24 24"><path d="M6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12M20,12C20,9.45 18.81,7.19 16.95,5.73L16,0H8L7.05,5.73C5.19,7.19 4,9.45 4,12C4,14.54 5.19,16.81 7.05,18.27L8,24H16L16.95,18.27C18.81,16.81 20,14.54 20,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-alert-outline.svg
new file mode 100644
index 00000000..ecb5b667
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-alert-outline" viewBox="0 0 24 24"><path d="M10 3.25C10 3.25 4 10 4 14C4 17.31 6.69 20 10 20S16 17.31 16 14C16 10 10 3.25 10 3.25M10 18C7.79 18 6 16.21 6 14C6 12.23 8 8.96 10 6.39C12 8.95 14 12.23 14 14C14 16.21 12.21 18 10 18M20 7V13H18V7H20M18 17H20V15H18V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-alert.svg
new file mode 100644
index 00000000..781e56fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-alert" viewBox="0 0 24 24"><path d="M10 3.25C10 3.25 16 10 16 14C16 17.31 13.31 20 10 20S4 17.31 4 14C4 10 10 3.25 10 3.25M20 7V13H18V7H20M18 17H20V15H18V17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-alert.svg
new file mode 100644
index 00000000..39032e42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-boiler-alert" viewBox="0 0 24 24"><path d="M6 2C4.89 2 4 2.89 4 4V16C4 17.11 4.89 18 6 18H7V20H4V22H7C8.11 22 9 21.11 9 20V18H11V20C11 21.11 11.89 22 13 22H16V20H13V18H14C15.11 18 16 17.11 16 16V4C16 2.89 15.11 2 14 2H6M10 4.97C11.11 4.97 12 5.87 12 6.97S11.11 8.97 10 8.97C8.9 8.97 8 8.07 8 6.97C8 5.87 8.9 4.97 10 4.97M8 14.5H12V16H8V14.5M18 15H20V17H18V15M18 7H20V13H18V7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-auto.svg
new file mode 100644
index 00000000..9e5da73e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-boiler-auto" viewBox="0 0 24 24"><path d="M4 2C2.89 2 2 2.89 2 4V16C2 17.11 2.89 18 4 18H5V20H2V22H5C6.11 22 7 21.11 7 20V18H9V20C9 21.11 9.89 22 11 22H13L13.75 20H11V18H12C13.11 18 14 17.11 14 16V4C14 2.89 13.11 2 12 2H4M8 4.97C9.11 4.97 10 5.87 10 6.97S9.11 8.97 8 8.97C6.9 8.97 6 8.07 6 6.97C6 5.87 6.9 4.97 8 4.97M6 14.5H10V16H6V14.5M19.8 13H17.8L14.6 22H16.5L17.2 20H20.4L21.1 22H23L19.8 13M17.6 18.7L18.8 15L20 18.7H17.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-off.svg
new file mode 100644
index 00000000..6fe0157a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-boiler-off" viewBox="0 0 24 24"><path d="M10 6.82L6.25 3.05C6.59 2.42 7.24 2 8 2H16C17.11 2 18 2.89 18 4V14.8L12.16 8.96C13.19 8.87 14 8 14 6.97C14 5.87 13.11 4.97 12 4.97C10.95 4.97 10.1 5.78 10 6.82M15 18V20H18V22H15C13.89 22 13 21.11 13 20V18H11V20C11 21.11 10.11 22 9 22H6V20H9V18H8C6.89 18 6 17.11 6 16V7.89L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73L16.1 18C16.06 18 16.03 18 16 18H15M14 16V15.89L12.61 14.5H10V16H14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler.svg
new file mode 100644
index 00000000..62bd736e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-boiler.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-boiler" viewBox="0 0 24 24"><path d="M8 2C6.89 2 6 2.89 6 4V16C6 17.11 6.89 18 8 18H9V20H6V22H9C10.11 22 11 21.11 11 20V18H13V20C13 21.11 13.89 22 15 22H18V20H15V18H16C17.11 18 18 17.11 18 16V4C18 2.89 17.11 2 16 2H8M12 4.97A2 2 0 0 1 14 6.97A2 2 0 0 1 12 8.97A2 2 0 0 1 10 6.97A2 2 0 0 1 12 4.97M10 14.5H14V16H10V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-check-outline.svg
new file mode 100644
index 00000000..dee3fde4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-check-outline" viewBox="0 0 24 24"><path d="M21.75 16.25L17 21L14.25 18L15.41 16.84L17 18.43L20.59 14.84L21.75 16.25M8 14C8 12.23 10 8.96 12 6.39C13.5 8.33 15 10.67 15.67 12.47C16.27 12.21 16.93 12.06 17.62 12C16.31 8.1 12 3.25 12 3.25S6 10 6 14C6 17.31 8.69 20 12 20C12.12 20 12.23 20 12.34 20C12.12 19.36 12 18.7 12 18C9.79 18 8 16.21 8 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-check.svg
new file mode 100644
index 00000000..e618470a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-check" viewBox="0 0 24 24"><path d="M21.75 16.25L17 21L14.25 18L15.41 16.84L17 18.43L20.59 14.84L21.75 16.25M17.62 12C16.31 8.1 12 3.25 12 3.25S6 10 6 14C6 17.31 8.69 20 12 20H12.34C12.12 19.36 12 18.7 12 18C12 14.82 14.5 12.22 17.62 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-circle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-circle.svg
new file mode 100644
index 00000000..c6ecfd89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-circle" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M12 19C9.24 19 7 16.76 7 14C7 10.67 12 5.04 12 5.04S17 10.67 17 14C17 16.76 14.76 19 12 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-minus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-minus-outline.svg
new file mode 100644
index 00000000..501bca71
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-minus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-minus-outline" viewBox="0 0 24 24"><path d="M22 17V19H14V17H22M8 14C8 12.23 10 8.96 12 6.39C13.5 8.33 15 10.67 15.67 12.47C16.27 12.21 16.93 12.06 17.62 12C16.31 8.1 12 3.25 12 3.25S6 10 6 14C6 17.31 8.69 20 12 20C12.12 20 12.23 20 12.34 20C12.12 19.36 12 18.7 12 18C9.79 18 8 16.21 8 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-minus.svg
new file mode 100644
index 00000000..02c76920
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-minus" viewBox="0 0 24 24"><path d="M22 17V19H14V17H22M17.62 12C16.31 8.1 12 3.25 12 3.25S6 10 6 14C6 17.31 8.69 20 12 20C12.12 20 12.23 20 12.34 20C12.12 19.36 12 18.7 12 18C12 14.82 14.5 12.22 17.62 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-off-outline.svg
new file mode 100644
index 00000000..1a29b2f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-off-outline" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L7.65 9.54C6.74 11.03 6 12.65 6 14.23C6 17.54 8.69 20.23 12 20.23C13.74 20.23 15.3 19.5 16.4 18.29L20.84 22.73L22.11 21.46M12 18.23C9.78 18.23 8 16.45 8 14.23C8 13.5 8.5 12.27 9.14 11.03L15 16.88C14.26 17.71 13.2 18.23 12 18.23M11.14 7.94L9.71 6.5C10.57 5.38 11.25 4.61 11.25 4.61L12 3.77L12.75 4.61C12.75 4.61 14.03 6.06 15.32 7.94S18 12.07 18 14.23C18 14.41 18 14.59 17.97 14.77L15.46 12.26C15 11.23 14.37 10.07 13.68 9.07C12.84 7.85 12.44 7.42 12 6.9C11.73 7.21 11.5 7.5 11.14 7.94Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-off.svg
new file mode 100644
index 00000000..9d2f082c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-off" viewBox="0 0 24 24"><path d="M20.84 22.73L16.29 18.18C15.2 19.3 13.69 20 12 20C8.69 20 6 17.31 6 14C6 12.67 6.67 11.03 7.55 9.44L1.11 3L2.39 1.73L22.11 21.46L20.84 22.73M18 14C18 10 12 3.25 12 3.25S10.84 4.55 9.55 6.35L17.95 14.75C18 14.5 18 14.25 18 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-opacity.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-opacity.svg
new file mode 100644
index 00000000..f5bb71dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-opacity.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-opacity" viewBox="0 0 24 24"><path d="M16 14V12H17.61C17.85 12.71 18 13.39 18 14H16M15.58 8C15.12 7.29 14.65 6.61 14.2 6H14V8H15.58M16 12V10H14V12H16M16 8.68V10H16.74C16.5 9.56 16.26 9.11 16 8.68M12 16V14H14V12H12V10H14V8H12V6H14V5.73C12.9 4.26 12 3.25 12 3.25S6 10 6 14C6 17.31 8.69 20 12 20V18H14V16H12M14 19.65C14.75 19.39 15.42 19 16 18.46V18H14V19.65M14 16H16V14H14V16M16 18H16.46C17 17.42 17.39 16.75 17.65 16H16V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-outline.svg
new file mode 100644
index 00000000..499eb360
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-outline" viewBox="0 0 24 24"><path d="M12,3.77L11.25,4.61C11.25,4.61 9.97,6.06 8.68,7.94C7.39,9.82 6,12.07 6,14.23A6,6 0 0,0 12,20.23A6,6 0 0,0 18,14.23C18,12.07 16.61,9.82 15.32,7.94C14.03,6.06 12.75,4.61 12.75,4.61L12,3.77M12,6.9C12.44,7.42 12.84,7.85 13.68,9.07C14.89,10.83 16,13.07 16,14.23C16,16.45 14.22,18.23 12,18.23C9.78,18.23 8,16.45 8,14.23C8,13.07 9.11,10.83 10.32,9.07C11.16,7.85 11.56,7.42 12,6.9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-percent-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-percent-alert.svg
new file mode 100644
index 00000000..ec686a34
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-percent-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-percent-alert" viewBox="0 0 24 24"><path d="M20 7V13H18V7H20M18 17H20V15H18V17M10 3.25C10 3.25 4 10 4 14C4 17.32 6.69 20 10 20S16 17.31 16 14C16 10 10 3.25 10 3.25M7.75 10C8.44 10 9 10.56 9 11.25S8.44 12.5 7.75 12.5 6.5 11.94 6.5 11.25 7.06 10 7.75 10M12.25 17C11.56 17 11 16.44 11 15.75S11.56 14.5 12.25 14.5 13.5 15.06 13.5 15.75 12.94 17 12.25 17M7.53 17.03L6.47 15.97L12.47 9.97L13.53 11.03L7.53 17.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-percent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-percent.svg
new file mode 100644
index 00000000..67334156
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-percent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-percent" viewBox="0 0 24 24"><path d="M12,3.25C12,3.25 6,10 6,14C6,17.32 8.69,20 12,20A6,6 0 0,0 18,14C18,10 12,3.25 12,3.25M14.47,9.97L15.53,11.03L9.53,17.03L8.47,15.97M9.75,10A1.25,1.25 0 0,1 11,11.25A1.25,1.25 0 0,1 9.75,12.5A1.25,1.25 0 0,1 8.5,11.25A1.25,1.25 0 0,1 9.75,10M14.25,14.5A1.25,1.25 0 0,1 15.5,15.75A1.25,1.25 0 0,1 14.25,17A1.25,1.25 0 0,1 13,15.75A1.25,1.25 0 0,1 14.25,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-plus-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-plus-outline.svg
new file mode 100644
index 00000000..6d3154bc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-plus-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-plus-outline" viewBox="0 0 24 24"><path d="M12 18C12 18.7 12.12 19.36 12.34 20C12.23 20 12.12 20 12 20C8.69 20 6 17.31 6 14C6 10 12 3.25 12 3.25S16.31 8.1 17.62 12C16.93 12.06 16.28 12.22 15.67 12.47C15 10.68 13.5 8.33 12 6.39C10 8.96 8 12.23 8 14C8 16.21 9.79 18 12 18M19 17V14H17V17H14V19H17V22H19V19H22V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-plus.svg
new file mode 100644
index 00000000..3e786d21
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-plus" viewBox="0 0 24 24"><path d="M12 18C12 18.7 12.12 19.36 12.34 20C12.23 20 12.12 20 12 20C8.69 20 6 17.31 6 14C6 10 12 3.25 12 3.25S16.31 8.1 17.62 12C14.5 12.22 12 14.82 12 18M19 17V14H17V17H14V19H17V22H19V19H22V17H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-polo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-polo.svg
new file mode 100644
index 00000000..65dc3e2d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-polo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-polo" viewBox="0 0 24 24"><path d="M20 16H22V18H20C18.6 18 17.2 17.6 16 17C13.5 18.3 10.5 18.3 8 17C6.8 17.6 5.4 18 4 18H2V16H4C5.4 16 6.8 15.5 8 14.7C10.4 16.4 13.6 16.4 16 14.7C17.2 15.5 18.6 16 20 16M13 10.6C13.6 10.3 14.3 10 15 9.9V10.2C15.3 11.2 15.3 12.1 15.2 13.1C14.3 13.6 13.2 13.9 12.2 13.9C12.7 12.9 13 11.7 13 10.6M12.9 3.6C11.5 4 10.3 4.7 9.3 5.7C8.9 4.7 8.7 3.7 8.7 2.7C10.9 1.7 13.4 1.8 15.6 2.9C15.9 3 16.2 3.1 16.4 3.3C15.2 3.2 14 3.3 12.9 3.6M6.8 13.3C6.2 13.6 5.6 13.8 5 13.9C4.3 12.6 4 11.2 4 9.8C4.5 10.8 5.2 11.8 6 12.6C6.3 12.8 6.5 13.1 6.8 13.3M19 13.9C18.4 13.8 17.8 13.6 17.3 13.4C17.5 12.2 17.4 11 17.1 9.8C18.2 9.9 19.2 10.2 20.1 10.8C20 11.8 19.7 12.7 19.2 13.6L19 13.9M7.4 11.2C6.2 10.1 5.5 8.5 5.2 6.9L5.1 6C5.6 5.2 6.1 4.6 6.8 4C6.9 5.4 7.4 6.7 8.2 7.8C8.9 8.9 9.9 9.9 11 10.5C11 11.3 10.8 12.1 10.5 12.9C9.3 12.6 8.3 12 7.4 11.2M13.5 5.5C15 5.1 16.7 5.2 18.2 5.7L19 6.1C19.4 6.8 19.6 7.6 19.8 8.4C17.3 7.3 14.4 7.5 12 8.8C11.3 8.5 10.8 8 10.3 7.4L10.4 7.3C11.3 6.5 12.3 5.8 13.5 5.5M16 18.7C17.2 19.5 18.6 20 20 20H22V22H20C18.6 22 17.2 21.6 16 21C13.5 22.3 10.5 22.3 8 21C6.8 21.6 5.4 22 4 22H2V20H4C5.4 20 6.8 19.5 8 18.7C10.4 20.4 13.6 20.4 16 18.7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-pump-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-pump-off.svg
new file mode 100644
index 00000000..c1c2c8b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-pump-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-pump-off" viewBox="0 0 24 24"><path d="M5.7 2.5A2 2 0 0 1 7 2H9A2 2 0 0 1 11 4V5H19A2 2 0 0 1 21 7V11A1 1 0 0 1 21 13H17A1 1 0 0 1 17 11V9H12.2M20.84 22.73L22.11 21.46L11 10.34L2.39 1.73L1.11 3L3.65 5.54A2 2 0 0 0 5 9V18H4A2 2 0 0 0 2 20V22H14V20A2 2 0 0 0 12 18H11V12.89Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-pump.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-pump.svg
new file mode 100644
index 00000000..3eb96369
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-pump.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-pump" viewBox="0 0 24 24"><path d="M19,14.5C19,14.5 21,16.67 21,18A2,2 0 0,1 19,20A2,2 0 0,1 17,18C17,16.67 19,14.5 19,14.5M5,18V9A2,2 0 0,1 3,7A2,2 0 0,1 5,5V4A2,2 0 0,1 7,2H9A2,2 0 0,1 11,4V5H19A2,2 0 0,1 21,7V9L21,11A1,1 0 0,1 22,12A1,1 0 0,1 21,13H17A1,1 0 0,1 16,12A1,1 0 0,1 17,11V9H11V18H12A2,2 0 0,1 14,20V22H2V20A2,2 0 0,1 4,18H5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-remove-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-remove-outline.svg
new file mode 100644
index 00000000..bd30a3ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-remove-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-remove-outline" viewBox="0 0 24 24"><path d="M12 18C12 18.7 12.12 19.36 12.34 20C12.23 20 12.12 20 12 20C8.69 20 6 17.31 6 14C6 10 12 3.25 12 3.25S16.31 8.1 17.62 12C16.93 12.06 16.28 12.22 15.67 12.47C15 10.68 13.5 8.33 12 6.39C10 8.96 8 12.23 8 14C8 16.21 9.79 18 12 18M21.54 15.88L20.13 14.47L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.53L18 19.41L20.12 21.53L21.53 20.12L19.41 18L21.54 15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-remove.svg
new file mode 100644
index 00000000..fa85d272
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-remove" viewBox="0 0 24 24"><path d="M12 18C12 18.7 12.12 19.36 12.34 20C12.23 20 12.12 20 12 20C8.69 20 6 17.31 6 14C6 10 12 3.25 12 3.25S16.31 8.1 17.62 12C14.5 12.22 12 14.82 12 18M21.54 15.88L20.13 14.47L18 16.59L15.88 14.47L14.47 15.88L16.59 18L14.47 20.12L15.88 21.53L18 19.41L20.12 21.53L21.53 20.12L19.41 18L21.54 15.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-sync.svg
new file mode 100644
index 00000000..e9b369e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-sync" viewBox="0 0 24 24"><path d="M12 3.2C12 3.2 6 10 6 14C6 17.3 8.7 20 12 20S18 17.3 18 14C18 10 12 3.2 12 3.2M12 8.5V10C14.2 10 16 11.8 16 14C16 14.8 15.8 15.6 15.3 16.2L14.2 15.1C14.4 14.8 14.5 14.4 14.5 14C14.5 12.6 13.4 11.5 12 11.5V13L9.8 10.8L12 8.5M8.7 11.8L9.8 12.9C9.6 13.2 9.5 13.6 9.5 14C9.5 15.4 10.6 16.5 12 16.5V15L14.2 17.2L12 19.5V18C9.8 18 8 16.2 8 14C8 13.2 8.2 12.4 8.7 11.8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer-outline.svg
new file mode 100644
index 00000000..0032bb20
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-thermometer-outline" viewBox="0 0 24 24"><path d="M19 5C17.89 5 17 5.89 17 7V13.76C16.36 14.33 16 15.15 16 16C16 17.66 17.34 19 19 19S22 17.66 22 16C22 15.15 21.64 14.33 21 13.77V7C21 5.89 20.11 5 19 5M19 6C19.55 6 20 6.45 20 7V8H18V7C18 6.45 18.45 6 19 6M8 3.54L7.25 4.38C7.25 4.38 5.97 5.83 4.68 7.71S2 11.84 2 14C2 17.31 4.69 20 8 20S14 17.31 14 14C14 11.84 12.61 9.59 11.32 7.71S8.75 4.38 8.75 4.38L8 3.54M8 6.67C8.44 7.19 8.84 7.62 9.68 8.84C10.89 10.6 12 12.84 12 14C12 16.22 10.22 18 8 18S4 16.22 4 14C4 12.84 5.11 10.6 6.32 8.84C7.16 7.62 7.56 7.19 8 6.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer.svg
new file mode 100644
index 00000000..45b5a65d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-thermometer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-thermometer" viewBox="0 0 24 24"><path d="M19 5C17.89 5 17 5.89 17 7V13.76C16.36 14.33 16 15.15 16 16C16 17.66 17.34 19 19 19S22 17.66 22 16C22 15.15 21.64 14.33 21 13.77V7C21 5.89 20.11 5 19 5M19 6C19.55 6 20 6.45 20 7V8H18V7C18 6.45 18.45 6 19 6M8 20C4.69 20 2 17.31 2 14C2 10 8 3.25 8 3.25S14 10 14 14C14 17.31 11.31 20 8 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-well-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-well-outline.svg
new file mode 100644
index 00000000..8145b9b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-well-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-well-outline" viewBox="0 0 24 24"><path d="M3.62 8H5V15H7V8H11V10H13V8H17V15H19V8H20.61C21.16 8 21.61 7.56 21.61 7C21.61 6.89 21.6 6.78 21.56 6.68L19 2H5L2.72 6.55C2.47 7.04 2.67 7.64 3.16 7.89C3.31 7.96 3.46 8 3.62 8M6.24 4H17.76L18.76 6H5.24L6.24 4M2 16V18H4V22H20V18H22V16H2M18 20H6V18H18V20M13.93 11C14.21 11 14.43 11.22 14.43 11.5C14.43 11.5 14.43 11.54 14.43 11.56L14.05 14.56C14 14.81 13.81 15 13.56 15H10.44C10.19 15 10 14.81 9.95 14.56L9.57 11.56C9.54 11.29 9.73 11.04 10 11C10.03 11 10.05 11 10.07 11H13.93Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water-well.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water-well.svg
new file mode 100644
index 00000000..fa56dd9e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water-well.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water-well" viewBox="0 0 24 24"><path d="M22 16H2V18H4V22H20V18H22V16M10.44 15C10.19 15 10 14.81 9.95 14.56L9.57 11.56C9.57 11.54 9.57 11.5 9.57 11.5C9.57 11.22 9.79 11 10.07 11H13.93C13.95 11 13.97 11 14 11C14.27 11.04 14.46 11.29 14.43 11.56L14.05 14.56C14 14.81 13.81 15 13.56 15H10.44M19 2L21.56 6.68C21.6 6.78 21.61 6.89 21.61 7C21.61 7.56 21.16 8 20.61 8H19V15H17V8H13V10H11V8H7V15H5V8H3.62C3.46 8 3.31 7.96 3.16 7.89C2.67 7.64 2.47 7.04 2.72 6.55L5 2H19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/water.svg b/apps/phoenix_webcomponent/priv/mdi/svg/water.svg
new file mode 100644
index 00000000..8c8677c6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/water.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-water" viewBox="0 0 24 24"><path d="M12,20A6,6 0 0,1 6,14C6,10 12,3.25 12,3.25C12,3.25 18,10 18,14A6,6 0 0,1 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waterfall.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waterfall.svg
new file mode 100644
index 00000000..9b248fef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waterfall.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waterfall" viewBox="0 0 24 24"><path d="M20 20C18.61 20 17.22 19.53 16 18.67C13.56 20.38 10.44 20.38 8 18.67C6.78 19.53 5.39 20 4 20H2V22H4C5.37 22 6.74 21.65 8 21C10.5 22.3 13.5 22.3 16 21C17.26 21.65 18.62 22 20 22H22V20M20 16C18.61 16 17.22 15.53 16 14.67C13.56 16.38 10.44 16.38 8 14.67C6.78 15.53 5.39 16 4 16H2V18H4C5.37 18 6.74 17.65 8 17C10.5 18.3 13.5 18.3 16 17C17.26 17.65 18.62 18 20 18H22V16M22 2H2V4H6V16H18V4H22M9 4H11V10H9M13 8H15V14H13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watering-can-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watering-can-outline.svg
new file mode 100644
index 00000000..dd6372a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watering-can-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watering-can-outline" viewBox="0 0 24 24"><path d="M18.5 7.47C17.76 8.2 17.57 9.25 17.92 10.15L15 13.07V11C15 10.45 14.55 10 14 10H12.97C13 9.83 13 9.67 13 9.5C13 6.46 10.54 4 7.5 4S2 6.46 2 9.5C2 11.21 2.78 12.73 4 13.74V20C4 20.55 4.45 21 5 21H14C14.55 21 15 20.55 15 20V15.89L19.33 11.56C20.23 11.91 21.28 11.73 22 11L18.5 7.47M4.05 10C4.03 9.83 4 9.67 4 9.5C4 7.57 5.57 6 7.5 6S11 7.57 11 9.5C11 9.67 10.97 9.83 10.95 10M13 19H6V12H13V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watering-can.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watering-can.svg
new file mode 100644
index 00000000..4778c06a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watering-can.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watering-can" viewBox="0 0 24 24"><path d="M18.5 7.47C17.76 8.2 17.57 9.25 17.92 10.15L15 13.07V11C15 10.45 14.55 10 14 10H12.97C13 9.83 13 9.67 13 9.5C13 6.46 10.54 4 7.5 4S2 6.46 2 9.5C2 11.21 2.78 12.73 4 13.74V20C4 20.55 4.45 21 5 21H14C14.55 21 15 20.55 15 20V15.89L19.33 11.56C20.23 11.91 21.28 11.73 22 11L18.5 7.47M4.05 10C4.03 9.83 4 9.67 4 9.5C4 7.57 5.57 6 7.5 6S11 7.57 11 9.5C11 9.67 10.97 9.83 10.95 10H4.05Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/watermark.svg b/apps/phoenix_webcomponent/priv/mdi/svg/watermark.svg
new file mode 100644
index 00000000..79ee2b7b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/watermark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-watermark" viewBox="0 0 24 24"><path d="M21,3H3A2,2 0 0,0 1,5V19A2,2 0 0,0 3,21H21A2,2 0 0,0 23,19V5A2,2 0 0,0 21,3M21,19H12V13H21V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wave.svg
new file mode 100644
index 00000000..3be7c197
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wave" viewBox="0 0 24 24"><path d="M20,12C18.61,12 17.22,11.53 16,10.67C13.56,12.38 10.44,12.38 8,10.67C6.78,11.53 5.39,12 4,12H2V14H4C5.37,14 6.74,13.65 8,13C10.5,14.3 13.5,14.3 16,13C17.26,13.65 18.62,14 20,14H22V12" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waveform.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waveform.svg
new file mode 100644
index 00000000..09ba63ba
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waveform.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waveform" viewBox="0 0 24 24"><path d="M22 12L20 13L19 14L18 13L17 16L16 13L15 21L14 13L13 15L12 13L11 17L10 13L9 22L8 13L7 19L6 13L5 14L4 13L2 12L4 11L5 10L6 11L7 5L8 11L9 2L10 11L11 7L12 11L13 9L14 11L15 3L16 11L17 8L18 11L19 10L20 11L22 12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-left.svg
new file mode 100644
index 00000000..eddda2fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waves-arrow-left" viewBox="0 0 24 24"><path d="M4 14C5.39 14 6.78 13.53 8 12.67C10.44 14.38 13.56 14.38 16 12.67C17.22 13.53 18.61 14 20 14H22V16H20C18.63 16 17.26 15.65 16 15C13.5 16.3 10.5 16.3 8 15C6.74 15.65 5.38 16 4 16H2V14H4M8 18.67C10.44 20.38 13.56 20.38 16 18.67C17.22 19.53 18.61 20 20 20H22V22H20C18.63 22 17.26 21.65 16 21C13.5 22.3 10.5 22.3 8 21C6.74 21.65 5.38 22 4 22H2V20H4C5.39 20 6.78 19.53 8 18.67M6 10V7H11V5H6V2L2 6" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-right.svg
new file mode 100644
index 00000000..8b34c29a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waves-arrow-right" viewBox="0 0 24 24"><path d="M20 14H22V16H20C18.62 16 17.26 15.65 16 15C13.5 16.3 10.5 16.3 8 15C6.74 15.65 5.37 16 4 16H2V14H4C5.39 14 6.78 13.53 8 12.67C10.44 14.38 13.56 14.38 16 12.67C17.22 13.53 18.61 14 20 14M20 20H22V22H20C18.62 22 17.26 21.65 16 21C13.5 22.3 10.5 22.3 8 21C6.74 21.65 5.37 22 4 22H2V20H4C5.39 20 6.78 19.53 8 18.67C10.44 20.38 13.56 20.38 16 18.67C17.22 19.53 18.61 20 20 20M22 6L18 2V5H13V7H18V10" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-up.svg
new file mode 100644
index 00000000..116758e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waves-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waves-arrow-up" viewBox="0 0 24 24"><path d="M20 14H22V16H20C18.62 16 17.26 15.65 16 15C13.5 16.3 10.5 16.3 8 15C6.74 15.65 5.37 16 4 16H2V14H4C5.39 14 6.78 13.53 8 12.67C10.44 14.38 13.56 14.38 16 12.67C17.22 13.53 18.61 14 20 14M20 20H22V22H20C18.62 22 17.26 21.65 16 21C13.5 22.3 10.5 22.3 8 21C6.74 21.65 5.37 22 4 22H2V20H4C5.39 20 6.78 19.53 8 18.67C10.44 20.38 13.56 20.38 16 18.67C17.22 19.53 18.61 20 20 20M7 2L3 6H6V11H8V6H11M17 2L13 6H16V11H18V6H21" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waves.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waves.svg
new file mode 100644
index 00000000..5a5bb762
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waves.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waves" viewBox="0 0 24 24"><path d="M20,12H22V14H20C18.62,14 17.26,13.65 16,13C13.5,14.3 10.5,14.3 8,13C6.74,13.65 5.37,14 4,14H2V12H4C5.39,12 6.78,11.53 8,10.67C10.44,12.38 13.56,12.38 16,10.67C17.22,11.53 18.61,12 20,12M20,6H22V8H20C18.62,8 17.26,7.65 16,7C13.5,8.3 10.5,8.3 8,7C6.74,7.65 5.37,8 4,8H2V6H4C5.39,6 6.78,5.53 8,4.67C10.44,6.38 13.56,6.38 16,4.67C17.22,5.53 18.61,6 20,6M20,18H22V20H20C18.62,20 17.26,19.65 16,19C13.5,20.3 10.5,20.3 8,19C6.74,19.65 5.37,20 4,20H2V18H4C5.39,18 6.78,17.53 8,16.67C10.44,18.38 13.56,18.38 16,16.67C17.22,17.53 18.61,18 20,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/waze.svg b/apps/phoenix_webcomponent/priv/mdi/svg/waze.svg
new file mode 100644
index 00000000..0979d2fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/waze.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-waze" viewBox="0 0 24 24"><path d="M20.54,6.63C21.23,7.57 21.69,8.67 21.89,9.82C22.1,11.07 22,12.34 21.58,13.54C21.18,14.71 20.5,15.76 19.58,16.6C18.91,17.24 18.15,17.77 17.32,18.18C17.73,19.25 17.19,20.45 16.12,20.86C15.88,20.95 15.63,21 15.38,21C14.27,21 13.35,20.11 13.31,19C13.05,19 10.73,19 10.24,19C10.13,20.14 9.11,21 7.97,20.87C6.91,20.77 6.11,19.89 6.09,18.83C6.1,18.64 6.13,18.44 6.19,18.26C4.6,17.73 3.21,16.74 2.19,15.41C1.86,14.97 1.96,14.34 2.42,14C2.6,13.86 2.82,13.78 3.05,13.78C3.77,13.78 4.05,13.53 4.22,13.15C4.46,12.43 4.6,11.68 4.61,10.92C4.64,10.39 4.7,9.87 4.78,9.35C5.13,7.62 6.1,6.07 7.5,5C9.16,3.7 11.19,3 13.29,3C14.72,3 16.13,3.35 17.4,4C18.64,4.62 19.71,5.5 20.54,6.63M16.72,17.31C18.5,16.5 19.9,15.04 20.59,13.21C22.21,8.27 18,4.05 13.29,4.05C12.94,4.05 12.58,4.07 12.23,4.12C9.36,4.5 6.4,6.5 5.81,9.5C5.43,11.5 6,14.79 3.05,14.79C4,16 5.32,16.93 6.81,17.37C7.66,16.61 8.97,16.69 9.74,17.55C9.85,17.67 9.94,17.8 10,17.94C10.59,17.94 13.2,17.94 13.55,17.94C14.07,16.92 15.33,16.5 16.35,17.04C16.5,17.12 16.6,17.21 16.72,17.31M10.97,10.31C10.39,10.34 9.88,9.9 9.85,9.31C9.82,8.73 10.27,8.23 10.85,8.19C11.43,8.16 11.94,8.61 11.97,9.25C12,9.8 11.56,10.27 11,10.29L10.97,10.31M15.66,10.31C15.08,10.34 14.57,9.9 14.54,9.31C14.5,8.73 14.96,8.23 15.54,8.19C16.12,8.16 16.63,8.61 16.66,9.25C16.68,9.8 16.25,10.27 15.66,10.29V10.31M9.71,12.07C9.65,11.79 9.84,11.5 10.12,11.45C10.4,11.4 10.68,11.58 10.74,11.86V11.86C11.09,12.97 12.16,13.69 13.32,13.6C14.46,13.66 15.5,12.96 15.89,11.88C16.03,11.62 16.35,11.5 16.6,11.65C16.78,11.75 16.89,11.92 16.89,12.12C16.7,12.83 16.26,13.45 15.66,13.88C14.97,14.36 14.16,14.63 13.32,14.64H13.21C11.58,14.71 10.11,13.64 9.68,12.06L9.71,12.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-alert.svg
new file mode 100644
index 00000000..5b597e2f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-cloudy-alert" viewBox="0 0 24 24"><path d="M6,19A5,5 0 0,1 1,14A5,5 0 0,1 6,9C7,6.65 9.3,5 12,5C15.43,5 18.24,7.66 18.5,11.03L19,11A4,4 0 0,1 23,15A4,4 0 0,1 19,19H6M19,13H17V12A5,5 0 0,0 12,7C9.5,7 7.45,8.82 7.06,11.19C6.73,11.07 6.37,11 6,11A3,3 0 0,0 3,14A3,3 0 0,0 6,17H19A2,2 0 0,0 21,15A2,2 0 0,0 19,13M13,12H11V8H13V12M13,16H11V14H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-arrow-right.svg
new file mode 100644
index 00000000..7d90dadf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-cloudy-arrow-right" viewBox="0 0 24 24"><path d="M6,7L6.69,7.06C7.32,4.72 9.46,3 12,3A5.5,5.5 0 0,1 17.5,8.5L17.42,9.45C17.88,9.16 18.42,9 19,9A3,3 0 0,1 22,12A3,3 0 0,1 19,15H6A4,4 0 0,1 2,11A4,4 0 0,1 6,7M6,9A2,2 0 0,0 4,11A2,2 0 0,0 6,13H19A1,1 0 0,0 20,12A1,1 0 0,0 19,11H15.5V8.5A3.5,3.5 0 0,0 12,5A3.5,3.5 0 0,0 8.5,8.5V9H6M22,19L19,22V20H2V18H19V16L22,19" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-clock.svg
new file mode 100644
index 00000000..4bc81fe3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-cloudy-clock" viewBox="0 0 24 24"><path d="M15 13H16.5V15.82L18.94 17.23L18.19 18.53L15 16.69V13M18.13 9.33C17.23 6.81 14.83 5 12 5C9.3 5 7 6.65 6 9C3.24 9 1 11.24 1 14S3.24 19 6 19H9.68C10.81 21.36 13.21 23 16 23C19.87 23 23 19.87 23 16C23 12.88 20.96 10.24 18.13 9.33M6 17C4.34 17 3 15.66 3 14S4.34 11 6 11C6.37 11 6.73 11.07 7.06 11.19C7.45 8.82 9.5 7 12 7C13.63 7 15.07 7.79 16 9C12.12 9 9 12.14 9 16C9 16.34 9.03 16.67 9.08 17H6M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy.svg
new file mode 100644
index 00000000..c0a3a990
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-cloudy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-cloudy" viewBox="0 0 24 24"><path d="M6,19A5,5 0 0,1 1,14A5,5 0 0,1 6,9C7,6.65 9.3,5 12,5C15.43,5 18.24,7.66 18.5,11.03L19,11A4,4 0 0,1 23,15A4,4 0 0,1 19,19H6M19,13H17V12A5,5 0 0,0 12,7C9.5,7 7.45,8.82 7.06,11.19C6.73,11.07 6.37,11 6,11A3,3 0 0,0 3,14A3,3 0 0,0 6,17H19A2,2 0 0,0 21,15A2,2 0 0,0 19,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-dust.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-dust.svg
new file mode 100644
index 00000000..2daad581
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-dust.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-dust" viewBox="0 0 24 24"><path d="M3 5C3 4.4 3.4 4 4 4H5C5.6 4 6 4.4 6 5S5.6 6 5 6H4C3.4 6 3 5.6 3 5M4 13C4 12.4 4.4 12 5 12H6C6.6 12 7 12.4 7 13S6.6 14 6 14H5C4.4 14 4 13.6 4 13M4 16C3.4 16 3 16.4 3 17S3.4 18 4 18H9C9.6 18 10 17.6 10 17S9.6 16 9 16H4M18 5C18 4.4 18.4 4 19 4H21C21.6 4 22 4.4 22 5S21.6 6 21 6H19C18.4 6 18 5.6 18 5M7 20C6.4 20 6 20.4 6 21S6.4 22 7 22H11C11.6 22 12 21.6 12 21S11.6 20 11 20H7M3 10C2.4 10 2 9.6 2 9S2.4 8 3 8H12C13.1 8 14 7.1 14 6S13.1 4 12 4C11.4 4 10.9 4.2 10.6 4.6C10.2 5 9.6 5 9.2 4.6C8.8 4.2 8.8 3.6 9.2 3.2C9.9 2.5 10.9 2 12 2C14.2 2 16 3.8 16 6S14.2 10 12 10H3M19 12C19.6 12 20 11.6 20 11S19.6 10 19 10C18.7 10 18.5 10.1 18.3 10.3C17.9 10.7 17.3 10.7 16.9 10.3C16.5 9.9 16.5 9.3 16.9 8.9C17.4 8.3 18.2 8 19 8C20.7 8 22 9.3 22 11S20.7 14 19 14H10C9.4 14 9 13.6 9 13S9.4 12 10 12H19M18 18H13C12.4 18 12 17.6 12 17S12.4 16 13 16H18C19.7 16 21 17.3 21 19S19.7 22 18 22C17.2 22 16.4 21.7 15.9 21.1C15.5 20.7 15.5 20.1 15.9 19.7C16.3 19.3 16.9 19.3 17.3 19.7C17.5 19.9 17.7 20 18 20C18.6 20 19 19.6 19 19S18.6 18 18 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-fog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-fog.svg
new file mode 100644
index 00000000..2b1cd702
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-fog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-fog" viewBox="0 0 24 24"><path d="M3,15H13A1,1 0 0,1 14,16A1,1 0 0,1 13,17H3A1,1 0 0,1 2,16A1,1 0 0,1 3,15M16,15H21A1,1 0 0,1 22,16A1,1 0 0,1 21,17H16A1,1 0 0,1 15,16A1,1 0 0,1 16,15M1,12A5,5 0 0,1 6,7C7,4.65 9.3,3 12,3C15.43,3 18.24,5.66 18.5,9.03L19,9C21.19,9 22.97,10.76 23,13H21A2,2 0 0,0 19,11H17V10A5,5 0 0,0 12,5C9.5,5 7.45,6.82 7.06,9.19C6.73,9.07 6.37,9 6,9A3,3 0 0,0 3,12C3,12.35 3.06,12.69 3.17,13H1.1L1,12M3,19H5A1,1 0 0,1 6,20A1,1 0 0,1 5,21H3A1,1 0 0,1 2,20A1,1 0 0,1 3,19M8,19H21A1,1 0 0,1 22,20A1,1 0 0,1 21,21H8A1,1 0 0,1 7,20A1,1 0 0,1 8,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-hail.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hail.svg
new file mode 100644
index 00000000..36700556
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-hail" viewBox="0 0 24 24"><path d="M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M10,18A2,2 0 0,1 12,20A2,2 0 0,1 10,22A2,2 0 0,1 8,20A2,2 0 0,1 10,18M14.5,16A1.5,1.5 0 0,1 16,17.5A1.5,1.5 0 0,1 14.5,19A1.5,1.5 0 0,1 13,17.5A1.5,1.5 0 0,1 14.5,16M10.5,12A1.5,1.5 0 0,1 12,13.5A1.5,1.5 0 0,1 10.5,15A1.5,1.5 0 0,1 9,13.5A1.5,1.5 0 0,1 10.5,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-hazy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hazy.svg
new file mode 100644
index 00000000..bc282f48
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hazy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-hazy" viewBox="0 0 24 24"><path d="M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64M14,15A1,1 0 0,0 13,14H3A1,1 0 0,0 2,15A1,1 0 0,0 3,16H13A1,1 0 0,0 14,15M22,15A1,1 0 0,0 21,14H17A1,1 0 0,0 16,15A1,1 0 0,0 17,16H21A1,1 0 0,0 22,15M10,19A1,1 0 0,0 11,20H20A1,1 0 0,0 21,19A1,1 0 0,0 20,18H11A1,1 0 0,0 10,19M3,19A1,1 0 0,0 4,20H7A1,1 0 0,0 8,19A1,1 0 0,0 7,18H4A1,1 0 0,0 3,19M12,9A3,3 0 0,1 15,12H17A5,5 0 0,0 12,7A5,5 0 0,0 7,12H9A3,3 0 0,1 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-hurricane.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hurricane.svg
new file mode 100644
index 00000000..3e1a43a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-hurricane.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-hurricane" viewBox="0 0 24 24"><path d="M15,6.79C16.86,7.86 18,9.85 18,12C18,22 6,22 6,22C7.25,21.06 8.38,19.95 9.34,18.71C9.38,18.66 9.41,18.61 9.44,18.55C9.69,18.06 9.5,17.46 9,17.21C7.14,16.14 6,14.15 6,12C6,2 18,2 18,2C16.75,2.94 15.62,4.05 14.66,5.29C14.62,5.34 14.59,5.39 14.56,5.45C14.31,5.94 14.5,6.54 15,6.79M12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning-rainy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning-rainy.svg
new file mode 100644
index 00000000..59aed814
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning-rainy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-lightning-rainy" viewBox="0 0 24 24"><path d="M4.5,13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.44 4,15.6 3.5,15.33V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59M9.5,11H12.5L10.5,15H12.5L8.75,22L9.5,17H7L9.5,11M17.5,18.67C17.5,19.96 16.5,21 15.25,21C14,21 13,19.96 13,18.67C13,17.12 15.25,14.5 15.25,14.5C15.25,14.5 17.5,17.12 17.5,18.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning.svg
new file mode 100644
index 00000000..3b159c42
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-lightning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-lightning" viewBox="0 0 24 24"><path d="M6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14H7A1,1 0 0,1 8,15A1,1 0 0,1 7,16H6M12,11H15L13,15H15L11.25,22L12,17H9.5L12,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-night-partly-cloudy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-night-partly-cloudy.svg
new file mode 100644
index 00000000..b8b9eb5c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-night-partly-cloudy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-night-partly-cloudy" viewBox="0 0 24 24"><path d="M22,10.28C21.74,10.3 21.5,10.31 21.26,10.31C19.32,10.31 17.39,9.57 15.91,8.09C14.25,6.44 13.5,4.19 13.72,2C13.77,1.53 13.22,1 12.71,1C12.57,1 12.44,1.04 12.32,1.12C12,1.36 11.66,1.64 11.36,1.94C9.05,4.24 8.55,7.66 9.84,10.46C8.31,11.11 7.13,12.43 6.69,14.06L6,14A4,4 0 0,0 2,18A4,4 0 0,0 6,22H19A3,3 0 0,0 22,19A3,3 0 0,0 19,16C18.42,16 17.88,16.16 17.42,16.45L17.5,15.5C17.5,15.28 17.5,15.05 17.46,14.83C19.14,14.67 20.77,13.94 22.06,12.64C22.38,12.34 22.64,12 22.88,11.68C23.27,11.13 22.65,10.28 22.04,10.28M19,18A1,1 0 0,1 20,19A1,1 0 0,1 19,20H6A2,2 0 0,1 4,18A2,2 0 0,1 6,16H8.5V15.5C8.5,13.94 9.53,12.64 10.94,12.18C11.1,12.13 11.26,12.09 11.43,12.06C11.61,12.03 11.8,12 12,12C12.23,12 12.45,12.03 12.66,12.07C12.73,12.08 12.8,12.1 12.87,12.13C13,12.16 13.15,12.2 13.28,12.25C13.36,12.28 13.44,12.32 13.5,12.36C13.63,12.41 13.74,12.47 13.84,12.54C13.92,12.59 14,12.64 14.07,12.7C14.17,12.77 14.25,12.84 14.34,12.92C14.41,13 14.5,13.05 14.55,13.12C14.63,13.2 14.69,13.29 14.76,13.37C14.82,13.45 14.89,13.53 14.94,13.62C15,13.71 15.04,13.8 15.09,13.9C15.14,14 15.2,14.08 15.24,14.18C15.41,14.59 15.5,15.03 15.5,15.5V18M16.83,12.86C15.9,11.16 14.08,10 12,10H11.87C11.41,9.19 11.14,8.26 11.14,7.29C11.14,6.31 11.39,5.37 11.86,4.55C12.21,6.41 13.12,8.14 14.5,9.5C15.86,10.88 17.58,11.79 19.45,12.14C18.66,12.6 17.76,12.84 16.83,12.86Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-night.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-night.svg
new file mode 100644
index 00000000..01b5cecf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-night.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-night" viewBox="0 0 24 24"><path d="M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-cloudy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-cloudy.svg
new file mode 100644
index 00000000..7cdb9cce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-cloudy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-partly-cloudy" viewBox="0 0 24 24"><path d="M12.74,5.47C15.1,6.5 16.35,9.03 15.92,11.46C17.19,12.56 18,14.19 18,16V16.17C18.31,16.06 18.65,16 19,16A3,3 0 0,1 22,19A3,3 0 0,1 19,22H6A4,4 0 0,1 2,18A4,4 0 0,1 6,14H6.27C5,12.45 4.6,10.24 5.5,8.26C6.72,5.5 9.97,4.24 12.74,5.47M11.93,7.3C10.16,6.5 8.09,7.31 7.31,9.07C6.85,10.09 6.93,11.22 7.41,12.13C8.5,10.83 10.16,10 12,10C12.7,10 13.38,10.12 14,10.34C13.94,9.06 13.18,7.86 11.93,7.3M13.55,3.64C13,3.4 12.45,3.23 11.88,3.12L14.37,1.82L15.27,4.71C14.76,4.29 14.19,3.93 13.55,3.64M6.09,4.44C5.6,4.79 5.17,5.19 4.8,5.63L4.91,2.82L7.87,3.5C7.25,3.71 6.65,4.03 6.09,4.44M18,9.71C17.91,9.12 17.78,8.55 17.59,8L19.97,9.5L17.92,11.73C18.03,11.08 18.05,10.4 18,9.71M3.04,11.3C3.11,11.9 3.24,12.47 3.43,13L1.06,11.5L3.1,9.28C3,9.93 2.97,10.61 3.04,11.3M19,18H16V16A4,4 0 0,0 12,12A4,4 0 0,0 8,16H6A2,2 0 0,0 4,18A2,2 0 0,0 6,20H19A1,1 0 0,0 20,19A1,1 0 0,0 19,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-lightning.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-lightning.svg
new file mode 100644
index 00000000..78207ae1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-lightning.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-partly-lightning" viewBox="0 0 24 24"><path d="M19,15C18.65,15 18.31,15.06 18,15.17V15C18,13.19 17.19,11.56 15.92,10.46C16.35,8.03 15.1,5.5 12.75,4.47C9.97,3.24 6.72,4.5 5.5,7.25C4.6,9.24 5,11.45 6.27,13H6A4,4 0 0,0 2,17A4,4 0 0,0 6,21H7C7,21 8,21 8,20C8,19 7,19 7,19H6A2,2 0 0,1 4,17A2,2 0 0,1 6,15H8A4,4 0 0,1 12,11A4,4 0 0,1 16,15V17H19A1,1 0 0,1 20,18A1,1 0 0,1 19,19H17C17,19 16,19 16,20C16,21 17,21 17,21H19A3,3 0 0,0 22,18A3,3 0 0,0 19,15M12,9C10.16,9 8.5,9.83 7.41,11.13C6.93,10.22 6.85,9.09 7.31,8.07C8.09,6.31 10.16,5.5 11.93,6.3C13.18,6.86 13.94,8.06 14,9.34C13.38,9.12 12.7,9 12,9M13.55,2.63C13,2.4 12.45,2.23 11.88,2.12L14.37,0.82L15.27,3.71C14.76,3.29 14.19,2.93 13.55,2.63M6.09,3.44C5.6,3.79 5.17,4.19 4.8,4.63L4.91,1.82L7.87,2.5C7.25,2.71 6.65,3.03 6.09,3.44M18,8.71C17.91,8.12 17.78,7.55 17.59,7L19.97,8.5L17.92,10.73C18.03,10.08 18.05,9.4 18,8.71M3.04,10.3C3.11,10.9 3.25,11.47 3.43,12L1.06,10.5L3.1,8.28C3,8.93 2.97,9.61 3.04,10.3M11.8,15H14.25L12.61,18.27H14.25L11.18,24L11.8,19.91H9.75" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-rainy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-rainy.svg
new file mode 100644
index 00000000..ecae742f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-rainy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-partly-rainy" viewBox="0 0 24 24"><path d="M12.75,4.47C15.1,5.5 16.35,8.03 15.92,10.46C17.19,11.56 18,13.19 18,15V15.17C18.31,15.06 18.65,15 19,15A3,3 0 0,1 22,18A3,3 0 0,1 19,21H17C17,21 16,21 16,20C16,19 17,19 17,19H19A1,1 0 0,0 20,18A1,1 0 0,0 19,17H16V15A4,4 0 0,0 12,11A4,4 0 0,0 8,15H6A2,2 0 0,0 4,17A2,2 0 0,0 6,19H7C7,19 8,19 8,20C8,21 7,21 7,21H6A4,4 0 0,1 2,17A4,4 0 0,1 6,13H6.27C5,11.45 4.6,9.24 5.5,7.25C6.72,4.5 9.97,3.24 12.75,4.47M11.93,6.3C10.16,5.5 8.09,6.31 7.31,8.07C6.85,9.09 6.93,10.22 7.41,11.13C8.5,9.83 10.16,9 12,9C12.7,9 13.38,9.12 14,9.34C13.94,8.06 13.18,6.86 11.93,6.3M13.55,2.63C13,2.4 12.45,2.23 11.88,2.12L14.37,0.82L15.27,3.71C14.76,3.29 14.19,2.93 13.55,2.63M6.09,3.44C5.6,3.79 5.17,4.19 4.8,4.63L4.91,1.82L7.87,2.5C7.25,2.71 6.65,3.03 6.09,3.44M18,8.71C17.91,8.12 17.78,7.55 17.59,7L19.97,8.5L17.92,10.73C18.03,10.08 18.05,9.4 18,8.71M3.04,10.3C3.11,10.9 3.25,11.47 3.43,12L1.06,10.5L3.1,8.28C3,8.93 2.97,9.61 3.04,10.3M12,18.91C12.59,19.82 13,20.63 13,21A1,1 0 0,1 12,22A1,1 0 0,1 11,21C11,20.63 11.41,19.82 12,18.91M12,15.62C12,15.62 9,19 9,21A3,3 0 0,0 12,24A3,3 0 0,0 15,21C15,19 12,15.62 12,15.62Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy-rainy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy-rainy.svg
new file mode 100644
index 00000000..f9b38291
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy-rainy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-partly-snowy-rainy" viewBox="0 0 24 24"><path d="M13.55,2.66C13,2.42 12.45,2.26 11.88,2.15L14.37,0.84L15.27,3.73C14.76,3.31 14.19,2.95 13.55,2.66M6.09,3.46C5.6,3.81 5.17,4.21 4.8,4.66L4.91,1.84L7.87,2.53C7.25,2.73 6.65,3.05 6.09,3.46M18,8.73C17.91,8.15 17.78,7.57 17.59,7.03L19.97,8.53L17.92,10.76C18.03,10.1 18.05,9.42 18,8.73M3.04,10.32C3.11,10.92 3.25,11.5 3.43,12.03L1.06,10.53L3.1,8.3C3,8.95 2.97,9.64 3.04,10.32M16.68,22.21C16.68,23.2 15.91,24 14.95,24C14,24 13.23,23.2 13.23,22.21C13.23,21.03 14.95,19.03 14.95,19.03C14.95,19.03 16.68,21.03 16.68,22.21M6.03,21.45C5.93,21.07 6.15,20.68 6.54,20.58L8.13,20.15L6.96,19C6.68,18.72 6.68,18.27 6.96,18C7.23,17.7 7.7,17.7 8,18L9.14,19.14L9.55,17.56C9.65,17.17 10.05,16.94 10.43,17.05C10.82,17.15 11.05,17.55 10.93,17.93L10.5,19.5L12.1,19.1C12.5,19 12.88,19.21 13,19.6C13.08,19.97 12.86,20.37 12.47,20.47L10.89,20.89L12.05,22.05C12.33,22.32 12.33,22.79 12.05,23.07C11.77,23.35 11.31,23.35 11.03,23.07L9.87,21.9L9.45,23.5C9.35,23.88 8.95,24.1 8.57,24C8.18,23.9 7.97,23.5 8.06,23.12L8.5,21.55L6.91,21.96C6.5,22.06 6.13,21.84 6.03,21.45M19,15.03C18.65,15.03 18.31,15.08 18,15.19V15.03C18,13.21 17.19,11.58 15.92,10.5C16.35,8.05 15.1,5.53 12.75,4.5C9.97,3.27 6.72,4.53 5.5,7.28C4.6,9.27 5,11.47 6.27,13.03H6C3.79,13.03 2,14.81 2,17.03C2,18.17 2.5,19.2 3.27,19.93V19.93C3.27,19.93 3.97,20.64 4.68,19.93C5.39,19.22 4.68,18.5 4.68,18.5C4.27,18.15 4,17.62 4,17.03C4,15.92 4.9,15.03 6,15.03H8C8,12.81 9.79,11.03 12,11.03A4,4 0 0,1 16,15.03V17.03H19A1,1 0 0,1 20,18.03C20,18.57 19.55,19.03 19,19.03H18C18,19.03 17,19.03 17,20.03C17,21.03 18,21.03 18,21.03H19A3,3 0 0,0 22,18.03C22,16.37 20.66,15.03 19,15.03M12,9.03C10.16,9.03 8.5,9.85 7.41,11.16C6.93,10.25 6.85,9.11 7.31,8.09C8.09,6.33 10.16,5.53 11.93,6.32C13.18,6.89 13.94,8.08 14,9.37C13.38,9.15 12.7,9.03 12,9.03Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy.svg
new file mode 100644
index 00000000..0e65f6a9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-partly-snowy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-partly-snowy" viewBox="0 0 24 24"><path d="M6,19.03A2,2 0 0,1 4,17.03C4,15.92 4.9,15.03 6,15.03H8C8,12.81 9.79,11.03 12,11.03A4,4 0 0,1 16,15.03V17.03H19A1,1 0 0,1 20,18.03C20,18.57 19.55,19.03 19,19.03H17C17,19.03 16,19.03 16,20.03C16,21.03 17,21.03 17,21.03H19A3,3 0 0,0 22,18.03C22,16.37 20.66,15.03 19,15.03C18.65,15.03 18.31,15.08 18,15.19V15.03C18,13.21 17.19,11.58 15.92,10.5C16.35,8.05 15.1,5.53 12.75,4.5C9.97,3.27 6.72,4.53 5.5,7.28C4.6,9.27 5,11.47 6.27,13.03H6C3.79,13.03 2,14.81 2,17.03A4,4 0 0,0 6,21.03C6,21.03 7,21.03 7,20.03C7,19.03 6,19.03 6,19.03M12,9.03C10.16,9.03 8.5,9.85 7.41,11.16C6.93,10.25 6.85,9.11 7.31,8.09C8.09,6.33 10.16,5.53 11.93,6.32C13.18,6.89 13.94,8.08 14,9.37C13.38,9.15 12.7,9.03 12,9.03M13.55,2.66C13,2.42 12.45,2.26 11.88,2.15L14.37,0.84L15.27,3.73C14.76,3.31 14.19,2.95 13.55,2.66M6.09,3.46C5.6,3.81 5.17,4.21 4.8,4.66L4.91,1.84L7.87,2.53C7.25,2.73 6.65,3.05 6.09,3.46M18,8.73C17.91,8.15 17.78,7.57 17.59,7.03L19.97,8.53L17.92,10.76C18.03,10.1 18.05,9.42 18,8.73M3.04,10.32C3.11,10.92 3.25,11.5 3.43,12.03L1.06,10.53L3.1,8.3C3,8.95 2.97,9.64 3.04,10.32M8.03,21.45C8.13,21.84 8.53,22.06 8.91,21.96L10.5,21.54L10.06,23.11C9.96,23.5 10.19,23.9 10.57,24C10.95,24.1 11.35,23.87 11.45,23.5L11.87,21.91L13.03,23.07C13.3,23.35 13.77,23.35 14.05,23.07C14.33,22.79 14.33,22.32 14.05,22.05L12.89,20.88L14.47,20.47C14.85,20.37 15.08,19.97 15,19.59C14.88,19.21 14.5,19 14.09,19.08L12.5,19.5L12.94,17.93C13.04,17.54 12.82,17.15 12.43,17.05C12.05,16.95 11.66,17.17 11.55,17.56L11.14,19.14L10,17.97C9.7,17.69 9.23,17.69 8.95,17.97C8.68,18.27 8.68,18.72 8.95,19L10.11,20.16L8.54,20.57C8.15,20.68 7.93,21.07 8.03,21.45Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-pouring.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-pouring.svg
new file mode 100644
index 00000000..2d40982f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-pouring.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-pouring" viewBox="0 0 24 24"><path d="M9,12C9.53,12.14 9.85,12.69 9.71,13.22L8.41,18.05C8.27,18.59 7.72,18.9 7.19,18.76C6.65,18.62 6.34,18.07 6.5,17.54L7.78,12.71C7.92,12.17 8.47,11.86 9,12M13,12C13.53,12.14 13.85,12.69 13.71,13.22L11.64,20.95C11.5,21.5 10.95,21.8 10.41,21.66C9.88,21.5 9.56,20.97 9.7,20.43L11.78,12.71C11.92,12.17 12.47,11.86 13,12M17,12C17.53,12.14 17.85,12.69 17.71,13.22L16.41,18.05C16.27,18.59 15.72,18.9 15.19,18.76C14.65,18.62 14.34,18.07 14.5,17.54L15.78,12.71C15.92,12.17 16.47,11.86 17,12M17,10V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,12.11 3.6,13.08 4.5,13.6V13.59C5,13.87 5.14,14.5 4.87,14.96C4.59,15.43 4,15.6 3.5,15.32V15.33C2,14.47 1,12.85 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12C23,13.5 22.2,14.77 21,15.46V15.46C20.5,15.73 19.91,15.57 19.63,15.09C19.36,14.61 19.5,14 20,13.72V13.73C20.6,13.39 21,12.74 21,12A2,2 0 0,0 19,10H17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-rainy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-rainy.svg
new file mode 100644
index 00000000..e8d11cf6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-rainy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-rainy" viewBox="0 0 24 24"><path d="M6,14.03A1,1 0 0,1 7,15.03C7,15.58 6.55,16.03 6,16.03C3.24,16.03 1,13.79 1,11.03C1,8.27 3.24,6.03 6,6.03C7,3.68 9.3,2.03 12,2.03C15.43,2.03 18.24,4.69 18.5,8.06L19,8.03A4,4 0 0,1 23,12.03C23,14.23 21.21,16.03 19,16.03H18C17.45,16.03 17,15.58 17,15.03C17,14.47 17.45,14.03 18,14.03H19A2,2 0 0,0 21,12.03A2,2 0 0,0 19,10.03H17V9.03C17,6.27 14.76,4.03 12,4.03C9.5,4.03 7.45,5.84 7.06,8.21C6.73,8.09 6.37,8.03 6,8.03A3,3 0 0,0 3,11.03A3,3 0 0,0 6,14.03M12,14.15C12.18,14.39 12.37,14.66 12.56,14.94C13,15.56 14,17.03 14,18C14,19.11 13.1,20 12,20A2,2 0 0,1 10,18C10,17.03 11,15.56 11.44,14.94C11.63,14.66 11.82,14.4 12,14.15M12,11.03L11.5,11.59C11.5,11.59 10.65,12.55 9.79,13.81C8.93,15.06 8,16.56 8,18A4,4 0 0,0 12,22A4,4 0 0,0 16,18C16,16.56 15.07,15.06 14.21,13.81C13.35,12.55 12.5,11.59 12.5,11.59" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-heavy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-heavy.svg
new file mode 100644
index 00000000..13237344
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-heavy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-snowy-heavy" viewBox="0 0 24 24"><path d="M4,16.36C3.86,15.82 4.18,15.25 4.73,15.11L7,14.5L5.33,12.86C4.93,12.46 4.93,11.81 5.33,11.4C5.73,11 6.4,11 6.79,11.4L8.45,13.05L9.04,10.8C9.18,10.24 9.75,9.92 10.29,10.07C10.85,10.21 11.17,10.78 11,11.33L10.42,13.58L12.67,13C13.22,12.83 13.79,13.15 13.93,13.71C14.08,14.25 13.76,14.82 13.2,14.96L10.95,15.55L12.6,17.21C13,17.6 13,18.27 12.6,18.67C12.2,19.07 11.54,19.07 11.15,18.67L9.5,17L8.89,19.27C8.75,19.83 8.18,20.14 7.64,20C7.08,19.86 6.77,19.29 6.91,18.74L7.5,16.5L5.26,17.09C4.71,17.23 4.14,16.92 4,16.36M1,10A5,5 0 0,1 6,5C7,2.65 9.3,1 12,1C15.43,1 18.24,3.66 18.5,7.03L19,7A4,4 0 0,1 23,11A4,4 0 0,1 19,15A1,1 0 0,1 18,14A1,1 0 0,1 19,13A2,2 0 0,0 21,11A2,2 0 0,0 19,9H17V8A5,5 0 0,0 12,3C9.5,3 7.45,4.82 7.06,7.19C6.73,7.07 6.37,7 6,7A3,3 0 0,0 3,10C3,10.85 3.35,11.61 3.91,12.16C4.27,12.55 4.26,13.16 3.88,13.54C3.5,13.93 2.85,13.93 2.47,13.54C1.56,12.63 1,11.38 1,10M14.03,20.43C14.13,20.82 14.5,21.04 14.91,20.94L16.5,20.5L16.06,22.09C15.96,22.5 16.18,22.87 16.57,22.97C16.95,23.08 17.35,22.85 17.45,22.46L17.86,20.89L19.03,22.05C19.3,22.33 19.77,22.33 20.05,22.05C20.33,21.77 20.33,21.3 20.05,21.03L18.89,19.86L20.46,19.45C20.85,19.35 21.08,18.95 20.97,18.57C20.87,18.18 20.5,17.96 20.09,18.06L18.5,18.5L18.94,16.91C19.04,16.5 18.82,16.13 18.43,16.03C18.05,15.92 17.65,16.15 17.55,16.54L17.14,18.11L15.97,16.95C15.7,16.67 15.23,16.67 14.95,16.95C14.67,17.24 14.67,17.7 14.95,17.97L16.11,19.14L14.54,19.55C14.15,19.65 13.92,20.05 14.03,20.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-rainy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-rainy.svg
new file mode 100644
index 00000000..9e536831
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy-rainy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-snowy-rainy" viewBox="0 0 24 24"><path d="M18.5,18.67C18.5,19.96 17.5,21 16.25,21C15,21 14,19.96 14,18.67C14,17.12 16.25,14.5 16.25,14.5C16.25,14.5 18.5,17.12 18.5,18.67M4,17.36C3.86,16.82 4.18,16.25 4.73,16.11L7,15.5L5.33,13.86C4.93,13.46 4.93,12.81 5.33,12.4C5.73,12 6.4,12 6.79,12.4L8.45,14.05L9.04,11.8C9.18,11.24 9.75,10.92 10.29,11.07C10.85,11.21 11.17,11.78 11,12.33L10.42,14.58L12.67,14C13.22,13.83 13.79,14.15 13.93,14.71C14.08,15.25 13.76,15.82 13.2,15.96L10.95,16.55L12.6,18.21C13,18.6 13,19.27 12.6,19.67C12.2,20.07 11.54,20.07 11.15,19.67L9.5,18L8.89,20.27C8.75,20.83 8.18,21.14 7.64,21C7.08,20.86 6.77,20.29 6.91,19.74L7.5,17.5L5.26,18.09C4.71,18.23 4.14,17.92 4,17.36M1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16A1,1 0 0,1 18,15A1,1 0 0,1 19,14A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11C3,11.85 3.35,12.61 3.91,13.16C4.27,13.55 4.26,14.16 3.88,14.54C3.5,14.93 2.85,14.93 2.47,14.54C1.56,13.63 1,12.38 1,11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy.svg
new file mode 100644
index 00000000..cf9585c5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-snowy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-snowy" viewBox="0 0 24 24"><path d="M6,14A1,1 0 0,1 7,15A1,1 0 0,1 6,16A5,5 0 0,1 1,11A5,5 0 0,1 6,6C7,3.65 9.3,2 12,2C15.43,2 18.24,4.66 18.5,8.03L19,8A4,4 0 0,1 23,12A4,4 0 0,1 19,16H18A1,1 0 0,1 17,15A1,1 0 0,1 18,14H19A2,2 0 0,0 21,12A2,2 0 0,0 19,10H17V9A5,5 0 0,0 12,4C9.5,4 7.45,5.82 7.06,8.19C6.73,8.07 6.37,8 6,8A3,3 0 0,0 3,11A3,3 0 0,0 6,14M7.88,18.07L10.07,17.5L8.46,15.88C8.07,15.5 8.07,14.86 8.46,14.46C8.85,14.07 9.5,14.07 9.88,14.46L11.5,16.07L12.07,13.88C12.21,13.34 12.76,13.03 13.29,13.17C13.83,13.31 14.14,13.86 14,14.4L13.41,16.59L15.6,16C16.14,15.86 16.69,16.17 16.83,16.71C16.97,17.24 16.66,17.79 16.12,17.93L13.93,18.5L15.54,20.12C15.93,20.5 15.93,21.15 15.54,21.54C15.15,21.93 14.5,21.93 14.12,21.54L12.5,19.93L11.93,22.12C11.79,22.66 11.24,22.97 10.71,22.83C10.17,22.69 9.86,22.14 10,21.6L10.59,19.41L8.4,20C7.86,20.14 7.31,19.83 7.17,19.29C7.03,18.76 7.34,18.21 7.88,18.07Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-alert.svg
new file mode 100644
index 00000000..8a3697e2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunny-alert" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,0 7,12A5,5 0 0,0 12,17A5,5 0 0,0 17,12A5,5 0 0,0 12,7M12,15A3,3 0 0,1 9,12A3,3 0 0,1 12,9A3,3 0 0,1 15,12A3,3 0 0,1 12,15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56M19,13V7H21V13H19M19,17V15H21V17" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-off.svg
new file mode 100644
index 00000000..4682beeb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunny-off" viewBox="0 0 24 24"><path d="M22.11 21.46L2.39 1.73L1.11 3L4.97 6.86L3.34 7L5.11 10.79C5.25 10 5.5 9.24 5.94 8.5C6 8.36 6.13 8.24 6.22 8.11L7.66 9.55C7.25 10.27 7 11.11 7 12C7 14.76 9.24 17 12 17C12.9 17 13.73 16.75 14.45 16.34L20.84 22.73L22.11 21.46M12 15C10.34 15 9 13.66 9 12C9 11.67 9.07 11.36 9.17 11.06L12.94 14.83C12.64 14.93 12.33 15 12 15M18.05 8.5C17.63 7.78 17.1 7.15 16.5 6.64L20.65 7L18.88 10.79C18.74 10 18.47 9.23 18.05 8.5M12 7C14.76 7 17 9.24 17 12C17 12.54 16.89 13.05 16.74 13.54L15 11.78C14.87 10.3 13.7 9.13 12.22 9L10.47 7.27C10.95 7.11 11.46 7 12 7M12 5C11.16 5 10.35 5.15 9.61 5.42L12 2L14.39 5.42C13.65 5.15 12.84 5 12 5M18.87 13.21L20.64 17L20.24 17.04L18.25 15.05C18.54 14.45 18.76 13.84 18.87 13.21M12 19C12.82 19 13.63 18.83 14.37 18.56L12 22L9.59 18.56C10.33 18.83 11.14 19 12 19M5.95 15.5C6.37 16.24 6.91 16.86 7.5 17.37L3.36 17L5.12 13.23C5.26 14 5.53 14.78 5.95 15.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny.svg
new file mode 100644
index 00000000..a584d1fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunny.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunny" viewBox="0 0 24 24"><path d="M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M3.36,17L5.12,13.23C5.26,14 5.53,14.78 5.95,15.5C6.37,16.24 6.91,16.86 7.5,17.37L3.36,17M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M20.64,17L16.5,17.36C17.09,16.85 17.62,16.22 18.04,15.5C18.46,14.77 18.73,14 18.87,13.21L20.64,17M12,22L9.59,18.56C10.33,18.83 11.14,19 12,19C12.82,19 13.63,18.83 14.37,18.56L12,22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-down.svg
new file mode 100644
index 00000000..9c91f597
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunset-down" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,20.71L15.82,17.6C16.21,17.21 16.21,16.57 15.82,16.18C15.43,15.79 14.8,15.79 14.41,16.18L12,18.59L9.59,16.18C9.2,15.79 8.57,15.79 8.18,16.18C7.79,16.57 7.79,17.21 8.18,17.6L11.29,20.71C11.5,20.9 11.74,21 12,21C12.26,21 12.5,20.9 12.71,20.71Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-up.svg
new file mode 100644
index 00000000..6bc90a7c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunset-up" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7M12.71,16.3L15.82,19.41C16.21,19.8 16.21,20.43 15.82,20.82C15.43,21.21 14.8,21.21 14.41,20.82L12,18.41L9.59,20.82C9.2,21.21 8.57,21.21 8.18,20.82C7.79,20.43 7.79,19.8 8.18,19.41L11.29,16.3C11.5,16.1 11.74,16 12,16C12.26,16 12.5,16.1 12.71,16.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset.svg
new file mode 100644
index 00000000..a84dc9ea
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-sunset.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-sunset" viewBox="0 0 24 24"><path d="M3,12H7A5,5 0 0,1 12,7A5,5 0 0,1 17,12H21A1,1 0 0,1 22,13A1,1 0 0,1 21,14H3A1,1 0 0,1 2,13A1,1 0 0,1 3,12M5,16H19A1,1 0 0,1 20,17A1,1 0 0,1 19,18H5A1,1 0 0,1 4,17A1,1 0 0,1 5,16M17,20A1,1 0 0,1 18,21A1,1 0 0,1 17,22H7A1,1 0 0,1 6,21A1,1 0 0,1 7,20H17M15,12A3,3 0 0,0 12,9A3,3 0 0,0 9,12H15M12,2L14.39,5.42C13.65,5.15 12.84,5 12,5C11.16,5 10.35,5.15 9.61,5.42L12,2M3.34,7L7.5,6.65C6.9,7.16 6.36,7.78 5.94,8.5C5.5,9.24 5.25,10 5.11,10.79L3.34,7M20.65,7L18.88,10.79C18.74,10 18.47,9.23 18.05,8.5C17.63,7.78 17.1,7.15 16.5,6.64L20.65,7Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-tornado.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-tornado.svg
new file mode 100644
index 00000000..bbc23a50
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-tornado.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-tornado" viewBox="0 0 24 24"><path d="M21,5H3A1,1 0 0,1 2,4A1,1 0 0,1 3,3H21A1,1 0 0,1 22,4A1,1 0 0,1 21,5M20,8A1,1 0 0,0 19,7H5A1,1 0 0,0 4,8A1,1 0 0,0 5,9H19A1,1 0 0,0 20,8M21,12A1,1 0 0,0 20,11H10A1,1 0 0,0 9,12A1,1 0 0,0 10,13H20A1,1 0 0,0 21,12M16,16A1,1 0 0,0 15,15H9A1,1 0 0,0 8,16A1,1 0 0,0 9,17H15A1,1 0 0,0 16,16M13,20A1,1 0 0,0 12,19H10A1,1 0 0,0 9,20A1,1 0 0,0 10,21H12A1,1 0 0,0 13,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy-variant.svg
new file mode 100644
index 00000000..105eda03
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-windy-variant" viewBox="0 0 24 24"><path d="M6,6L6.69,6.06C7.32,3.72 9.46,2 12,2A5.5,5.5 0 0,1 17.5,7.5L17.42,8.45C17.88,8.16 18.42,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H6A4,4 0 0,1 2,10A4,4 0 0,1 6,6M6,8A2,2 0 0,0 4,10A2,2 0 0,0 6,12H19A1,1 0 0,0 20,11A1,1 0 0,0 19,10H15.5V7.5A3.5,3.5 0 0,0 12,4A3.5,3.5 0 0,0 8.5,7.5V8H6M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy.svg
new file mode 100644
index 00000000..dfc89e69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weather-windy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weather-windy" viewBox="0 0 24 24"><path d="M4,10A1,1 0 0,1 3,9A1,1 0 0,1 4,8H12A2,2 0 0,0 14,6A2,2 0 0,0 12,4C11.45,4 10.95,4.22 10.59,4.59C10.2,5 9.56,5 9.17,4.59C8.78,4.2 8.78,3.56 9.17,3.17C9.9,2.45 10.9,2 12,2A4,4 0 0,1 16,6A4,4 0 0,1 12,10H4M19,12A1,1 0 0,0 20,11A1,1 0 0,0 19,10C18.72,10 18.47,10.11 18.29,10.29C17.9,10.68 17.27,10.68 16.88,10.29C16.5,9.9 16.5,9.27 16.88,8.88C17.42,8.34 18.17,8 19,8A3,3 0 0,1 22,11A3,3 0 0,1 19,14H5A1,1 0 0,1 4,13A1,1 0 0,1 5,12H19M18,18H4A1,1 0 0,1 3,17A1,1 0 0,1 4,16H18A3,3 0 0,1 21,19A3,3 0 0,1 18,22C17.17,22 16.42,21.66 15.88,21.12C15.5,20.73 15.5,20.1 15.88,19.71C16.27,19.32 16.9,19.32 17.29,19.71C17.47,19.89 17.72,20 18,20A1,1 0 0,0 19,19A1,1 0 0,0 18,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-box.svg
new file mode 100644
index 00000000..17c64993
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-box" viewBox="0 0 24 24"><path d="M8.95 13.4H6.58A5.5 5.5 0 0 1 6.58 10.6H8.95A11.56 11.56 0 0 0 8.85 12A11.56 11.56 0 0 0 8.95 13.4M7.16 9.2H9.2A12.06 12.06 0 0 1 10.18 6.71A5.55 5.55 0 0 0 7.16 9.2M16.84 9.2A5.59 5.59 0 0 0 13.81 6.71A10.95 10.95 0 0 1 14.78 9.2M12 17.57A9.5 9.5 0 0 0 13.34 14.8H10.66A9.5 9.5 0 0 0 12 17.57M12 6.42A9.53 9.53 0 0 0 10.66 9.2H13.34A9.53 9.53 0 0 0 12 6.42M7.16 14.8A5.61 5.61 0 0 0 10.18 17.29A12.06 12.06 0 0 1 9.2 14.8M21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19A2 2 0 0 1 21 5M19 12A7 7 0 1 0 12 19A7 7 0 0 0 19 12M15.15 12A11.56 11.56 0 0 1 15.05 13.4H17.42A5.5 5.5 0 0 0 17.42 10.6H15.05A11.56 11.56 0 0 1 15.15 12M13.81 17.29A5.62 5.62 0 0 0 16.84 14.8H14.78A10.95 10.95 0 0 1 13.81 17.29M10.36 10.6A8.81 8.81 0 0 0 10.36 13.4H13.64A10.3 10.3 0 0 0 13.75 12A10.21 10.21 0 0 0 13.64 10.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-cancel.svg
new file mode 100644
index 00000000..24930123
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-cancel" viewBox="0 0 24 24"><path d="M13.82 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.5 14.46 13 14.4 13.46C15 12.96 15.72 12.57 16.5 12.32C16.5 12.21 16.5 12.11 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.06 20 12.12 20 12.18C20.7 12.35 21.35 12.63 21.95 13C22 12.68 22 12.34 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.34 22 12.68 22 13 21.95C12.59 21.29 12.29 20.55 12.13 19.75C12.09 19.82 12.05 19.89 12 19.96C11.17 18.76 10.5 17.43 10.09 16H12.5C12.81 15.25 13.26 14.58 13.82 14M18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M18.5 14C16 14 14 16 14 18.5S16 23 18.5 23 23 21 23 18.5 21 14 18.5 14M18.5 21.5C16.84 21.5 15.5 20.16 15.5 18.5C15.5 17.94 15.65 17.42 15.92 17L20 21.08C19.58 21.35 19.06 21.5 18.5 21.5M21.08 20L17 15.92C17.42 15.65 17.94 15.5 18.5 15.5C20.16 15.5 21.5 16.84 21.5 18.5C21.5 19.06 21.35 19.58 21.08 20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-check.svg
new file mode 100644
index 00000000..54fc67c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-check" viewBox="0 0 24 24"><path d="M16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.37 19.97 12.73 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.26 21 13 20.03 13 19C13 18.71 13.03 18.43 13.07 18.15C12.75 18.78 12.4 19.39 12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.81C14.41 14.96 15.31 14.12 16.4 13.6C16.46 13.07 16.5 12.54 16.5 12M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M14.34 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12S14.43 13.34 14.34 14M14.59 4.44C16.43 5.07 17.96 6.34 18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44M22.5 17.25L17.75 22L15 19L16.16 17.84L17.75 19.43L21.34 15.84L22.5 17.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-clock.svg
new file mode 100644
index 00000000..78768b15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-clock" viewBox="0 0 24 24"><path d="M15 12.5V16.5L18 18.5L18.75 17.25L16.5 15.75V12.5H15M22 12.39C22 12.26 22 12.13 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.13 22 12.24 22 12.37 21.97C13.43 22.62 14.67 23 16 23C19.86 23 23 19.86 23 16C23 14.68 22.62 13.44 22 12.39M19.76 10.11C19.7 10.07 19.65 10.04 19.59 10H19.74C19.75 10.03 19.75 10.07 19.76 10.11M18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M9.66 10H12.41C11.16 10.75 10.15 11.88 9.57 13.24C9.53 12.83 9.5 12.42 9.5 12C9.5 11.32 9.56 10.65 9.66 10M9.4 4.44C8.8 5.55 8.35 6.75 8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M16 21C13.24 21 11 18.76 11 16S13.24 11 16 11 21 13.24 21 16 18.76 21 16 21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-minus.svg
new file mode 100644
index 00000000..bdcb1913
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-minus" viewBox="0 0 24 24"><path d="M16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.37 19.97 12.73 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.26 21 13 20.03 13 19C13 18.71 13.03 18.43 13.07 18.15C12.75 18.78 12.4 19.39 12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.81C14.41 14.96 15.31 14.12 16.4 13.6C16.46 13.07 16.5 12.54 16.5 12M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M14.34 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12S14.43 13.34 14.34 14M14.59 4.44C16.43 5.07 17.96 6.34 18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44M23 18V20H15V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-off.svg
new file mode 100644
index 00000000..65caf592
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-off" viewBox="0 0 24 24"><path d="M9.4 4.44C9.19 4.83 9 5.23 8.84 5.64L10.37 7.17C10.78 6.05 11.33 5 12 4.03C12.83 5.23 13.5 6.57 13.91 8H11.2L13.2 10H14.34C14.4 10.41 14.44 10.84 14.47 11.27L16.44 13.24C16.47 12.83 16.5 12.42 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12S19.9 13.36 19.74 14H17.2L20.5 17.28C21.44 15.75 22 13.94 22 12C22 6.5 17.5 2 12 2C10.06 2 8.25 2.56 6.72 3.5L8.18 5C8.57 4.77 9 4.58 9.4 4.44M18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8M2.39 1.73L1.11 3L4.06 5.95C2.77 7.63 2 9.73 2 12C2 17.5 6.5 22 12 22C14.28 22 16.37 21.23 18.06 19.95L20.84 22.73L22.11 21.46L2.39 1.73M5.5 7.37L6.11 8H5.08C5.2 7.78 5.34 7.58 5.5 7.37M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M9.5 12C9.5 11.8 9.5 11.61 9.53 11.42L12.11 14H9.66C9.56 13.34 9.5 12.68 9.5 12M12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.91C13.5 17.43 12.83 18.76 12 19.96M14.59 19.56C14.96 18.88 15.26 18.15 15.5 17.41L16.62 18.5C16 18.95 15.32 19.31 14.59 19.56Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-plus.svg
new file mode 100644
index 00000000..9c7d47b2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-plus" viewBox="0 0 24 24"><path d="M16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.37 19.97 12.73 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.26 21 13 20.03 13 19C13 18.71 13.03 18.43 13.07 18.15C12.75 18.78 12.4 19.39 12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.81C14.41 14.96 15.31 14.12 16.4 13.6C16.46 13.07 16.5 12.54 16.5 12M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M14.34 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12S14.43 13.34 14.34 14M14.59 4.44C16.43 5.07 17.96 6.34 18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44M23 18V20H20V23H18V20H15V18H18V15H20V18H23Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-refresh.svg
new file mode 100644
index 00000000..8f8c760d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-refresh" viewBox="0 0 24 24"><path d="M13.82 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.5 14.46 13 14.4 13.46C15 12.96 15.72 12.57 16.5 12.32C16.5 12.21 16.5 12.11 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.06 20 12.12 20 12.18C20.7 12.35 21.35 12.63 21.95 13C22 12.68 22 12.34 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.34 22 12.68 22 13 21.95C12.59 21.29 12.29 20.55 12.13 19.75C12.09 19.82 12.05 19.89 12 19.96C11.17 18.76 10.5 17.43 10.09 16H12.5C12.81 15.25 13.26 14.58 13.82 14M18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M20.83 15.67L22 14.5V18.5H18L19.77 16.73C19.32 16.28 18.69 16 18 16C16.62 16 15.5 17.12 15.5 18.5S16.62 21 18 21C18.82 21 19.54 20.61 20 20H21.71C21.12 21.47 19.68 22.5 18 22.5C15.79 22.5 14 20.71 14 18.5S15.79 14.5 18 14.5C19.11 14.5 20.11 14.95 20.83 15.67Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-remove.svg
new file mode 100644
index 00000000..b6855d15
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-remove" viewBox="0 0 24 24"><path d="M16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.37 19.97 12.73 19.92 13.08C20.61 13.18 21.25 13.4 21.84 13.72C21.94 13.16 22 12.59 22 12C22 6.5 17.5 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.59 22 13.16 21.94 13.72 21.84C13.26 21 13 20.03 13 19C13 18.71 13.03 18.43 13.07 18.15C12.75 18.78 12.4 19.39 12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.81C14.41 14.96 15.31 14.12 16.4 13.6C16.46 13.07 16.5 12.54 16.5 12M12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09C10.5 6.57 11.17 5.23 12 4.03M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M14.34 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12S14.43 13.34 14.34 14M14.59 4.44C16.43 5.07 17.96 6.34 18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44M20.41 19L22.54 21.12L21.12 22.54L19 20.41L16.88 22.54L15.47 21.12L17.59 19L15.47 16.88L16.88 15.47L19 17.59L21.12 15.47L22.54 16.88L20.41 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web-sync.svg
new file mode 100644
index 00000000..31d9e0b0
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web-sync" viewBox="0 0 24 24"><path d="M16.5 11.74C16.5 11.15 16.43 10.58 16.36 10H19.74C19.82 10.33 19.89 10.67 19.93 11C20.65 11.07 21.34 11.23 22 11.5C21.71 6.21 17.35 2 12 2C6.47 2 2 6.5 2 12C2 17.5 6.5 22 12 22C12.87 22 13.71 21.88 14.5 21.67C13.71 20.71 13.18 19.5 13.04 18.2C12.73 18.81 12.39 19.4 12 19.96C11.17 18.76 10.5 17.43 10.09 16H13.18C13.35 15.28 13.64 14.61 14.03 14H9.66C9.56 13.34 9.5 12.68 9.5 12S9.56 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.5 14.46 13 14.4 13.5C14.97 12.76 15.68 12.17 16.5 11.74M4.26 14C4.1 13.36 4 12.69 4 12S4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12S7.56 13.34 7.64 14H4.26M5.08 16H8C8.35 17.25 8.8 18.45 9.4 19.56C7.57 18.93 6.03 17.65 5.08 16M8 8H5.08C6.03 6.34 7.57 5.06 9.4 4.44C8.8 5.55 8.35 6.75 8 8M10.09 8C10.5 6.57 11.17 5.23 12 4.03C12.83 5.23 13.5 6.57 13.91 8H10.09M18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.34 18.92 8M23 17.5C23 18.32 22.75 19.08 22.33 19.71L21.24 18.62C21.41 18.28 21.5 17.9 21.5 17.5C21.5 16.12 20.38 15 19 15V16.5L16.75 14.25L19 12V13.5C21.21 13.5 23 15.29 23 17.5M19 18.5L21.25 20.75L19 23V21.5C16.79 21.5 15 19.71 15 17.5C15 16.68 15.25 15.92 15.67 15.29L16.76 16.38C16.59 16.72 16.5 17.1 16.5 17.5C16.5 18.88 17.62 20 19 20V18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/web.svg b/apps/phoenix_webcomponent/priv/mdi/svg/web.svg
new file mode 100644
index 00000000..9eb763f6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/web.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-web" viewBox="0 0 24 24"><path d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/webcam-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/webcam-off.svg
new file mode 100644
index 00000000..6c3b15f8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/webcam-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-webcam-off" viewBox="0 0 24 24"><path d="M12 6C13.66 6 15 7.34 15 9C15 9.78 14.7 10.5 14.21 11L10 6.79C10.5 6.3 11.22 6 12 6M12 4C14.76 4 17 6.24 17 9C17 10.33 16.47 11.53 15.62 12.42L17.04 13.84C18.25 12.59 19 10.88 19 9C19 5.13 15.87 2 12 2C10.12 2 8.41 2.75 7.16 3.96L8.58 5.38C9.47 4.53 10.67 4 12 4M22.11 21.46L20.84 22.73L19.46 21.35C19.1 21.75 18.58 22 18 22H6C4.89 22 4 21.11 4 20C4 19.62 4.1 19.27 4.29 18.97L6.11 15.81C7.69 17.17 9.75 18 12 18C13.21 18 14.37 17.75 15.43 17.32L13.85 15.74C13.26 15.91 12.64 16 12 16C8.13 16 5 12.87 5 9C5 8.36 5.09 7.74 5.26 7.15L1.11 3L2.39 1.73L22.11 21.46M12.1 14L7 8.9C7 8.93 7 8.97 7 9C7 11.76 9.24 14 12 14C12.03 14 12.07 14 12.1 14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/webcam.svg b/apps/phoenix_webcomponent/priv/mdi/svg/webcam.svg
new file mode 100644
index 00000000..3caaf562
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/webcam.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-webcam" viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,1 19,9A7,7 0 0,1 12,16A7,7 0 0,1 5,9A7,7 0 0,1 12,2M12,4A5,5 0 0,0 7,9A5,5 0 0,0 12,14A5,5 0 0,0 17,9A5,5 0 0,0 12,4M12,6A3,3 0 0,1 15,9A3,3 0 0,1 12,12A3,3 0 0,1 9,9A3,3 0 0,1 12,6M6,22A2,2 0 0,1 4,20C4,19.62 4.1,19.27 4.29,18.97L6.11,15.81C7.69,17.17 9.75,18 12,18C14.25,18 16.31,17.17 17.89,15.81L19.71,18.97C19.9,19.27 20,19.62 20,20A2,2 0 0,1 18,22H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/webhook.svg b/apps/phoenix_webcomponent/priv/mdi/svg/webhook.svg
new file mode 100644
index 00000000..e5a6a6fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/webhook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-webhook" viewBox="0 0 24 24"><path d="M10.46,19C9,21.07 6.15,21.59 4.09,20.15C2.04,18.71 1.56,15.84 3,13.75C3.87,12.5 5.21,11.83 6.58,11.77L6.63,13.2C5.72,13.27 4.84,13.74 4.27,14.56C3.27,16 3.58,17.94 4.95,18.91C6.33,19.87 8.26,19.5 9.26,18.07C9.57,17.62 9.75,17.13 9.82,16.63V15.62L15.4,15.58L15.47,15.47C16,14.55 17.15,14.23 18.05,14.75C18.95,15.27 19.26,16.43 18.73,17.35C18.2,18.26 17.04,18.58 16.14,18.06C15.73,17.83 15.44,17.46 15.31,17.04L11.24,17.06C11.13,17.73 10.87,18.38 10.46,19M17.74,11.86C20.27,12.17 22.07,14.44 21.76,16.93C21.45,19.43 19.15,21.2 16.62,20.89C15.13,20.71 13.9,19.86 13.19,18.68L14.43,17.96C14.92,18.73 15.75,19.28 16.75,19.41C18.5,19.62 20.05,18.43 20.26,16.76C20.47,15.09 19.23,13.56 17.5,13.35C16.96,13.29 16.44,13.36 15.97,13.53L15.12,13.97L12.54,9.2H12.32C11.26,9.16 10.44,8.29 10.47,7.25C10.5,6.21 11.4,5.4 12.45,5.44C13.5,5.5 14.33,6.35 14.3,7.39C14.28,7.83 14.11,8.23 13.84,8.54L15.74,12.05C16.36,11.85 17.04,11.78 17.74,11.86M8.25,9.14C7.25,6.79 8.31,4.1 10.62,3.12C12.94,2.14 15.62,3.25 16.62,5.6C17.21,6.97 17.09,8.47 16.42,9.67L15.18,8.95C15.6,8.14 15.67,7.15 15.27,6.22C14.59,4.62 12.78,3.85 11.23,4.5C9.67,5.16 8.97,7 9.65,8.6C9.93,9.26 10.4,9.77 10.97,10.11L11.36,10.32L8.29,15.31C8.32,15.36 8.36,15.42 8.39,15.5C8.88,16.41 8.54,17.56 7.62,18.05C6.71,18.54 5.56,18.18 5.06,17.24C4.57,16.31 4.91,15.16 5.83,14.67C6.22,14.46 6.65,14.41 7.06,14.5L9.37,10.73C8.9,10.3 8.5,9.76 8.25,9.14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/webpack.svg b/apps/phoenix_webcomponent/priv/mdi/svg/webpack.svg
new file mode 100644
index 00000000..c3511cfe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/webpack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-webpack" viewBox="0 0 24 24"><path d="M20.45 17.39L12.36 21.97V18.4L17.4 15.63L20.45 17.39M21 16.89V7.31L18.04 9V15.18L21 16.89M3.55 17.39L11.64 21.96V18.4L6.6 15.63L3.55 17.39M3 16.89V7.31L5.96 9V15.18L3 16.89M3.35 6.69L11.64 2V5.45L6.33 8.37L6.28 8.39L3.35 6.69M20.65 6.69L12.36 2V5.45L17.67 8.38L17.71 8.4L20.65 6.69M11.64 17.59L6.67 14.85V9.44L11.64 12.31V17.59M12.36 17.59L17.33 14.86V9.44L12.36 12.31V17.59M7 8.81L12 6.06L17 8.81L12 11.69L7 8.81Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/webrtc.svg b/apps/phoenix_webcomponent/priv/mdi/svg/webrtc.svg
new file mode 100644
index 00000000..45008d00
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/webrtc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-webrtc" viewBox="0 0 24 24"><path d="M12 2C14.44 2 16.5 3.75 16.91 6.07L17.75 6C20.5 6 22.75 8.24 22.75 11C22.75 12.89 21.7 14.53 20.16 15.38C20.54 16.09 20.75 16.89 20.75 17.75C20.75 20.5 18.5 22.75 15.75 22.75C14.26 22.75 12.92 22.1 12 21.06C11.08 22.1 9.74 22.75 8.25 22.75C5.5 22.75 3.25 20.5 3.25 17.75C3.25 16.89 3.47 16.09 3.84 15.38C2.3 14.53 1.25 12.89 1.25 11C1.25 8.24 3.5 6 6.25 6L7.09 6.07C7.5 3.75 9.56 2 12 2M6.75 20.25L13.66 17H17C17.55 17 18 16.55 18 16V9C18 8.45 17.55 8 17 8H7C6.45 8 6 8.45 6 9V16C6 16.55 6.45 17 7 17H7.77L6.75 20.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wechat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wechat.svg
new file mode 100644
index 00000000..75adbf87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wechat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wechat" viewBox="0 0 24 24"><path d="M9.5,4C5.36,4 2,6.69 2,10C2,11.89 3.08,13.56 4.78,14.66L4,17L6.5,15.5C7.39,15.81 8.37,16 9.41,16C9.15,15.37 9,14.7 9,14C9,10.69 12.13,8 16,8C16.19,8 16.38,8 16.56,8.03C15.54,5.69 12.78,4 9.5,4M6.5,6.5A1,1 0 0,1 7.5,7.5A1,1 0 0,1 6.5,8.5A1,1 0 0,1 5.5,7.5A1,1 0 0,1 6.5,6.5M11.5,6.5A1,1 0 0,1 12.5,7.5A1,1 0 0,1 11.5,8.5A1,1 0 0,1 10.5,7.5A1,1 0 0,1 11.5,6.5M16,9C12.69,9 10,11.24 10,14C10,16.76 12.69,19 16,19C16.67,19 17.31,18.92 17.91,18.75L20,20L19.38,18.13C20.95,17.22 22,15.71 22,14C22,11.24 19.31,9 16,9M14,11.5A1,1 0 0,1 15,12.5A1,1 0 0,1 14,13.5A1,1 0 0,1 13,12.5A1,1 0 0,1 14,11.5M18,11.5A1,1 0 0,1 19,12.5A1,1 0 0,1 18,13.5A1,1 0 0,1 17,12.5A1,1 0 0,1 18,11.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weight-gram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weight-gram.svg
new file mode 100644
index 00000000..6ba11bd8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weight-gram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weight-gram" viewBox="0 0 24 24"><path d="M19.95,10.56C19.75,9.67 18.95,9 18,9H15.46C15.81,8.41 16,7.73 16,7A4,4 0 0,0 12,3A4,4 0 0,0 8,7C8,7.73 8.19,8.41 8.54,9H6C5.05,9 4.25,9.67 4.05,10.56C2.04,18.57 2,18.78 2,19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19C22,18.78 21.96,18.57 19.95,10.56M12,5A2,2 0 0,1 14,7A2,2 0 0,1 12,9A2,2 0 0,1 10,7A2,2 0 0,1 12,5M15,13H11V17H13V14H15V19H11C9.89,19 9,18.11 9,17V13C9,11.89 9.89,11 11,11H15V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weight-kilogram.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weight-kilogram.svg
new file mode 100644
index 00000000..b9ded09a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weight-kilogram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weight-kilogram" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M6,11V19H8V16.5L9,17.5V19H11V17L9,15L11,13V11H9V12.5L8,13.5V11H6M15,11C13.89,11 13,11.89 13,13V17C13,18.11 13.89,19 15,19H18V14H16V17H15V13H18V11H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weight-lifter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weight-lifter.svg
new file mode 100644
index 00000000..67842801
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weight-lifter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weight-lifter" viewBox="0 0 24 24"><path d="M12 5C10.89 5 10 5.89 10 7S10.89 9 12 9 14 8.11 14 7 13.11 5 12 5M22 1V6H20V4H4V6H2V1H4V3H20V1H22M15 11.26V23H13V18H11V23H9V11.26C6.93 10.17 5.5 8 5.5 5.5L5.5 5H7.5L7.5 5.5C7.5 8 9.5 10 12 10S16.5 8 16.5 5.5L16.5 5H18.5L18.5 5.5C18.5 8 17.07 10.17 15 11.26Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weight-pound.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weight-pound.svg
new file mode 100644
index 00000000..c4f2408a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weight-pound.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weight-pound" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5M6,11V19H11V17H8V11H6M13,11V19H16C17.11,19 18,18.11 18,17V16.5C18,15.93 17.75,15.38 17.32,15C17.75,14.62 18,14.07 18,13.5V13C18,11.89 17.11,11 16,11H13M15,13H16V14H15V13M15,16H16V17H15V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/weight.svg b/apps/phoenix_webcomponent/priv/mdi/svg/weight.svg
new file mode 100644
index 00000000..d731a13b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/weight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-weight" viewBox="0 0 24 24"><path d="M12,3A4,4 0 0,1 16,7C16,7.73 15.81,8.41 15.46,9H18C18.95,9 19.75,9.67 19.95,10.56C21.96,18.57 22,18.78 22,19A2,2 0 0,1 20,21H4A2,2 0 0,1 2,19C2,18.78 2.04,18.57 4.05,10.56C4.25,9.67 5.05,9 6,9H8.54C8.19,8.41 8,7.73 8,7A4,4 0 0,1 12,3M12,5A2,2 0 0,0 10,7A2,2 0 0,0 12,9A2,2 0 0,0 14,7A2,2 0 0,0 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/whatsapp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/whatsapp.svg
new file mode 100644
index 00000000..fd4bf915
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/whatsapp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-whatsapp" viewBox="0 0 24 24"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91C2.13 13.66 2.59 15.36 3.45 16.86L2.05 22L7.3 20.62C8.75 21.41 10.38 21.83 12.04 21.83C17.5 21.83 21.95 17.38 21.95 11.92C21.95 9.27 20.92 6.78 19.05 4.91C17.18 3.03 14.69 2 12.04 2M12.05 3.67C14.25 3.67 16.31 4.53 17.87 6.09C19.42 7.65 20.28 9.72 20.28 11.92C20.28 16.46 16.58 20.15 12.04 20.15C10.56 20.15 9.11 19.76 7.85 19L7.55 18.83L4.43 19.65L5.26 16.61L5.06 16.29C4.24 15 3.8 13.47 3.8 11.91C3.81 7.37 7.5 3.67 12.05 3.67M8.53 7.33C8.37 7.33 8.1 7.39 7.87 7.64C7.65 7.89 7 8.5 7 9.71C7 10.93 7.89 12.1 8 12.27C8.14 12.44 9.76 14.94 12.25 16C12.84 16.27 13.3 16.42 13.66 16.53C14.25 16.72 14.79 16.69 15.22 16.63C15.7 16.56 16.68 16.03 16.89 15.45C17.1 14.87 17.1 14.38 17.04 14.27C16.97 14.17 16.81 14.11 16.56 14C16.31 13.86 15.09 13.26 14.87 13.18C14.64 13.1 14.5 13.06 14.31 13.3C14.15 13.55 13.67 14.11 13.53 14.27C13.38 14.44 13.24 14.46 13 14.34C12.74 14.21 11.94 13.95 11 13.11C10.26 12.45 9.77 11.64 9.62 11.39C9.5 11.15 9.61 11 9.73 10.89C9.84 10.78 10 10.6 10.1 10.45C10.23 10.31 10.27 10.2 10.35 10.04C10.43 9.87 10.39 9.73 10.33 9.61C10.27 9.5 9.77 8.26 9.56 7.77C9.36 7.29 9.16 7.35 9 7.34C8.86 7.34 8.7 7.33 8.53 7.33Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wheel-barrow.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wheel-barrow.svg
new file mode 100644
index 00000000..99ec6bcc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wheel-barrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wheel-barrow" viewBox="0 0 24 24"><path d="M18 15.5C18.83 15.5 19.5 16.17 19.5 17S18.83 18.5 18 18.5 16.5 17.83 16.5 17 17.17 15.5 18 15.5M18 14C16.34 14 15 15.34 15 17S16.34 20 18 20C19.66 20 21 18.66 21 17S19.66 14 18 14M7 8L5 5H2V7H5.13L8 11.3V20H10L12.57 15H14.55C15.25 13.81 16.5 13 18 13C18.88 13 19.69 13.29 20.35 13.78L22 8H7M9.39 19H9V12.8L9.87 14.11C10.23 14.64 10.82 14.96 11.45 15L9.39 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair-accessibility.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair-accessibility.svg
new file mode 100644
index 00000000..a787415d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair-accessibility.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wheelchair-accessibility" viewBox="0 0 24 24"><path d="M18.4,11.2L14.3,11.4L16.6,8.8C16.8,8.5 16.9,8 16.8,7.5C16.7,7.2 16.6,6.9 16.3,6.7L10.9,3.5C10.5,3.2 9.9,3.3 9.5,3.6L6.8,6.1C6.3,6.6 6.2,7.3 6.7,7.8C7.1,8.3 7.9,8.3 8.4,7.9L10.4,6.1L12.3,7.2L8.1,11.5C8,11.6 8,11.7 7.9,11.7C7.4,11.9 6.9,12.1 6.5,12.4L8,13.9C8.5,13.7 9,13.5 9.5,13.5C11.4,13.5 13,15.1 13,17C13,17.6 12.9,18.1 12.6,18.5L14.1,20C14.7,19.1 15,18.1 15,17C15,15.8 14.6,14.6 13.9,13.7L17.2,13.4L17,18.2C16.9,18.9 17.4,19.4 18.1,19.5H18.2C18.8,19.5 19.3,19 19.4,18.4L19.6,12.5C19.6,12.2 19.5,11.8 19.3,11.6C19,11.3 18.7,11.2 18.4,11.2M18,5.5A2,2 0 0,0 20,3.5A2,2 0 0,0 18,1.5A2,2 0 0,0 16,3.5A2,2 0 0,0 18,5.5M12.5,21.6C11.6,22.2 10.6,22.5 9.5,22.5C6.5,22.5 4,20 4,17C4,15.9 4.3,14.9 4.9,14L6.4,15.5C6.2,16 6,16.5 6,17C6,18.9 7.6,20.5 9.5,20.5C10.1,20.5 10.6,20.4 11,20.1L12.5,21.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair.svg
new file mode 100644
index 00000000..80722274
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wheelchair.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wheelchair" viewBox="0 0 24 24"><path d="M14 16L15.32 17.76C14.32 19.68 12.31 21 10 21C6.69 21 4 18.31 4 15C4 12.57 5.46 10.5 7.55 9.55L7.76 11.72C6.71 12.44 6 13.63 6 15C6 17.21 7.79 19 10 19C11.86 19 13.41 17.72 13.86 16H14M19.55 16.11L18.3 16.73L15.5 13H10.91L10.71 11H14V9H10.5L10.2 6C11.21 5.88 12 5.04 12 4C12 2.9 11.11 2 10 2S8 2.9 8 4C8 4.03 8 4.07 8 4.1H8L9.1 15H14.5L17.7 19.27L20.45 17.9L19.55 16.11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/whistle-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/whistle-outline.svg
new file mode 100644
index 00000000..ada2ec32
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/whistle-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-whistle-outline" viewBox="0 0 24 24"><path d="M3.76 3.7L2.14 4.88L4.43 8A8.23 8.23 0 0 1 6.35 7.28M11 9V11H18V11.29L13 12.71V15.5A4.5 4.5 0 1 1 8.5 11H9V9H8.5A6.5 6.5 0 1 0 15 15.5V13.91L22 12V9M16.24 3.7L13.85 7H16.32L17.86 4.88M9 2V7H11V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/whistle.svg b/apps/phoenix_webcomponent/priv/mdi/svg/whistle.svg
new file mode 100644
index 00000000..9695d2b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/whistle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-whistle" viewBox="0 0 24 24"><path d="M8.5,9A6.5,6.5 0 0,0 2,15.5A6.5,6.5 0 0,0 8.5,22A6.5,6.5 0 0,0 15,15.5V13.91L22,12V9H11V11H9V9H8.5M11,2V7H9V2H11M6.35,7.28C5.68,7.44 5.04,7.68 4.43,8L2.14,4.88L3.76,3.7L6.35,7.28M17.86,4.88L16.32,7H13.85L16.24,3.7L17.86,4.88Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-auto.svg
new file mode 100644
index 00000000..95ffbe45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-white-balance-auto" viewBox="0 0 24 24"><path d="M10.3,16L9.6,14H6.4L5.7,16H3.8L7,7H9L12.2,16M22,7L20.8,13.29L19.3,7H17.7L16.21,13.29L15,7H14.24C12.77,5.17 10.5,4 8,4A8,8 0 0,0 0,12A8,8 0 0,0 8,20C11.13,20 13.84,18.19 15.15,15.57L15.25,16H17L18.5,9.9L20,16H21.75L23.8,7M6.85,12.65H9.15L8,9L6.85,12.65Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-incandescent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-incandescent.svg
new file mode 100644
index 00000000..913822b4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-incandescent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-white-balance-incandescent" viewBox="0 0 24 24"><path d="M17.24,18.15L19.04,19.95L20.45,18.53L18.66,16.74M20,12.5H23V10.5H20M15,6.31V1.5H9V6.31C7.21,7.35 6,9.28 6,11.5A6,6 0 0,0 12,17.5A6,6 0 0,0 18,11.5C18,9.28 16.79,7.35 15,6.31M4,10.5H1V12.5H4M11,22.45C11.32,22.45 13,22.45 13,22.45V19.5H11M3.55,18.53L4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-iridescent.svg b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-iridescent.svg
new file mode 100644
index 00000000..0b4f9563
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-iridescent.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-white-balance-iridescent" viewBox="0 0 24 24"><path d="M4.96,19.95L6.76,18.15L5.34,16.74L3.55,18.53M3.55,4.46L5.34,6.26L6.76,4.84L4.96,3.05M20.45,18.53L18.66,16.74L17.24,18.15L19.04,19.95M13,22.45V19.5H11V22.45C11.32,22.45 13,22.45 13,22.45M19.04,3.05L17.24,4.84L18.66,6.26L20.45,4.46M11,3.5H13V0.55H11M5,14.5H19V8.5H5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-sunny.svg b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-sunny.svg
new file mode 100644
index 00000000..63dfd2a2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/white-balance-sunny.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-white-balance-sunny" viewBox="0 0 24 24"><path d="M3.55 19.09L4.96 20.5L6.76 18.71L5.34 17.29M12 6C8.69 6 6 8.69 6 12S8.69 18 12 18 18 15.31 18 12C18 8.68 15.31 6 12 6M20 13H23V11H20M17.24 18.71L19.04 20.5L20.45 19.09L18.66 17.29M20.45 5L19.04 3.6L17.24 5.39L18.66 6.81M13 1H11V4H13M6.76 5.39L4.96 3.6L3.55 5L5.34 6.81L6.76 5.39M1 13H4V11H1M13 20H11V23H13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/widgets-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/widgets-outline.svg
new file mode 100644
index 00000000..1d15c53b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/widgets-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-widgets-outline" viewBox="0 0 24 24"><path d="M16.7 4.5L19.5 7.3L16.7 10.1L13.9 7.3L16.7 4.5M9 5V9H5V5H9M19 15V19H15V15H19M16.7 1.7L11 7.3L16.7 13H13V21H21V13H16.7L22.3 7.3L16.7 1.7M11 3H3V11H11V3M9 15V19H5V15H9M11 13H3V21H11V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/widgets.svg b/apps/phoenix_webcomponent/priv/mdi/svg/widgets.svg
new file mode 100644
index 00000000..a1aff291
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/widgets.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-widgets" viewBox="0 0 24 24"><path d="M3,3H11V7.34L16.66,1.69L22.31,7.34L16.66,13H21V21H13V13H16.66L11,7.34V11H3V3M3,13H11V21H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-alert.svg
new file mode 100644
index 00000000..73749449
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-alert" viewBox="0 0 24 24"><path d="M20.24 5H18V7.25C16.16 6.45 14.13 6 12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3C14.97 3 17.77 3.73 20.24 5M8.4 16.2L12 21L15.6 16.2C14.6 15.45 13.35 15 12 15S9.4 15.45 8.4 16.2M4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12S15.9 12.67 17.4 13.8L18 13V10.62C16.23 9.59 14.19 9 12 9C9.3 9 6.81 9.89 4.8 11.4M20 17H22V15H20V17M20 7V13H22V7H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-down.svg
new file mode 100644
index 00000000..95f8db8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-down" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M16.84 13.41C17.18 13.27 17.55 13.17 17.92 13.1L19.2 11.4C17.19 9.89 14.7 9 12 9S6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C13.78 12 15.44 12.5 16.84 13.41M20 16H18V20H16L19 23L22 20H20V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left-right.svg
new file mode 100644
index 00000000..d0b4911f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-left-right" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M18 18.5L15 21L18 23.5V22H22V20H18V18.5M23 17L20 14.5V16H16V18H20V19.5L23 17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left.svg
new file mode 100644
index 00000000..3aaa0c8c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-left" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M18 16L15 19L18 22V20H22V18H18V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-right.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-right.svg
new file mode 100644
index 00000000..0523e301
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-right" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M16.84 13.41C17.18 13.27 17.55 13.17 17.92 13.1L19.2 11.4C17.19 9.89 14.7 9 12 9S6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C13.78 12 15.44 12.5 16.84 13.41M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M23 19L20 16V18H16V20H20V22L23 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up-down.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up-down.svg
new file mode 100644
index 00000000..2343758e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-up-down" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M17 15L14.5 18H16V22H18V18H19.5L17 15M22 20V16H20V20H18.5L21 23L23.5 20H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up.svg
new file mode 100644
index 00000000..480b2617
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-arrow-up" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M16 18H18V22H20V18H22L19 15L16 18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cancel.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cancel.svg
new file mode 100644
index 00000000..f7a30850
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cancel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-cancel" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M15.53 12.72C16.42 12.26 17.43 12 18.5 12C18.58 12 18.66 12 18.74 12L19.2 11.4C17.19 9.89 14.7 9 12 9S6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C13.26 12 14.45 12.26 15.53 12.72M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L12.34 20.54C12.13 19.9 12 19.22 12 18.5C12 17.24 12.36 16.08 13 15.08C12.66 15.03 12.33 15 12 15M23 18.5C23 21 21 23 18.5 23S14 21 14 18.5 16 14 18.5 14 23 16 23 18.5M20 21.08L15.92 17C15.65 17.42 15.5 17.94 15.5 18.5C15.5 20.16 16.84 21.5 18.5 21.5C19.06 21.5 19.58 21.35 20 21.08M21.5 18.5C21.5 16.84 20.16 15.5 18.5 15.5C17.94 15.5 17.42 15.65 17 15.92L21.08 20C21.35 19.58 21.5 19.06 21.5 18.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-check.svg
new file mode 100644
index 00000000..aa799765
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-check" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M17.75 19.43L16.16 17.84L15 19L17.75 22L22.5 17.25L21.34 15.84L17.75 19.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cog.svg
new file mode 100644
index 00000000..1b3ae52f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-cog" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L18.74 12C17.66 12.05 16.63 12.33 15.73 12.81C14.6 12.29 13.33 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L12.22 20.71C12.08 20.16 12 19.59 12 19C12 17.57 12.43 16.24 13.17 15.13C12.79 15.05 12.4 15 12 15M23.8 20.4C23.9 20.4 23.9 20.5 23.8 20.6L22.8 22.3C22.7 22.4 22.6 22.4 22.5 22.4L21.3 22C21 22.2 20.8 22.3 20.5 22.5L20.3 23.8C20.3 23.9 20.2 24 20.1 24H18.1C18 24 17.9 23.9 17.8 23.8L17.6 22.5C17.3 22.4 17 22.2 16.8 22L15.6 22.5C15.5 22.5 15.4 22.5 15.3 22.4L14.3 20.7C14.2 20.6 14.3 20.5 14.4 20.4L15.5 19.6V18.6L14.4 17.8C14.3 17.7 14.3 17.6 14.3 17.5L15.3 15.8C15.4 15.7 15.5 15.7 15.6 15.7L16.8 16.2C17.1 16 17.3 15.9 17.6 15.7L17.8 14.4C17.8 14.3 17.9 14.2 18.1 14.2H20.1C20.2 14.2 20.3 14.3 20.3 14.4L20.5 15.7C20.8 15.8 21.1 16 21.4 16.2L22.6 15.7C22.7 15.7 22.9 15.7 22.9 15.8L23.9 17.5C24 17.6 23.9 17.7 23.8 17.8L22.7 18.6V19.6L23.8 20.4M20.5 19C20.5 18.2 19.8 17.5 19 17.5S17.5 18.2 17.5 19 18.2 20.5 19 20.5 20.5 19.8 20.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock-open.svg
new file mode 100644
index 00000000..b849d476
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-lock-open" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M16.31 9.81C14.97 9.29 13.5 9 12 9C9.3 9 6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C12.83 12 13.63 12.12 14.39 12.33C14.7 11.3 15.38 10.41 16.31 9.81M8.4 16.2L12 21L13 19.67V17.2C13 16.5 13.27 15.81 13.7 15.26C13.16 15.1 12.59 15 12 15C10.65 15 9.4 15.45 8.4 16.2M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock.svg
new file mode 100644
index 00000000..b82541ed
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-lock" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M17.4 10.29C15.77 9.47 13.94 9 12 9C9.3 9 6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C12.97 12 13.9 12.16 14.78 12.44C15.34 11.45 16.27 10.68 17.4 10.29M8.4 16.2L12 21L13 19.67V17.2C13 16.5 13.27 15.81 13.7 15.26C13.16 15.1 12.59 15 12 15C10.65 15 9.4 15.45 8.4 16.2M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-marker.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-marker.svg
new file mode 100644
index 00000000..643edbce
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-marker.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-marker" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M13 15.09C12.69 15.03 12.35 15 12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.8 18.6C13.33 17.58 13 16.5 13 15.5C13 15.36 13 15.23 13 15.09M12 9C9.3 9 6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C12.73 12 13.43 12.09 14.1 12.25C14.86 11.25 15.93 10.5 17.17 10.18C15.6 9.43 13.85 9 12 9M22 15.5C22 18.1 18.5 22 18.5 22S15 18.1 15 15.5C15 13.6 16.6 12 18.5 12S22 13.6 22 15.5M19.7 15.6C19.7 15 19.1 14.4 18.5 14.4S17.3 14.9 17.3 15.6C17.3 16.2 17.8 16.8 18.5 16.8S19.8 16.2 19.7 15.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-minus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-minus.svg
new file mode 100644
index 00000000..c7a36a3b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-minus" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M15 18V20H23V18H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-off.svg
new file mode 100644
index 00000000..d81f2bd1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-off" viewBox="0 0 24 24"><path d="M2.28,3L1,4.27L2.47,5.74C2.04,6 1.61,6.29 1.2,6.6L3,9C3.53,8.6 4.08,8.25 4.66,7.93L6.89,10.16C6.15,10.5 5.44,10.91 4.8,11.4L6.6,13.8C7.38,13.22 8.26,12.77 9.2,12.47L11.75,15C10.5,15.07 9.34,15.5 8.4,16.2L12,21L14.46,17.73L17.74,21L19,19.72M12,3C9.85,3 7.8,3.38 5.9,4.07L8.29,6.47C9.5,6.16 10.72,6 12,6C15.38,6 18.5,7.11 21,9L22.8,6.6C19.79,4.34 16.06,3 12,3M12,9C11.62,9 11.25,9 10.88,9.05L14.07,12.25C15.29,12.53 16.43,13.07 17.4,13.8L19.2,11.4C17.2,9.89 14.7,9 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-plus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-plus.svg
new file mode 100644
index 00000000..fb6eb996
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-plus" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M16.84 13.41C17.18 13.27 17.55 13.17 17.92 13.1L19.2 11.4C17.19 9.89 14.7 9 12 9S6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C13.78 12 15.44 12.5 16.84 13.41M20 18V15H18V18H15V20H18V23H20V20H23V18H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-refresh.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-refresh.svg
new file mode 100644
index 00000000..72a3f0d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-refresh.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-refresh" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L18.74 12C18.66 12 18.58 12 18.5 12C17.43 12 16.42 12.26 15.53 12.72C14.45 12.26 13.26 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L12.34 20.54C12.13 19.9 12 19.22 12 18.5C12 17.24 12.36 16.08 13 15.08C12.66 15.03 12.33 15 12 15M18 14.5C15.79 14.5 14 16.29 14 18.5S15.79 22.5 18 22.5C19.68 22.5 21.12 21.47 21.71 20H20C19.54 20.61 18.82 21 18 21C16.62 21 15.5 19.88 15.5 18.5S16.62 16 18 16C18.69 16 19.32 16.28 19.77 16.73L18 18.5H22V14.5L20.83 15.67C20.11 14.95 19.11 14.5 18 14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-remove.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-remove.svg
new file mode 100644
index 00000000..74766b92
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-remove.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-remove" viewBox="0 0 24 24"><path d="M12 12C9.97 12 8.1 12.67 6.6 13.8L4.8 11.4C6.81 9.89 9.3 9 12 9S17.19 9.89 19.2 11.4L17.92 13.1C17.55 13.17 17.18 13.27 16.84 13.41C15.44 12.5 13.78 12 12 12M21 9L22.8 6.6C19.79 4.34 16.05 3 12 3S4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6S18.5 7.12 21 9M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.04 19.61C13 19.41 13 19.21 13 19C13 17.66 13.44 16.43 14.19 15.43C13.5 15.16 12.77 15 12 15M21.12 15.46L19 17.59L16.88 15.47L15.47 16.88L17.59 19L15.47 21.12L16.88 22.54L19 20.41L21.12 22.54L22.54 21.12L20.41 19L22.54 16.88L21.12 15.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-settings.svg
new file mode 100644
index 00000000..72e4f6ef
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-settings" viewBox="0 0 24 24"><path d="M12 20L8.4 15.2C9.4 14.45 10.65 14 12 14S14.6 14.45 15.6 15.2L12 20M4.8 10.4L6.6 12.8C8.1 11.67 9.97 11 12 11S15.9 11.67 17.4 12.8L19.2 10.4C17.19 8.89 14.7 8 12 8S6.81 8.89 4.8 10.4M12 2C7.95 2 4.21 3.34 1.2 5.6L3 8C5.5 6.12 8.62 5 12 5S18.5 6.12 21 8L22.8 5.6C19.79 3.34 16.05 2 12 2M7 24H9V22H7V24M15 24H17V22H15V24M11 24H13V22H11V24Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-star.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-star.svg
new file mode 100644
index 00000000..d0465ec6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-star" viewBox="0 0 24 24"><path d="M12,6C8.6,6 5.5,7.1 3,9L1.2,6.6C4.2,4.3 8,3 12,3C16,3 19.8,4.3 22.8,6.6L21,9C18.5,7.1 15.4,6 12,6M13,19C13,17.7 13.4,16.4 14.2,15.4C13.5,15.2 12.8,15 12,15C10.7,15 9.4,15.5 8.4,16.2L12,21L13,19.6C13,19.4 13,19.2 13,19M16.8,13.4C17.1,13.3 17.5,13.2 17.9,13.1L19.2,11.4C17.2,9.9 14.7,9 12,9C9.3,9 6.8,9.9 4.8,11.4L6.6,13.8C8.1,12.7 10,12 12,12C13.8,12 15.4,12.5 16.8,13.4M16.5,22.6L17.2,19.8L15,17.9L17.9,17.7L19,15L20.1,17.6L23,17.8L20.8,19.7L21.5,22.5L19,21.1L16.5,22.6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-alert.svg
new file mode 100644
index 00000000..2bbdb94d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-1-alert" viewBox="0 0 24 24"><path d="M12 3C7.8 3 3.7 4.4 .4 7C4.4 12.1 7.9 16.4 12 21.5C14.4 18.5 16.7 15.7 19 12.8V9.6L15.6 13.8C14.5 13.3 13.2 13 12 13S9.5 13.3 8.4 13.8L3.3 7.4C5.9 5.8 8.9 5 12 5S18.1 5.9 20.7 7.4L20.3 8H22.9C23.1 7.7 23.5 7.3 23.7 7C20.3 4.4 16.2 3 12 3M21 10V16H23V10M21 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock-open.svg
new file mode 100644
index 00000000..f53c521f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-1-lock-open" viewBox="0 0 24 24"><path d="M12 13C12.74 13 13.5 13.12 14.22 13.31C14.22 13.38 14.2 13.44 14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L21.5 9.69C20.86 9.33 20.16 9.11 19.42 9.04L20.7 7.45C18.08 5.86 15.06 5 12 5S5.9 5.85 3.26 7.44L8.38 13.8C9.5 13.28 10.74 13 12 13M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock.svg
new file mode 100644
index 00000000..6dbcbbdc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-1-lock" viewBox="0 0 24 24"><path d="M12 13C12.8 13 13.61 13.13 14.38 13.36C14.28 13.73 14.2 14.11 14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L20.91 10.39C20.32 10.14 19.68 10 19 10C18.87 10 18.75 10.03 18.62 10.04L20.7 7.45C18.08 5.86 15.06 5 12 5S5.9 5.85 3.26 7.44L8.38 13.8C9.5 13.28 10.74 13 12 13M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1.svg
new file mode 100644
index 00000000..eccbf202
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-1" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L15.61,13.81C14.5,13.28 13.25,13 12,13C10.75,13 9.5,13.28 8.39,13.8L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-alert.svg
new file mode 100644
index 00000000..f613972f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-2-alert" viewBox="0 0 24 24"><path d="M12 3C7.8 3 3.7 4.4 .4 7C4.4 12.1 7.9 16.4 12 21.5C14.4 18.5 16.7 15.7 19 12.8V9.6L17.5 11.4C16.3 10.7 14.4 10 12 10C9.6 10 7.7 10.8 6.5 11.4L3.3 7.4C5.9 5.8 8.9 5 12 5S18.1 5.9 20.7 7.4L20.3 8H22.9C23.1 7.7 23.5 7.3 23.7 7C20.3 4.4 16.2 3 12 3M21 10V16H23V10M21 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock-open.svg
new file mode 100644
index 00000000..33113fe9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-2-lock-open" viewBox="0 0 24 24"><path d="M15.44 10.55C14.68 11.35 14.2 12.38 14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L21.5 9.69C20.86 9.33 20.16 9.1 19.41 9.04L20.7 7.45C18.08 5.86 15.06 5 12 5S5.9 5.85 3.26 7.44L6.5 11.43C7.73 10.75 9.61 10 12 10C13.29 10 14.45 10.23 15.44 10.55M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock.svg
new file mode 100644
index 00000000..b190bb7d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-2-lock" viewBox="0 0 24 24"><path d="M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L20.91 10.39C20.32 10.14 19.68 10 19 10C18.87 10 18.74 10.03 18.61 10.04L20.7 7.45C18.08 5.86 15.06 5 12 5S5.9 5.85 3.26 7.44L6.5 11.43C7.73 10.75 9.61 10 12 10C13.68 10 15.12 10.38 16.26 10.84C15.03 11.67 14.2 13 14.2 14.5M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2.svg
new file mode 100644
index 00000000..f0226837
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-2" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L17.5,11.43C16.26,10.74 14.37,10 12,10C9.62,10 7.74,10.75 6.5,11.43L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-alert.svg
new file mode 100644
index 00000000..c919cbd9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-3-alert" viewBox="0 0 24 24"><path d="M12 3C7.8 3 3.7 4.4 .4 7C4.4 12.1 7.9 16.4 12 21.5C14.4 18.5 16.7 15.7 19 12.8V9.6L18.8 9.9C17.3 9 14.9 8 12 8C9 8 6.7 9 5.2 9.8L3.3 7.4C5.9 5.8 8.9 5 12 5S18.1 5.9 20.7 7.4L20.3 8H22.9C23.1 7.7 23.5 7.3 23.7 7C20.3 4.4 16.2 3 12 3M21 10V16H23V10M21 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock-open.svg
new file mode 100644
index 00000000..fad95689
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-3-lock-open" viewBox="0 0 24 24"><path d="M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L21.5 9.69C20.86 9.33 20.17 9.11 19.42 9.04L20.7 7.45C18.08 5.86 15.06 5 12 5S5.9 5.85 3.26 7.44L5.2 9.84C6.67 9 9 8 12 8C14.18 8 16.08 8.58 17.53 9.25C15.63 9.85 14.2 11.54 14.2 13.5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock.svg
new file mode 100644
index 00000000..46ec3f68
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-3-lock" viewBox="0 0 24 24"><path d="M19 10C19.68 10 20.32 10.14 20.91 10.39L23.64 7C20.31 4.41 16.2 3 12 3C7.78 3 3.69 4.41 .365 7C4.39 12.06 7.88 16.37 12 21.5L13 20.24V17.2C13 16.24 13.5 15.34 14.2 14.74V14.5C14.2 12.06 16.4 10 19 10M12 8C9 8 6.67 9 5.2 9.84L3.26 7.44C5.9 5.85 8.91 5 12 5S18.08 5.86 20.7 7.45L18.76 9.88C17.25 9 14.87 8 12 8M21.8 16V14.5C21.8 13.1 20.4 12 19 12S16.2 13.1 16.2 14.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16M20.5 16H17.5V14.5C17.5 13.7 18.2 13.2 19 13.2S20.5 13.7 20.5 14.5V16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3.svg
new file mode 100644
index 00000000..6d622dec
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-3.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-3" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L18.77,9.88C17.26,9 14.88,8 12,8C9,8 6.68,9 5.21,9.84L3.27,7.44C5.91,5.85 8.93,5 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-alert.svg
new file mode 100644
index 00000000..a87d4582
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-4-alert" viewBox="0 0 24 24"><path d="M12 3C7.8 3 3.7 4.4 .4 7C4.4 12.1 7.9 16.4 12 21.5C14.4 18.5 16.7 15.7 19 12.8V8H22.8C23 7.7 23.4 7.3 23.6 7C20.3 4.4 16.2 3 12 3M21 10V16H23V10M21 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock-open.svg
new file mode 100644
index 00000000..d7a13b07
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-4-lock-open" viewBox="0 0 24 24"><path d="M14.2 13.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L21.5 9.69C20.75 9.26 19.9 9 19 9C16.4 9 14.2 11.06 14.2 13.5M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock.svg
new file mode 100644
index 00000000..62ffc941
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4-lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-4-lock" viewBox="0 0 24 24"><path d="M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20.24L12 21.5C7.88 16.37 4.39 12.06 .365 7C3.69 4.41 7.78 3 12 3C16.2 3 20.31 4.41 23.64 7L20.91 10.39C20.32 10.14 19.68 10 19 10C16.4 10 14.2 12.06 14.2 14.5M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4.svg
new file mode 100644
index 00000000..14285ab8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-4.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-4" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7C4.41,12.06 7.89,16.37 12,21.5C16.08,16.42 20.24,11.24 23.65,7C20.32,4.41 16.22,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-alert-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-alert-outline.svg
new file mode 100644
index 00000000..de9e6e0e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-alert-outline" viewBox="0 0 24 24"><path d="M12 3C7.8 3 3.7 4.4 .4 7C4.3 11.8 8.2 16.7 12 21.5C14.3 18.6 16.7 15.7 19 12.8V9.6L12 18.3L3.3 7.4C5.9 5.8 8.9 5 12 5C15.1 5 18.1 5.9 20.7 7.4L20.3 8H22.9C23.2 7.7 23.4 7.3 23.7 7C20.3 4.4 16.2 3 12 3M21 10V16H23V10M21 18V20H23V18" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-open-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-open-outline.svg
new file mode 100644
index 00000000..91000596
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-open-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-lock-open-outline" viewBox="0 0 24 24"><path d="M23.65 7H23.64C22.92 7.9 22.2 8.79 21.5 9.69C20.87 9.33 20.17 9.11 19.43 9.04L20.71 7.45C18.09 5.86 15.07 5 12 5C8.91 5 5.9 5.85 3.27 7.44L12 18.3L13 17C13 17.08 13 17.14 13 17.2V20.25L12 21.5C8.13 16.66 4.24 11.83 .355 7H.375C3.7 4.41 7.79 3 12 3C16.22 3 20.32 4.41 23.65 7M21.8 16H17.5V13.5C17.5 12.7 18.2 12.2 19 12.2S20.5 12.7 20.5 13.5V14H21.8V13.5C21.8 12.1 20.4 11 19 11S16.2 12.1 16.2 13.5V16C15.6 16 15 16.6 15 17.2V20.7C15 21.4 15.6 22 16.2 22H21.7C22.4 22 23 21.4 23 20.8V17.3C23 16.6 22.4 16 21.8 16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-outline.svg
new file mode 100644
index 00000000..0cff32fd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-lock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-lock-outline" viewBox="0 0 24 24"><path d="M23.65 7H23.64L20.91 10.39C20.32 10.14 19.68 10 19 10C18.87 10 18.75 10.03 18.63 10.04L20.71 7.45C18.09 5.86 15.07 5 12 5C8.91 5 5.9 5.85 3.27 7.44L12 18.3L13 17C13 17.08 13 17.14 13 17.2V20.25L12 21.5C8.13 16.66 4.24 11.83 .355 7H.375C3.7 4.41 7.79 3 12 3C16.22 3 20.32 4.41 23.65 7M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off-outline.svg
new file mode 100644
index 00000000..9c20b165
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-off-outline" viewBox="0 0 24 24"><path d="M3.27,1.44L2,2.72L4.05,4.77C2.75,5.37 1.5,6.11 0.38,7C4.2,11.8 8.14,16.67 12,21.5L15.91,16.63L19.23,19.95L20.5,18.68C14.87,13.04 3.27,1.44 3.27,1.44M12,3C10.6,3 9.21,3.17 7.86,3.5L9.56,5.19C10.37,5.07 11.18,5 12,5C15.07,5 18.09,5.86 20.71,7.45L16.76,12.38L18.18,13.8C20.08,11.43 22,9 23.65,7C20.32,4.41 16.22,3 12,3M5.57,6.29L14.5,15.21L12,18.3L3.27,7.44C4,7 4.78,6.61 5.57,6.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off.svg
new file mode 100644
index 00000000..4d6761fe
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-off" viewBox="0 0 24 24"><path d="M3.27,1.44L2,2.72L4.05,4.77C2.75,5.37 1.5,6.11 0.38,7C4.41,12.06 12,21.5 12,21.5L15.91,16.63L19.23,19.95L20.5,18.68M12,3C10.6,3 9.21,3.17 7.86,3.5L18.18,13.81C20,11.5 22.05,9 23.65,7C20.32,4.41 16.22,3 12,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-outline.svg
new file mode 100644
index 00000000..dbd853d5
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-strength-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-strength-outline" viewBox="0 0 24 24"><path d="M12,3C7.79,3 3.7,4.41 0.38,7H0.36C4.24,11.83 8.13,16.66 12,21.5C15.89,16.66 19.77,11.83 23.64,7H23.65C20.32,4.41 16.22,3 12,3M12,5C15.07,5 18.09,5.86 20.71,7.45L12,18.3L3.27,7.44C5.9,5.85 8.92,5 12,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi-sync.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-sync.svg
new file mode 100644
index 00000000..ef3045d8
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi-sync.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi-sync" viewBox="0 0 24 24"><path d="M12 6C8.62 6 5.5 7.12 3 9L1.2 6.6C4.21 4.34 7.95 3 12 3S19.79 4.34 22.8 6.6L21 9C18.5 7.12 15.38 6 12 6M12 15C10.65 15 9.4 15.45 8.4 16.2L12 21L13.26 19.32C13.1 18.74 13 18.13 13 17.5C13 16.69 13.16 15.91 13.43 15.19C12.97 15.08 12.5 15 12 15M15.23 12.61C16.19 11.77 17.38 11.22 18.7 11.05C16.78 9.76 14.5 9 12 9C9.3 9 6.81 9.89 4.8 11.4L6.6 13.8C8.1 12.67 9.97 12 12 12C13.14 12 14.23 12.22 15.23 12.61M19 20C17.62 20 16.5 18.88 16.5 17.5C16.5 17.1 16.59 16.72 16.76 16.38L15.67 15.29C15.25 15.92 15 16.68 15 17.5C15 19.71 16.79 21.5 19 21.5V23L21.25 20.75L19 18.5V20M19 13.5V12L16.75 14.25L19 16.5V15C20.38 15 21.5 16.12 21.5 17.5C21.5 17.9 21.41 18.28 21.24 18.62L22.33 19.71C22.75 19.08 23 18.32 23 17.5C23 15.29 21.21 13.5 19 13.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wifi.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wifi.svg
new file mode 100644
index 00000000..eed394dd
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wifi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wifi" viewBox="0 0 24 24"><path d="M12,21L15.6,16.2C14.6,15.45 13.35,15 12,15C10.65,15 9.4,15.45 8.4,16.2L12,21M12,3C7.95,3 4.21,4.34 1.2,6.6L3,9C5.5,7.12 8.62,6 12,6C15.38,6 18.5,7.12 21,9L22.8,6.6C19.79,4.34 16.05,3 12,3M12,9C9.3,9 6.81,9.89 4.8,11.4L6.6,13.8C8.1,12.67 9.97,12 12,12C14.03,12 15.9,12.67 17.4,13.8L19.2,11.4C17.19,9.89 14.7,9 12,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wikipedia.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wikipedia.svg
new file mode 100644
index 00000000..50b1db6c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wikipedia.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wikipedia" viewBox="0 0 24 24"><path d="M14.97,18.95L12.41,12.92C11.39,14.91 10.27,17 9.31,18.95C9.3,18.96 8.84,18.95 8.84,18.95C7.37,15.5 5.85,12.1 4.37,8.68C4.03,7.84 2.83,6.5 2,6.5C2,6.4 2,6.18 2,6.05H7.06V6.5C6.46,6.5 5.44,6.9 5.7,7.55C6.42,9.09 8.94,15.06 9.63,16.58C10.1,15.64 11.43,13.16 12,12.11C11.55,11.23 10.13,7.93 9.71,7.11C9.39,6.57 8.58,6.5 7.96,6.5C7.96,6.35 7.97,6.25 7.96,6.06L12.42,6.07V6.47C11.81,6.5 11.24,6.71 11.5,7.29C12.1,8.53 12.45,9.42 13,10.57C13.17,10.23 14.07,8.38 14.5,7.41C14.76,6.76 14.37,6.5 13.29,6.5C13.3,6.38 13.3,6.17 13.3,6.07C14.69,6.06 16.78,6.06 17.15,6.05V6.47C16.44,6.5 15.71,6.88 15.33,7.46L13.5,11.3C13.68,11.81 15.46,15.76 15.65,16.2L19.5,7.37C19.2,6.65 18.34,6.5 18,6.5C18,6.37 18,6.2 18,6.05L22,6.08V6.1L22,6.5C21.12,6.5 20.57,7 20.25,7.75C19.45,9.54 17,15.24 15.4,18.95C15.4,18.95 14.97,18.95 14.97,18.95Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wind-power-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wind-power-outline.svg
new file mode 100644
index 00000000..e6d2108a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wind-power-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wind-power-outline" viewBox="0 0 24 24"><path d="M4 3H10V5H4V3M1 7H6V9H1V7M3 19H8V21H3V19M22.21 18.61L19.93 14.5C19.66 14.03 19.2 13.68 18.67 13.54L16 12.87C15.96 12.4 15.84 11.95 15.61 11.54L19.57 4.95C20.22 3.87 19.87 2.47 18.79 1.82C18.43 1.6 18 1.5 17.62 1.5C17.06 1.5 16.5 1.71 16.06 2.12L12.63 5.33C12.23 5.7 12 6.23 12 6.78V10.18C11.53 10.35 11.11 10.63 10.77 11H3.28C2 11 1 12 1 13.28C1 14.3 1.67 15.19 2.65 15.47L7.16 16.76C7.34 16.81 7.53 16.84 7.71 16.84C8.07 16.84 8.43 16.74 8.74 16.55L11 15.21C11.27 15.47 11.61 15.68 12 15.82V21C10.9 21 10 21.9 10 23H16C16 21.9 15.1 21 14 21V16.72L18.61 21.33C19.06 21.78 19.64 22 20.22 22S21.39 21.78 21.83 21.33C22.55 20.61 22.71 19.5 22.21 18.61M7.72 14.84L3.2 13.55C3.08 13.5 3 13.4 3 13.28C3 13.13 3.13 13 3.28 13H10C10 13.15 10 13.3 10.04 13.44L7.72 14.84M13 14C12.45 14 12 13.55 12 13S12.45 12 13 12 14 12.45 14 13 13.55 14 13 14M14 10.14V6.78L17.43 3.57C17.5 3.5 17.62 3.45 17.77 3.53C17.9 3.61 17.95 3.78 17.87 3.91L14.13 10.15L14 10.14M20.42 19.92C20.37 19.97 20.18 20.08 20 19.92L15.17 15.07C15.25 15 15.33 14.89 15.41 14.79L18.19 15.5L20.47 19.58C20.53 19.69 20.5 19.83 20.42 19.92Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wind-power.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wind-power.svg
new file mode 100644
index 00000000..f044d873
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wind-power.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wind-power" viewBox="0 0 24 24"><path d="M4 3H10V5H4V3M1 7H6V9H1V7M3 19H8V21H3V19M13.73 10.61C14.5 10.84 15.03 11.39 15.3 12.07L19.57 4.96C20.22 3.88 19.87 2.5 18.79 1.83C17.92 1.31 16.8 1.42 16.06 2.12L12.63 5.33C12.23 5.7 12 6.23 12 6.78V10.71C12.36 10.56 13 10.38 13.73 10.61M10.61 12.27C10.77 11.75 11.09 11.31 11.5 11H3.28C2 11 1 12 1 13.28C1 14.3 1.67 15.19 2.65 15.47L7.16 16.76C7.69 16.91 8.26 16.84 8.74 16.55L11.43 14.94C10.66 14.32 10.3 13.27 10.61 12.27M22.21 18.61L19.93 14.5C19.66 14.03 19.2 13.68 18.67 13.54L15.5 12.74C15.5 13.06 15.5 13.4 15.39 13.73C15.07 14.79 14.11 15.5 13 15.5C12.39 15.5 12 15.28 12 15.28V21C10.9 21 10 21.9 10 23H16C16 21.9 15.1 21 14 21V16.72L18.61 21.33C19.5 22.22 20.94 22.22 21.83 21.33C22.55 20.61 22.71 19.5 22.21 18.61M12.56 14.43C13.35 14.67 14.19 14.23 14.43 13.43C14.67 12.64 14.23 11.8 13.43 11.56C12.64 11.32 11.8 11.76 11.56 12.56C11.32 13.35 11.77 14.19 12.56 14.43Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-alert.svg
new file mode 100644
index 00000000..161f1a69
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wind-turbine-alert" viewBox="0 0 24 24"><path d="M12.33 11.67L15.21 14.58C16.62 13.16 15.21 11.75 15.21 11.75L13.72 10.24C13.9 9.86 14 9.44 14 9C14 7.95 13.46 7.03 12.64 6.5L14 2.11C12.09 1.53 11.5 3.44 11.5 3.44L10.69 6.03C9.46 6.16 8.46 7 8.13 8.18L3.67 9.63C4.31 11.53 6.2 10.9 6.2 10.9L8.27 10.23C8.61 10.97 9.23 11.54 10 11.82V19C10 19 8 19 8 21V22H14V21C14 21 14 19 12 19V11.82C12.12 11.78 12.23 11.72 12.33 11.67M9.5 9C9.5 8.17 10.17 7.5 11 7.5S12.5 8.17 12.5 9 11.83 10.5 11 10.5 9.5 9.83 9.5 9M18 12V7H20V13H18M18 17V15H20V17H18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-check.svg
new file mode 100644
index 00000000..ab8db77e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wind-turbine-check" viewBox="0 0 24 24"><path d="M11.33 11.67L14.21 14.58C15.62 13.16 14.21 11.75 14.21 11.75L12.72 10.24C12.9 9.86 13 9.44 13 9C13 7.95 12.46 7.03 11.64 6.5L13 2.11C11.09 1.53 10.5 3.44 10.5 3.44L9.69 6.03C8.46 6.16 7.46 7 7.13 8.18L2.67 9.63C3.31 11.53 5.2 10.9 5.2 10.9L7.27 10.23C7.61 10.97 8.23 11.54 9 11.82V19C9 19 7 19 7 21V22H13V21C13 21 13 19 11 19V11.82C11.12 11.78 11.23 11.72 11.33 11.67M8.5 9C8.5 8.17 9.17 7.5 10 7.5S11.5 8.17 11.5 9 10.83 10.5 10 10.5 8.5 9.83 8.5 9M16.75 21.16L14 18.16L15.16 17L16.75 18.59L20.34 15L21.5 16.41L16.75 21.16" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine.svg
new file mode 100644
index 00000000..33cf5adc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wind-turbine.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wind-turbine" viewBox="0 0 24 24"><path d="M13.33,11.67L16.21,14.58C17.62,13.16 16.21,11.75 16.21,11.75L14.72,10.24C14.9,9.86 15,9.44 15,9C15,7.95 14.46,7.03 13.64,6.5L15,2.11C13.09,1.53 12.5,3.44 12.5,3.44L11.69,6.03C10.46,6.16 9.46,7 9.13,8.18L4.67,9.63C5.31,11.53 7.2,10.9 7.2,10.9L9.27,10.23C9.61,10.97 10.23,11.54 11,11.82V19C11,19 9,19 9,21C9,21.5 9,21.81 9,22H15V21C15,21 15,19 13,19V11.82C13.12,11.78 13.23,11.72 13.33,11.67M10.5,9A1.5,1.5 0 0,1 12,7.5A1.5,1.5 0 0,1 13.5,9A1.5,1.5 0 0,1 12,10.5A1.5,1.5 0 0,1 10.5,9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-close.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-close.svg
new file mode 100644
index 00000000..5108bd7a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-close" viewBox="0 0 24 24"><path d="M13.46,12L19,17.54V19H17.54L12,13.46L6.46,19H5V17.54L10.54,12L5,6.46V5H6.46L12,10.54L17.54,5H19V6.46L13.46,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-closed-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-closed-variant.svg
new file mode 100644
index 00000000..0a3f109b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-closed-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-closed-variant" viewBox="0 0 24 24"><path d="M21 20V2H3V20H1V23H23V20M19 4V11H13V4M5 4H11V11H5M5 20V13H11V20M13 20V13H19V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-closed.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-closed.svg
new file mode 100644
index 00000000..85cb69fb
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-closed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-closed" viewBox="0 0 24 24"><path d="M6,11H10V9H14V11H18V4H6V11M18,13H6V20H18V13M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-maximize.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-maximize.svg
new file mode 100644
index 00000000..20035601
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-maximize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-maximize" viewBox="0 0 24 24"><path d="M4,4H20V20H4V4M6,8V18H18V8H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-minimize.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-minimize.svg
new file mode 100644
index 00000000..c6982edf
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-minimize.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-minimize" viewBox="0 0 24 24"><path d="M20,14H4V10H20" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-open-variant.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-open-variant.svg
new file mode 100644
index 00000000..64dfe67f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-open-variant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-open-variant" viewBox="0 0 24 24"><path d="M21 20V2H3V20H1V23H23V20M19 4V11H17V4M5 4H7V11H5M5 20V13H7V20M9 20V4H15V20M17 20V13H19V20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-open.svg
new file mode 100644
index 00000000..375298cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-open" viewBox="0 0 24 24"><path d="M6,8H10V6H14V8H18V4H6V8M18,10H6V15H18V10M6,20H18V17H6V20M6,2H18A2,2 0 0,1 20,4V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V4A2,2 0 0,1 6,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-restore.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-restore.svg
new file mode 100644
index 00000000..e872b78c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-restore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-restore" viewBox="0 0 24 24"><path d="M4,8H8V4H20V16H16V20H4V8M16,8V14H18V6H10V8H16M6,12V18H14V12H6Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-alert.svg
new file mode 100644
index 00000000..d02ffa45
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter-alert" viewBox="0 0 24 24"><path d="M2 4H20V8H18V20H16V8H6V20H4V8H2V4M7 9H15V11H7V9M7 12H15V14H7V12M20 19V17H22V19H20M20 15V10H22V15H20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-auto.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-auto.svg
new file mode 100644
index 00000000..0136b057
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-auto.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter-auto" viewBox="0 0 24 24"><path d="M20 14H18L14.8 23H16.7L17.4 21H20.6L21.3 23H23.2L20 14M17.8 19.7L19 16L20.2 19.7H17.8M7 9H15V11H7V9M7 12H15V14H7V12M7 15H15V16.5L14.8 17H7V15M13.7 20H7V18H14.5L13.7 20M16 8H6V20H4V8H2V4H20V8H18V12H16.6L16.1 13.3L16 13.7V8Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-cog.svg
new file mode 100644
index 00000000..39c5f758
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter-cog" viewBox="0 0 24 24"><path d="M21.7 18.6V17.6L22.8 16.8C22.9 16.7 23 16.6 22.9 16.5L21.9 14.8C21.9 14.7 21.7 14.7 21.6 14.7L20.4 15.2C20.1 15 19.8 14.8 19.5 14.7L19.3 13.4C19.3 13.3 19.2 13.2 19.1 13.2H17.1C16.9 13.2 16.8 13.3 16.8 13.4L16.6 14.7C16.3 14.9 16.1 15 15.8 15.2L14.6 14.7C14.5 14.7 14.4 14.7 14.3 14.8L13.3 16.5C13.3 16.6 13.3 16.7 13.4 16.8L14.5 17.6V18.6L13.4 19.4C13.3 19.5 13.2 19.6 13.3 19.7L14.3 21.4C14.4 21.5 14.5 21.5 14.6 21.5L15.8 21C16 21.2 16.3 21.4 16.6 21.5L16.8 22.8C16.9 22.9 17 23 17.1 23H19.1C19.2 23 19.3 22.9 19.3 22.8L19.5 21.5C19.8 21.3 20 21.2 20.3 21L21.5 21.4C21.6 21.4 21.7 21.4 21.8 21.3L22.8 19.6C22.9 19.5 22.9 19.4 22.8 19.4L21.7 18.6M18 19.5C17.2 19.5 16.5 18.8 16.5 18S17.2 16.5 18 16.5 19.5 17.2 19.5 18 18.8 19.5 18 19.5M8 9H16V11H8V9M17 8H7V20H5V8H3V4H21V8H19V11.1C18.7 11.1 18.3 11 18 11S17.3 11 17 11.1V8M11.3 20H8V18H11C11 18.7 11.1 19.4 11.3 20M8 12H14.4C13.6 12.5 12.8 13.2 12.3 14H8V12M8 15H11.7C11.4 15.6 11.2 16.3 11.1 17H8V15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-open.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-open.svg
new file mode 100644
index 00000000..f5e12f66
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter-open" viewBox="0 0 24 24"><path d="M3 4H21V8H19V20H17V8H7V20H5V8H3V4M8 9H16V11H8V9Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-settings.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-settings.svg
new file mode 100644
index 00000000..ed66fdd4
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter-settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter-settings" viewBox="0 0 24 24"><path d="M3 4H21V8H19V20H17V8H7V20H5V8H3V4M8 9H16V11H8V9M8 12H16V14H8V12M8 15H16V17H8V15M8 18H16V20H8V18M13 22H11V24H13V22M17 22H15V24H17V22M9 22H7V24H9V22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter.svg b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter.svg
new file mode 100644
index 00000000..b011d89b
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/window-shutter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-window-shutter" viewBox="0 0 24 24"><path d="M3 4H21V8H19V20H17V8H7V20H5V8H3V4M8 9H16V11H8V9M8 12H16V14H8V12M8 15H16V17H8V15M8 18H16V20H8V18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/windsock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/windsock.svg
new file mode 100644
index 00000000..470340c9
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/windsock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-windsock" viewBox="0 0 24 24"><path d="M7 5V13L22 11V7L7 5M10 6.91L13 7.31V10.69L10 11.09V6.91M16 7.71L19 8.11V9.89L16 10.29V7.71M5 10V11H6V12H5V21H3V4C3 3.45 3.45 3 4 3S5 3.45 5 4V6H6V7H5V10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash-alert.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash-alert.svg
new file mode 100644
index 00000000..bf76eb39
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash-alert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wiper-wash-alert" viewBox="0 0 24 24"><path d="M11 6C11 5.7 11.1 4.6 11.8 3.8L10 2.4L8.2 3.9C8.9 4.6 9 5.7 9 6C2.7 6.4 0 11 0 11L7 18C7 18 7.7 16.7 9 16.2V18.3C8.4 18.6 8 19.3 8 20C8 21.11 8.9 22 10 22S12 21.11 12 20C12 19.3 11.6 18.6 11 18.3V16.2C12.3 16.7 13 18 13 18L20 11C20 11 17.3 6.5 11 6M9 14.1C8.2 14.3 7.5 14.6 6.9 15.1L2.7 10.9C3.8 9.8 5.8 8.3 9 8.1V14.1M13.1 15.1C12.5 14.7 11.8 14.3 11 14.1V8.1C14.2 8.4 16.2 9.8 17.3 10.9L13.1 15.1M16 1.3L15.3 3.2C14.6 2.9 13.5 2.9 12.7 3.2L12 1.3C13.2 .9 14.8 .9 16 1.3M19 6H17C17 6 17 4.7 16.2 3.9L17.7 2.6C19 4 19 5.9 19 6M2.2 2.6L3.7 3.9C3 4.7 3 6 3 6H1C1 5.9 1 4 2.2 2.6M8 1.3L7.3 3.2C6.6 2.9 5.5 2.9 4.7 3.2L4 1.3C5.2 .9 6.8 .9 8 1.3M22 12V7H24V13H22M22 17H24V15H22" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash.svg
new file mode 100644
index 00000000..e35dea58
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wiper-wash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wiper-wash" viewBox="0 0 24 24"><path d="M13,6C13,5.7 13.1,4.6 13.8,3.8L12,2.4L10.2,3.9C10.9,4.6 11,5.7 11,6C4.7,6.4 2,11 2,11L9,18C9,18 9.7,16.7 11,16.2V18.3C10.4,18.6 10,19.3 10,20A2,2 0 0,0 12,22A2,2 0 0,0 14,20C14,19.3 13.6,18.6 13,18.3V16.2C14.3,16.7 15,18 15,18L22,11C22,11 19.3,6.5 13,6M11,14.1C10.2,14.3 9.5,14.6 8.9,15.1L4.7,10.9C5.8,9.8 7.8,8.3 11,8.1V14.1M15.1,15.1C14.5,14.7 13.8,14.3 13,14.1V8.1C16.2,8.4 18.2,9.8 19.3,10.9L15.1,15.1M18,1.3L17.3,3.2C16.6,2.9 15.5,2.9 14.7,3.2L14,1.3C15.2,0.9 16.8,0.9 18,1.3M21,6H19C19,6 19,4.7 18.2,3.9L19.7,2.6C21,4 21,5.9 21,6M4.2,2.6L5.7,3.9C5,4.7 5,6 5,6H3C3,5.9 3,4 4.2,2.6M10,1.3L9.3,3.2C8.6,2.9 7.5,2.9 6.7,3.2L6,1.3C7.2,0.9 8.8,0.9 10,1.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wiper.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wiper.svg
new file mode 100644
index 00000000..e90ab996
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wiper.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wiper" viewBox="0 0 24 24"><path d="M12,4C5,4 2,9 2,9L9,16C9,16 9.5,15.1 10.4,14.5L10.7,16.5C10.3,16.8 10,17.4 10,18A2,2 0 0,0 12,20A2,2 0 0,0 14,18C14,17.1 13.5,16.4 12.7,16.1L12.3,14C14.1,14.2 15,16 15,16L22,9C22,9 19,4 12,4M15.1,13.1C14.3,12.5 13.3,12 12,12L11,6.1C11.3,6 11.7,6 12,6C15.7,6 18.1,7.7 19.3,8.9L15.1,13.1M8.9,13.1L4.7,8.9C5.5,8 7,7 9,6.4L10,12.4C9.6,12.6 9.2,12.8 8.9,13.1Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wizard-hat.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wizard-hat.svg
new file mode 100644
index 00000000..bc3ac31d
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wizard-hat.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wizard-hat" viewBox="0 0 24 24"><path d="M21 22H3V20H21V22M19 19H5L11.1 2.6C11.3 2.2 11.6 2 12 2L18 5H13.9L19 19M10 7.5L11.04 7.97L11.5 9L11.97 7.97L13 7.5L11.97 7.03L11.5 6L11.04 7.03L10 7.5M13 15L10.94 14.07L10 12L9.07 14.07L7 15L9.07 15.93L10 18L10.94 15.93L13 15M13.97 11.97L15 11.5L13.97 11.03L13.5 10L13.04 11.03L12 11.5L13.04 11.97L13.5 13L13.97 11.97M15.97 15.97L17 15.5L15.97 15.03L15.5 14L15.04 15.03L14 15.5L15.04 15.97L15.5 17L15.97 15.97Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wordpress.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wordpress.svg
new file mode 100644
index 00000000..d9ebc18a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wordpress.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wordpress" viewBox="0 0 24 24"><path d="M3.42,12C3.42,10.76 3.69,9.58 4.16,8.5L8.26,19.72C5.39,18.33 3.42,15.4 3.42,12M17.79,11.57C17.79,12.3 17.5,13.15 17.14,14.34L16.28,17.2L13.18,8L14.16,7.9C14.63,7.84 14.57,7.16 14.11,7.19C14.11,7.19 12.72,7.3 11.82,7.3L9.56,7.19C9.1,7.16 9.05,7.87 9.5,7.9L10.41,8L11.75,11.64L9.87,17.27L6.74,8L7.73,7.9C8.19,7.84 8.13,7.16 7.67,7.19C7.67,7.19 6.28,7.3 5.38,7.3L4.83,7.29C6.37,4.96 9,3.42 12,3.42C14.23,3.42 16.27,4.28 17.79,5.67H17.68C16.84,5.67 16.24,6.4 16.24,7.19C16.24,7.9 16.65,8.5 17.08,9.2C17.41,9.77 17.79,10.5 17.79,11.57M12.15,12.75L14.79,19.97L14.85,20.09C13.96,20.41 13,20.58 12,20.58C11.16,20.58 10.35,20.46 9.58,20.23L12.15,12.75M19.53,7.88C20.2,9.11 20.58,10.5 20.58,12C20.58,15.16 18.86,17.93 16.31,19.41L18.93,11.84C19.42,10.62 19.59,9.64 19.59,8.77L19.53,7.88M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,21.54C17.26,21.54 21.54,17.26 21.54,12C21.54,6.74 17.26,2.46 12,2.46C6.74,2.46 2.46,6.74 2.46,12C2.46,17.26 6.74,21.54 12,21.54Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrap-disabled.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrap-disabled.svg
new file mode 100644
index 00000000..17b4dca1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrap-disabled.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrap-disabled" viewBox="0 0 24 24"><path d="M16,7H3V5H16V7M3,19H16V17H3V19M22,12L18,9V11H3V13H18V15L22,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrap.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrap.svg
new file mode 100644
index 00000000..30415935
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrap.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrap" viewBox="0 0 24 24"><path d="M21,5H3V7H21V5M3,19H10V17H3V19M3,13H18C19,13 20,13.43 20,15C20,16.57 19,17 18,17H16V15L12,18L16,21V19H18C20.95,19 22,17.73 22,15C22,12.28 21,11 18,11H3V13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check-outline.svg
new file mode 100644
index 00000000..2e67a79a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-check-outline" viewBox="0 0 24 24"><path d="M9 1.09V6H7V1.09C4.16 1.57 2 4.03 2 7C2 9.22 3.21 11.15 5 12.19V21C5 21.55 5.45 22 6 22H10C10.55 22 11 21.55 11 21V12.19C12.79 11.15 14 9.22 14 7C14 4.03 11.84 1.57 9 1.09M10 10.46L9 11.04V20H7V11.04L6 10.46C4.77 9.74 4 8.42 4 7C4 6 4.37 5.06 5 4.35V8H11V4.35C11.63 5.06 12 6 12 7C12 8.42 11.23 9.74 10 10.46M21.6 13L23 14.41L16.47 21L13 17.5L14.4 16.09L16.47 18.17L21.6 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check.svg
new file mode 100644
index 00000000..4c27a5b1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-check" viewBox="0 0 24 24"><path d="M9 2C10.8 2.6 12 4.3 12 6.2C12 8.2 10.8 9.9 9 10.5V21.5C9 21.8 8.8 22 8.5 22H6.5C6.2 22 6 21.8 6 21.4V10.4C4.2 9.8 3 8.1 3 6.2S4.2 2.6 6 2V5.7H9V2M20.6 13L22 14.41L15.47 21L12 17.5L13.4 16.09L15.47 18.17L20.6 13" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock-outline.svg
new file mode 100644
index 00000000..5fc23787
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-clock-outline" viewBox="0 0 24 24"><path d="M16 8C14.8 8.03 13.67 8.35 12.68 8.89C12.88 8.29 13 7.66 13 7C13 4.03 10.84 1.57 8 1.09V6H6V1.09C3.16 1.57 1 4.03 1 7C1 9.22 2.21 11.15 4 12.19V21C4 21.55 4.45 22 5 22H9C9.55 22 10 21.55 10 21V18.62C11.22 20.65 13.43 22 16 22C19.9 22 23 18.9 23 15S19.9 8 16 8M8 11.04V20H6V11.04L5 10.46C3.77 9.74 3 8.42 3 7C3 6 3.37 5.06 4 4.35V8H10V4.35C10.63 5.06 11 6 11 7C11 8.42 10.23 9.74 9 10.46L8 11.04M16 20C13.2 20 11 17.8 11 15S13.2 10 16 10 21 12.2 21 15 18.8 20 16 20M16.5 15.3L19.4 17L18.6 18.2L15 16V11H16.5V15.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock.svg
new file mode 100644
index 00000000..fd15222a
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-clock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-clock" viewBox="0 0 24 24"><path d="M10 6.2C10 4.3 8.8 2.6 7 2V5.7H4V2C2.2 2.6 1 4.3 1 6.2C1 8.1 2.2 9.8 4 10.4V21.4C4 21.8 4.2 22 4.5 22H6.5C6.8 22 7 21.8 7 21.5V10.5C8.8 9.9 10 8.2 10 6.2M16 8C16 8 15.9 8 16 8C12.1 8.1 9 11.2 9 15C9 18.9 12.1 22 16 22S23 18.9 23 15 19.9 8 16 8M16 20C13.2 20 11 17.8 11 15S13.2 10 16 10 21 12.2 21 15 18.8 20 16 20M15 11V16L18.6 18.2L19.4 17L16.5 15.3V11H15Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog-outline.svg
new file mode 100644
index 00000000..cd5752cc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-cog-outline" viewBox="0 0 24 24"><path d="M9 1.09V6H7V1.09C4.16 1.57 2 4.03 2 7C2 9.22 3.21 11.15 5 12.19V21C5 21.55 5.45 22 6 22H10C10.55 22 11 21.55 11 21V12.19C12.79 11.15 14 9.22 14 7C14 4.03 11.84 1.57 9 1.09M10 10.46L9 11.04V20H7V11.04L6 10.46C4.77 9.74 4 8.42 4 7C4 6 4.37 5.06 5 4.35V8H11V4.35C11.63 5.06 12 6 12 7C12 8.42 11.23 9.74 10 10.46M20.94 17.94C20.96 17.79 20.97 17.65 20.97 17.5S20.96 17.2 20.94 17.05L21.91 16.32C22 16.25 22.03 16.13 21.97 16.03L21.05 14.47C21 14.37 20.87 14.33 20.76 14.37L19.61 14.82C19.37 14.65 19.12 14.5 18.83 14.38L18.66 13.19C18.64 13.08 18.54 13 18.43 13H16.58C16.46 13 16.36 13.08 16.34 13.19L16.17 14.38C15.88 14.5 15.63 14.65 15.39 14.82L14.24 14.37C14.14 14.33 14 14.37 13.96 14.47L13.03 16.03C12.97 16.13 13 16.25 13.09 16.32L14.06 17.05C14.05 17.2 14.03 17.35 14.03 17.5S14.05 17.79 14.06 17.94L13.09 18.68C13 18.75 12.97 18.87 13.03 18.97L13.96 20.53C14 20.63 14.14 20.66 14.24 20.63L15.39 20.17C15.63 20.35 15.88 20.5 16.17 20.62L16.34 21.81C16.36 21.92 16.46 22 16.58 22H18.43C18.54 22 18.64 21.92 18.66 21.81L18.83 20.62C19.12 20.5 19.37 20.35 19.61 20.17L20.76 20.63C20.87 20.66 21 20.63 21.05 20.53L21.97 18.97C22.03 18.87 22 18.75 21.91 18.68L20.94 17.94M17.5 19C16.67 19 16 18.33 16 17.5S16.67 16 17.5 16 19 16.67 19 17.5 18.33 19 17.5 19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog.svg
new file mode 100644
index 00000000..19d9c1d2
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-cog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-cog" viewBox="0 0 24 24"><path d="M19.94 17.94C19.96 17.79 19.97 17.65 19.97 17.5S19.96 17.2 19.94 17.05L20.91 16.32C21 16.25 21.03 16.13 20.97 16.03L20.05 14.47C20 14.37 19.86 14.33 19.76 14.37L18.61 14.82C18.37 14.65 18.12 14.5 17.83 14.38L17.66 13.19C17.64 13.08 17.54 13 17.43 13H15.58C15.46 13 15.36 13.08 15.34 13.19L15.17 14.38C14.88 14.5 14.63 14.65 14.39 14.82L13.24 14.37C13.14 14.33 13 14.37 12.96 14.47L12.03 16.03C11.97 16.13 12 16.25 12.09 16.32L13.06 17.05C13.05 17.2 13.03 17.35 13.03 17.5S13.05 17.79 13.06 17.94L12.09 18.68C12 18.75 11.97 18.87 12.03 18.97L12.96 20.53C13 20.63 13.14 20.66 13.24 20.63L14.39 20.17C14.63 20.35 14.88 20.5 15.17 20.62L15.34 21.81C15.36 21.92 15.46 22 15.58 22H17.43C17.54 22 17.64 21.92 17.66 21.81L17.83 20.62C18.12 20.5 18.37 20.35 18.61 20.17L19.76 20.63C19.86 20.66 20 20.63 20.05 20.53L20.97 18.97C21.03 18.87 21 18.75 20.91 18.68L19.94 17.94M16.5 19C15.67 19 15 18.33 15 17.5S15.67 16 16.5 16 18 16.67 18 17.5 17.33 19 16.5 19M9 2C10.8 2.6 12 4.3 12 6.2C12 8.2 10.8 9.9 9 10.5V21.5C9 21.8 8.8 22 8.5 22H6.5C6.2 22 6 21.8 6 21.4V10.4C4.2 9.8 3 8.1 3 6.2S4.2 2.6 6 2V5.7H9V2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-outline.svg
new file mode 100644
index 00000000..9604c07e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench-outline" viewBox="0 0 24 24"><path d="M22.61,19L13.53,9.91C14.46,7.57 14,4.81 12.09,2.91C9.79,0.61 6.21,0.4 3.66,2.26L7.5,6.11L6.08,7.5L2.25,3.69C0.39,6.23 0.6,9.82 2.9,12.11C4.76,13.97 7.47,14.46 9.79,13.59L18.9,22.7C19.29,23.09 19.92,23.09 20.31,22.7L22.61,20.4C23,20 23,19.39 22.61,19M19.61,20.59L10.15,11.13C9.54,11.58 8.86,11.85 8.15,11.95C6.79,12.15 5.36,11.74 4.32,10.7C3.37,9.76 2.93,8.5 3,7.26L6.09,10.35L10.33,6.11L7.24,3C8.5,2.95 9.73,3.39 10.68,4.33C11.76,5.41 12.17,6.9 11.92,8.29C11.8,9 11.5,9.66 11.04,10.25L20.5,19.7L19.61,20.59Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/wrench.svg b/apps/phoenix_webcomponent/priv/mdi/svg/wrench.svg
new file mode 100644
index 00000000..4eef0e38
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/wrench.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-wrench" viewBox="0 0 24 24"><path d="M22.7,19L13.6,9.9C14.5,7.6 14,4.9 12.1,3C10.1,1 7.1,0.6 4.7,1.7L9,6L6,9L1.6,4.7C0.4,7.1 0.9,10.1 2.9,12.1C4.8,14 7.5,14.5 9.8,13.6L18.9,22.7C19.3,23.1 19.9,23.1 20.3,22.7L22.6,20.4C23.1,20 23.1,19.3 22.7,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/xamarin.svg b/apps/phoenix_webcomponent/priv/mdi/svg/xamarin.svg
new file mode 100644
index 00000000..cb270b1f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/xamarin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-xamarin" viewBox="0 0 24 24"><path d="M22.75,11.07C22.91,11.35 23,11.67 23,12C23,12.33 22.91,12.65 22.75,12.93L18.08,21C17.72,21.62 17.06,22 16.35,22H7.65C6.94,22 6.28,21.62 5.92,21L1.25,12.93C1.09,12.65 1,12.33 1,12C1,11.67 1.09,11.35 1.25,11.07L5.92,3C6.28,2.38 6.94,2 7.65,2H16.35C17.06,2 17.72,2.38 18.08,3L22.75,11.07M12,12V11.9L9.42,7.1L9.25,7H7.66L7.5,7.1V7.3L10,12L7.5,16.7V16.9L7.66,17H9.25L9.42,16.9L12,12.1V12L12.03,12.1L14.58,16.9L14.75,17H16.34L16.5,16.9V16.7L14,12L16.5,7.3V7.1L16.34,7H14.75L14.58,7.1L12.03,11.9L12,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/xml.svg b/apps/phoenix_webcomponent/priv/mdi/svg/xml.svg
new file mode 100644
index 00000000..34caa1e1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/xml.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-xml" viewBox="0 0 24 24"><path d="M12.89,3L14.85,3.4L11.11,21L9.15,20.6L12.89,3M19.59,12L16,8.41V5.58L22.42,12L16,18.41V15.58L19.59,12M1.58,12L8,5.58V8.41L4.41,12L8,15.58V18.41L1.58,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/xmpp.svg b/apps/phoenix_webcomponent/priv/mdi/svg/xmpp.svg
new file mode 100644
index 00000000..eb813355
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/xmpp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-xmpp" viewBox="0 0 24 24"><path d="M12,15.4C9.75,13.09 8,9.54 8,6C2,4 8,6 2,4C2,9.65 6.33,14.11 10.55,16.66C9.38,17.5 8.15,18 7,18C7,19 7,18 7,19C8.2,19 10.03,18.46 12,17.46C13.97,18.46 15.8,19 17,19C17,18 17,19 17,18C15.85,18 14.62,17.5 13.45,16.66C17.66,14.11 22,9.65 22,4C16,6 22,4 16,6C16,9.54 14.25,13.09 12,15.4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/yahoo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/yahoo.svg
new file mode 100644
index 00000000..eb0a468c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/yahoo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-yahoo" viewBox="0 0 24 24"><path d="M10.5 7.59L8.16 13.2L5.85 7.59H2L6.29 17.23L4.75 20.7H8.5L14.24 7.59H10.5M15 12.73C13.63 12.73 12.59 13.77 12.59 15C12.59 16.17 13.59 17.16 14.93 17.16C16.32 17.16 17.36 16.13 17.36 14.9C17.36 13.69 16.36 12.73 15 12.73M17.72 3.3L13.89 11.89H18.17L22 3.3H17.72Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/yeast.svg b/apps/phoenix_webcomponent/priv/mdi/svg/yeast.svg
new file mode 100644
index 00000000..1ed87584
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/yeast.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-yeast" viewBox="0 0 24 24"><path d="M18,14A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18L14.09,17.15C14.05,16.45 13.92,15.84 13.55,15.5C13.35,15.3 13.07,15.19 12.75,15.13C11.79,15.68 10.68,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3A6.5,6.5 0 0,1 16,9.5C16,10.68 15.68,11.79 15.13,12.75C15.19,13.07 15.3,13.35 15.5,13.55C15.84,13.92 16.45,14.05 17.15,14.09L18,14M7.5,10A1.5,1.5 0 0,1 9,11.5A1.5,1.5 0 0,1 7.5,13A1.5,1.5 0 0,1 6,11.5A1.5,1.5 0 0,1 7.5,10M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/yin-yang.svg b/apps/phoenix_webcomponent/priv/mdi/svg/yin-yang.svg
new file mode 100644
index 00000000..ceee1b49
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/yin-yang.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-yin-yang" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A4,4 0 0,1 8,16A4,4 0 0,1 12,12A4,4 0 0,0 16,8A4,4 0 0,0 12,4M12,6.5A1.5,1.5 0 0,1 13.5,8A1.5,1.5 0 0,1 12,9.5A1.5,1.5 0 0,1 10.5,8A1.5,1.5 0 0,1 12,6.5M12,14.5A1.5,1.5 0 0,0 10.5,16A1.5,1.5 0 0,0 12,17.5A1.5,1.5 0 0,0 13.5,16A1.5,1.5 0 0,0 12,14.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/yoga.svg b/apps/phoenix_webcomponent/priv/mdi/svg/yoga.svg
new file mode 100644
index 00000000..d00bcf5e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/yoga.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-yoga" viewBox="0 0 24 24"><path d="M13 2C11.9 2 11 2.9 11 4C11 5.11 11.9 6 13 6C14.11 6 15 5.11 15 4C15 2.9 14.11 2 13 2M4 7V9H10V15L4.93 20.07L6.34 21.5L13.06 14.77L17 17.13V21H19V16.57C19 16.21 18.82 15.89 18.5 15.71L15 13.6V9H21V7H4Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/youtube-gaming.svg b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-gaming.svg
new file mode 100644
index 00000000..cc0bf677
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-gaming.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-youtube-gaming" viewBox="0 0 24 24"><path d="M22 13V8L17 5L12 8L7 5L2 8V13L12 19L22 13M9 11H7V13H6V11H4V10H6V8H7V10H9V11M15 13C14.45 13 14 12.55 14 12S14.45 11 15 11 16 11.45 16 12 15.55 13 15 13M18 11C17.45 11 17 10.55 17 10S17.45 9 18 9 19 9.45 19 10 18.55 11 18 11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/youtube-studio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-studio.svg
new file mode 100644
index 00000000..76c0b475
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-studio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-youtube-studio" viewBox="0 0 24 24"><path d="M10,15L15,12L10,9V15M19.45,13L21.56,14.63C21.78,14.78 21.81,15 21.66,15.28L19.64,18.75C19.5,18.97 19.31,19.03 19.03,18.94L16.55,17.95C15.89,18.42 15.33,18.75 14.86,18.94L14.5,21.56C14.42,21.84 14.27,22 14,22H10C9.73,22 9.58,21.84 9.5,21.56L9.14,18.94C8.55,18.69 8,18.36 7.45,17.95L4.97,18.94C4.69,19.03 4.5,18.97 4.36,18.75L2.34,15.28C2.19,15 2.22,14.78 2.44,14.63L4.55,13C4.5,12.77 4.5,12.44 4.5,12C4.5,11.56 4.5,11.23 4.55,11L2.44,9.38C2.22,9.22 2.19,9 2.34,8.72L4.36,5.25C4.5,5.03 4.69,4.97 4.97,5.06L7.45,6.05C8.11,5.58 8.67,5.25 9.14,5.06L9.5,2.44C9.58,2.16 9.73,2 10,2H14C14.27,2 14.42,2.16 14.5,2.44L14.86,5.06C15.45,5.31 16,5.64 16.55,6.05L19.03,5.06C19.31,4.97 19.5,5.03 19.64,5.25L21.66,8.72C21.81,9 21.78,9.22 21.56,9.38L19.45,11C19.5,11.23 19.5,11.56 19.5,12C19.5,12.44 19.5,12.77 19.45,13Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/youtube-subscription.svg b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-subscription.svg
new file mode 100644
index 00000000..5c49e8dc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-subscription.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-youtube-subscription" viewBox="0 0 24 24"><path d="M20,8H4V6H20V8M18,2H6V4H18V2M22,12V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V12A2,2 0 0,1 4,10H20A2,2 0 0,1 22,12M16,16L10,12.73V19.26L16,16Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/youtube-tv.svg b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-tv.svg
new file mode 100644
index 00000000..40a820fc
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/youtube-tv.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-youtube-tv" viewBox="0 0 24 24"><path d="M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/youtube.svg b/apps/phoenix_webcomponent/priv/mdi/svg/youtube.svg
new file mode 100644
index 00000000..35c9e345
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-youtube" viewBox="0 0 24 24"><path d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/yurt.svg b/apps/phoenix_webcomponent/priv/mdi/svg/yurt.svg
new file mode 100644
index 00000000..8bd6d217
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/yurt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-yurt" viewBox="0 0 24 24"><path d="M22 14.87V22H14V16H10V22H2V14.87C2 14.33 2.29 13.83 2.76 13.57L8.66 10.2C8.88 10.07 9.14 10 9.4 10H12.5V9H14V10H14.59C14.85 10 15.11 10.07 15.33 10.2L21.23 13.57C21.71 13.84 22 14.33 22 14.87M7.86 6.25H9.4C10.73 6.25 11.92 6.95 12.5 8H14C13.6 6.2 12 4.85 10.1 4.85V3.35C11.1 3.35 11.95 2.5 11.95 1.5V1H7.86V2.5C6.86 2.5 6 3.23 6 4.25S6.86 6.25 7.86 6.25Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/z-wave.svg b/apps/phoenix_webcomponent/priv/mdi/svg/z-wave.svg
new file mode 100644
index 00000000..b1cdd21e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/z-wave.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-z-wave" viewBox="0 0 24 24"><path d="M16.3,10.58C13.14,10.58 10.6,13.13 10.6,16.28C10.6,19.43 13.15,22 16.3,22C19.45,22 22,19.43 22,16.28C22,13.13 19.45,10.58 16.3,10.58M18,19.08H13.19L15.81,15H13.31L14.4,13.23H19.18L16.63,17.28H19.18L18,19.08M16.3,3.93V2C8.41,2 2,8.42 2,16.31H3.92C3.94,9.46 9.5,3.93 16.3,3.93M16.3,7.74V5.82C10.5,5.82 5.81,10.53 5.81,16.31H7.73C7.75,11.58 11.59,7.74 16.3,7.74" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zend.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zend.svg
new file mode 100644
index 00000000..fc2e0c87
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zend.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zend" viewBox="0 0 24 24"><path d="M11.28,9.81C11.28,9.81 11.28,7 14.09,7H22.5C22.5,7 22.5,9.81 19.71,9.81H11.28M11.28,13.41C11.28,13.41 11.28,10.6 14.09,10.6H18.31C18.31,10.6 18.31,13.41 15.5,13.41H11.28M11.28,17C11.28,17 11.28,14.19 14.09,14.19H15.5C15.5,14.19 15.5,17 12.68,17H11.28M10.46,14.8V17H1.58L7.3,9.21H2.4V7H11.66L5.96,14.8H10.46Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zigbee.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zigbee.svg
new file mode 100644
index 00000000..913c69e3
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zigbee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zigbee" viewBox="0 0 24 24"><path d="M4.06,6.15C3.97,6.17 3.88,6.22 3.8,6.28C2.66,7.9 2,9.87 2,12A10,10 0 0,0 12,22C15,22 17.68,20.68 19.5,18.6L17,18.85C14.25,19.15 11.45,19.19 8.66,18.96C7.95,18.94 7.24,18.76 6.59,18.45C5.73,18.06 5.15,17.23 5.07,16.29C5.06,16.13 5.12,16 5.23,15.87L7.42,13.6L15.03,5.7V5.6H10.84C8.57,5.64 6.31,5.82 4.06,6.15M20.17,17.5C20.26,17.47 20.35,17.44 20.43,17.39C21.42,15.83 22,14 22,12A10,10 0 0,0 12,2C9.22,2 6.7,3.13 4.89,4.97H5.17C8.28,4.57 11.43,4.47 14.56,4.65C15.5,4.64 16.45,4.82 17.33,5.17C18.25,5.53 18.89,6.38 19,7.37C19,7.53 18.93,7.7 18.82,7.82L9.71,17.19L9,17.95V18.06H13.14C15.5,18 17.84,17.81 20.17,17.5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zip-box-outline.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zip-box-outline.svg
new file mode 100644
index 00000000..cea89005
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zip-box-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zip-box-outline" viewBox="0 0 24 24"><path d="M12 17V15H14V17H12M14 13V11H12V13H14M14 9V7H12V9H14M10 11H12V9H10V11M10 15H12V13H10V15M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H12V7H10V5H5V19H19V5Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zip-box.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zip-box.svg
new file mode 100644
index 00000000..0ab50f89
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zip-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zip-box" viewBox="0 0 24 24"><path d="M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zip-disk.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zip-disk.svg
new file mode 100644
index 00000000..502fa908
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zip-disk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zip-disk" viewBox="0 0 24 24"><path d="M7,3L3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5L17,3V5A1,1 0 0,1 16,6H10A1,1 0 0,1 9,5V3H7M8,10H16A1,1 0 0,1 17,11V19H7V11A1,1 0 0,1 8,10Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aquarius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aquarius.svg
new file mode 100644
index 00000000..733bd44f
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aquarius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-aquarius" viewBox="0 0 24 24"><path d="M15,12.41L12,9.41L9,12.41L6,9.41L3.71,11.71L2.29,10.29L6,6.59L9,9.59L12,6.59L15,9.59L18,6.59L21.71,10.29L20.29,11.71L18,9.41L15,12.41M18,15.41L20.29,17.71L21.71,16.29L18,12.59L15,15.59L12,12.59L9,15.59L6,12.59L2.29,16.29L3.71,17.71L6,15.41L9,18.41L12,15.41L15,18.41L18,15.41Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aries.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aries.svg
new file mode 100644
index 00000000..75d012a1
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-aries.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-aries" viewBox="0 0 24 24"><path d="M16,2C14.95,2 13.91,2.27 13,2.81C12.64,3 12.3,3.26 12,3.54C11.7,3.26 11.36,3 11,2.81C10.09,2.27 9.05,2 8,2A6,6 0 0,0 2,8A6,6 0 0,0 8,14V12A4,4 0 0,1 4,8A4,4 0 0,1 8,4C9,4 10,4.39 10.75,5.1C10.84,5.18 10.92,5.27 11,5.36V22H13V5.36C13.08,5.27 13.16,5.18 13.25,5.1C14.85,3.58 17.38,3.64 18.91,5.25C20.43,6.85 20.36,9.38 18.76,10.9C18,11.61 17.03,12 16,12V14A6,6 0 0,0 22,8A6,6 0 0,0 16,2Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-cancer.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-cancer.svg
new file mode 100644
index 00000000..fbbaee3c
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-cancer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-cancer" viewBox="0 0 24 24"><path d="M12,4C6.5,4 2,7.58 2,12C2,14.12 3.65,15.87 5.76,16H6A4,4 0 0,0 10,12A4,4 0 0,0 6,8H5.76C7.44,6.41 9.69,5.55 12,5.6C13.77,5.58 15.5,6.07 17,7L18.25,5.75C16.38,4.58 14.21,3.97 12,4M6,10A2,2 0 0,1 8,12C8,13.11 7.08,14 6,14C4.96,14 4.1,13.22 4,12.2C4,12.07 4,11.93 4,11.8C4.1,10.77 4.97,10 6,10M18.24,8H18A4,4 0 0,0 14,12A4,4 0 0,0 18,16H18.24C16.56,17.59 14.31,18.45 12,18.4C10.23,18.42 8.5,17.93 7,17L5.76,18.24C7.63,19.41 9.79,20 12,20C17.5,20 22,16.42 22,12C22,9.88 20.35,8.13 18.24,8M18,14A2,2 0 0,1 16,12C16,10.89 16.92,10 18,10C19.04,10 19.9,10.78 20,11.8C20,11.93 20,12.07 20,12.2C19.9,13.23 19.03,14 18,14Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-capricorn.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-capricorn.svg
new file mode 100644
index 00000000..ba0d1577
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-capricorn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-capricorn" viewBox="0 0 24 24"><path d="M15,13C14.3,13 13.61,13.19 13,13.55V6A3,3 0 0,0 10,3C9.25,3 8.55,3.29 8,3.78C7.45,3.28 6.74,3 6,3V5A1,1 0 0,1 7,6V16H9V6A1,1 0 0,1 10,5A1,1 0 0,1 11,6V17A2,2 0 0,1 9,19V21C10.15,21 11.25,20.5 12,19.62C13.45,21.29 15.97,21.47 17.64,20C19.31,18.58 19.5,16.05 18.04,14.38C17.28,13.5 16.17,13 15,13M15,19A2,2 0 0,1 13,17A2,2 0 0,1 15,15A2,2 0 0,1 17,17A2,2 0 0,1 15,19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-gemini.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-gemini.svg
new file mode 100644
index 00000000..1e3ea980
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-gemini.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-gemini" viewBox="0 0 24 24"><path d="M18,5.3C19.35,4.97 20.66,4.54 21.94,4L21.18,2.14C18.27,3.36 15.15,4 12,4C8.85,4 5.73,3.38 2.82,2.17L2.06,4C3.34,4.54 4.65,4.97 6,5.3V18.7C4.65,19.03 3.34,19.46 2.06,20L2.82,21.86C8.7,19.42 15.3,19.42 21.18,21.86L21.94,20C20.66,19.46 19.35,19.03 18,18.7V5.3M8,18.3V5.69C9.32,5.89 10.66,6 12,6C13.34,6 14.68,5.89 16,5.69V18.31C13.35,17.9 10.65,17.9 8,18.31V18.3Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-leo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-leo.svg
new file mode 100644
index 00000000..ae82d10e
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-leo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-leo" viewBox="0 0 24 24"><path d="M20,17A3,3 0 0,1 17,20C15.38,19.92 14.08,18.62 14,17C14.16,15.39 14.5,13.8 15,12.26C15.54,10.55 15.87,8.79 16,7C15.93,4.27 13.73,2.07 11,2C8.27,2.07 6.07,4.27 6,7C6.15,8.53 6.5,10.03 7,11.5L7.21,12.2C5.1,11.53 2.86,12.7 2.19,14.8C1.5,16.91 2.68,19.16 4.79,19.83C6.9,20.5 9.14,19.33 9.81,17.22C9.94,16.83 10,16.41 10,16C9.84,14.27 9.5,12.56 8.91,10.92C8.47,9.65 8.16,8.34 8,7C8.08,5.38 9.38,4.08 11,4C12.62,4.08 13.92,5.38 14,7C13.84,8.61 13.5,10.2 13,11.74C12.46,13.45 12.13,15.21 12,17C12.07,19.73 14.27,21.93 17,22A5,5 0 0,0 22,17H20M6,18A2,2 0 0,1 4,16A2,2 0 0,1 6,14A2,2 0 0,1 8,16A2,2 0 0,1 6,18Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-libra.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-libra.svg
new file mode 100644
index 00000000..f57f9458
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-libra.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-libra" viewBox="0 0 24 24"><path d="M20,16V18H13V15.91C16,15.36 17.96,12.5 17.41,9.5C16.86,6.5 14,4.54 11,5.09C8,5.65 6.04,8.5 6.59,11.5C7,13.74 8.76,15.5 11,15.91V18H4V16H6.92C5.37,14.59 4.5,12.59 4.5,10.5A7.5,7.5 0 0,1 12,3A7.5,7.5 0 0,1 19.5,10.5C19.5,12.59 18.63,14.59 17.08,16H20M20,19H4V21H20V19Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-pisces.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-pisces.svg
new file mode 100644
index 00000000..229d86e7
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-pisces.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-pisces" viewBox="0 0 24 24"><path d="M20,11H18C18.11,8.19 18.73,5.42 19.81,2.82L18,2.06C16.81,4.9 16.13,7.92 16,11H8C7.87,7.92 7.19,4.9 6,2.06L4.14,2.82C5.24,5.41 5.87,8.18 6,11H4V13H6C5.89,15.81 5.27,18.58 4.19,21.18L6,21.94C7.19,19.1 7.87,16.08 8,13H16C16.13,16.08 16.81,19.1 18,21.94L19.86,21.18C18.76,18.59 18.13,15.82 18,13H20V11Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-sagittarius.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-sagittarius.svg
new file mode 100644
index 00000000..ed2ea9d6
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-sagittarius.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-sagittarius" viewBox="0 0 24 24"><path d="M22,2V12H20V5.41L10.41,15L12.71,17.29L11.29,18.71L9,16.41L3.71,21.71L2.29,20.29L7.59,15L5.29,12.71L6.71,11.29L9,13.59L18.59,4H12V2H22Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-scorpio.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-scorpio.svg
new file mode 100644
index 00000000..4cc9b595
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-scorpio.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-scorpio" viewBox="0 0 24 24"><path d="M17.71,15.29L16.29,16.71L17.59,18H16A2,2 0 0,1 14,16V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V16A4,4 0 0,0 16,20H17.59L16.29,21.29L17.71,22.71L21.41,19L17.71,15.29Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-taurus.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-taurus.svg
new file mode 100644
index 00000000..717fb4ad
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-taurus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-taurus" viewBox="0 0 24 24"><path d="M15.59,9C17.7,7.74 19,5.46 19,3H17A5,5 0 0,1 12,8A5,5 0 0,1 7,3H5C5,5.46 6.3,7.74 8.41,9C5.09,11 4,15.28 6,18.6C7.97,21.92 12.27,23 15.59,21C18.91,19.04 20,14.74 18,11.42C17.42,10.43 16.58,9.59 15.59,9M12,20A5,5 0 0,1 7,15A5,5 0 0,1 12,10A5,5 0 0,1 17,15A5,5 0 0,1 12,20Z" /></svg>
\ No newline at end of file
diff --git a/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-virgo.svg b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-virgo.svg
new file mode 100644
index 00000000..5688a5ca
--- /dev/null
+++ b/apps/phoenix_webcomponent/priv/mdi/svg/zodiac-virgo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" id="mdi-zodiac-virgo" viewBox="0 0 24 24"><path d="M18.5,19.13C20,17.77 20,15.18 20,14A4,4 0 0,0 16,10C15.3,10 14.6,10.2 14,10.56V6A3,3 0 0,0 11,3C10.25,3 9.55,3.29 9,3.78C7.86,2.76 6.14,2.76 5,3.78C4.45,3.28 3.74,3 3,3V5A1,1 0 0,1 4,6V16H6V6A1,1 0 0,1 7,5A1,1 0 0,1 8,6V16H10V6A1,1 0 0,1 11,5A1,1 0 0,1 12,6V14C12,15.18 12,17.77 13.5,19.13C12.72,19.54 11.88,19.84 11,20V22C12.29,22 14.84,20.74 16,20.13C17.16,20.74 19.71,22 21,22V20C20.12,19.84 19.28,19.54 18.5,19.13M16,12A2,2 0 0,1 18,14C18,16.92 17.46,18 16,18C14.54,18 14,16.92 14,14A2,2 0 0,1 16,12Z" /></svg>
\ No newline at end of file
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_controller.ex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_controller.ex
index f9224543..e141dd88 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_controller.ex
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_controller.ex
@@ -1,7 +1,43 @@
 defmodule PhxWCStorybookWeb.PageController do
   use PhxWCStorybookWeb, :controller
 
+  def index(conn, %{"mode" => mode} = _params) do
+    render(conn, "index.html", mode: mode, active_menu: "phx-wc-hook")
+  end
+
   def index(conn, _params) do
-    render(conn, :index)
+    render(conn, "index.html", mode: "app", active_menu: "phx-wc-hook")
+  end
+
+  def mdi(conn, %{"filter" => filter}) do
+    icons =
+      Phoenix.WebComponent.Icons.mdi_icons()
+      |> Enum.filter(fn n ->
+        reg = Regex.compile!("#{filter}", [:caseless])
+        Regex.match?(reg, n)
+      end)
+
+    render(conn, "mdi.html", mdi_icons: icons, active_menu: "mdi")
+  end
+
+  def mdi(conn, _params) do
+    icons = Phoenix.WebComponent.Icons.mdi_icons()
+    render(conn, "mdi.html", mdi_icons: icons, active_menu: "mdi")
+  end
+
+  def bsi(conn, %{"filter" => filter}) do
+    icons =
+      Phoenix.WebComponent.Icons.bsi_icons()
+      |> Enum.filter(fn n ->
+        reg = Regex.compile!("#{filter}", [:caseless])
+        Regex.match?(reg, n)
+      end)
+
+    render(conn, "bsi.html", bsi_icons: icons, active_menu: "bsi")
+  end
+
+  def bsi(conn, _params) do
+    icons = Phoenix.WebComponent.Icons.bsi_icons()
+    render(conn, "bsi.html", bsi_icons: icons, active_menu: "bsi")
   end
 end
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/bsi.html.heex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/bsi.html.heex
new file mode 100644
index 00000000..db82d25a
--- /dev/null
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/bsi.html.heex
@@ -0,0 +1,36 @@
+<.wc_breadcrumb class="bg-white h-6 text-slate-400">
+    <:crumb>Icon</:crumb>
+    <:crumb>Bootstrap Icon</:crumb>
+</.wc_breadcrumb>
+<.wc_card class="w-[100%_!important] h-[calc(100vh-56px-2em)_!important] overflow-auto">
+    <:title class="flex flex-row justify-center items-center">
+        <span class="text-4xl text-blue-600 hover:text-blue-400">
+            Bootstrap Icons
+        </span>
+    </:title>
+    <.wc_markdown content={"""
+    ## Example
+
+    ```html
+    <!-- icon_name is bootstrap icon name -->
+    <.wc_bsi name={icon_name} class="w-12 h-12" />
+    ```
+    """}></.wc_markdown>
+    <div class="flex flex-row mt-4 mb-2">
+        <%= form_for @conn, Routes.page_path(@conn, :bsi), [method: "get", class: "flex flex-row gap-2"], fn f -> %>
+        <label class="flex items-center">Icon Name</label>
+        <%= text_input f, :filter, class: "border rounded-lg py-2 px-3" %>
+        <%= submit "Search", class: "broder rounded-lg bg-blue-600 text-slate-100 py-2 px-3" %>
+        <% end %>
+    </div>
+    <div class="flex flex-row flex-wrap gap-4">
+        <%= for icon_name <- @bsi_icons do %>
+        <div class="border flex flex-col w-40 h-40 items-center justify-center">
+            <div class="text-blue-400"><embed><%= icon_name %></embed></div>
+            <div class="flex items-center justify-center">
+                <.wc_bsi name={icon_name} class="w-24 h-24" />
+            </div>
+        </div>
+        <% end %>
+    </div>
+</.wc_card>
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/index.html.heex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/index.html.heex
index 638a05ac..3db5cda4 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/index.html.heex
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/index.html.heex
@@ -1,5 +1,8 @@
-
-<.wc_card class="w-[100%_!important] h-[calc(100vh-56px-2em)_!important]">
+<.wc_breadcrumb class="bg-white h-6 text-slate-400">
+    <:crumb>Hooks</:crumb>
+    <:crumb>PhxWCHook</:crumb>
+</.wc_breadcrumb>
+<.wc_card class="w-[100%_!important] h-[calc(100vh-56px-2em)_!important] overflow-auto">
     <:title class="flex flex-row justify-center items-center">
         <span class="text-4xl text-blue-600 hover:text-blue-400">
             PhxWCHook
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/mdi.html.heex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/mdi.html.heex
new file mode 100644
index 00000000..704db467
--- /dev/null
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/controllers/page_html/mdi.html.heex
@@ -0,0 +1,36 @@
+<.wc_breadcrumb class="bg-white h-6 text-slate-400">
+    <:crumb>Icon</:crumb>
+    <:crumb>Material Design Icon</:crumb>
+</.wc_breadcrumb>
+<.wc_card class="w-[100%_!important] h-[calc(100vh-56px-2em)_!important] overflow-auto">
+    <:title class="flex flex-row justify-center items-center">
+        <span class="text-4xl text-blue-600 hover:text-blue-400">
+            Material Design Icons
+        </span>
+    </:title>
+    <.wc_markdown content={"""
+    ## Example
+
+    ```html
+    <!-- icon_name is matrial icon name -->
+    <.wc_mdi name={icon_name} class="w-12 h-12" />
+    ```
+    """}></.wc_markdown>
+    <div class="flex flex-row mt-4 mb-2">
+        <%= form_for @conn, Routes.page_path(@conn, :mdi), [method: "get", class: "flex flex-row gap-2"], fn f -> %>
+        <label class="flex items-center">Icon Name</label>
+        <%= text_input f, :filter, class: "border rounded-lg py-2 px-3" %>
+        <%= submit "Search", class: "broder rounded-lg bg-blue-600 text-slate-100 py-2 px-3" %>
+        <% end %>
+    </div>
+    <div class="flex flex-row flex-wrap gap-4">
+        <%= for icon_name <- @mdi_icons do %>
+        <div class="border flex flex-col w-40 h-40 items-center justify-center">
+            <div class="text-blue-400"><embed><%= icon_name %></embed></div>
+            <div class="flex items-center justify-center">
+                <.wc_mdi name={icon_name} class="w-24 h-24" />
+            </div>
+        </div>
+        <% end %>
+    </div>
+</.wc_card>
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/router.ex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/router.ex
index 4b8114b3..c28e64ca 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/router.ex
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/router.ex
@@ -15,14 +15,18 @@ defmodule PhxWCStorybookWeb.Router do
     plug :accepts, ["json"]
   end
 
+  scope "/" do
+    storybook_assets()
+  end
+
   scope "/", PhxWCStorybookWeb do
     pipe_through :browser
 
     get "/", PageController, :index
-  end
 
-  live_storybook("/storybook",
-    otp_app: :phx_wc_storybook_web,
-    backend_module: PhxWCStorybookWeb.Storybook
-  )
+    get "/mdi", PageController, :mdi
+    get "/bsi", PageController, :bsi
+
+    live_storybook("/storybook", backend_module: PhxWCStorybookWeb.Storybook)
+  end
 end
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook.ex b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook.ex
index dc3a947f..7b581213 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook.ex
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook.ex
@@ -7,8 +7,8 @@ defmodule PhxWCStorybookWeb.Storybook do
     # Path to your storybook stories (required).
     content_path: Path.expand("storybook", __DIR__),
 
-    # Custom storybook title. Default is "Live Storybook".
-    title: "Phoenix WebComponent Live Storybook",
+    # Custom storybook title. Default is "Storybook".
+    title: "Phoenix WebComponent Storybook",
 
     # Story compilation mode, can be either `:eager` or `:lazy`.
     # It defaults to `:lazy` in dev environment, `:eager` in other environments.
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/breadcrumb.story.exs b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/breadcrumb.story.exs
new file mode 100644
index 00000000..acec8c46
--- /dev/null
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/breadcrumb.story.exs
@@ -0,0 +1,49 @@
+defmodule PhxWCStorybookWeb.Storybook.Components.Breadcrumb do
+  # :live_component or :page are also available
+  use PhxLiveStorybook.Story, :component
+
+  def function, do: &Phoenix.WebComponent.Breadcrumb.wc_breadcrumb/1
+  def description, do: "A breadcrumb element."
+
+  def variations do
+    [
+      %Variation{
+        id: :default,
+        attributes: %{
+          class: "shadow"
+        },
+        slots: [
+          """
+          <:crumb>
+            <a href="/">Home</a>
+          </:crumb>
+          <:crumb>
+            <button>Page</button>
+          </:crumb>
+          """
+        ]
+      },
+      %Variation{
+        id: :custom_icon,
+        attributes: %{
+          class: "bg-white text-slate-600"
+        },
+        slots: [
+          """
+          <:icon>
+          <Phoenix.WebComponent.Icons.wc_mdi name="home-assistant" class="w-4 h-4" />
+          </:icon>
+          """,
+          """
+          <:crumb>
+            <a href="/">Home</a>
+          </:crumb>
+          <:crumb>
+            <button>Page</button>
+          </:crumb>
+          """
+        ]
+      }
+    ]
+  end
+end
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/link.story.exs b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/link.story.exs
new file mode 100644
index 00000000..41aaa98d
--- /dev/null
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/link.story.exs
@@ -0,0 +1,47 @@
+defmodule PhxWCStorybookWeb.Storybook.Components.Link do
+  # :live_component or :page are also available
+  use PhxLiveStorybook.Story, :component
+
+  def function, do: &Phoenix.WebComponent.Link.wc_link/1
+  def description, do: "Recreate Phoenix.Component.link with custom element."
+
+  def variations do
+    [
+      %Variation{
+        id: :default,
+        attributes: %{
+          href: "/"
+        },
+        slots: [
+          """
+          Back to home
+          """
+        ]
+      },
+      %Variation{
+        id: :primary,
+        attributes: %{
+          href: "/",
+          mode: "primary"
+        },
+        slots: [
+          """
+          Back to home
+          """
+        ]
+      },
+      %Variation{
+        id: :round,
+        attributes: %{
+          href: "/",
+          mode: "round"
+        },
+        slots: [
+          """
+          Back to home
+          """
+        ]
+      }
+    ]
+  end
+end
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/markdown.story.exs b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/markdown.story.exs
index ba59c4ba..707dd65d 100644
--- a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/markdown.story.exs
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/markdown.story.exs
@@ -21,7 +21,7 @@ defmodule PhxWCStorybookWeb.Storybook.Components.Markdown do
           content: """
           # Code
           ```elixir
-          IO.inspect :math.pow(2, 4)
+          n2_4 = :math.pow(2, 4)
           ```
           """
         }
diff --git a/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/modal.story.exs b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/modal.story.exs
new file mode 100644
index 00000000..4231efc8
--- /dev/null
+++ b/apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook/components/modal.story.exs
@@ -0,0 +1,79 @@
+defmodule PhxWCStorybookWeb.Storybook.Components.Modal do
+  use PhxLiveStorybook.Story, :component
+
+  def function, do: &Phoenix.WebComponent.Modal.wc_modal/1
+
+  def imports do
+    [{Phoenix.WebComponent.Modal, wc_show_modal: 0}]
+  end
+
+  def template do
+    """
+    <div>
+      <button type="button" class="btn" phx-click={wc_show_modal()}>
+        Open modal
+      </button>
+      <.lsb-variation />
+    </div>
+    """
+  end
+
+  def variations do
+    [
+      %Variation{
+        id: :default,
+        slots: [
+          "<:title>Phoenix WebComponent</:title>",
+          "<:body>Phoenix WebComponent Storybook</:body>"
+        ]
+      },
+      %Variation{
+        id: :with_buttons,
+        slots: [
+          """
+          <:title>
+            Phoenix WebComponent
+          </:title>
+          """,
+          """
+          <:body>
+            Phoenix WebComponentb Storybook
+            Show Modal
+          </:body>
+          """,
+          """
+          <:button>
+            <button type="button" class="btn">
+              Cancel
+            </button>
+          </:button>
+          """,
+          """
+          <:button>
+            <button type="button" class="btn">
+              OK
+            </button>
+          </:button>
+          """
+        ]
+      },
+      %Variation{
+        id: :without_title,
+        slots: [
+          """
+          <:body>
+            Phoenix WebComponentb Is Awesome
+          </:body>
+          """,
+          """
+          <:button>
+            <button type="button" class="btn">
+              OK
+            </button>
+          </:button>
+          """
+        ]
+      }
+    ]
+  end
+end
diff --git a/apps/phx_wc_storybook_web/mix.exs b/apps/phx_wc_storybook_web/mix.exs
index 83842084..a84622e0 100644
--- a/apps/phx_wc_storybook_web/mix.exs
+++ b/apps/phx_wc_storybook_web/mix.exs
@@ -37,12 +37,11 @@ defmodule PhxWCStorybookWeb.MixProject do
   # Type `mix help deps` for examples and options.
   defp deps do
     [
-      {:phoenix, "~> 1.7.0-rc.0", override: true},
+      {:phoenix, "~> 1.7.1"},
       {:phoenix_html, "~> 3.0"},
       {:phoenix_live_reload, "~> 1.4", only: :dev},
       {:phoenix_live_view, "~> 0.18"},
-      {:phx_live_storybook, "~> 0.4"},
-      {:heroicons, "~> 0.5"},
+      {:phoenix_storybook, "~> 0.5.0"},
       {:floki, ">= 0.30.0", only: :test},
       {:phoenix_live_dashboard, "~> 0.7"},
       {:tailwind, "~> 0.1.6", runtime: Mix.env() == :dev},
diff --git a/config/config.exs b/config/config.exs
index e17eef9a..f123cea6 100644
--- a/config/config.exs
+++ b/config/config.exs
@@ -25,8 +25,6 @@ config :phx_wc_storybook_web, PhxWCStorybookWeb.Endpoint,
   live_view: [signing_salt: "HkF5qV0r"]
 
 config :phx_wc_storybook_web, PhxWCStorybookWeb.Storybook,
-  content_path:
-    Path.expand("../apps/phx_wc_storybook_web/lib/phx_wc_storybook_web/storybook", __DIR__),
   js_path: "/assets/app.js",
   css_path: "/assets/app.css"
 
diff --git a/mix.lock b/mix.lock
index d720099f..b68ecc91 100644
--- a/mix.lock
+++ b/mix.lock
@@ -1,17 +1,16 @@
 %{
-  "castore": {:hex, :castore, "0.1.18", "deb5b9ab02400561b6f5708f3e7660fc35ca2d51bfc6a940d2f513f89c2975fc", [:mix], [], "hexpm", "61bbaf6452b782ef80b33cdb45701afbcf0a918a45ebe7e73f1130d661e66a06"},
+  "castore": {:hex, :castore, "1.0.1", "240b9edb4e9e94f8f56ab39d8d2d0a57f49e46c56aced8f873892df8ff64ff5a", [:mix], [], "hexpm", "b4951de93c224d44fac71614beabd88b71932d0b1dea80d2f80fb9044e01bbb3"},
   "cowboy": {:hex, :cowboy, "2.9.0", "865dd8b6607e14cf03282e10e934023a1bd8be6f6bacf921a7e2a96d800cd452", [:make, :rebar3], [{:cowlib, "2.11.0", [hex: :cowlib, repo: "hexpm", optional: false]}, {:ranch, "1.8.0", [hex: :ranch, repo: "hexpm", optional: false]}], "hexpm", "2c729f934b4e1aa149aff882f57c6372c15399a20d54f65c8d67bef583021bde"},
   "cowboy_telemetry": {:hex, :cowboy_telemetry, "0.4.0", "f239f68b588efa7707abce16a84d0d2acf3a0f50571f8bb7f56a15865aae820c", [:rebar3], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7d98bac1ee4565d31b62d59f8823dfd8356a169e7fcbb83831b8a5397404c9de"},
   "cowlib": {:hex, :cowlib, "2.11.0", "0b9ff9c346629256c42ebe1eeb769a83c6cb771a6ee5960bd110ab0b9b872063", [:make, :rebar3], [], "hexpm", "2b3e9da0b21c4565751a6d4901c20d1b4cc25cbb7fd50d91d2ab6dd287bc86a9"},
-  "earmark": {:hex, :earmark, "1.4.33", "2b33a505180583f98bfa17317f03973b52081bdb24a11be05a7f4fa6d64dd8bf", [:mix], [{:earmark_parser, "~> 1.4.29", [hex: :earmark_parser, repo: "hexpm", optional: false]}], "hexpm", "21b31363d6a0a70802cfbaf2de88355778aa76654298a072bce2e01d1858ae06"},
-  "earmark_parser": {:hex, :earmark_parser, "1.4.29", "149d50dcb3a93d9f3d6f3ecf18c918fb5a2d3c001b5d3305c926cddfbd33355b", [:mix], [], "hexpm", "4902af1b3eb139016aed210888748db8070b8125c2342ce3dcae4f38dcc63503"},
-  "esbuild": {:hex, :esbuild, "0.5.0", "d5bb08ff049d7880ee3609ed5c4b864bd2f46445ea40b16b4acead724fb4c4a3", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "f183a0b332d963c4cfaf585477695ea59eef9a6f2204fdd0efa00e099694ffe5"},
-  "ex_doc": {:hex, :ex_doc, "0.29.0", "4a1cb903ce746aceef9c1f9ae8a6c12b742a5461e6959b9d3b24d813ffbea146", [:mix], [{:earmark_parser, "~> 1.4.19", [hex: :earmark_parser, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.14", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_erlang, "~> 0.1", [hex: :makeup_erlang, repo: "hexpm", optional: false]}], "hexpm", "f096adb8bbca677d35d278223361c7792d496b3fc0d0224c9d4bc2f651af5db1"},
+  "earmark": {:hex, :earmark, "1.4.37", "56ce845c543393aa3f9b294c818c3d783452a4a67e4ab18c4303a954a8b59363", [:mix], [{:earmark_parser, "~> 1.4.31", [hex: :earmark_parser, repo: "hexpm", optional: false]}], "hexpm", "d86d5e12868db86d5321b00e62a4bbcb4150346e4acc9a90a041fb188a5cb106"},
+  "earmark_parser": {:hex, :earmark_parser, "1.4.31", "a93921cdc6b9b869f519213d5bc79d9e218ba768d7270d46fdcf1c01bacff9e2", [:mix], [], "hexpm", "317d367ee0335ef037a87e46c91a2269fef6306413f731e8ec11fc45a7efd059"},
+  "esbuild": {:hex, :esbuild, "0.6.1", "a774bfa7b4512a1211bf15880b462be12a4c48ed753a170c68c63b2c95888150", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "569f7409fb5a932211573fc20e2a930a0d5cf3377c5b4f6506c651b1783a1678"},
+  "ex_doc": {:hex, :ex_doc, "0.29.2", "dfa97532ba66910b2a3016a4bbd796f41a86fc71dd5227e96f4c8581fdf0fdf0", [:mix], [{:earmark_parser, "~> 1.4.19", [hex: :earmark_parser, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.14", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_erlang, "~> 0.1", [hex: :makeup_erlang, repo: "hexpm", optional: false]}], "hexpm", "6b5d7139eda18a753e3250e27e4a929f8d2c880dd0d460cb9986305dea3e03af"},
+  "expo": {:hex, :expo, "0.4.0", "bbe4bf455e2eb2ebd2f1e7d83530ce50fb9990eb88fc47855c515bfdf1c6626f", [:mix], [], "hexpm", "a8ed1683ec8b7c7fa53fd7a41b2c6935f539168a6bb0616d7fd6b58a36f3abf2"},
   "file_system": {:hex, :file_system, "0.2.10", "fb082005a9cd1711c05b5248710f8826b02d7d1784e7c3451f9c1231d4fc162d", [:mix], [], "hexpm", "41195edbfb562a593726eda3b3e8b103a309b733ad25f3d642ba49696bf715dc"},
-  "floki": {:hex, :floki, "0.34.0", "002d0cc194b48794d74711731db004fafeb328fe676976f160685262d43706a8", [:mix], [], "hexpm", "9c3a9f43f40dde00332a589bd9d389b90c1f518aef500364d00636acc5ebc99c"},
-  "gettext": {:hex, :gettext, "0.20.0", "75ad71de05f2ef56991dbae224d35c68b098dd0e26918def5bb45591d5c8d429", [:mix], [], "hexpm", "1c03b177435e93a47441d7f681a7040bd2a816ece9e2666d1c9001035121eb3d"},
-  "heroicons": {:hex, :heroicons, "0.5.1", "cca0dcca07af5f74d8a7d111e40418d3615d65e6773c0ea10e20cef070fd30aa", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18.2", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "4b096d0a1d50e9054df9b12cc637c9f65c3972ff086791d3f2d1846f0653117e"},
-  "html_entities": {:hex, :html_entities, "0.5.2", "9e47e70598da7de2a9ff6af8758399251db6dbb7eebe2b013f2bbd2515895c3c", [:mix], [], "hexpm", "c53ba390403485615623b9531e97696f076ed415e8d8058b1dbaa28181f4fdcc"},
+  "floki": {:hex, :floki, "0.34.2", "5fad07ef153b3b8ec110b6b155ec3780c4b2c4906297d0b4be1a7162d04a7e02", [:mix], [], "hexpm", "26b9d50f0f01796bc6be611ca815c5e0de034d2128e39cc9702eee6b66a4d1c8"},
+  "gettext": {:hex, :gettext, "0.22.1", "e7942988383c3d9eed4bdc22fc63e712b655ae94a672a27e4900e3d4a2c43581", [:mix], [{:expo, "~> 0.4.0", [hex: :expo, repo: "hexpm", optional: false]}], "hexpm", "ad105b8dab668ee3f90c0d3d94ba75e9aead27a62495c101d94f2657a190ac5d"},
   "jason": {:hex, :jason, "1.4.0", "e855647bc964a44e2f67df589ccf49105ae039d4179db7f6271dfd3843dc27e6", [:mix], [{:decimal, "~> 1.0 or ~> 2.0", [hex: :decimal, repo: "hexpm", optional: true]}], "hexpm", "79a3791085b2a0f743ca04cec0f7be26443738779d09302e01318f97bdb82121"},
   "makeup": {:hex, :makeup, "1.1.0", "6b67c8bc2882a6b6a445859952a602afc1a41c2e08379ca057c0f525366fc3ca", [:mix], [{:nimble_parsec, "~> 1.2.2 or ~> 1.3", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "0a45ed501f4a8897f580eabf99a2e5234ea3e75a4373c8a52824f6e873be57a6"},
   "makeup_eex": {:hex, :makeup_eex, "0.1.1", "89352d5da318d97ae27bbcc87201f274504d2b71ede58ca366af6a5fbed9508d", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}, {:makeup_elixir, "~> 0.16", [hex: :makeup_elixir, repo: "hexpm", optional: false]}, {:makeup_html, "~> 0.1.0", [hex: :makeup_html, repo: "hexpm", optional: false]}, {:nimble_parsec, "~> 1.2", [hex: :nimble_parsec, repo: "hexpm", optional: false]}], "hexpm", "d111a0994eaaab09ef1a4b3b313ef806513bb4652152c26c0d7ca2be8402a964"},
@@ -20,23 +19,23 @@
   "makeup_html": {:hex, :makeup_html, "0.1.0", "b0228fda985e311d8f0d25bed58f8280826633a38d7448cabdd723e116165bcf", [:mix], [{:makeup, "~> 1.0", [hex: :makeup, repo: "hexpm", optional: false]}], "hexpm", "0ca44e7dcb8d933e010740324470dd8ec947243b51304bd34b8165ef3281edc2"},
   "mime": {:hex, :mime, "2.0.3", "3676436d3d1f7b81b5a2d2bd8405f412c677558c81b1c92be58c00562bb59095", [:mix], [], "hexpm", "27a30bf0db44d25eecba73755acf4068cbfe26a4372f9eb3e4ea3a45956bff6b"},
   "nimble_parsec": {:hex, :nimble_parsec, "1.2.3", "244836e6e3f1200c7f30cb56733fd808744eca61fd182f731eac4af635cc6d0b", [:mix], [], "hexpm", "c8d789e39b9131acf7b99291e93dae60ab48ef14a7ee9d58c6964f59efb570b0"},
-  "phoenix": {:hex, :phoenix, "1.7.0-rc.0", "8e328572f496b5170e879da94baa57c5f878f354d50eac052c9a7c6d57c2cf54", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.4", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "ed503f6c55184afc0a453e44e6ab2a09f014f59b7fdd682313fdc52ec2f82859"},
-  "phoenix_html": {:hex, :phoenix_html, "3.2.0", "1c1219d4b6cb22ac72f12f73dc5fad6c7563104d083f711c3fcd8551a1f4ae11", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "36ec97ba56d25c0136ef1992c37957e4246b649d620958a1f9fa86165f8bc54f"},
+  "phoenix": {:hex, :phoenix, "1.7.1", "a029bde19d9c3b559e5c3d06c78b76e81396bedd456a6acedb42f9c7b2e535a9", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}, {:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 2.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:plug_crypto, "~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}, {:websock_adapter, "~> 0.4", [hex: :websock_adapter, repo: "hexpm", optional: false]}], "hexpm", "ea9d4a85c3592e37efa07d0dc013254fda445885facaefddcbf646375c116457"},
+  "phoenix_html": {:hex, :phoenix_html, "3.3.1", "4788757e804a30baac6b3fc9695bf5562465dd3f1da8eb8460ad5b404d9a2178", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: true]}], "hexpm", "bed1906edd4906a15fd7b412b85b05e521e1f67c9a85418c55999277e553d0d3"},
   "phoenix_live_dashboard": {:hex, :phoenix_live_dashboard, "0.7.2", "97cc4ff2dba1ebe504db72cb45098cb8e91f11160528b980bd282cc45c73b29c", [:mix], [{:ecto, "~> 3.6.2 or ~> 3.7", [hex: :ecto, repo: "hexpm", optional: true]}, {:ecto_mysql_extras, "~> 0.5", [hex: :ecto_mysql_extras, repo: "hexpm", optional: true]}, {:ecto_psql_extras, "~> 0.7", [hex: :ecto_psql_extras, repo: "hexpm", optional: true]}, {:mime, "~> 1.6 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18.3", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:telemetry_metrics, "~> 0.6 or ~> 1.0", [hex: :telemetry_metrics, repo: "hexpm", optional: false]}], "hexpm", "0e5fdf063c7a3b620c566a30fcf68b7ee02e5e46fe48ee46a6ec3ba382dc05b7"},
-  "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.4.0", "4fe222c0be55fdc3f9c711e24955fc42a7cd9b7a2f5f406f2580a567c335a573", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "bebf0fc2d2113b61cb5968f585367234b7b4c21d963d691de7b4b2dc6cdaae6f"},
-  "phoenix_live_view": {:hex, :phoenix_live_view, "0.18.3", "2e3d009422addf8b15c3dccc65ce53baccbe26f7cfd21d264680b5867789a9c1", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.1", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "c8845177a866e017dcb7083365393c8f00ab061b8b6b2bda575891079dce81b2"},
+  "phoenix_live_reload": {:hex, :phoenix_live_reload, "1.4.1", "2aff698f5e47369decde4357ba91fc9c37c6487a512b41732818f2204a8ef1d3", [:mix], [{:file_system, "~> 0.2.1 or ~> 0.3", [hex: :file_system, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.4", [hex: :phoenix, repo: "hexpm", optional: false]}], "hexpm", "9bffb834e7ddf08467fe54ae58b5785507aaba6255568ae22b4d46e2bb3615ab"},
+  "phoenix_live_view": {:hex, :phoenix_live_view, "0.18.16", "781c6a3ac49e0451ca403848b40807171caea400896fe8ed8e5ddd6106ad5580", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix, "~> 1.6.15 or ~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 3.3", [hex: :phoenix_html, repo: "hexpm", optional: false]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: true]}, {:telemetry, "~> 0.4.2 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "09e6ae2babe62f74bfcd1e3cac1a9b0e2c262557cc566300a843425c9cb6842a"},
   "phoenix_pubsub": {:hex, :phoenix_pubsub, "2.1.1", "ba04e489ef03763bf28a17eb2eaddc2c20c6d217e2150a61e3298b0f4c2012b5", [:mix], [], "hexpm", "81367c6d1eea5878ad726be80808eb5a787a23dee699f96e72b1109c57cdd8d9"},
-  "phoenix_template": {:hex, :phoenix_template, "1.0.0", "c57bc5044f25f007dc86ab21895688c098a9f846a8dda6bc40e2d0ddc146e38f", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "1b066f99a26fd22064c12b2600a9a6e56700f591bf7b20b418054ea38b4d4357"},
+  "phoenix_storybook": {:hex, :phoenix_storybook, "0.5.0", "c70ae33f53adf54e0cb99271e7617cd5160d1b6780fc7bc50b6da2893bfbde3c", [:mix], [{:earmark, "~> 1.4", [hex: :earmark, repo: "hexpm", optional: false]}, {:heroicons, "~> 0.5", [hex: :heroicons, repo: "hexpm", optional: true]}, {:jason, "~> 1.3", [hex: :jason, repo: "hexpm", optional: true]}, {:makeup_eex, "~> 0.1.0", [hex: :makeup_eex, repo: "hexpm", optional: false]}, {:phoenix, "~> 1.7.0", [hex: :phoenix, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}, {:phoenix_view, "~> 2.0", [hex: :phoenix_view, repo: "hexpm", optional: false]}], "hexpm", "156a8c033819584cf9e79d04fefa864cf71f31e53afc02b5eaa14bf716e9224e"},
+  "phoenix_template": {:hex, :phoenix_template, "1.0.1", "85f79e3ad1b0180abb43f9725973e3b8c2c3354a87245f91431eec60553ed3ef", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}], "hexpm", "157dc078f6226334c91cb32c1865bf3911686f8bcd6bcff86736f6253e6993ee"},
   "phoenix_view": {:hex, :phoenix_view, "2.0.2", "6bd4d2fd595ef80d33b439ede6a19326b78f0f1d8d62b9a318e3d9c1af351098", [:mix], [{:phoenix_html, "~> 2.14.2 or ~> 3.0", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:phoenix_template, "~> 1.0", [hex: :phoenix_template, repo: "hexpm", optional: false]}], "hexpm", "a929e7230ea5c7ee0e149ffcf44ce7cf7f4b6d2bfe1752dd7c084cdff152d36f"},
-  "phx_live_storybook": {:hex, :phx_live_storybook, "0.4.5", "a14d33a81caa751e1af8e3e72c638595cf6cccbcabba20cc6821f3c028f1d5d1", [:mix], [{:earmark, "~> 1.4", [hex: :earmark, repo: "hexpm", optional: false]}, {:heroicons, "~> 0.5", [hex: :heroicons, repo: "hexpm", optional: true]}, {:jason, "~> 1.3", [hex: :jason, repo: "hexpm", optional: true]}, {:makeup_eex, "~> 0.1.0", [hex: :makeup_eex, repo: "hexpm", optional: false]}, {:phoenix_live_view, "~> 0.18", [hex: :phoenix_live_view, repo: "hexpm", optional: false]}], "hexpm", "84faeb19a516e474b5732ea3c905f7a920ec3371fd064da306abd62778f5db12"},
   "plug": {:hex, :plug, "1.14.0", "ba4f558468f69cbd9f6b356d25443d0b796fbdc887e03fa89001384a9cac638f", [:mix], [{:mime, "~> 1.0 or ~> 2.0", [hex: :mime, repo: "hexpm", optional: false]}, {:plug_crypto, "~> 1.1.1 or ~> 1.2", [hex: :plug_crypto, repo: "hexpm", optional: false]}, {:telemetry, "~> 0.4.3 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "bf020432c7d4feb7b3af16a0c2701455cbbbb95e5b6866132cb09eb0c29adc14"},
   "plug_cowboy": {:hex, :plug_cowboy, "2.6.0", "d1cf12ff96a1ca4f52207c5271a6c351a4733f413803488d75b70ccf44aebec2", [:mix], [{:cowboy, "~> 2.7", [hex: :cowboy, repo: "hexpm", optional: false]}, {:cowboy_telemetry, "~> 0.3", [hex: :cowboy_telemetry, repo: "hexpm", optional: false]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "073cf20b753ce6682ed72905cd62a2d4bd9bad1bf9f7feb02a1b8e525bd94fa6"},
   "plug_crypto": {:hex, :plug_crypto, "1.2.3", "8f77d13aeb32bfd9e654cb68f0af517b371fb34c56c9f2b58fe3df1235c1251a", [:mix], [], "hexpm", "b5672099c6ad5c202c45f5a403f21a3411247f164e4a8fab056e5cd8a290f4a2"},
   "ranch": {:hex, :ranch, "1.8.0", "8c7a100a139fd57f17327b6413e4167ac559fbc04ca7448e9be9057311597a1d", [:make, :rebar3], [], "hexpm", "49fbcfd3682fab1f5d109351b61257676da1a2fdbe295904176d5e521a2ddfe5"},
-  "tailwind": {:hex, :tailwind, "0.1.9", "25ba09d42f7bfabe170eb67683a76d6ec2061952dc9bd263a52a99ba3d24bd4d", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "9213f87709c458aaec313bb5f2df2b4d2cedc2b630e4ae821bf3c54c47a56d0b"},
-  "telemetry": {:hex, :telemetry, "1.1.0", "a589817034a27eab11144ad24d5c0f9fab1f58173274b1e9bae7074af9cbee51", [:rebar3], [], "hexpm", "b727b2a1f75614774cff2d7565b64d0dfa5bd52ba517f16543e6fc7efcc0df48"},
+  "tailwind": {:hex, :tailwind, "0.1.10", "21ed80ae1f411f747ee513470578acaaa1d0eb40170005350c5b0b6d07e2d624", [:mix], [{:castore, ">= 0.0.0", [hex: :castore, repo: "hexpm", optional: false]}], "hexpm", "e0fc474dfa8ed7a4573851ac69c5fd3ca70fbb0a5bada574d1d657ebc6f2f1f1"},
+  "telemetry": {:hex, :telemetry, "1.2.1", "68fdfe8d8f05a8428483a97d7aab2f268aaff24b49e0f599faa091f1d4e7f61c", [:rebar3], [], "hexpm", "dad9ce9d8effc621708f99eac538ef1cbe05d6a874dd741de2e689c47feafed5"},
   "telemetry_metrics": {:hex, :telemetry_metrics, "0.6.1", "315d9163a1d4660aedc3fee73f33f1d355dcc76c5c3ab3d59e76e3edf80eef1f", [:mix], [{:telemetry, "~> 0.4 or ~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "7be9e0871c41732c233be71e4be11b96e56177bf15dde64a8ac9ce72ac9834c6"},
   "telemetry_poller": {:hex, :telemetry_poller, "1.0.0", "db91bb424e07f2bb6e73926fcafbfcbcb295f0193e0a00e825e589a0a47e8453", [:rebar3], [{:telemetry, "~> 1.0", [hex: :telemetry, repo: "hexpm", optional: false]}], "hexpm", "b3a24eafd66c3f42da30fc3ca7dda1e9d546c12250a2d60d7b81d264fbec4f6e"},
   "websock": {:hex, :websock, "0.4.3", "184ac396bdcd3dfceb5b74c17d221af659dd559a95b1b92041ecb51c9b728093", [:mix], [], "hexpm", "5e4dd85f305f43fd3d3e25d70bec4a45228dfed60f0f3b072d8eddff335539cf"},
-  "websock_adapter": {:hex, :websock_adapter, "0.4.4", "c87202c8e42c3fb6943ce48f00e9c19caa4dbeae34c58e3827e382aef522b10f", [:mix], [{:bandit, "~> 0.5.9", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14.0", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.4.3", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "7192eea9f822f24d3731c28934a6ad92d782f9acf815d34f72c84f1d994c6e86"},
+  "websock_adapter": {:hex, :websock_adapter, "0.4.5", "30038a3715067f51a9580562c05a3a8d501126030336ffc6edb53bf57d6d2d26", [:mix], [{:bandit, "~> 0.6", [hex: :bandit, repo: "hexpm", optional: true]}, {:plug, "~> 1.14", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 2.6", [hex: :plug_cowboy, repo: "hexpm", optional: true]}, {:websock, "~> 0.4", [hex: :websock, repo: "hexpm", optional: false]}], "hexpm", "1d9812dc7e703c205049426fd4fe0852a247a825f91b099e53dc96f68bafe4c8"},
 }